@hero-design/rn 7.0.1 → 7.0.2

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

@@ -0,0 +1,7 @@
+import { Text } from 'react-native';
+declare const StyledText: import("styled-components").StyledComponent<typeof Text, import("../../../theme").Theme, {
+    themeFontSize: 'small' | 'medium' | 'large' | 'xlarge';
+    themeFontWeight: 'light' | 'regular' | 'semi-bold';
+    themeIntent: 'body' | 'subdued';
+}, never>;
+export { StyledText };

package/types/src/components/Typography/Text/__test__/StyledText.spec.d.ts

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

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

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

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

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { TextProps as NativeTextProps } from 'react-native';
+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';
+}
+declare const Text: ({ children, fontSize, fontWeight, intent, ...nativeProps }: TextProps) => JSX.Element;
+export default Text;

package/types/src/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/types/src/index.d.ts

@@ -0,0 +1,8 @@
+import { ThemeProvider, useTheme } from 'styled-components-native';
+import theme, { getTheme } from './theme';
+import Badge from './components/Badge';
+import Card from './components/Card';
+import Divider from './components/Divider';
+import Icon from './components/Icon';
+import Typography from './components/Typography';
+export { theme, getTheme, useTheme, ThemeProvider, Badge, Card, Divider, Icon, Typography, };

package/types/src/styled-components.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="styled-components-react-native" />
+import * as styledComponents from 'styled-components/native';
+import type { Theme } from './theme';
+declare const styled: styledComponents.ReactNativeStyledInterface<Theme>, useTheme: () => Theme, css: import("styled-components").ThemedCssFunction<Theme>, ThemeProvider: import("styled-components").ThemeProviderComponent<Theme, Theme>;
+export { useTheme, css, ThemeProvider };
+export default styled;

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

@@ -0,0 +1,3 @@
+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

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

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

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

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

@@ -0,0 +1,19 @@
+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/typography.d.ts

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

package/types/src/theme/global/colors.d.ts

@@ -0,0 +1,26 @@
+import { palette } from '@hero-design/colors';
+declare const systemPalette: {
+    primary: string;
+    primaryLight: 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;
+};
+export { palette, systemPalette };

package/types/src/theme/global/index.d.ts

@@ -0,0 +1,67 @@
+declare const globalTheme: {
+    colors: {
+        primary: string;
+        primaryLight: 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;
+    };
+    space: {
+        xxsmall: number;
+        xsmall: number;
+        small: number;
+        medium: number;
+        large: number;
+        xlarge: number;
+        xxlarge: number;
+        xxxlarge: number;
+        xxxxlarge: number;
+    };
+    fontSizes: {
+        xxxxxlarge: number;
+        xxxxlarge: number;
+        xxxlarge: number;
+        xxlarge: number;
+        xlarge: number;
+        large: number;
+        medium: number;
+        small: number;
+        xsmall: number;
+    };
+    fontWeights: {
+        light: number;
+        regular: number;
+        semiBold: number;
+        bold: number;
+    };
+    lineHeights: {
+        xlarge: number;
+        large: number;
+        medium: number;
+        small: number;
+        xsmall: number;
+    };
+    borderWidths: {
+        base: number;
+    };
+};
+declare type GlobalTheme = typeof globalTheme;
+export { GlobalTheme };
+export default globalTheme;

package/types/src/theme/global/space.d.ts

@@ -0,0 +1,12 @@
+declare const space: {
+    xxsmall: number;
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+    xxlarge: number;
+    xxxlarge: number;
+    xxxxlarge: number;
+};
+export { space };

package/types/src/theme/global/typography.d.ts

