@veracity/vui 0.0.15 → 0.2.0

package/theme/defaultTheme.d.ts

@@ -161,48 +161,6 @@ declare const defaultTheme: {
     transitions: {};
     zIndices: {};
     components: {
-        Alert: {
-            defaultProps: {
-                colorScheme: string;
-                variant: string;
-            };
-            parts: string[];
-            sizes: {};
-            variants: {
-                solid: (props: import("..").Dict<any>) => {
-                    container: {
-                        bg: string;
-                        color: string;
-                    };
-                    button: {
-                        bg: string;
-                        hoverBg: string;
-                    };
-                    icon: {};
-                    message: {};
-                    text: {};
-                    title: {};
-                };
-                subtle: (props: import("..").Dict<any>) => {
-                    container: {
-                        bg: string;
-                        borderColor: string;
-                        borderWidth: number;
-                        color: string;
-                    };
-                    button: {
-                        color: string;
-                        hoverBg: string;
-                        activeBg: string;
-                        variant: string;
-                    };
-                    icon: {};
-                    message: {};
-                    text: {};
-                    title: {};
-                };
-            };
-        };
         Avatar: {
             defaultProps: {
                 colorScheme: string;
@@ -265,66 +223,109 @@ declare const defaultTheme: {
                 size: string;
                 variant: string;
             };
+            parts: string[];
             sizes: {
                 xs: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    minW: number;
-                    spaceX: number;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        minW: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
                 };
                 sm: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    minW: number;
-                    spaceX: number;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        minW: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
                 };
                 md: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    minW: number;
-                    spaceX: number;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        minW: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
                 };
                 lg: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    minW: number;
-                    spaceX: number;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        minW: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
                 };
             };
             variants: {
                 outlined: (props: import("..").Dict<any>) => {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
-                    borderColor: string;
-                    borderWidth: number;
+                    container: {
+                        borderColor: string;
+                        hoverBorderColor: string;
+                        hoverBg: string;
+                        activeBg: string;
+                        bg: string;
+                        borderWidth: number;
+                        color: string;
+                    };
                 };
                 solid: (props: import("..").Dict<any>) => {
-                    borderColor: string;
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
+                    container: {
+                        hoverBg: string;
+                        hoverBorderColor: string;
+                        activeBg: string;
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        color: string;
+                    };
                 };
                 subtle: (props: import("..").Dict<any>) => {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
+                    container: {
+                        hoverBg: string;
+                        hoverBorderColor: string;
+                        activeBg: string;
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        color: string;
+                    };
                 };
                 text: (props: import("..").Dict<any>) => {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
+                    container: {
+                        hoverBg: string;
+                        hoverBorderColor: string;
+                        activeBg: string;
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        color: string;
+                    };
                 };
             };
         };
+        Card: {
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Checkbox: {
             defaultProps: {
                 colorScheme: string;
@@ -437,94 +438,69 @@ declare const defaultTheme: {
             };
             variants: {};
         };
+        Image: {
+            defaultProps: {};
+            sizes: {};
+            variants: {};
+        };
         Input: {
             defaultProps: {
                 colorScheme: string;
                 size: string;
                 variant: string;
             };
+            parts: string[];
             sizes: {
                 xs: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    input: {};
                 };
                 sm: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    input: {};
                 };
                 md: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    input: {};
                 };
                 lg: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
+                    container: {
+                        fontSize: string;
+                        h: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    input: {};
                 };
             };
             variants: {
                 default: (props: import("..").Dict<any>) => {
-                    borderColor: string;
-                    focusWithinRing: number;
-                    focusWithinRingColor: string;
-                };
-            };
-        };
-        Label: {
-            defaultProps: {
-                colorScheme: string;
-                size: string;
-                variant: string;
-            };
-            sizes: {
-                sm: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    spaceX: number;
-                };
-                md: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    spaceX: number;
-                };
-                lg: {
-                    fontSize: string;
-                    h: number;
-                    iconSize: string;
-                    spaceX: number;
-                };
-            };
-            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;
-                    bg: string;
-                    color: string;
-                };
-                subtle: (props: import("..").Dict<any>) => {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
-                };
-                text: (props: import("..").Dict<any>) => {
-                    hoverBg: string;
-                    activeBg: string;
-                    bg: string;
-                    color: string;
+                    container: {
+                        borderColor: string;
+                        focusWithinRing: number;
+                        focusWithinRingColor: string;
+                    };
+                    icon: {};
+                    input: {};
                 };
             };
         };
