@hero-design/rn 7.6.0 → 7.6.1-alpha

package/lib/components/Progress/ProgressBar.d.ts

@@ -0,0 +1,18 @@
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+export interface ProgressBarProps extends ViewProps {
+    /**
+     * The progress completion percentage: 0-100.
+     */
+    value: number;
+    /**
+     * Set intent for your progress.
+     */
+    intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const ProgressBar: ({ value, intent, style, testID, ...nativeProps }: ProgressBarProps) => JSX.Element;
+export default ProgressBar;

package/lib/components/Progress/ProgressCircle.d.ts

@@ -0,0 +1,18 @@
+import { ViewProps, StyleProp, ViewStyle } from 'react-native';
+export interface ProgressCircleProps extends ViewProps {
+    /**
+     * The progress completion percentage: 0-100.
+     */
+    value: number;
+    /**
+     * Set intent for your progress.
+     */
+    intent?: 'primary' | 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    testID?: string;
+}
+declare const ProgressCircle: ({ value, intent, style, testID, ...nativeProps }: ProgressCircleProps) => JSX.Element;
+export default ProgressCircle;

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

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

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

@@ -0,0 +1,38 @@
+/// <reference types="react" />
+import { View, ViewProps } from 'react-native';
+import { ThemeIntent } from './types';
+declare const HalfCircleWrapper: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HalfCircleInnerFG: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HalfCircleInnerBG: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const DonutCircle: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StrokeEnd: import("@emotion/native").StyledComponent<ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { DonutCircle, HalfCircleWrapper, HalfCircleInnerFG, HalfCircleInnerBG, StrokeEnd, };

package/lib/components/Progress/index.d.ts

@@ -0,0 +1,5 @@
+declare const Progress: {
+    readonly Circle: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressCircle").ProgressCircleProps) => JSX.Element;
+    readonly Bar: ({ value, intent, style, testID, ...nativeProps }: import("./ProgressBar").ProgressBarProps) => JSX.Element;
+};
+export default Progress;

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

@@ -0,0 +1 @@
+export declare type ThemeIntent = 'primary' | 'success' | 'warning' | 'danger' | 'info';

package/lib/components/Tabs/ActiveTabIndicator.d.ts

@@ -0,0 +1,8 @@
+import { Animated } from 'react-native';
+declare const ActiveTabIndicator: ({ scrollOffsetAnimatedValue, positionAnimatedValue, tabsLength, tabsWidth, }: {
+    scrollOffsetAnimatedValue: Animated.Value;
+    positionAnimatedValue: Animated.Value;
+    tabsLength: number;
+    tabsWidth: number;
+}) => JSX.Element;
+export default ActiveTabIndicator;

package/lib/components/Tabs/ScrollableTabs.d.ts

@@ -0,0 +1,3 @@
+import { TabsProps } from '.';
+declare const ScrollableTab: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
+export default ScrollableTab;

package/lib/components/Tabs/StyledScrollableTabs.d.ts

@@ -0,0 +1,61 @@
+/// <reference types="react" />
+import { Animated, View } from 'react-native';
+import PagerView from 'react-native-pager-view';
+declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native-pager-view").PagerViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<PagerView> | undefined;
+}>;
+declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabItem: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const HeaderTabItemOutlineWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabItemOutline: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeActive: boolean;
+}, {}, {}>;
+declare const HeaderTabItemWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+export { HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, HeaderTabItemOutlineWrapper, HeaderTabItemOutline, HeaderTabItemWrapper, };

package/lib/components/Tabs/StyledTabs.d.ts

@@ -0,0 +1,55 @@
+/// <reference types="react" />
+import { Animated, View } from 'react-native';
+import PagerView from 'react-native-pager-view';
+declare const TabContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const HeaderTabItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const ContentWrapper: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native-pager-view").PagerViewProps & import("react").RefAttributes<PagerView>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {}>;
+declare const TabScreen: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledIndicator: import("@emotion/native").StyledComponent<Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<View>> & {
+    children?: import("react").ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeWidth: number;
+}, {}, {}>;
+export { TabContainer, HeaderTabWrapper, HeaderTab, HeaderTabItem, ContentWrapper, TabScreen, StyledIndicator, };

package/lib/components/Tabs/__tests__/ScrollableTabs.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Tabs/__tests__/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Tabs/index.d.ts

