@veracity/vui 0.0.1 → 0.0.3

package/theme/defaultTheme.d.ts

@@ -1,19 +1,4 @@
 declare const defaultTheme: {
-    fonts: {
-        avenir: string;
-    };
-    fontSizes: {
-        xs: number;
-        sm: number;
-        md: number;
-        lg: number;
-    };
-    fontWeights: {
-        regular: number;
-        medium: number;
-        demi: number;
-        bold: number;
-    };
     animations: {
         fadeDown: string;
         fadeIn: string;
@@ -110,10 +95,26 @@ declare const defaultTheme: {
         };
     };
     durations: {
+        instant: string;
         fast: string;
         normal: string;
         slow: string;
     };
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        demi: string;
+        bold: string;
+    };
     radii: {
         none: number;
         sm: number;
@@ -139,6 +140,57 @@ declare const defaultTheme: {
         space: (value: string | number) => string;
     };
     components: {
+        Avatar: {
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            sizes: {
+                xs: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
+                sm: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
+                md: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
+                lg: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
+            };
+            variants: {
+                outlined: (props: import("..").Dict<any>) => {
+                    borderColor: string;
+                    borderWidth: number;
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
+                solid: (props: import("..").Dict<any>) => {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
+                subtle: (props: import("..").Dict<any>) => {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
+            };
+        };
         Box: {
             defaultProps: {};
             sizes: {};
@@ -190,6 +242,7 @@ declare const defaultTheme: {
                     borderWidth: number;
                 };
                 solid: (props: import("..").Dict<any>) => {
+                    borderColor: string;
                     hoverBg: string;
                     activeBg: string;
                     bg: string;
@@ -203,6 +256,57 @@ declare const defaultTheme: {
                 };
             };
         };
+        Checkbox: {
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                sm: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        size: string;
+                    };
+                };
+                md: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        lineHeight: number;
+                        size: string;
+                    };
+                };
+                lg: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        size: string;
+                    };
+                };
+            };
+            variants: {
+                default: (props: import("..").Dict<any>) => {
+                    control: {
+                        color: string;
+                        hoverColor: string;
+                    };
+                };
+            };
+        };
+        Divider: {
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Heading: {
             defaultProps: {
                 size: string;
@@ -272,13 +376,25 @@ declare const defaultTheme: {
                 variant: string;
             };
             sizes: {
+                xs: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
+                sm: {
+                    fontSize: string;
+                    h: number;
+                    iconSize: string;
+                };
                 md: {
                     fontSize: string;
                     h: number;
+                    iconSize: string;
                 };
                 lg: {
                     fontSize: string;
                     h: number;
+                    iconSize: string;
                 };
             };
             variants: {
@@ -317,6 +433,14 @@ declare const defaultTheme: {
                 };
             };
             variants: {
+                outlined: (props: import("..").Dict<any>) => {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                    borderColor: string;
+                    borderWidth: number;
+                };
                 solid: (props: import("..").Dict<any>) => {
                     hoverBg: string;
                     activeBg: string;
@@ -329,15 +453,44 @@ declare const defaultTheme: {
                     bg: string;
                     color: string;
                 };
+                text: (props: import("..").Dict<any>) => {
+                    hoverBg: string;
+                    activeBg: string;
+                    bg: string;
+                    color: string;
+                };
             };
         };
         Link: {
-            defaultProps: {};
-            sizes: {};
-            variants: {};
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            sizes: {
+                xs: {
+                    fontSize: string;
+                };
+                sm: {
+                    fontSize: string;
+                };
+                md: {
+                    fontSize: string;
+                };
+                lg: {
+                    fontSize: string;
+                };
+            };
+            variants: {
+                default: (props: import("..").Dict<any>) => {
+                    color: string;
+                    hoverColor: string;
+                };
+            };
         };
         List: {
             defaultProps: {
+                colorScheme: string;
                 size: string;
                 variant: string;
             };
@@ -363,12 +516,16 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                default: {
+                default: (props: import("..").Dict<any>) => {
+                    item: import("..").Dict<any>;
+                };
+                unstyled: {
                     item: {
-                        activeBg: string;
-                        borderRadius: string;
-                        hoverBg: string;
-                        hoverColor: string;
+                        display: string;
+                        h: undefined;
+                    };
+                    list: {
+                        pl: number;
                     };
                 };
             };
@@ -401,6 +558,52 @@ declare const defaultTheme: {
             };
             variants: {};
         };
+        Radio: {
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                sm: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        size: string;
+                    };
+                };
+                md: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        lineHeight: number;
+                        size: string;
+                    };
+                };
+                lg: {
+                    control: {
+                        h: number;
+                        w: number;
+                    };
+                    label: {
+                        size: string;
+                    };
+                };
+            };
+            variants: {
+                default: (props: import("..").Dict<any>) => {
+                    control: {
+                        color: string;
+                        hoverColor: string;
+                    };
+                };
+            };
+        };
         Skeleton: {
             defaultProps: {
                 colorScheme: string;
@@ -433,6 +636,86 @@ declare const defaultTheme: {
                 };
             };
         };