@@ -568,6 +544,8 @@ declare const defaultTheme: {
             parts: string[];
             sizes: {
                 sm: {
+                    container: {};
+                    heading: {};
                     icon: {
                         size: string;
                     };
@@ -575,8 +553,11 @@ declare const defaultTheme: {
                         fontSize: string;
                         h: number;
                     };
+                    text: {};
                 };
                 md: {
+                    container: {};
+                    heading: {};
                     icon: {
                         size: string;
                     };
@@ -584,31 +565,40 @@ declare const defaultTheme: {
                         fontSize: string;
                         h: number;
                     };
+                    text: {};
                 };
                 lg: {
-                    icon: {
-                        size: string;
-                    };
+                    container: {};
+                    heading: {};
                     item: {
                         fontSize: string;
                         h: number;
                     };
-                };
-                xl: {
                     icon: {
-                        scale: number;
+                        size: string;
                     };
+                    text: {};
+                };
+                xl: {
+                    container: {};
+                    heading: {};
                     item: {
                         fontSize: string;
                         h: number;
                     };
+                    icon: {
+                        scale: number;
+                    };
+                    text: {};
                 };
             };
             variants: {
                 default: (props: import("..").Dict<any>) => {
                     container: {};
+                    heading: {};
                     icon: {};
                     item: import("..").Dict<any>;
+                    text: {};
                 };
                 ordered: {
                     container: {
@@ -636,6 +626,34 @@ declare const defaultTheme: {
                 };
             };
         };
+        Notification: {
+            defaultProps: {
+                colorScheme: string;
+                variant: string;
+            };
+            parts: string[];
+            sizes: {};
+            variants: {
+                subtle: (props: import("..").Dict<any>) => {
+                    container: {
+                        bg: string;
+                        borderColor: string;
+                        borderWidth: number;
+                        color: string;
+                    };
+                    button: {
+                        color: string;
+                        hoverBg: string;
+                        activeBg: string;
+                        variant: string;
+                    };
+                    icon: {};
+                    message: {};
+                    text: {};
+                    title: {};
+                };
+            };
+        };
         P: {
             defaultProps: {
                 size: string;
@@ -664,6 +682,21 @@ declare const defaultTheme: {
             };
             variants: {};
         };
+        Panel: {
+            defaultProps: {
+                variant: string;
+            };
+            sizes: {};
+            variants: {
+                elevated: {
+                    shadow: string;
+                };
+                outlined: {
+                    border: number;
+                    borderColor: string;
+                };
+            };
+        };
         Radio: {
             defaultProps: {
                 colorScheme: string;
@@ -813,75 +846,71 @@ declare const defaultTheme: {
             };
             parts: string[];
             sizes: {
-                sm: (props: import("..").Dict<any>) => {
+                sm: () => {
+                    container: {};
                     button: {
                         fontSize: string;
+                        minW: number;
+                        thumb: {
+                            h: number;
+                            w: number;
+                        };
+                        track: {
+                            h: number;
+                        };
                     };
                     label: {
                         size: string;
                     };
-                    thumb: {
-                        h: number;
-                        w: number;
-                    };
-                    track: {
-                        h: number;
-                        minW: number;
-                    };
                 };
-                md: (props: import("..").Dict<any>) => {
+                md: () => {
+                    container: {};
                     button: {
                         fontSize: string;
+                        minW: number;
+                        thumb: {
+                            h: number;
+                            w: number;
+                        };
+                        track: {
+                            h: number;
+                        };
                     };
                     label: {
                         size: string;
                     };
-                    thumb: {
-                        h: number;
-                        w: number;
-                    };
-                    track: {
-                        h: number;
-                        minW: number;
-                    };
                 };
-                lg: (props: import("..").Dict<any>) => {
+                lg: () => {
+                    container: {};
                     button: {
                         fontSize: string;
+                        minW: number;
+                        thumb: {
+                            h: number;
+                            w: number;
+                        };
+                        track: {
+                            h: number;
+                        };
                     };
                     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;
+                    container: {};
+                    button: {
+                        thumb: {
+                            bg: string;
+                        };
+                        track: {
+                            bg: string;
+                            ring: number;
+                        };
                     };
+                    label: {};
                 };
             };
         };
@@ -905,43 +934,82 @@ declare const defaultTheme: {
             };
             variants: {};
         };
-        Textarea: {
+        Tag: {
             defaultProps: {
                 colorScheme: string;
+                size: string;
                 variant: string;
             };
             parts: string[];
-            sizes: {};
+            sizes: {
+                sm: {
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
+                };
+                md: {
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
+                };
+                lg: {
+                    container: {
+                        fontSize: string;
+                        h: number;
+                        spaceX: number;
+                    };
+                    icon: {
+                        size: string;
+                    };
+                    text: {};
+                };
+            };
             variants: {
-                default: (props: import("..").Dict<any>) => {
-                    container: {};
-                    textarea: {
-                        borderColor: string;
-                        focusRing: number;
-                        focusRingColor: string;
+                solid: (props: import("..").Dict<any>) => {
+                    container: {
+                        hoverBg: string;
+                        activeBg: string;
+                        bg: string;
+                        color: string;
+                    };
+                };
+                subtle: (props: import("..").Dict<any>) => {
+                    container: {
+                        hoverBg: string;
+                        activeBg: string;
+                        bg: string;
+                        color: string;
                     };
                 };
             };
         };
-        Tile: {
+        Textarea: {
             defaultProps: {
+                colorScheme: string;
                 variant: string;
             };
+            parts: string[];
             sizes: {};
             variants: {
-                default: {
-                    bg: string;
-                    borderRadius: string;
-                    shadow: string;
-                    hoverShadow: string;
-                    p: number;
-                };
-                outlined: {
-                    bg: string;
-                    border: number;
-                    borderColor: string;
-                    borderRadius: string;
-                    p: number;
+                default: (props: import("..").Dict<any>) => {
+                    container: {};
+                    textarea: {
+                        borderColor: string;
+                        focusRing: number;
+                        focusRingColor: string;
+                    };
                 };
             };
         };

package/utils/assertion.d.ts

@@ -0,0 +1,14 @@
+/// <reference types="react" />
+import { Dict } from './types';
+/** Is value an array. */
+export declare function isArray<T>(value: any): value is T[];
+/** Is value a function. */
+export declare function isFunction<T>(value: any): value is T;
+/** Is value a number. */
+export declare function isNumber(value: any): value is number;
+/** Is value an object. */
+export declare function isObject(value: any): value is Dict;
+/** Is value a valid ReactText - string or number */
+export declare function isReactText(value: any): value is React.ReactText;
+/** Is value a string */
+export declare function isString(value: any): value is string;