@veracity/vui 0.0.15 → 0.2.0

package/theme/components.d.ts

@@ -1,46 +1,4 @@
 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;
@@ -103,66 +61,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 +276,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 +382,8 @@ declare const _default: {
         parts: string[];
         sizes: {
             sm: {
+                container: {};
+                heading: {};
                 icon: {
                     size: string;
                 };
@@ -413,8 +391,11 @@ declare const _default: {
                     fontSize: string;
                     h: number;
                 };
+                text: {};
             };
             md: {
+                container: {};
+                heading: {};
                 icon: {
                     size: string;
                 };
@@ -422,31 +403,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: {
@@ -474,6 +464,34 @@ declare const _default: {
             };
         };
     };
+    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;
@@ -502,6 +520,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 +684,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 +772,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;
+                };
             };
         };
     };