@veracity/vui 0.0.15 → 0.1.0

package/theme/components.d.ts

@@ -14,7 +14,9 @@ declare const _default: {
                 };
                 button: {
                     bg: string;
+                    borderColor: string;
                     hoverBg: string;
+                    hoverBorderColor: string;
                 };
                 icon: {};
                 message: {};
@@ -103,66 +105,109 @@ declare const _default: {
             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;
@@ -275,94 +320,69 @@ declare const _default: {
         };
         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: {};
             };
         };
     };
@@ -406,6 +426,8 @@ declare const _default: {
         parts: string[];
         sizes: {
             sm: {
+                container: {};
+                heading: {};
                 icon: {
                     size: string;
                 };
@@ -413,8 +435,11 @@ declare const _default: {
                     fontSize: string;
                     h: number;
                 };
+                text: {};
             };
             md: {
+                container: {};
+                heading: {};
                 icon: {
                     size: string;
                 };
@@ -422,31 +447,40 @@ declare const _default: {
                     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: {
@@ -502,6 +536,21 @@ declare const _default: {
         };
         variants: {};
     };
+    Panel: {
+        defaultProps: {
+            variant: string;
+        };
+        sizes: {};
+        variants: {
+            elevated: {
+                shadow: string;
+            };
+            outlined: {
+                border: number;
+                borderColor: string;
+            };
+        };
+    };
     Radio: {
         defaultProps: {
             colorScheme: string;
@@ -651,75 +700,71 @@ declare const _default: {
         };
         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: {};
             };
         };
     };
@@ -743,43 +788,82 @@ declare const _default: {
         };
         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/theme/components.js

@@ -7,41 +7,45 @@ 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"));
-var theme_9 = __importDefault(require("../input/theme"));
-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("../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"));
+var theme_5 = __importDefault(require("../card/theme"));
+var theme_6 = __importDefault(require("../checkbox/theme"));
+var theme_7 = __importDefault(require("../divider/theme"));
+var theme_8 = __importDefault(require("../heading/theme"));
+var theme_9 = __importDefault(require("../icon/theme"));
+var theme_10 = __importDefault(require("../image/theme"));
+var theme_11 = __importDefault(require("../input/theme"));
+var theme_12 = __importDefault(require("../link/theme"));
+var theme_13 = __importDefault(require("../list/theme"));
+var theme_14 = __importDefault(require("../p/theme"));
+var theme_15 = __importDefault(require("../panel/theme"));
+var theme_16 = __importDefault(require("../radio/theme"));
+var theme_17 = __importDefault(require("../skeleton/theme"));
+var theme_18 = __importDefault(require("../spinner/theme"));
+var theme_19 = __importDefault(require("../switch/theme"));
+var theme_20 = __importDefault(require("../t/theme"));
+var theme_21 = __importDefault(require("../tag/theme"));
+var theme_22 = __importDefault(require("../textarea/theme"));
 exports.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,
-    Input: theme_9.default,
-    Label: theme_10.default,
-    Link: theme_11.default,
-    List: theme_12.default,
-    P: theme_13.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
+    Card: theme_5.default,
+    Checkbox: theme_6.default,
+    Divider: theme_7.default,
+    Heading: theme_8.default,
+    Icon: theme_9.default,
+    Image: theme_10.default,
+    Input: theme_11.default,
+    Link: theme_12.default,
+    List: theme_13.default,
+    P: theme_14.default,
+    Panel: theme_15.default,
+    Radio: theme_16.default,
+    Skeleton: theme_17.default,
+    Spinner: theme_18.default,
+    Switch: theme_19.default,
+    T: theme_20.default,
+    Tag: theme_21.default,
+    Textarea: theme_22.default
 };