@hero-design/rn 7.4.0 → 7.5.0

package/types/src/components/Tabs/StyledScrollableTabs.d.ts

@@ -1,61 +0,0 @@
-/// <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/types/src/components/Tabs/StyledTabs.d.ts

@@ -1,55 +0,0 @@
-/// <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/types/src/components/Tabs/__tests__/ScrollableTabs.spec.d.ts

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

package/types/src/components/Tabs/__tests__/index.spec.d.ts

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

package/types/src/components/Tabs/index.d.ts

@@ -1,54 +0,0 @@
-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/types/src/components/Tabs/utils.d.ts

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

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

@@ -1,20 +0,0 @@
-/// <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/types/src/components/Tag/__tests__/Tag.spec.d.ts

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

package/types/src/components/Tag/index.d.ts

@@ -1,21 +0,0 @@
-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/types/src/components/Typography/Text/StyledText.d.ts

@@ -1,13 +0,0 @@
-/// <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/types/src/components/Typography/Text/__tests__/StyledText.spec.d.ts

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

package/types/src/components/Typography/Text/__tests__/index.spec.d.ts

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

package/types/src/components/Typography/Text/index.d.ts

@@ -1,30 +0,0 @@
-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/types/src/components/Typography/index.d.ts

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

package/types/src/index.d.ts

@@ -1,19 +0,0 @@
-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';

package/types/src/testHelpers/renderWithTheme.d.ts

@@ -1,3 +0,0 @@
-import { RenderOptions } from '@testing-library/react-native';
-declare const renderWithTheme: (ui: JSX.Element, options?: RenderOptions | undefined) => import("@testing-library/react-native").RenderAPI;
-export default renderWithTheme;

package/types/src/theme/__tests__/index.spec.d.ts

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

package/types/src/theme/components/avatar.d.ts

@@ -1,32 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getAvatarTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    sizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    radii: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-    fontSizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getAvatarTheme;

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

@@ -1,29 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getBadgeTheme: (theme: GlobalTheme) => {
-    colors: {
-        danger: string;
-        info: string;
-        success: string;
-        warning: string;
-        archived: string;
-        text: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
-    sizes: {
-        height: number;
-        minWidth: number;
-        statusHeight: number;
-        statusWidth: number;
-    };
-    space: {
-        horizontalPadding: number;
-        statusPositionTop: number;
-        statusPositionRight: number;
-    };
-};
-export default getBadgeTheme;

package/types/src/theme/components/bottomNavigation.d.ts

@@ -1,23 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-    };
-    sizes: {
-        height: number;
-    };
-    space: {
-        titleMarginTop: number;
-    };
-};
-export default getBottomNavigationTheme;

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

@@ -1,37 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getButtonTheme: (theme: GlobalTheme) => {
-    borderWidth: {
-        default: number;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSize: {
-        default: number;
-    };
-    sizes: {
-        iconSize: number;
-    };
-    radii: {
-        default: number;
-    };
-    colors: {
-        primary: string;
-        pressedPrimary: string;
-        secondary: string;
-        pressedSecondary: string;
-        defaultText: string;
-        disabledText: string;
-        disabledBorder: string;
-        disabledBackground: string;
-        invertedText: string;
-    };
-    lineHeight: {
-        default: number;
-    };
-    space: {
-        buttonPadding: number;
-        iconPadding: number;
-    };
-};
-export default getButtonTheme;

package/types/src/theme/components/card.d.ts

@@ -1,10 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getCardTheme: (theme: GlobalTheme) => {
-    colors: {
-        dataCardIndicator: string;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getCardTheme;

package/types/src/theme/components/divider.d.ts

@@ -1,17 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getDividerTheme: (theme: GlobalTheme) => {
-    colors: {
-        default: string;
-    };
-    space: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    borderWidths: {
-        default: number;
-    };
-};
-export default getDividerTheme;

package/types/src/theme/components/drawer.d.ts

@@ -1,21 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getDrawerTheme: (theme: GlobalTheme) => {
-    colors: {
-        shadow: string;
-        background: string;
-        backdrop: string;
-    };
-    radii: {
-        default: number;
-    };
-    shadows: {
-        offset: {
-            width: number;
-            height: number;
-        };
-        opacity: number;
-        radius: number;
-        elevation: number;
-    };
-};
-export default getDrawerTheme;

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

@@ -1,51 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getFABTheme: (theme: GlobalTheme) => {
-    radii: {
-        actionItem: number;
-    };
-    fonts: {
-        header: string;
-        actionItemText: string;
-        title: string;
-    };
-    fontSizes: {
-        header: number;
-        actionItemText: number;
-        title: number;
-    };
-    colors: {
-        buttonBackground: string;
-        icon: string;
-        headerText: string;
-        actionItemBackground: string;
-        backdropBackground: string;
-        titleText: string;
-    };
-    sizes: {
-        width: number;
-        height: number;
-    };
-    lineHeights: {
-        header: number;
-        actionItemText: number;
-        title: number;
-        icon: number;
-    };
-    space: {
-        actionItemPaddingLeft: number;
-        actionItemPaddingRight: number;
-        actionItemPaddingTop: number;
-        actionItemPaddingBottom: number;
-        actionItemMargin: number;
-        actionItemMarginRight: number;
-        actionItemTextPaddingLeft: number;
-        buttonMarginTop: number;
-        buttonMarginRight: number;
-        headerTextMarginRight: number;
-        headerTextMarginBottom: number;
-        containerPaddingHorizontal: number;
-        containerPaddingVertical: number;
-        titleMarginHorizontal: number;
-    };
-};
-export default getFABTheme;

package/types/src/theme/components/icon.d.ts

@@ -1,19 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getIconTheme: (theme: GlobalTheme) => {
-    colors: {
-        text: string;
-        primary: string;
-        info: string;
-        danger: string;
-        success: string;
-        warning: string;
-    };
-    sizes: {
-        xsmall: number;
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getIconTheme;

package/types/src/theme/components/progress.d.ts

@@ -1,21 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getProgressTheme: (theme: GlobalTheme) => {
-    colors: {
-        primary: string;
-        success: string;
-        warning: string;
-        danger: string;
-        info: string;
-        background: string;
-        innerBackground: string;
-    };
-    sizes: {
-        radius: number;
-        strokeWidth: number;
-        barHeight: number;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getProgressTheme;

package/types/src/theme/components/tabs.d.ts

@@ -1,27 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTabsTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        headerBottom: number;
-    };
-    colors: {
-        active: string;
-        inactive: string;
-        activeBackground: string;
-        headerBottom: string;
-        text: string;
-    };
-    space: {
-        flatListHorizontalPadding: number;
-        itemHorizontalPadding: number;
-        itemVerticalPadding: number;
-        outlineHorizontalPadding: number;
-        outlineVerticalPadding: number;
-    };
-    radii: {
-        outline: number;
-    };
-    sizes: {
-        indicator: number;
-    };
-};
-export default getTabsTheme;

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

@@ -1,30 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTagTheme: (theme: GlobalTheme) => {
-    borderWidths: {
-        default: number;
-    };
-    colors: {
-        danger: string;
-        dangerBackground: string;
-        info: string;
-        infoBackground: string;
-        success: string;
-        successBackground: string;
-        warning: string;
-        warningBackground: string;
-    };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: number;
-    };
-    space: {
-        horizontalPadding: number;
-        verticalPadding: number;
-    };
-    radii: {
-        default: number;
-    };
-};
-export default getTagTheme;