@@ -0,0 +1,54 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import { IconName } from '../Icon';
+export declare type ItemType = string | IconName | ((props: {
+    color: string;
+}) => ReactNode);
+export declare type TabType = {
+    key: string;
+    activeItem: ItemType;
+    inactiveItem?: ItemType;
+    component: ReactNode;
+    testID?: string;
+    showBadge?: boolean;
+};
+export interface TabsProps extends ViewProps {
+    /**
+     * Callback which is called on tab press, receiving key of upcoming active Tab.
+     */
+    onTabPress: (key: string) => void;
+    /**
+     * Current selected tab key.
+     */
+    selectedTabKey: string;
+    /**
+     * List of Tabs to be rendered. Each Tab must have an unique key.
+     */
+    tabs: TabType[];
+    /**
+     * Style for the container of Tab.
+     */
+    containerStyle?: StyleProp<ViewStyle>;
+    /**
+     * Style for the tab navigation bar.
+     */
+    barStyle?: StyleProp<ViewStyle>;
+    /**
+     * Whether inactive screen should be removed and unmounted in React.
+     * Defaults value is `false`.
+     */
+    lazy?: boolean;
+    /**
+     * Only work when lazy is `true`. You can specify how many adjacent screens should be preloaded.
+     * Defaults value is `1`.
+     */
+    lazyPreloadDistance?: number;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const _default: (({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element) & {
+    Scroll: ({ onTabPress, selectedTabKey, tabs, containerStyle, barStyle, lazy, lazyPreloadDistance, }: TabsProps) => JSX.Element;
+};
+export default _default;

package/lib/components/Tabs/utils.d.ts

@@ -0,0 +1,2 @@
+import { Animated } from 'react-native';
+export declare const useAnimatedValueArray: (initialValues: number[]) => Animated.Value[];

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

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import { View, Text } from 'react-native';
+declare type ThemeIntent = 'success' | 'warning' | 'danger' | 'info';
+declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<View> | undefined;
+}>;
+declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeIntent: ThemeIntent;
+}, {}, {
+    ref?: import("react").Ref<Text> | undefined;
+}>;
+export { StyledView, StyledText };

package/lib/components/Tag/__tests__/Tag.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Tag/index.d.ts

@@ -0,0 +1,21 @@
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+interface TagProps extends ViewProps {
+    /**
+     * Content of the Tag.
+     */
+    content: string;
+    /**
+     * Visual intent color to apply to Tag.
+     */
+    intent?: 'success' | 'warning' | 'danger' | 'info';
+    /**
+     * Additional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const Tag: ({ content, intent, style, testID, ...nativeProps }: TagProps) => JSX.Element;
+export default Tag;

package/lib/components/Typography/Text/StyledText.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { Text } from 'react-native';
+declare const StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+} & {
+    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge';
+    themeFontWeight: 'light' | 'regular' | 'semi-bold';
+    themeIntent: 'body' | 'subdued' | 'primary';
+}, {}, {
+    ref?: import("react").Ref<Text> | undefined;
+}>;
+export { StyledText };

package/lib/components/Typography/Text/__tests__/StyledText.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Typography/Text/__tests__/index.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/lib/components/Typography/Text/index.d.ts

@@ -0,0 +1,30 @@
+import { ReactNode } from 'react';
+import { TextProps as NativeTextProps, StyleProp, TextStyle } from 'react-native';
+export interface TextProps extends NativeTextProps {
+    /**
+     * Text content.
+     */
+    children: ReactNode;
+    /**
+     * Size of the text.
+     */
+    fontSize?: 'small' | 'medium' | 'large' | 'xlarge';
+    /**
+     * Font weight of the text.
+     */
+    fontWeight?: 'light' | 'regular' | 'semi-bold';
+    /**
+     * Visual intent color to apply to the text.
+     */
+    intent?: 'body' | 'subdued' | 'primary';
+    /**
+     * Addditional style.
+     */
+    style?: StyleProp<TextStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const Text: ({ children, fontSize, fontWeight, intent, ...nativeProps }: TextProps) => JSX.Element;
+export default Text;

package/lib/components/Typography/index.d.ts

@@ -0,0 +1,6 @@
+import Text from './Text';
+interface TypographyProps {
+    Text: typeof Text;
+}
+declare const Typography: TypographyProps;
+export default Typography;

package/lib/index.d.ts

@@ -0,0 +1,19 @@
+import { ThemeProvider, useTheme } from '@emotion/react';
+import theme, { getTheme } from './theme';
+import { scale } from './utils/scale';
+import Avatar from './components/Avatar';
+import Badge from './components/Badge';
+import BottomNavigation from './components/BottomNavigation';
+import Button from './components/Button';
+import Card from './components/Card';
+import Collapse from './components/Collapse';
+import Divider from './components/Divider';
+import Drawer from './components/Drawer';
+import FAB from './components/FAB';
+import Icon from './components/Icon';
+import Progress from './components/Progress';
+import Tabs from './components/Tabs';
+import Tag from './components/Tag';
+import Typography from './components/Typography';
+export { theme, getTheme, useTheme, scale, ThemeProvider, Avatar, Badge, BottomNavigation, Button, Card, Collapse, Divider, Drawer, FAB, Icon, Progress, Tabs, Tag, Typography, };
+export * from './types';