@hero-design/rn 7.6.1-alpha.0 → 7.7.0

package/es/theme/global/colors.d.ts

@@ -1,29 +0,0 @@
-declare const systemPalette: {
-    primary: string;
-    primaryLight: string;
-    primaryDark: string;
-    primaryBackground: string;
-    info: string;
-    infoLight: string;
-    infoBackground: string;
-    success: string;
-    successDark: string;
-    successLight: string;
-    successBackground: string;
-    danger: string;
-    dangerLight: string;
-    dangerBackground: string;
-    warning: string;
-    warningDark: string;
-    warningBackground: string;
-    platformBackground: string;
-    backgroundLight: string;
-    backgroundDark: string;
-    text: string;
-    disabledText: string;
-    invertedText: string;
-    outline: string;
-    archived: string;
-};
-declare type SystemPalette = typeof systemPalette;
-export { systemPalette, SystemPalette };

package/es/theme/global/index.d.ts

@@ -1,39 +0,0 @@
-import { scale as defaultScale, Scale } from './scale';
-import { systemPalette as defaultSystemPalette, SystemPalette } from './colors';
-declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
-    colors: {
-        primary: string;
-        primaryLight: string;
-        primaryDark: string;
-        primaryBackground: string;
-        info: string;
-        infoLight: string;
-        infoBackground: string;
-        success: string;
-        successDark: string;
-        successLight: string;
-        successBackground: string;
-        danger: string;
-        dangerLight: string;
-        dangerBackground: string;
-        warning: string;
-        warningDark: string;
-        warningBackground: string;
-        platformBackground: string;
-        backgroundLight: string;
-        backgroundDark: string;
-        text: string;
-        disabledText: string;
-        invertedText: string;
-        outline: string;
-        archived: string;
-    };
-    fonts: import("./typography").Fonts;
-    fontSizes: import("./typography").FontSizes;
-    lineHeights: import("./typography").FontSizes;
-    borderWidths: import("./borders").BorderWidths;
-    space: import("./space").Space;
-    radii: import("./borders").Radii;
-};
-declare type GlobalTheme = ReturnType<typeof getGlobalTheme>;
-export { GlobalTheme, Scale, SystemPalette, getGlobalTheme, defaultScale, defaultSystemPalette, };

package/es/theme/global/scale.d.ts

@@ -1,9 +0,0 @@
-declare const scale: {
-    borderWidth: number;
-    space: number;
-    font: string;
-    fontSize: number;
-    radius: number;
-};
-declare type Scale = typeof scale;
-export { scale, Scale };

package/es/theme/global/space.d.ts

@@ -1,13 +0,0 @@
-interface Space {
-    large: number;
-    medium: number;
-    small: number;
-    xlarge: number;
-    xsmall: number;
-    xxlarge: number;
-    xxsmall: number;
-    xxxlarge: number;
-    xxxxlarge: number;
-}
-declare const getSpace: (baseSpace: number) => Space;
-export { Space, getSpace };

package/es/theme/global/typography.d.ts

@@ -1,21 +0,0 @@
-interface Fonts {
-    light: string;
-    regular: string;
-    semiBold: string;
-}
-interface FontSizes {
-    xxxxxlarge: number;
-    xxxxlarge: number;
-    xxxlarge: number;
-    xxlarge: number;
-    xlarge: number;
-    large: number;
-    medium: number;
-    small: number;
-    xsmall: number;
-}
-declare type LineHeights = FontSizes;
-declare const getFonts: (baseFont: string) => Fonts;
-declare const getFontSizes: (baseFontSize: number) => FontSizes;
-declare const getLineHeights: (fontSizes: FontSizes) => LineHeights;
-export { Fonts, FontSizes, LineHeights, getFonts, getFontSizes, getLineHeights, };

package/es/theme/index.d.ts

