@veracity/vui 2.0.6 → 2.2.0

package/dist/cjs/tag/tag.js

@@ -63,8 +63,7 @@ exports.TagBase = core_1.styled.spanBox `
   }
 
   &[aria-disabled='true'] {
-    background-color: disabled .bg;
-    color: disabled .color;
+    opacity: 0.5;
     cursor: not-allowed;
     user-select: none;
   }
@@ -108,7 +107,7 @@ exports.Tag = (0, core_1.vui)((props, ref) => {
                 itemLeft,
                 (0, utils_1.isString)(iconLeft) ? react_1.default.createElement(tagIcon_1.default, { mr: spaceX, name: iconLeft }) : iconLeft, children !== null && children !== void 0 ? children : ((0, utils_1.isReactText)(text) ? react_1.default.createElement(tagText_1.default, Object.assign({}, { isTruncated, text })) : text),
                 (0, utils_1.isString)(iconRight) ? react_1.default.createElement(tagIcon_1.default, { ml: spaceX, name: iconRight }) : iconRight,
-                onDelete ? react_1.default.createElement(tagButton_1.default, { isRound: isRound, ml: spaceX, onClick: onDelete }) : itemRight)))));
+                onDelete ? react_1.default.createElement(tagButton_1.default, { disabled: disabled, isRound: isRound, ml: spaceX, onClick: onDelete }) : itemRight)))));
 });
 exports.Tag.Button = tagButton_1.default;
 exports.Tag.Icon = tagIcon_1.default;

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

@@ -3,6 +3,7 @@ declare const _default: {
     defaultProps: {
         size: string;
         variant: string;
+        fontWeight: string;
     };
     parts: string[];
     sizes: {

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tag/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAmJE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFpB,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/tag/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAoJE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsFpB,wBAMC"}

package/dist/cjs/tag/theme.js

@@ -3,7 +3,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const baseStyle = {};
 const defaultProps = {
     size: 'md',
-    variant: 'subtleBlue'
+    variant: 'subtleBlue',
+    fontWeight: 'medium'
 };
 const parts = ['container', 'button', 'icon', 'text'];
 const sizes = {
@@ -64,18 +65,18 @@ const sizes = {
 const variants = {
     subtleGrey: {
         container: {
-            bg: 'sandstone.95',
-            hoverBg: 'sandstone.90',
-            borderColor: 'sandstone.90',
+            bg: 'sandstone.90',
+            hoverBg: 'sandstone.85',
+            borderColor: 'sandstone.85',
             color: 'sandstone.20',
-            activeBg: 'sandstone.85'
+            activeBg: 'sandstone.79'
         },
         button: {
             bg: 'transparent',
-            hoverBg: 'sandstone.90',
+            hoverBg: 'sandstone.85',
             hoverBorderColor: 'transparent',
             color: 'sandstone.20',
-            activeBg: 'sandstone.85'
+            activeBg: 'sandstone.79'
         }
     },
     subtleBlue: {
@@ -195,10 +196,10 @@ const variants = {
     },
     solidYellow: {
         container: {
-            bg: 'sunflower.65',
+            bg: 'sunflower.50',
             hoverBg: 'sunflower.80',
             activeBg: 'sunflower.85',
-            borderColor: 'sunflower.65',
+            borderColor: 'sunflower.50',
             color: 'sunflower.15'
         },
         button: {

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

@@ -32,6 +32,7 @@ declare const _default: {
             colorScheme: string;
             size: string;
             variant: string;
+            fontWeight: string;
         };
         sizes: {
             xs: {
@@ -80,6 +81,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -231,6 +233,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -566,10 +569,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: {};
@@ -803,15 +821,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 +848,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            sm: {
+            md: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -831,7 +858,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            md: {
+            lg: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -841,7 +868,7 @@ declare const _default: {
                 };
                 input: {};
             };
-            lg: {
+            xl: {
                 container: {
                     fontSize: string;
                     h: number;
@@ -853,14 +880,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: {};
             };
         };
     };
@@ -1133,7 +1169,33 @@ declare const _default: {
         variants: {};
     };
     Pagination: {
-        baseStyle: {};
+        baseStyle: {
+            button: {
+                color: string;
+                hoverBg: string;
+                minW: number;
+                bg: string;
+                border: string;
+            };
+            ellipsis: {
+                bg: string;
+                border: string;
+                color: string;
+            };
+            goToPage: {
+                bg: string;
+                border: string;
+                color: string;
+            };
+            prevNext: {
+                bg: string;
+                border: string;
+                color: string;
+            };
+            results: {
+                color: string;
+            };
+        };
         defaultProps: {};
         parts: string[];
         sizes: {};
@@ -1298,9 +1360,10 @@ declare const _default: {
         variants: {};
     };
     Skeleton: {
-        baseStyle: {};
+        baseStyle: {
+            bg: string;
+        };
         defaultProps: {
-            colorScheme: string;
             size: string;
             variant: string;
         };
@@ -1319,13 +1382,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;
             };
         };
@@ -1588,6 +1649,7 @@ declare const _default: {
         defaultProps: {
             size: string;
             variant: string;
+            fontWeight: string;
         };
         parts: string[];
         sizes: {
@@ -1830,6 +1892,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
 };

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

@@ -520,6 +520,7 @@ declare const defaultTheme: {
                 colorScheme: string;
                 size: string;
                 variant: string;
+                fontWeight: string;
             };
             sizes: {
                 xs: {
@@ -568,6 +569,7 @@ declare const defaultTheme: {
             defaultProps: {
                 size: string;
                 variant: string;
+                fontWeight: string;
             };
             parts: string[];
             sizes: {
@@ -719,6 +721,7 @@ declare const defaultTheme: {
             defaultProps: {
                 size: string;
                 variant: string;
+                fontWeight: string;
             };
             parts: string[];
             sizes: {
@@ -1054,10 +1057,25 @@ declare const defaultTheme: {
             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: {};
@@ -1291,15 +1309,24 @@ declare const defaultTheme: {
             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;
@@ -1309,7 +1336,7 @@ declare const defaultTheme: {
                     };
                     input: {};
                 };
-                sm: {
+                md: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -1319,7 +1346,7 @@ declare const defaultTheme: {
                     };
                     input: {};
                 };
-                md: {
+                lg: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -1329,7 +1356,7 @@ declare const defaultTheme: {
                     };
                     input: {};
                 };
-                lg: {
+                xl: {
                     container: {
                         fontSize: string;
                         h: number;
@@ -1341,14 +1368,23 @@ declare const defaultTheme: {
                 };
             };
             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: {};
                 };
             };
         };
@@ -1621,7 +1657,33 @@ declare const defaultTheme: {
             variants: {};
         };
         Pagination: {
-            baseStyle: {};
+            baseStyle: {
+                button: {
+                    color: string;
+                    hoverBg: string;
+                    minW: number;
+                    bg: string;
+                    border: string;
+                };
+                ellipsis: {
+                    bg: string;
+                    border: string;
+                    color: string;
+                };
+                goToPage: {
+                    bg: string;
+                    border: string;
+                    color: string;
+                };
+                prevNext: {
+                    bg: string;
+                    border: string;
+                    color: string;
+                };
+                results: {
+                    color: string;
+                };
+            };
             defaultProps: {};
             parts: string[];
             sizes: {};
@@ -1786,9 +1848,10 @@ declare const defaultTheme: {
             variants: {};
         };
         Skeleton: {
-            baseStyle: {};
+            baseStyle: {
+                bg: string;
+            };
             defaultProps: {
-                colorScheme: string;
                 size: string;
                 variant: string;
             };
@@ -1807,13 +1870,11 @@ declare const defaultTheme: {
                 };
             };
             variants: {
-                circle: (props: import("..").Dict<any>) => {
+                circle: {
                     borderRadius: string;
-                    bg: string;
                 };
-                rect: (props: import("..").Dict<any>) => {
+                rect: {
                     borderRadius: string;
-                    bg: string;
                     w: string;
                 };
             };
@@ -2076,6 +2137,7 @@ declare const defaultTheme: {
             defaultProps: {
                 size: string;
                 variant: string;
+                fontWeight: string;
             };
             parts: string[];
             sizes: {
@@ -2318,6 +2380,61 @@ declare const defaultTheme: {
                 };
             };
         };
+        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 defaultTheme;

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

package/dist/cjs/tooltip/tooltip.js

@@ -26,7 +26,7 @@ const Tooltip = (props) => {
                 text,
                 !!linkText && (react_2.default.createElement(react_2.default.Fragment, null,
                     "\u00A0",
-                    react_2.default.createElement(link_1.Link, Object.assign({ variant: "light" }, linkProps), linkText))))), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
+                    react_2.default.createElement(link_1.Link, Object.assign({ variant: "white" }, linkProps), linkText))))), interactive: true, offset: [0, 2], placement: placement, popperOptions: {
             modifiers: [
                 {
                     name: 'flip',

package/dist/cjs/tooltip/tooltipContent.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './tooltip.types';
-export declare const TooltipContent: (props: TooltipProps) => JSX.Element;
+export declare const TooltipContent: ({ children, fontSize, maxWidth }: TooltipProps) => JSX.Element;
 //# sourceMappingURL=tooltipContent.d.ts.map

package/dist/cjs/tooltip/tooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc,UAAW,YAAY,gBAoBjD,CAAA"}
+{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc,qCAAyD,YAAY,gBAgB/F,CAAA"}

package/dist/cjs/tooltip/tooltipContent.js

@@ -7,8 +7,5 @@ exports.TooltipContent = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = __importDefault(require("../box"));
 const tooltip_setup_1 = require("./tooltip.setup");
-const TooltipContent = (props) => {
-    const { children, fontSize = '16px', maxWidth = '400px' } = props;
-    return (react_1.default.createElement(box_1.default, { bg: tooltip_setup_1.color, borderRadius: "md", boxShadow: "2", className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
-};
+const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (react_1.default.createElement(box_1.default, { bg: tooltip_setup_1.color, boxShadow: "2", className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
 exports.TooltipContent = TooltipContent;