@hero-design/rn 7.1.3-alpha5 → 7.1.3-alpha6

package/src/theme/components/bottomNavigation.ts

@@ -17,7 +17,11 @@ const getBottomNavigationTheme = (theme: GlobalTheme) => {
     elevation: 10,
   };
 
-  return { colors, shadows, sizes };
+  const space = {
+    titleMarginTop: `${theme.space.xsmall}px`,
+  };
+
+  return { colors, shadows, sizes, space };
 };
 
 export default getBottomNavigationTheme;

package/src/theme/components/fab.ts

@@ -35,11 +35,11 @@ const getFABTheme = (theme: GlobalTheme) => {
     actionItemPaddingRight: `${theme.space.medium}px`,
     actionItemPaddingTop: `${theme.space.small}px`,
     actionItemPaddingBottom: `${theme.space.small}px`,
-    actionItemMargin: `${theme.space.small}px`,
+    actionItemMargin: `${theme.space.xsmall}px`,
     actionItemMarginRight: `${theme.space.large}px`,
     actionItemTextPaddingLeft: `${theme.space.small}px`,
     headerTextMarginRight: `${theme.space.large}px`,
-    headerTextMarginBottom: `${theme.space.large}px`,
+    headerTextMarginBottom: `${theme.space.medium}px`,
   };
 
   const radii = {

package/src/theme/components/tabs.ts

@@ -0,0 +1,20 @@
+import { GlobalTheme } from '../global';
+
+const getTabsTheme = (theme: GlobalTheme) => {
+  const colors = {
+    background: theme.colors.primary,
+    active: theme.colors.invertedText,
+    inactive: `${theme.colors.invertedText}50`,
+  };
+
+  const space = {
+    flatListHorizontalPadding: `${theme.space.small}px`,
+    titleMarginLeft: `${theme.space.small}px`,
+    itemHorizontalPadding: `${theme.space.medium}px`,
+    itemVerticalPadding: `${theme.space.large}px`,
+  };
+
+  return { colors, space };
+};
+
+export default getTabsTheme;

package/src/theme/index.ts

@@ -4,6 +4,7 @@ import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getCardTheme from './components/card';
 import getDividerTheme from './components/divider';
+import getTabsTheme from './components/tabs';
 import getIconTheme from './components/icon';
 import getTypographyTheme from './components/typography';
 import getFABTheme from './components/fab';
@@ -15,6 +16,7 @@ type Theme = GlobalTheme & {
     card: ReturnType<typeof getCardTheme>;
     divider: ReturnType<typeof getDividerTheme>;
     icon: ReturnType<typeof getIconTheme>;
+    tabs: ReturnType<typeof getTabsTheme>;
     typography: ReturnType<typeof getTypographyTheme>;
     fab: ReturnType<typeof getFABTheme>;
   };
@@ -28,6 +30,7 @@ const getTheme = (theme: GlobalTheme = globalTheme): Theme => ({
     card: getCardTheme(theme),
     divider: getDividerTheme(theme),
     icon: getIconTheme(theme),
+    tabs: getTabsTheme(theme),
     typography: getTypographyTheme(theme),
     fab: getFABTheme(theme),
   },

package/src/utils/__tests__/scale.spec.ts

@@ -1,5 +1,5 @@
 import { Dimensions } from 'react-native';
-import { scale, BASE_WIDTH } from '../scale';
+import { scale } from '../scale';
 
 jest.unmock('../scale'); // Unmock global mocking of scale for other tests
 
@@ -11,7 +11,7 @@ describe('scale', () => {
 
     const size = 10;
 
-    expect(scale(size)).toBe((400 / BASE_WIDTH) * size);
+    expect(scale(size)).toBe(10.128205128205128);
   });
 
   it('returns scale based on height when width > height', () => {
@@ -21,6 +21,6 @@ describe('scale', () => {
 
     const size = 10;
 
-    expect(scale(size)).toBe((350 / BASE_WIDTH) * size);
+    expect(scale(size)).toBe(9.487179487179487);
   });
 });

package/types/components/Card/StyledView.d.ts

@@ -0,0 +1,12 @@
+import { View } from 'react-native';
+export interface Props {
+    boxSize: 'small' | 'medium' | 'large';
+    boxSpace: 'small' | 'medium' | 'large';
+    bgColor: 'primary' | 'danger' | 'warning';
+}
+declare const Square: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
+    boxSize: Props['boxSize'];
+    boxSpace: Props['boxSpace'];
+    bgColor: Props['bgColor'];
+}, never>;
+export { Square };

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

@@ -1,5 +0,0 @@
-import { ViewProps } from 'react-native';
-interface CardProps extends ViewProps {
-}
-declare const Card: (props: CardProps) => JSX.Element;
-export default Card;

package/types/index.d.ts

@@ -1,5 +1,4 @@
-import { ThemeProvider, useTheme } from 'styled-components-native';
+import { ThemeProvider, useTheme } from './styled-components';
 import theme, { getTheme } from './theme';
-import Divider from './components/Divider';
-import Card from './components/Card';
-export { theme, getTheme, useTheme, ThemeProvider, Divider, Card };
+import ExampleComponent from './components/ExampleComponent';
+export { theme, getTheme, useTheme, ThemeProvider, ExampleComponent };

package/types/playground/components/BottomNavigation.d.ts

@@ -1,2 +1,2 @@
-declare const MyComponent: () => JSX.Element;
-export default MyComponent;
+declare const BottomNavigationPlayground: () => JSX.Element;
+export default BottomNavigationPlayground;

package/types/playground/components/Button.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonPlayground: () => JSX.Element;
+export default ButtonPlayground;

package/types/playground/components/Tabs.d.ts

@@ -0,0 +1,2 @@
+declare const TabsPlayground: () => JSX.Element;
+export default TabsPlayground;

package/types/src/components/Badge/StyledBadge.d.ts

@@ -1,9 +1,9 @@
-import { Text, View } from 'react-native';
+import { View } from 'react-native';
 declare type ThemeIntent = 'success' | 'warning' | 'danger' | 'info';
 declare const StyledView: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
     themeIntent: ThemeIntent;
 }, never>;