@@ -0,0 +1,25 @@
+declare const fontSizes: {
+    xxxxxlarge: number;
+    xxxxlarge: number;
+    xxxlarge: number;
+    xxlarge: number;
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+declare const fontWeights: {
+    light: number;
+    regular: number;
+    semiBold: number;
+    bold: number;
+};
+declare const lineHeights: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+export { fontSizes, fontWeights, lineHeights };

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

@@ -0,0 +1,19 @@
+import { GlobalTheme } from './global';
+import getBadgeTheme from './components/badge';
+import getCardTheme from './components/card';
+import getDividerTheme from './components/divider';
+import getIconTheme from './components/icon';
+import getTypographyTheme from './components/typography';
+declare type Theme = GlobalTheme & {
+    __hd__: {
+        badge: ReturnType<typeof getBadgeTheme>;
+        card: ReturnType<typeof getCardTheme>;
+        divider: ReturnType<typeof getDividerTheme>;
+        icon: ReturnType<typeof getIconTheme>;
+        typography: ReturnType<typeof getTypographyTheme>;
+    };
+};
+declare const getTheme: (theme?: GlobalTheme) => Theme;
+declare const theme: Theme;
+export { Theme, getTheme };
+export default theme;

package/types/theme/colors.d.ts

@@ -0,0 +1,24 @@
+import { palette } from '@hero-design/colors';
+declare const systemPalette: {
+    primary: string;
+    primaryLight: 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;
+    backgroundDark: string;
+    text: string;
+    disabledText: string;
+    invertedText: string;
+};
+export { palette, systemPalette };

package/types/theme/components/demoStyle.d.ts

@@ -0,0 +1,11 @@
+declare const demoStyleColors: {
+    primaryBg: string;
+    dangerBg: string;
+    warningBg: string;
+};
+declare const demoStyleSpace: {
+    smallMargin: number;
+    mediumMargin: number;
+    largeMargin: number;
+};
+export { demoStyleColors, demoStyleSpace };

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

@@ -16,11 +16,9 @@ declare const systemPalette: {
     warningDark: string;
     warningBackground: string;
     platformBackground: string;
-    backgroundLight: string;
     backgroundDark: string;
     text: string;
     disabledText: string;
     invertedText: string;
-    outline: string;
 };
 export { palette, systemPalette };

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

@@ -16,12 +16,10 @@ declare const globalTheme: {
         warningDark: string;
         warningBackground: string;
         platformBackground: string;
-        backgroundLight: string;
         backgroundDark: string;
         text: string;
         disabledText: string;
         invertedText: string;
-        outline: string;
     };
     space: {
         xxsmall: number;
@@ -54,9 +52,6 @@ declare const globalTheme: {
         small: number;
         xsmall: number;
     };
-    borderWidths: {
-        base: number;
-    };
 };
 declare type GlobalTheme = typeof globalTheme;
 export { GlobalTheme };

package/types/theme/index.d.ts

@@ -1,10 +1,8 @@
 import { GlobalTheme } from './global';
-import getDividerTheme from './components/divider';
-import getCardTheme from './components/card';
+import getExampleComponentTheme from './components/exampleComponent';
 declare type Theme = GlobalTheme & {
     __hd__: {
-        divider: ReturnType<typeof getDividerTheme>;
-        card: ReturnType<typeof getCardTheme>;
+        exampleComponent: ReturnType<typeof getExampleComponentTheme>;
     };
 };
 declare const getTheme: (theme?: GlobalTheme) => Theme;

package/types/theme/space.d.ts

@@ -0,0 +1,12 @@
+declare const space: {
+    xxsmall: number;
+    xsmall: number;
+    small: number;
+    medium: number;
+    large: number;
+    xlarge: number;
+    xxlarge: number;
+    xxxlarge: number;
+    xxxxlarge: number;
+};
+export { space };

package/types/theme/typography.d.ts

@@ -0,0 +1,21 @@
+declare const fontSizes: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+declare const fontWeights: {
+    light: number;
+    regular: number;
+    semiBold: number;
+    bold: number;
+};
+declare const lineHeights: {
+    xlarge: number;
+    large: number;
+    medium: number;
+    small: number;
+    xsmall: number;
+};
+export { fontSizes, fontWeights, lineHeights };