+        Switch: {
+            defaultProps: {
+                colorScheme: string;
+                size: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {
+                sm: (props: import("..").Dict<any>) => {
+                    button: {
+                        fontSize: string;
+                    };
+                    label: {
+                        size: string;
+                    };
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                        minW: number;
+                    };
+                };
+                md: (props: import("..").Dict<any>) => {
+                    button: {
+                        fontSize: string;
+                    };
+                    label: {
+                        size: string;
+                    };
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                        minW: number;
+                    };
+                };
+                lg: (props: import("..").Dict<any>) => {
+                    button: {
+                        fontSize: string;
+                    };
+                    label: {
+                        size: string;
+                    };
+                    thumb: {
+                        h: number;
+                        w: number;
+                    };
+                    track: {
+                        h: number;
+                        minW: number;
+                    };
+                };
+            };
+            variants: {
+                contained: (props: import("..").Dict<any>) => {
+                    thumb: {
+                        bg: string;
+                    };
+                    track: {
+                        bg: string;
+                        ring: number;
+                    };
+                };
+                thin: (props: import("..").Dict<any>) => {
+                    thumb: {
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        ring: number;
+                    };
+                    track: {
+                        bg: string;
+                    };
+                };
+            };
+        };
         T: {
             defaultProps: {
                 size: string;

package/theme/foundations.d.ts

@@ -0,0 +1,143 @@
+declare const _default: {
+    animations: {
+        fadeDown: string;
+        fadeIn: string;
+        fadeLeft: string;
+        fadeOut: string;
+        fadeRight: string;
+        fadeUp: string;
+        spin: string;
+    };
+    colors: {
+        blue: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        green: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        grey: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        pink: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        prussian: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        red: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+        yellow: {
+            10: string;
+            20: string;
+            30: string;
+            40: string;
+            50: string;
+            60: string;
+            70: string;
+            80: string;
+            90: string;
+            100: string;
+        };
+    };
+    durations: {
+        instant: string;
+        fast: string;
+        normal: string;
+        slow: string;
+    };
+    fonts: {
+        avenir: string;
+    };
+    fontSizes: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    fontWeights: {
+        regular: string;
+        medium: string;
+        demi: string;
+        bold: string;
+    };
+    radii: {
+        none: number;
+        sm: number;
+        md: number;
+        lg: number;
+    };
+    shadows: {
+        0: string;
+        1: string;
+        2: string;
+        3: string;
+        4: string;
+        5: string;
+    };
+    screens: {
+        xs: number;
+        sm: number;
+        md: number;
+        lg: number;
+        xl: number;
+    };
+    transformers: {
+        space: (value: string | number) => string;
+    };
+};
+export default _default;

package/theme/foundations.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var styles_1 = require("../styles");
+var transformers = {
+    space: function (value) {
+        return typeof value === 'string' ? value : value * 8 + "px";
+    }
+};
+exports.default = {
+    animations: styles_1.animations,
+    colors: styles_1.colors,
+    durations: styles_1.durations,
+    fonts: styles_1.fonts,
+    fontSizes: styles_1.fontSizes,
+    fontWeights: styles_1.fontWeights,
+    radii: styles_1.radii,
+    shadows: styles_1.shadows,
+    screens: styles_1.screens,
+    transformers: transformers
+};

package/utils/object.d.ts

@@ -7,7 +7,7 @@ export declare const filterUndefined: (object: Dict) => Dict<any>;
  * @param path string, such as: 'user.name', or array ['user', 'name']
  * @param separator used when path is a string to split individual keys
  */
-export declare function get(object: Dict, path: string | string[], separator?: string): Dict<any> | undefined;
+export declare function get(object: Dict, path: string | string[], separator?: string): any | undefined;
 /** Checks if the item is an object. */
 export declare function isObj(item: any): boolean;
 /**