@veracity/vui 0.0.15 → 0.1.0

package/theme/defaultTheme.d.ts

@@ -176,7 +176,9 @@ declare const defaultTheme: {
                     };
                     button: {
                         bg: string;
+                        borderColor: string;
                         hoverBg: string;
+                        hoverBorderColor: string;
                     };
                     icon: {};
                     message: {};
@@ -265,66 +267,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 +482,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 +588,8 @@ declare const defaultTheme: {
             parts: string[];
             sizes: {
                 sm: {
+                    container: {};
+                    heading: {};
                     icon: {
                         size: string;
                     };
@@ -575,8 +597,11 @@ declare const defaultTheme: {
                         fontSize: string;
                         h: number;
                     };
+                    text: {};
                 };
                 md: {
+                    container: {};
+                    heading: {};
                     icon: {
                         size: string;
                     };
@@ -584,31 +609,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: {
@@ -664,6 +698,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 +862,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 +950,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 Array<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;

package/utils/assertion.js

@@ -0,0 +1,34 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.isString = exports.isReactText = exports.isObject = exports.isNumber = exports.isFunction = exports.isArray = void 0;
+/** Is value an array. */
+function isArray(value) {
+    return Array.isArray(value);
+}
+exports.isArray = isArray;
+/** Is value a function. */
+function isFunction(value) {
+    return typeof value === 'function';
+}
+exports.isFunction = isFunction;
+/** Is value a number. */
+function isNumber(value) {
+    return typeof value === 'number';
+}
+exports.isNumber = isNumber;
+/** Is value an object. */
+function isObject(value) {
+    var type = typeof value;
+    return value !== null && (type === 'object' || type === 'function') && !isArray(value);
+}
+exports.isObject = isObject;
+/** Is value a valid ReactText - string or number */
+function isReactText(value) {
+    return isNumber(value) || isString(value);
+}
+exports.isReactText = isReactText;
+/** Is value a string */
+function isString(value) {
+    return Object.prototype.toString.call(value) === '[object String]';
+}
+exports.isString = isString;

package/utils/index.d.ts

@@ -1,3 +1,4 @@
+export * from './assertion';
 export * from './function';
 export * from './object';
 export * from './styles';

package/utils/index.js

@@ -10,6 +10,7 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./assertion"), exports);
 __exportStar(require("./function"), exports);
 __exportStar(require("./object"), exports);
 __exportStar(require("./styles"), exports);