@@ -1,33 +0,0 @@
-import { GlobalTheme, Scale, SystemPalette } from './global';
-import getBadgeTheme from './components/badge';
-import getBottomNavigationTheme from './components/bottomNavigation';
-import getCardTheme from './components/card';
-import getDividerTheme from './components/divider';
-import getDrawerTheme from './components/drawer';
-import getTabsTheme from './components/tabs';
-import getTagTheme from './components/tag';
-import getIconTheme from './components/icon';
-import getProgressTheme from './components/progress';
-import getTypographyTheme from './components/typography';
-import getFABTheme from './components/fab';
-import getAvatarTheme from './components/avatar';
-declare type Theme = GlobalTheme & {
-    __hd__: {
-        avatar: ReturnType<typeof getAvatarTheme>;
-        badge: ReturnType<typeof getBadgeTheme>;
-        bottomNavigation: ReturnType<typeof getBottomNavigationTheme>;
-        card: ReturnType<typeof getCardTheme>;
-        divider: ReturnType<typeof getDividerTheme>;
-        drawer: ReturnType<typeof getDrawerTheme>;
-        icon: ReturnType<typeof getIconTheme>;
-        progress: ReturnType<typeof getProgressTheme>;
-        tabs: ReturnType<typeof getTabsTheme>;
-        tag: ReturnType<typeof getTagTheme>;
-        typography: ReturnType<typeof getTypographyTheme>;
-        fab: ReturnType<typeof getFABTheme>;
-    };
-};
-declare const getTheme: (scale?: Scale, systemPallete?: SystemPalette) => Theme;
-declare const theme: Theme;
-export { Theme, getTheme };
-export default theme;

package/es/types.d.ts

@@ -1,5 +0,0 @@
-import { BottomNavigationTabType } from './components/BottomNavigation';
-import { IconName } from './components/Icon';
-import { TabType } from './components/Tabs';
-import { Theme } from './theme';
-export type { BottomNavigationTabType, IconName, TabType, Theme };

package/es/utils/__tests__/scale.spec.d.ts

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

package/es/utils/helpers.d.ts

@@ -1,2 +0,0 @@
-export declare const isIOS: boolean;
-export declare const isAndroid: boolean;

package/es/utils/hooks.d.ts

@@ -1 +0,0 @@
-export declare const usePrevious: <T>(value: T) => T | undefined;

package/es/utils/scale.d.ts

@@ -1,3 +0,0 @@
-export declare const BASE_WIDTH = 390;
-export declare const horizontalScale: (size: number) => number;
-export declare const scale: (size: number, factor?: number) => number;

package/lib/components/Avatar/StyledAvatar.d.ts

@@ -1,46 +0,0 @@
-/// <reference types="react" />
-import { View, Image, TouchableOpacity, Text } from 'react-native';
-declare type ThemeSize = 'small' | 'medium' | 'large' | 'xlarge';
-declare type ThemeIntent = 'primary' | 'info' | 'danger' | 'success' | 'warning';
-declare const StyledPressable: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSize: ThemeSize;
-    themeIntent: ThemeIntent;
-}, {}, {
-    ref?: import("react").Ref<TouchableOpacity> | undefined;
-}>;
-declare const StyledView: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSize: ThemeSize;
-    themeIntent: ThemeIntent;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledTextWrapper: 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 StyledText: import("@emotion/native").StyledComponent<import("react-native").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSize: ThemeSize;
-    themeIntent: ThemeIntent;
-}, {}, {
-    ref?: import("react").Ref<Text> | undefined;
-}>;
-declare const StyledImage: import("@emotion/native").StyledComponent<import("react-native").ImageProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeSize: ThemeSize;
-}, {}, {
-    ref?: import("react").Ref<Image> | undefined;
-}>;
-export { StyledPressable, StyledView, StyledImage, StyledTextWrapper, StyledText, };

package/lib/components/Avatar/__tests__/StyledAvatar.spec.d.ts

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

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

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

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

