@veeqo/ui 0.1.18 → 0.1.20

package/dist/tempIcons/ArrowDownIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ArrowDownIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/ArrowUpIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ArrowUpIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/AttentionIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const AttentionIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/CalendarIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CalanderIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/ClipboardIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ClipboardIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/CrossIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const CrossIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DoubleArrowAscIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DoubleArrowAscIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DoubleArrowDescIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DoubleArrowDescIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DoubleArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DoubleArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DoubleArrowIconIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DoubleArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DownArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DownArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/DropdownIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const DropdownIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/EditIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EditIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/EndArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const EndArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/FailIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const FailIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/HelpIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const HelpIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/InfoIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const InfoIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/LeftArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const LeftArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/MergeIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MergeIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/MoreHorizIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MoreHorizIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/ReorderIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const ReorderIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/RightArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const RightArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/SearchIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SearchIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/StartArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const StartArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/SuccessIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const SuccessIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/UpArrowIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const UpArrowIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/VisibilityIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VisiblityIcon: (props: any) => React.JSX.Element;

package/dist/tempIcons/VisibilityOffIcon.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const VisiblityOffIcon: (props: any) => React.JSX.Element;

package/dist/theme/index.d.ts

@@ -0,0 +1,454 @@
+import { Shadows } from './modules/shadows';
+export 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: import("./modules/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;
+};

package/dist/theme/modules/breakpoints.d.ts

@@ -0,0 +1,7 @@
+export declare const breakpoints: {
+    readonly mobile: "640px";
+    readonly tablet: "720px";
+    readonly lgTablet: "960px";
+    readonly desktop: "1280px";
+    readonly lgDesktop: "1440px";
+};

package/dist/theme/modules/colors.d.ts

@@ -0,0 +1,116 @@
+export declare const 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;
+        };
+    };
+};