@veeqo/ui 0.0.1 → 0.0.4

package/lib/hooks/useTabs.d.ts

@@ -0,0 +1,6 @@
+interface TabsConfig {
+    defaultActiveIndex?: number;
+}
+type ITab = any;
+export declare const useTabs: (tabs: ITab[], config?: TabsConfig) => readonly [any, (key: string) => void];
+export {};

package/lib/index.d.ts

@@ -1,520 +1,5 @@
-/// <reference types="react" />
-import * as react from 'react';
-import react__default, { ReactNode } from 'react';
-import * as styled_components from 'styled-components';
-import * as styled_components_dist_types from 'styled-components/dist/types';
-
-type LoaderType = 'Grid' | 'TailSpin' | 'ThreeDots';
-interface LoaderProps {
-    className?: string;
-    height?: number;
-    width?: number;
-    color?: string;
-    type?: LoaderType;
-}
-
-declare const Loader: ({ className, height, width, color, type, }: LoaderProps) => react__default.JSX.Element;
-
-declare enum Alignments {
-    start = "flex-start",
-    center = "center",
-    end = "flex-end",
-    stretch = "stretch",
-    between = "space-between",
-    around = "space-around"
-}
-
-type Alignment = keyof typeof Alignments;
-type SizeScale$1 = {
-    [index: number]: string;
-    [index: string]: string;
-};
-declare const sizes: SizeScale$1;
-type Size = keyof typeof sizes;
-type StackProps = {
-    children: ReactNode;
-    /**
-     * Classname for description
-     */
-    className?: string;
-    /**
-     * Direction of component
-     */
-    direction?: 'vertical' | 'horizontal';
-    alignX?: Alignment;
-    alignY?: Alignment;
-    spacing?: Size;
-};
-
-/**
- * Layout component.
- */
-declare const Stack: styled_components.IStyledComponent<"web", styled_components_dist_types.Substitute<react.DetailedHTMLProps<react.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StackProps>>;
-
-type SizeScale = {
-    [index: number]: string;
-    [index: string]: string;
-};
-
-declare enum shadows {
-    sm = "0px 1px 3px rgba(55, 66, 77, 0.15)",
-    base = "0px 4px 6px rgba(27, 33, 38, 0.2)",
-    md = "0px 10px 15px rgba(27, 33, 38, 0.2)",
-    lg = "0px 20px 25px rgba(27, 33, 38, 0.2)"
-}
-
-declare const theme: {
-    breakpoints: {
-        readonly mobile: "640px";
-        readonly tablet: "720px";
-        readonly lgTablet: "960px";
-        readonly desktop: "1280px";
-        readonly lgDesktop: "1440px";
-    };
-    colors: {
-        brand: {
-            blue: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            peach: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-        };
-        neutral: {
-            ink: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-            };
-            grey: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-            };
-            greyBlue: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-            };
-        };
-        secondary: {
-            red: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            yellow: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            green: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            lime: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            teal: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            aqua: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            purple: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            blue: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            pink: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-            orange: {
-                lightest: string;
-                light: string;
-                base: string;
-                dark: string;
-                darkest: string;
-            };
-        };
-        system: {
-            scrollbar: {
-                thumb: string;
-                background: string;
-            };
-        };
-    };
-    layers: {
-        base: number;
-        popup: number;
-        modal: number;
-        tooltip: number;
-    };
-    radius: {
-        sm: string;
-        base: string;
-        md: string;
-        lg: string;
-        full: string;
-    };
-    shadows: typeof shadows;
-    sizes: SizeScale;
-    text: {
-        headingXXL: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        headingXL: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        headingLarge: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        headingMedium: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        headingSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        headingTable: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        subheadingLarge: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        subheadingMedium: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        subheadingSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        subheadingSmallBold: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        body: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        bodySmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        bodyBold: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        bodyBoldDark: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        bodySmallBold: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        button: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        buttonSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        linkLarge: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        linkMedium: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        link: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        linkSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        inputLabel: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        inputLabelSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        hintText: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        placeholder: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        placeholderSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        placeholderCode: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        placeholderCodeSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: string;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        error: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        errorSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-        successSmall: {
-            fontFamily: string;
-            fontStyle: string;
-            fontWeight: number;
-            fontSize: string;
-            lineHeight: string;
-            color: string;
-            textDecoration: string;
-            letterSpacing: string;
-        };
-    };
-    fontFamily: string;
-};
-
-export { Loader, Stack, theme };
+export * from './components';
+export * from './hooks';
+export * from './hoc';
+export * from './utils';
+export * from './theme';