@veracity/vui 0.0.1 → 0.0.3

package/theme/components.d.ts

@@ -1,4 +1,55 @@
 declare const _default: {
+    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: {};
@@ -50,6 +101,7 @@ declare const _default: {
                 borderWidth: number;
             };
             solid: (props: import("..").Dict<any>) => {
+                borderColor: string;
                 hoverBg: string;
                 activeBg: string;
                 bg: string;
@@ -63,6 +115,57 @@ declare const _default: {
             };
         };
     };
+    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;
@@ -132,13 +235,25 @@ declare const _default: {
             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: {
@@ -177,6 +292,14 @@ declare const _default: {
             };
         };
         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;
@@ -189,15 +312,44 @@ declare const _default: {
                 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;
         };
@@ -223,12 +375,16 @@ declare const _default: {
             };
         };
         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;
                 };
             };
         };
@@ -261,6 +417,52 @@ 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: {
+                    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;
@@ -293,6 +495,86 @@ declare const _default: {
             };
         };
     };
+    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,31 +3,41 @@ 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("../box/theme"));
-var theme_2 = __importDefault(require("../button/theme"));
-var theme_3 = __importDefault(require("../heading/theme"));
-var theme_4 = __importDefault(require("../icon/theme"));
-var theme_5 = __importDefault(require("../input/theme"));
-var theme_6 = __importDefault(require("../label/theme"));
-var theme_7 = __importDefault(require("../link/theme"));
-var theme_8 = __importDefault(require("../list/theme"));
-var theme_9 = __importDefault(require("../p/theme"));
-var theme_10 = __importDefault(require("../skeleton/theme"));
-var theme_11 = __importDefault(require("../t/theme"));
-var theme_12 = __importDefault(require("../textarea/theme"));
-var theme_13 = __importDefault(require("../tile/theme"));
+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("../divider/theme"));
+var theme_6 = __importDefault(require("../heading/theme"));
+var theme_7 = __importDefault(require("../icon/theme"));
+var theme_8 = __importDefault(require("../input/theme"));
+var theme_9 = __importDefault(require("../label/theme"));
+var theme_10 = __importDefault(require("../link/theme"));
+var theme_11 = __importDefault(require("../list/theme"));
+var theme_12 = __importDefault(require("../p/theme"));
+var theme_13 = __importDefault(require("../radio/theme"));
+var theme_14 = __importDefault(require("../skeleton/theme"));
+var theme_15 = __importDefault(require("../switch/theme"));
+var theme_16 = __importDefault(require("../t/theme"));
+var theme_17 = __importDefault(require("../textarea/theme"));
+var theme_18 = __importDefault(require("../tile/theme"));
 exports.default = {
-    Box: theme_1.default,
-    Button: theme_2.default,
-    Heading: theme_3.default,
-    Icon: theme_4.default,
-    Input: theme_5.default,
-    Label: theme_6.default,
-    Link: theme_7.default,
-    List: theme_8.default,
-    P: theme_9.default,
-    Skeleton: theme_10.default,
-    T: theme_11.default,
-    Textarea: theme_12.default,
-    Tile: theme_13.default
+    Avatar: theme_1.default,
+    Box: theme_2.default,
+    Button: theme_3.default,
+    Checkbox: theme_4.default,
+    Divider: theme_5.default,
+    Heading: theme_6.default,
+    Icon: theme_7.default,
+    Input: theme_8.default,
+    Label: theme_9.default,
+    Link: theme_10.default,
+    List: theme_11.default,
+    P: theme_12.default,
+    Radio: theme_13.default,
+    Skeleton: theme_14.default,
+    Switch: theme_15.default,
+    T: theme_16.default,
+    Textarea: theme_17.default,
+    Tile: theme_18.default
 };