@hero-design/rn 7.6.1-alpha → 7.7.0

package/lib/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/lib/components/Tag/__tests__/Tag.spec.d.ts

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

package/lib/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/lib/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/lib/components/Typography/Text/__tests__/StyledText.spec.d.ts

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

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

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

package/lib/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/lib/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/lib/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/lib/theme/__tests__/index.spec.d.ts

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

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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;

package/lib/theme/components/typography.d.ts

@@ -1,26 +0,0 @@
-import { GlobalTheme } from '../global';
-declare const getTypographyTheme: (theme: GlobalTheme) => {
-    colors: {
-        body: string;
-        subdued: string;
-        primary: string;
-    };
-    fonts: {
-        light: string;
-        regular: string;
-        semiBold: string;
-    };
-    fontSizes: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-    lineHeights: {
-        small: number;
-        medium: number;
-        large: number;
-        xlarge: number;
-    };
-};
-export default getTypographyTheme;

package/lib/theme/global/borders.d.ts

@@ -1,11 +0,0 @@
-interface BorderWidths {
-    base: number;
-}
-interface Radii {
-    rounded: number;
-    base: number;
-    medium: number;
-}
-declare const getBorderWidths: (baseBorderWidth: number) => BorderWidths;
-declare const getRadii: (baseRadius: number) => Radii;
-export { BorderWidths, getBorderWidths, Radii, getRadii };

package/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/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/lib/utils/__tests__/scale.spec.d.ts

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

package/lib/utils/helpers.d.ts

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

package/lib/utils/hooks.d.ts

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

package/lib/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/types/components/SectionHeading/__tests__/StyledHeading.d.ts

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