-declare const StyledText: import("styled-components").StyledComponent<typeof Text, import("../../theme").Theme, {
+declare const StyledText: import("styled-components").StyledComponent<({ children, fontSize, fontWeight, intent, ...nativeProps }: import("../Typography/Text").TextProps) => JSX.Element, import("../../theme").Theme, {
     themeIntent: ThemeIntent;
 }, never>;
 export { StyledView, StyledText };

package/types/src/components/BottomNavigation/StyledBottomNavigation.d.ts

@@ -14,4 +14,5 @@ declare const BottomBarWrapper: import("styled-components").StyledComponent<type
 }, never>;
 declare const BottomBar: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
 declare const BottomBarItem: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
-export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, };
+declare const StyledBottomBarText: import("styled-components").StyledComponent<({ children, fontSize, fontWeight, intent, ...nativeProps }: import("../Typography/Text").TextProps) => JSX.Element, import("../../theme").Theme, {}, never>;
+export { BottomBar, BottomBarItem, BottomNavigationTab, BottomNavigationContainer, BottomBarWrapper, ContentWrapper, StyledBottomBarText, };

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

@@ -1,19 +1,19 @@
-import { ComponentProps, ReactNode } from 'react';
+import { ReactNode } from 'react';
 import { StyleProp, ViewStyle, ViewProps } from 'react-native';
