@clicktap/ui 0.0.3 → 0.0.4

package/Card/Card.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+export declare function Card({ children, ...props }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+export default Card;

package/Card/styles.d.ts

@@ -0,0 +1,5 @@
+export declare const StyledCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+declare const _default: {
+    StyledCard: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+};
+export default _default;

package/Container/Container.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { ContainerProps } from './types';
+export declare const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
+export default Container;

package/Container/styles.d.ts

@@ -0,0 +1,3 @@
+import { ContainerProps } from './types';
+export declare const StyledContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, ContainerProps, never>;
+export default StyledContainer;

package/Container/types.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import type { CSSProp } from 'styled-components';
+import { Theme } from '@clicktap/ui-kit';
+export interface ContainerProps {
+    children: ReactNode;
+    css?: CSSProp;
+    theme?: Theme | undefined;
+}

package/Drawer/Drawer.d.ts

@@ -1,5 +1,5 @@
 import { DialogProps } from 'react-aria-components';
-type DrawerProps = DialogProps & {
+export type DrawerProps = DialogProps & {
     direction?: 'top' | 'right' | 'bottom' | 'left';
 };
 export declare function Drawer({ direction, ...props }: DrawerProps): import("react/jsx-runtime").JSX.Element;

package/defaultTheme.d.ts

@@ -0,0 +1,501 @@
+import type { MergeDeep, PartialDeep } from 'type-fest';
+export declare const defaultTheme: {
+    fontFamily: {
+        sans: string[];
+        serif: string[];
+        monospace: string[];
+    };
+    fontSize: {
+        xs: (string | {
+            lineHeight: string;
+        })[];
+        sm: (string | {
+            lineHeight: string;
+        })[];
+        base: (string | {
+            lineHeight: string;
+        })[];
+        lg: (string | {
+            lineHeight: string;
+        })[];
+        xl: (string | {
+            lineHeight: string;
+        })[];
+        '2xl': (string | {
+            lineHeight: string;
+        })[];
+        '3xl': (string | {
+            lineHeight: string;
+        })[];
+        '4xl': (string | {
+            lineHeight: string;
+        })[];
+        '5xl': (string | {
+            lineHeight: string;
+        })[];
+        '6xl': (string | {
+            lineHeight: string;
+        })[];
+        '7xl': (string | {
+            lineHeight: string;
+        })[];
+        '8xl': (string | {
+            lineHeight: string;
+        })[];
+        '9xl': (string | {
+            lineHeight: string;
+        })[];
+    };
+    fontWeight: {
+        thin: number;
+        extralight: number;
+        light: number;
+        normal: number;
+        medium: number;
+        semibold: number;
+        bold: number;
+        extrabold: number;
+        black: number;
+    };
+    letterSpacing: {
+        tighter: string;
+        tight: string;
+        normal: string;
+        wide: string;
+        wider: string;
+        widest: string;
+    };
+    lineHeight: {
+        3: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        none: string;
+        tight: string;
+        snug: string;
+        normal: string;
+        relaxed: string;
+        loose: string;
+    };
+    borderRadius: {
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+    };
+    listStyleType: {
+        none: string;
+        disc: string;
+        decimal: string;
+    };
+    screens: {
+        sm: string;
+        md: string;
+        lg: string;
+        xl: string;
+        '2xl': string;
+    };
+    colors: {
+        primary: string;
+        secondary: string;
+        tertiary: string;
+        background: string;
+        inherit: string;
+        current: string;
+        transparent: string;
+        black: string;
+        white: string;
+        slate: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        gray: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        zinc: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        neutral: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        stone: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        red: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        orange: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        amber: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        yellow: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        lime: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        green: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        emerald: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        teal: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        cyan: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        sky: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        blue: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        indigo: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        violet: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        purple: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        fuchsia: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        pink: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+        rose: {
+            50: string;
+            100: string;
+            200: string;
+            300: string;
+            400: string;
+            500: string;
+            600: string;
+            700: string;
+            800: string;
+            900: string;
+        };
+    };
+    spacing: {
+        px: string;
+        0: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+    };
+    height: {
+        auto: string;
+        px: string;
+        0: string;
+        0.5: string;
+        1: string;
+        1.5: string;
+        2: string;
+        2.5: string;
+        3: string;
+        3.5: string;
+        4: string;
+        5: string;
+        6: string;
+        7: string;
+        8: string;
+        9: string;
+        10: string;
+        11: string;
+        12: string;
+        14: string;
+        16: string;
+        20: string;
+        24: string;
+        28: string;
+        32: string;
+        36: string;
+        40: string;
+        44: string;
+        48: string;
+        52: string;
+        56: string;
+        60: string;
+        64: string;
+        72: string;
+        80: string;
+        96: string;
+        '1/2': string;
+        '1/3': string;
+        '2/3': string;
+        '1/4': string;
+        '2/4': string;
+        '3/4': string;
+        '1/5': string;
+        '2/5': string;
+        '3/5': string;
+        '4/5': string;
+        '1/6': string;
+        '2/6': string;
+        '3/6': string;
+        '4/6': string;
+        '5/6': string;
+        full: string;
+        screen: string;
+        min: string;
+        max: string;
+        fit: string;
+    };
+    components: {
+        button: {
+            primary: {
+                color: string;
+                backgroundColor: string;
+            };
+        };
+        Card: {
+            border: string;
+            padding: string;
+            backgroundColor: string;
+            borderRadius: string;
+            boxShadow: string;
+        };
+        'Card.Content': {
+            padding: number;
+            fontSize: string;
+        };
+        'Card.Header': {
+            fontSize: string;
+            fontWeight: string;
+            marginBottom: string;
+        };
+    };
+};
+export type Theme = typeof defaultTheme;
+/**
+ * Performs a deep merge of source into target
+ */
+export declare function mergeTheme<T extends Record<string, any>, S extends PartialDeep<T>>(target: T, source: S): MergeDeep<T, S>;

package/index.d.ts

@@ -8,9 +8,11 @@ export * from './Breadcrumbs/BreadcrumbSeparator';
 export * from './Breadcrumbs/Breadcrumbs';
 export * from './Button/Button';
 export * from './Button/types';
+export * from './Card/Card';
 export * from './Checkbox/Checkbox';
 export * from './Collapsible/CollapsibleTrigger';
 export * from './Collapsible/Collapsible';
+export * from './Container/Container';
 export * from './ContextMenu/ContextMenu';
 export * from './DateInput/DateInput';
 export * from './Divider/Divider';
@@ -32,6 +34,7 @@ export * from './Tabs/Tab';
 export * from './Tabs/TabList';
 export * from './Tabs/TabPanel';
 export * from './Tabs/Tabs';
+export * from './defaultTheme';
 export * from './TimeInput/TimeInput';
 export * from './ToggleButton/ToggleButton';
 export * from './Tooltip/Tooltip';