@veracity/vui 0.0.2 → 0.0.4

package/theme/components.d.ts

@@ -1,4 +1,46 @@
 declare const _default: {
+    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;
@@ -121,31 +163,45 @@ declare const _default: {
             size: string;
             variant: string;
         };
+        parts: string[];
         sizes: {
             sm: {
-                h: number;
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
             };
             md: {
-                h: number;
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
+            };
+            lg: {
+                control: {
+                    h: number;
+                    w: number;
+                };
+                label: {
+                    size: string;
+                };
             };
         };
         variants: {
             default: (props: import("..").Dict<any>) => {
-                color: string;
-                hoverColor: string;
+                control: {
+                    color: string;
+                    hoverColor: string;
+                };
             };
         };
     };
-    ControlLabel: {
-        defaultProps: {
-            size: string;
-        };
-        sizes: {
-            sm: {};
-            md: {};
-        };
-        variants: {};
-    };
     Divider: {
         defaultProps: {};
         sizes: {};
@@ -220,6 +276,11 @@ declare const _default: {
             variant: string;
         };
         sizes: {
+            xs: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
             sm: {
                 fontSize: string;
                 h: number;
@@ -301,9 +362,31 @@ declare const _default: {
         };
     };
     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: {
@@ -314,18 +397,36 @@ declare const _default: {
         parts: string[];
         sizes: {
             sm: {
+                icon: {
+                    size: string;
+                };
                 item: {
                     fontSize: string;
                     h: number;
                 };
             };
             md: {
+                icon: {
+                    size: string;
+                };
                 item: {
                     fontSize: string;
                     h: number;
                 };
             };
             lg: {
+                icon: {
+                    size: string;
+                };
+                item: {
+                    fontSize: string;
+                    h: number;
+                };
+            };
+            xl: {
+                icon: {
+                    scale: number;
+                };
                 item: {
                     fontSize: string;
                     h: number;
@@ -334,17 +435,33 @@ declare const _default: {
         };
         variants: {
             default: (props: import("..").Dict<any>) => {
+                container: {};
+                icon: {};
                 item: import("..").Dict<any>;
-                list: import("..").Dict<any>;
             };
-            unstyled: {
+            ordered: {
+                container: {
+                    as: string;
+                    listStyleType: string;
+                    pl: number;
+                };
                 item: {
                     display: string;
                     h: undefined;
+                    lineHeight: number;
                 };
-                list: {
+            };
+            unordered: {
+                container: {
+                    as: string;
+                    listStyleType: string;
                     pl: number;
                 };
+                item: {
+                    display: string;
+                    h: undefined;
+                    lineHeight: number;
+                };
             };
         };
     };
@@ -376,6 +493,51 @@ declare const _default: {
         };
         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: {
+                    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;
@@ -408,6 +570,151 @@ declare const _default: {
             };
         };
     };
+    Spinner: {
+        defaultProps: {
+            colorScheme: string;
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            xs: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            sm: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            md: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            lg: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            card: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+            page: {
+                circle: {
+                    borderWidth: number;
+                    h: number;
+                    w: number;
+                };
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                container: {
+                    color: string;
+                };
+                circle: {
+                    borderColor: string;
+                    borderTopColor: string;
+                    borderRightColor: string;
+                };
+                text: {};
+            };
+        };
+    };
+    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/components.js

@@ -3,11 +3,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-var theme_1 = __importDefault(require("../avatar/theme"));
-var theme_2 = __importDefault(require("../box/theme"));
-var theme_3 = __importDefault(require("../button/theme"));
-var theme_4 = __importDefault(require("../checkbox/theme"));
-var theme_5 = __importDefault(require("../controlLabel/theme"));
+var theme_1 = __importDefault(require("../alert/theme"));
+var theme_2 = __importDefault(require("../avatar/theme"));
+var theme_3 = __importDefault(require("../box/theme"));
+var theme_4 = __importDefault(require("../button/theme"));
+var theme_5 = __importDefault(require("../checkbox/theme"));
 var theme_6 = __importDefault(require("../divider/theme"));
 var theme_7 = __importDefault(require("../heading/theme"));
 var theme_8 = __importDefault(require("../icon/theme"));
@@ -16,16 +16,19 @@ var theme_10 = __importDefault(require("../label/theme"));
 var theme_11 = __importDefault(require("../link/theme"));
 var theme_12 = __importDefault(require("../list/theme"));
 var theme_13 = __importDefault(require("../p/theme"));
-var theme_14 = __importDefault(require("../skeleton/theme"));
-var theme_15 = __importDefault(require("../t/theme"));
-var theme_16 = __importDefault(require("../textarea/theme"));
-var theme_17 = __importDefault(require("../tile/theme"));
+var theme_14 = __importDefault(require("../radio/theme"));
+var theme_15 = __importDefault(require("../skeleton/theme"));
+var theme_16 = __importDefault(require("../spinner/theme"));
+var theme_17 = __importDefault(require("../switch/theme"));
+var theme_18 = __importDefault(require("../t/theme"));
+var theme_19 = __importDefault(require("../textarea/theme"));
+var theme_20 = __importDefault(require("../tile/theme"));
 exports.default = {
-    Avatar: theme_1.default,
-    Box: theme_2.default,
-    Button: theme_3.default,
-    Checkbox: theme_4.default,
-    ControlLabel: theme_5.default,
+    Alert: theme_1.default,
+    Avatar: theme_2.default,
+    Box: theme_3.default,
+    Button: theme_4.default,
+    Checkbox: theme_5.default,
     Divider: theme_6.default,
     Heading: theme_7.default,
     Icon: theme_8.default,
@@ -34,8 +37,11 @@ exports.default = {
     Link: theme_11.default,
     List: theme_12.default,
     P: theme_13.default,
-    Skeleton: theme_14.default,
-    T: theme_15.default,
-    Textarea: theme_16.default,
-    Tile: theme_17.default
+    Radio: theme_14.default,
+    Skeleton: theme_15.default,
+    Spinner: theme_16.default,
+    Switch: theme_17.default,
+    T: theme_18.default,
+    Textarea: theme_19.default,
+    Tile: theme_20.default
 };