@@ -1,25 +0,0 @@
-import { ImageSourcePropType, StyleProp, ViewProps, ViewStyle } from 'react-native';
-interface AvatarProps extends ViewProps {
-    /** Callback function when pressing component. */
-    onPress?: () => void;
-    /** Image source to be displayed on avatar. */
-    source?: ImageSourcePropType;
-    /** Renders title in the placeholder. */
-    title?: string;
-    /**
-     * Intent of the Icon.
-     */
-    intent?: 'primary' | 'info' | 'danger' | 'success' | 'warning';
-    /** Size of the avatar. */
-    size?: 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * Addditional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Avatar: ({ onPress, source, testID, style, title, size, intent, }: AvatarProps) => JSX.Element | null;
-export default Avatar;

package/lib/components/Badge/Status.d.ts

@@ -1,24 +0,0 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import { ReactNode } from 'react';
-export interface StatusProps extends ViewProps {
-    children: ReactNode;
-    /**
-     * Whether the Status Badge is visible.
-     */
-    visible?: boolean;
-    /**
-    /**
-     * Visual intent color to apply to Status Badge.
-     */
-    intent?: 'success' | 'warning' | 'danger' | 'info' | 'archived';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Status: ({ children, visible, intent, style, testID, ...nativeProps }: StatusProps) => JSX.Element;
-export default Status;

package/lib/components/Badge/StyledBadge.d.ts

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

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

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

package/lib/components/Badge/__tests__/Status.spec.d.ts

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

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

@@ -1,32 +0,0 @@
-import { Animated, StyleProp, ViewStyle } from 'react-native';
-import React from 'react';
-interface BadgeProps extends React.ComponentProps<typeof Animated.View> {
-    /**
-     * Content of the Badge.
-     */
-    content: string | number;
-    /**
-     * Whether the Badge is visible.
-     */
-    visible?: boolean;
-    /**
-     * The maximum number displayed on the badge. If number exceeds this value, `${max}+` are displayed instead. (Only applied when content is number.)
-     */
-    max?: number;
-    /**
-     * Visual intent color to apply to Badge.
-     */
-    intent?: 'success' | 'warning' | 'danger' | 'info' | 'archived';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const _default: (({ content: originalContent, visible, max, intent, style, testID, ...nativeProps }: BadgeProps) => JSX.Element) & {
-    Status: ({ children, visible, intent, style, testID, ...nativeProps }: import("./Status").StatusProps) => JSX.Element;
-};
-export default _default;

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

@@ -1,52 +0,0 @@
-/// <reference types="react" />
-import { View } from 'react-native';
-declare const BottomNavigationTab: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeVisibility?: boolean | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const BottomNavigationContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const ContentWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const BottomBarWrapper: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeInsets: {
-        top: number;
-        right: number;
-        bottom: number;
-        left: number;
-    };
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const BottomBar: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const BottomBarItem: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const StyledBottomBarText: import("@emotion/native").StyledComponent<import("../Typography/Text").TextProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, {}, {}>;
-export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, StyledBottomBarText, };

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

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

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

@@ -1,45 +0,0 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import { IconName } from '../Icon';
-export declare type BottomNavigationTabType = {
-    key: string;
-    title?: string;
-    icon: IconName;
-    component: ReactNode;
-    testID?: string;
-};
-interface BottomNavigationProps extends ViewProps {
-    /**
-     * Callback which is called on tab press, receiving key of upcoming active Tab.
-     */
-    onTabPress: (key: string) => void;
-    /**
-     * Whether inactive tabs should be removed and unmounted in React.
-     * Defaults to `false`.
-     */
-    renderActiveTabOnly?: boolean;
-    /**
-     * Current selected tab key.
-     */
-    selectedTabKey: string;
-    /**
-     * List of Tabs to be rendered. Each Tab must have an unique key.
-     */
-    tabs: {
-        key: string;
-        title?: string;
-        icon: IconName;
-        component: ReactNode;
-        testID?: string;
-    }[];
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const BottomNavigation: ({ onTabPress, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: BottomNavigationProps) => JSX.Element;
-export default BottomNavigation;

package/lib/components/Button/IconButton.d.ts

@@ -1,34 +0,0 @@
-import { StyleProp, ViewStyle, TouchableOpacityProps } from 'react-native';
-import { IconProps, IconName } from '../Icon';
-export interface IconButtonProps {
-    /**
-     * Set how far you can touch from the button.
-     */
-    hitSlop?: TouchableOpacityProps['hitSlop'];
-    /**
-     * Name of the Icon.
-     */
-    icon: IconName;
-    /**
-     * Intent of the Icon.
-     */
-    intent?: IconProps['intent'];
-    /**
-     * Set the handler to handle press event.
-     */
-    onPress: () => void;
-    /**
-     * Size of the Icon.
-     */
-    size?: IconProps['size'];
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of component.
-     */
-    testID?: string;
-}
-declare const IconButton: ({ hitSlop, onPress, icon, testID, style, size, intent, }: IconButtonProps) => JSX.Element;
-export default IconButton;

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

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

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

@@ -1,4 +0,0 @@
-declare const Button: {
-    readonly Icon: ({ hitSlop, onPress, icon, testID, style, size, intent, }: import("./IconButton").IconButtonProps) => JSX.Element;
-};
-export default Button;

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

@@ -1,17 +0,0 @@
-/// <reference types="react" />
-import { View } from 'react-native';
-declare const StyledCard: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    themeVariant: 'basic' | 'data';
-}, {}, {
-    ref?: import("react").Ref<View> | undefined;
-}>;
-declare const LeftDataCard: 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 { StyledCard, LeftDataCard };

package/lib/components/Card/__tests__/StyledCard.spec.d.ts

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

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

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

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

@@ -1,22 +0,0 @@
-import { ReactNode } from 'react';
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-interface CardProps extends ViewProps {
-    /**
-     * Card's content.
-     */
-    children?: ReactNode;
-    /**
-     * Card type.
-     */
-    variant?: 'basic' | 'data';
-    /**
-     * Addditional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Card: ({ variant, children, ...nativeProps }: CardProps) => JSX.Element;
-export default Card;

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

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { Animated, View } from 'react-native';
-declare const StyledWrapper: 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 StyledChildWrapper: 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 { StyledWrapper, StyledChildWrapper };

package/lib/components/Collapse/__tests__/StyledCollapse.spec.d.ts

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

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

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

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

@@ -1,23 +0,0 @@
-import { StyleProp, ViewProps, ViewStyle } from 'react-native';
-import { ReactNode } from 'react';
-interface CollapseProps extends ViewProps {
-    children: ReactNode;
-    /**
-     * Whether the child components will remain mounted when the Collapse is closed.
-     */
-    keepChildrenMounted?: boolean;
-    /**
-     * Whether the component is open or closed.
-     */
-    open?: boolean;
-    /**
-     * Addditional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Collapse: ({ open, keepChildrenMounted, children, testID, style, }: CollapseProps) => JSX.Element;
-export default Collapse;

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

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

package/lib/components/Divider/__tests__/StyledDivider.spec.d.ts

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

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

@@ -1,21 +0,0 @@
-import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-interface DividerProps extends ViewProps {
-    /**
-     * Horizontal margin size. There is no margin by default.
-     */
-    marginHorizontal?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * Vertical margin size. There is no margin by default.
-     */
-    marginVertical?: 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-    /**
-     * Additional style.
-     */
-    style?: StyleProp<ViewStyle>;
-    /**
-     * Testing id of the component.
-     */
-    testID?: string;
-}
-declare const Divider: ({ marginHorizontal, marginVertical, style, testID, ...nativeProps }: DividerProps) => JSX.Element;
-export default Divider;