-import Icon from '../Icon';
-declare type IconType = ComponentProps<typeof Icon>['icon'];
-export declare type Tab<V> = {
-    key: V;
+import { IconProps } from '../Icon';
+declare type IconType = IconProps['icon'];
+export declare type Tab = {
+    key: string;
     title?: string;
     icon: IconType;
     component: ReactNode;
     testID?: string;
 };
-interface BottomNavigationType<V extends string | number, T extends Tab<V>> extends ViewProps {
+interface BottomNavigationType extends ViewProps {
     /**
      * Callback which is called on tab change, receiving id of upcoming active Tab.
      */
-    onChange: (key: V) => void;
+    onChange: (key: string) => void;
     /**
      * Whether inactive tabs should be removed and unmounted in React.
      * Defaults to `false`.
@@ -22,11 +22,11 @@ interface BottomNavigationType<V extends string | number, T extends Tab<V>> exte
     /**
      * Current selected tab key.
      */
-    selectedTabKey: V;
+    selectedTabKey: string;
     /**
      * List of Tab to be rendered. Each Tab must have an unique id.
      */
-    tabs: T[];
+    tabs: Tab[];
     /**
      * Addditional style.
      */
@@ -36,5 +36,5 @@ interface BottomNavigationType<V extends string | number, T extends Tab<V>> exte
      */
     testID?: string;
 }
-declare const BottomNavigation: <V extends string | number, T extends Tab<V>>({ onChange, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: BottomNavigationType<V, T>) => JSX.Element;
+declare const BottomNavigation: ({ onChange, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: BottomNavigationType) => JSX.Element;
 export default BottomNavigation;

package/types/src/components/Button/IconButton.d.ts

@@ -0,0 +1,34 @@
+import { StyleProp, ViewStyle, TouchableOpacityProps } from 'react-native';
+import { IconProps } from '../Icon';
+export interface IconButtonProps {
+    /**
+     * Set how far you can touch from the button
+     */
+    hitSlop?: TouchableOpacityProps['hitSlop'];
+    /**
+     * Name of the Icon.
+     */
+    icon: IconProps['icon'];
+    /**
+     * Intent of the Icon.
+     */
+    intent?: IconProps['intent'];
+    /**
+     * Set the handler to handle press event.
+     */
+    onPress: () => void;
+    /**
+     * Size of the Icon.
+     */
+    size?: IconProps['size'];
+    /**
+     * Addditional 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/types/src/components/Button/index.d.ts

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

package/types/src/components/FAB/FABButton.d.ts

@@ -0,0 +1,30 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { IconProps } from '../Icon';
+export interface FABProps {
+    /**
+     * Name of the Icon.
+     */
+    icon: IconProps['icon'];
+    /**
+     * This function is called on pressing the button.
+     * */
+    onPress?: () => void;
+    /**
+     * Specify if the button is animated.
+     */
+    animated?: boolean;
+    /**
+     * Specify if the button is in active state. It only works if animated is true.
+     */
+    active?: boolean;
+    /**
+     * Addditional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const FAB: ({ onPress, icon, animated, testID, active, style }: FABProps) => JSX.Element;
+export default FAB;

package/types/src/components/FAB/MenuList/MenuItem.d.ts

@@ -0,0 +1,15 @@
+import { ComponentProps } from 'react';
+import { StyleProp, ViewStyle } from 'react-native';
+import Icon, { IconProps } from '../../Icon';
+import { TextProps } from '../../Typography/Text';
+export interface MenuItemProps {
+    testID?: string;
+    label: string;
+    icon: ComponentProps<typeof Icon>['icon'];
+    onPress?: () => void;
+    style?: StyleProp<ViewStyle>;
+    iconStyle?: IconProps['style'];
+    textStyle?: TextProps['style'];
+}
+declare const MenuItem: ({ icon, label, onPress, style, textStyle, iconStyle, testID, }: MenuItemProps) => JSX.Element;
+export default MenuItem;

package/types/src/components/FAB/MenuList/StyleBackDrop.d.ts

@@ -0,0 +1,5 @@
+import { Animated } from 'react-native';
+declare const StyledBackdrop: import("styled-components").StyledComponent<Animated.AnimatedComponent<typeof import("react-native").View>, import("../../../theme").Theme, Animated.AnimatedProps<import("react-native").ViewProps & import("react").RefAttributes<import("react-native").View>> & {
+    children?: import("react").ReactNode;
+}, never>;
+export { StyledBackdrop };

package/types/src/components/FAB/MenuList/StyledHeaderText.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from 'react-native';
+declare const StyledHeaderText: import("styled-components").StyledComponent<({ children, fontSize, fontWeight, intent, ...nativeProps }: import("../../Typography/Text").TextProps) => JSX.Element, import("../../../theme").Theme, TextProps, never>;
+export { StyledHeaderText };

package/types/src/components/FAB/MenuList/StyledMenuItem.d.ts

@@ -0,0 +1,4 @@
+import { TouchableOpacity, TouchableOpacityProps } from 'react-native';
+declare const StyledMenuItem: import("styled-components").StyledComponent<typeof TouchableOpacity, import("../../../theme").Theme, TouchableOpacityProps, never>;
+declare const StyledMenuItemText: import("styled-components").StyledComponent<({ children, fontSize, fontWeight, intent, ...nativeProps }: import("../../Typography/Text").TextProps) => JSX.Element, import("../../../theme").Theme, TouchableOpacityProps, never>;
+export { StyledMenuItem, StyledMenuItemText };

package/types/src/components/FAB/MenuList/__tests__/index.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-native/extend-expect';

package/types/src/components/FAB/MenuList/index.d.ts

@@ -0,0 +1,27 @@
+import { StyleProp, ViewStyle } from 'react-native';
+import { MenuItemProps } from './MenuItem';
+export interface MenuListProps {
+    headerLabel?: string;
+    /**
+     * This function is called on pressing the FAB button.
+     * */
+    onFABPress?: () => void;
+    /**
+     * Specify if the FAB button is in active state and the menu list is shown.
+     * */
+    active?: boolean;
+    /**
+     * Addditional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Menu items of the menu list.
+     * */
+    menuItems?: Array<MenuItemProps>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const MenuList: ({ headerLabel, onFABPress, active, style, menuItems, testID, }: MenuListProps) => JSX.Element;
+export default MenuList;

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

@@ -0,0 +1,23 @@
+import { View, FlatList } from 'react-native';
+declare const TabScreen: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
+    themeVisibility?: boolean | undefined;
+}, never>;
+declare const TabContainer: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
+declare const ContentWrapper: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
+declare const HeaderTabWrapper: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
+    themeInsets: {
+        top: number;
+        right: number;
+        bottom: number;
+        left: number;
+    };
+}, never>;
+declare const StyledFlatList: new <T>() => FlatList<T>;
+declare const HeaderTabItem: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
+declare const StyledHeaderTabIcon: import("styled-components").StyledComponent<({ icon, style, size, intent, testID, }: import("../Icon").IconProps) => JSX.Element, import("../../theme").Theme, {
+    themeActive: boolean;
+}, never>;
+declare const StyledHeaderTabText: import("styled-components").StyledComponent<({ children, fontSize, fontWeight, intent, ...nativeProps }: import("../Typography/Text").TextProps) => JSX.Element, import("../../theme").Theme, {
+    themeActive: boolean;
+}, never>;
+export { StyledFlatList, HeaderTabItem, TabScreen, TabContainer, HeaderTabWrapper, ContentWrapper, StyledHeaderTabIcon, StyledHeaderTabText, };

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

@@ -0,0 +1,40 @@
+import { ReactNode } from 'react';
+import { StyleProp, ViewStyle, ViewProps } from 'react-native';
+import { IconProps } from '../Icon';
+declare type IconType = IconProps['icon'];
+export declare type Tab = {
+    key: string;
+    title: string;
+    icon: IconType;
+    component: ReactNode;
+    testID?: string;
+};
+interface TabType extends ViewProps {
+    /**
+     * Callback which is called on tab change, receiving id of upcoming active Tab.
+     */
+    onChange: (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 Tab to be rendered. Each Tab must have an unique id.
+     */
+    tabs: Tab[];
+    /**
+     * Addditional style.
+     */
+    style?: StyleProp<ViewStyle>;
+    /**
+     * Testing id of the component.
+     */
+    testID?: string;
+}
+declare const Tabs: ({ onChange, renderActiveTabOnly, selectedTabKey, tabs, ...nativeProps }: TabType) => JSX.Element;
+export default Tabs;

package/types/src/index.d.ts

@@ -5,7 +5,9 @@ import Badge from './components/Badge';
 import BottomNavigation from './components/BottomNavigation';
 import Card from './components/Card';
 import Divider from './components/Divider';
+import Tabs from './components/Tabs';
 import Icon from './components/Icon';
 import Typography from './components/Typography';
 import FAB from './components/FAB';
-export { theme, getTheme, useTheme, scale, ThemeProvider, Badge, BottomNavigation, Card, Divider, Icon, Typography, FAB, };
+import Button from './components/Button';
+export { theme, getTheme, useTheme, scale, ThemeProvider, Badge, BottomNavigation, Card, Divider, Icon, Tabs, Typography, FAB, Button, };

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

@@ -16,12 +16,6 @@ declare const getBadgeTheme: (theme: GlobalTheme) => {
     padding: {
         default: string;
     };
-    fonts: {
-        default: string;
-    };
-    fontSizes: {
-        default: string;
-    };
     radii: {
         default: string;
     };

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

@@ -13,5 +13,8 @@ declare const getBottomNavigationTheme: (theme: GlobalTheme) => {
     sizes: {
         height: number;
     };
+    space: {
+        titleMarginTop: string;
+    };
 };
 export default getBottomNavigationTheme;

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

@@ -0,0 +1,15 @@
+import { GlobalTheme } from '../global';
+declare const getTabsTheme: (theme: GlobalTheme) => {
+    colors: {
+        background: string;
+        active: string;
+        inactive: string;
+    };
+    space: {
+        flatListHorizontalPadding: string;
+        titleMarginLeft: string;
+        itemHorizontalPadding: string;
+        itemVerticalPadding: string;
+    };
+};
+export default getTabsTheme;

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

@@ -3,6 +3,7 @@ import getBadgeTheme from './components/badge';
 import getBottomNavigationTheme from './components/bottomNavigation';
 import getCardTheme from './components/card';
 import getDividerTheme from './components/divider';
+import getTabsTheme from './components/tabs';
 import getIconTheme from './components/icon';
 import getTypographyTheme from './components/typography';
 import getFABTheme from './components/fab';
@@ -13,6 +14,7 @@ declare type Theme = GlobalTheme & {
         card: ReturnType<typeof getCardTheme>;
         divider: ReturnType<typeof getDividerTheme>;
         icon: ReturnType<typeof getIconTheme>;
+        tabs: ReturnType<typeof getTabsTheme>;
         typography: ReturnType<typeof getTypographyTheme>;
         fab: ReturnType<typeof getFABTheme>;
     };

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/components/Card/StyledCard.d.ts

@@ -1,3 +0,0 @@
-import { View } from 'react-native';
-declare const StyledCard: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {}, never>;
-export { StyledCard };

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

@@ -1,7 +0,0 @@
-import { View } from 'react-native';
-declare type MarginSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
-declare const StyledDivider: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
-    themeMarginHorizontal?: MarginSize | undefined;
-    themeMarginVertical?: MarginSize | undefined;
-}, never>;
-export { StyledDivider };

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

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

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

@@ -1,12 +0,0 @@
-interface DividerProps {
-    /**
-     * 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';
-}
-declare const Divider: ({ marginHorizontal, marginVertical }: DividerProps) => JSX.Element;
-export default Divider;

package/types/components/ExampleComponent/StyledView.d.ts

@@ -1,7 +0,0 @@
-import { View } from 'react-native';
-declare const Square: import("styled-components").StyledComponent<typeof View, import("../../theme").Theme, {
-    themeSize: 'small' | 'medium' | 'large';
-    themeMargin: 'small' | 'medium' | 'large';
-    themeBgColor: 'primary' | 'danger' | 'warning';
-}, never>;
-export { Square };

package/types/components/ExampleComponent/__tests__/StyledView.spec.d.ts

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

package/types/components/ExampleComponent/index.d.ts

@@ -1,16 +0,0 @@
-interface Props {
-    /**
-     * Size.
-     */
-    size?: 'small' | 'medium' | 'large';
-    /**
-     * Margin.
-     */
-    margin: 'small' | 'medium' | 'large';
-    /**
-     * Background color.
-     */
-    bgColor: 'primary' | 'danger' | 'warning';
-}
-declare const ExampleComponent: ({ size, margin, bgColor }: Props) => JSX.Element;
-export default ExampleComponent;

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

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