@veracity/vui 2.1.0 → 2.3.0

package/dist/cjs/theme/components.d.ts

@@ -29,16 +29,11 @@ declare const _default: {
     Avatar: {
         baseStyle: {};
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
+            fontWeight: string;
         };
         sizes: {
-            xs: {
-                fontSize: string;
-                h: number;
-                iconSize: string;
-            };
             sm: {
                 fontSize: string;
                 h: number;
@@ -59,19 +54,124 @@ declare const _default: {
                 h: number;
                 iconSize: string;
             };
+            xxl: {
+                fontSize: string;
+                h: number;
+                iconSize: string;
+            };
         };
         variants: {
-            solid: (props: import("..").Dict<any>) => {
+            subtleGrey: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
+            };
+            subtleBlue: {
+                bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            subtleRed: {
+                bg: string;
+                borderColor: string;
+                hoverBg: string;
+                activeBg: string;
+                color: string;
+            };
+            subtleYellow: {
+                bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            subtleGreen: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
+            };
+            subtleLavender: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
+            };
+            subtleEucalyptus: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
+            };
+            subtleTerracotta: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
+            };
+            solidBlue: {
+                bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            solidDarkBlue: {
+                bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            solidRed: {
+                bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            solidYellow: {
+                bg: string;
                 hoverBg: string;
                 activeBg: string;
+                borderColor: string;
+                color: string;
+            };
+            solidGreen: {
                 bg: string;
+                hoverBg: string;
+                activeBg: string;
+                borderColor: string;
                 color: string;
             };
-            subtle: (props: import("..").Dict<any>) => {
+            solidLavender: {
+                bg: string;
                 hoverBg: string;
+                borderColor: string;
+                color: string;
                 activeBg: string;
+            };
+            solidEucalyptus: {
                 bg: string;
+                hoverBg: string;
+                borderColor: string;
                 color: string;
+                activeBg: string;
+            };
+            solidTerracotta: {
+                bg: string;
+                hoverBg: string;
+                borderColor: string;
+                color: string;
+                activeBg: string;
             };
         };
     };
@@ -80,6 +180,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -231,6 +332,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -566,10 +668,25 @@ declare const _default: {
         variants: {};
     };
     DragAndDrop: {
-        baseStyle: {};
-        defaultProps: {};
+        baseStyle: {
+            borderWidth: number;
+            borderStyle: string;
+            borderColor: string;
+            bg: string;
+            color: string;
+            hoverBg: string;
+        };
+        defaultProps: {
+            variant: string;
+        };
         sizes: {};
-        variants: {};
+        variants: {
+            default: {};
+            outlined: {
+                borderColor: string;
+                borderStyle: string;
+            };
+        };
     };
     Footer: {
         baseStyle: {};
@@ -793,6 +910,10 @@ declare const _default: {
                 height: number;
                 width: number;
             };
+            xxl: {
+                height: number;
+                width: number;
+            };
         };
         variants: {};
     };
@@ -803,15 +924,24 @@ declare const _default: {
         variants: {};
     };
     Input: {
-        baseStyle: {};
+        baseStyle: {
+            container: {
+                focusWithinRing: number;
+                color: string;
+            };
+            input: {
+                color: {
+                    placeholder: string;
+                };
+            };
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
         };
         parts: string[];
         sizes: {
-            xs: {
+            sm: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -821,7 +951,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            sm: {
+            md: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -831,7 +961,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            md: {
+            lg: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -841,7 +971,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            lg: {
+            xl: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -853,14 +983,23 @@ declare const _default: {
             };
         };
         variants: {
-            default: (props: import("..").Dict<any>) => {
+            grey: {
+                container: {
+                    borderColor: string;
+                    focusWithinRingColor: string;
+                };
+            };
+            green: {
+                container: {
+                    borderColor: string;
+                    focusWithinRingColor: string;
+                };
+            };
+            red: {
                 container: {
                     borderColor: string;
-                    focusWithinRing: number;
                     focusWithinRingColor: string;
                 };
-                icon: {};
-                input: {};
             };
         };
     };
@@ -1033,11 +1172,9 @@ declare const _default: {
         baseStyle: {};
         defaultProps: {
             variant: string;
+            size: string;
         };
         sizes: {
-            xs: {
-                fontSize: string;
-            };
             sm: {
                 fontSize: string;
             };
@@ -1047,6 +1184,9 @@ declare const _default: {
             lg: {
                 fontSize: string;
             };
+            xl: {
+                fontSize: string;
+            };
         };
         variants: {
             info: {
@@ -1324,9 +1464,10 @@ declare const _default: {
         variants: {};
     };
     Skeleton: {
-        baseStyle: {};
+        baseStyle: {
+            bg: string;
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -1345,13 +1486,11 @@ declare const _default: {
             };
         };
         variants: {
-            circle: (props: import("..").Dict<any>) => {
+            circle: {
                 borderRadius: string;
-                bg: string;
             };
-            rect: (props: import("..").Dict<any>) => {
+            rect: {
                 borderRadius: string;
-                bg: string;
                 w: string;
             };
         };
@@ -1359,7 +1498,6 @@ declare const _default: {
     Spinner: {
         baseStyle: {};
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -1409,15 +1547,23 @@ declare const _default: {
             };
         };
         variants: {
-            default: (props: import("..").Dict<any>) => {
-                container: {
+            lightBackground: {
+                circle: {
+                    borderColor: string;
+                    borderTopColor: string;
+                };
+                text: {
                     color: string;
                 };
+            };
+            darkBackground: {
                 circle: {
                     borderColor: string;
                     borderTopColor: string;
                 };
-                text: {};
+                text: {
+                    color: string;
+                };
             };
         };
     };
@@ -1614,6 +1760,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -1856,6 +2003,61 @@ declare const _default: {
             };
         };
     };
+    Tree: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+            variant: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {
+                icon: {
+                    size: string;
+                };
+                item: {
+                    fontSize: string;
+                    h: number;
+                    py: string;
+                };
+            };
+            md: {
+                icon: {
+                    size: string;
+                };
+                item: {
+                    fontSize: string;
+                    h: number;
+                    py: string;
+                };
+            };
+            lg: {
+                item: {
+                    fontSize: string;
+                    h: number;
+                    py: string;
+                };
+                icon: {
+                    size: string;
+                };
+            };
+            xl: {
+                item: {
+                    fontSize: string;
+                    h: number;
+                    py: string;
+                };
+                icon: {
+                    scale: number;
+                };
+            };
+        };
+        variants: {
+            default: (props: import("..").Dict<any>) => {
+                item: import("..").Dict<any>;
+            };
+        };
+    };
 };
 export default _default;
 //# sourceMappingURL=components.d.ts.map

package/dist/cjs/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,wBAyCC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,wBA0CC"}

package/dist/cjs/theme/components.js

@@ -43,6 +43,7 @@ const theme_37 = __importDefault(require("../table/theme"));
 const theme_38 = __importDefault(require("../tabs/theme"));
 const theme_39 = __importDefault(require("../tag/theme"));
 const theme_40 = __importDefault(require("../textarea/theme"));
+const theme_41 = __importDefault(require("../tree/theme"));
 exports.default = {
     Accordion: theme_1.default,
     Avatar: theme_2.default,
@@ -83,5 +84,6 @@ exports.default = {
     Table: theme_37.default,
     Tabs: theme_38.default,
     Tag: theme_39.default,
-    Textarea: theme_40.default
+    Textarea: theme_40.default,
+    Tree: theme_41.default
 };