@veracity/vui 2.2.0 → 2.3.0

package/dist/cjs/tooltip/{tooltip.setup.js → consts.js}

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pointerPlacement = exports.color = exports.pointerSize = void 0;
+exports.pointerPlacement = exports.boxShadow = exports.borderRaduis = exports.bg = exports.pointerSize = void 0;
 exports.pointerSize = 12;
-exports.color = 'prussian.80';
+exports.bg = 'darkBlue.18';
+exports.borderRaduis = 1;
+exports.boxShadow = 2;
 exports.pointerPlacement = {
     top: {
         top: 'auto',

package/dist/cjs/tooltip/tooltip.js

@@ -9,7 +9,7 @@ const react_2 = __importDefault(require("react"));
 const box_1 = __importDefault(require("../box"));
 const core_1 = require("../core");
 const link_1 = require("../link");
-const tooltip_setup_1 = require("./tooltip.setup");
+const consts_1 = require("./consts");
 const tooltipContent_1 = require("./tooltipContent");
 /**
  * A simple text popup hint.
@@ -21,7 +21,7 @@ const Tooltip = (props) => {
     const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top' } = props;
     const isDesktop = (0, core_1.useUp)('md');
     return (react_2.default.createElement(react_1.default, { content: react_2.default.createElement(tooltipContent_1.TooltipContent, { fontSize: fontSize, maxWidth: maxWidth },
-            isDesktop && (react_2.default.createElement(box_1.default, { bg: tooltip_setup_1.color, bottom: tooltip_setup_1.pointerPlacement[placement].bottom, h: `${tooltip_setup_1.pointerSize}px`, left: tooltip_setup_1.pointerPlacement[placement].left, position: "absolute", right: tooltip_setup_1.pointerPlacement[placement].right, top: tooltip_setup_1.pointerPlacement[placement].top, transform: `translate(${tooltip_setup_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${tooltip_setup_1.pointerSize}px` })),
+            isDesktop && (react_2.default.createElement(box_1.default, { bg: consts_1.bg, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })),
             react_2.default.createElement(core_1.v.div, null,
                 text,
                 !!linkText && (react_2.default.createElement(react_2.default.Fragment, null,

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,qCAAyD,YAAY,gBAgB/F,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,gBAiB/F,CAAA"}

package/dist/cjs/tooltip/tooltipContent.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 = ({ 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));
+const consts_1 = require("./consts");
+const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (react_1.default.createElement(box_1.default, { bg: consts_1.bg, borderRadius: consts_1.borderRaduis, boxShadow: consts_1.boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
 exports.TooltipContent = TooltipContent;

package/dist/esm/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,eAAO,MAAM,UAAU,gIActB,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,MAAM,qDAkDjB,CAAA;AAEF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAY5C,eAAO,MAAM,UAAU,gIAoBtB,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,MAAM,qDA8DjB,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/esm/avatar/avatar.js

@@ -2,8 +2,14 @@ import React from 'react';
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import Image from '../image';
-import { cs } from '../utils';
+import { cs, filterUndefined } from '../utils';
 import { defaultGetInitials } from './helpers';
+function imageExists(image_url) {
+    const http = new XMLHttpRequest();
+    http.open('HEAD', image_url, false);
+    http.send();
+    return http.status !== 404;
+}
 export const AvatarBase = styled.spanBox `
   align-items: center;
   display: inline-flex;
@@ -18,23 +24,36 @@ export const AvatarBase = styled.spanBox `
   &:focus {
     border-color: transparent;
   }
+
+  &[aria-disabled='true'] {
+    opacity: 0.5;
+    cursor: not-allowed;
+    user-select: none;
+  }
 `;
 /** Displays user data, such as name initials or profile image. */
 export const Avatar = vui((props, ref) => {
-    const { children, className, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src, ...rest } = omitThemingProps(props);
+    const { children, className, disabled, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src, ...rest } = omitThemingProps(props);
     const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props);
-    const borderRadius = isSquare ? 'none' : '50%';
+    const borderRadius = isSquare ? (props.size === 'sm' ? '3px' : '6px') : '50%';
     const initials = getInitials(name);
-    const interactiveProps = isInteractive
+    const internalIcon = src && !imageExists(src) ? 'falUser' : icon;
+    const interactiveProps = !disabled && isInteractive
         ? {
             cursor: 'pointer',
             hoverBg,
+            hoverOpacity: src ? 0.85 : 1,
+            activeOpacity: src ? 0.7 : 1,
             activeBg,
             focusRing: 3,
             tabIndex: 0,
             userSelect: 'none'
         }
         : {};
-    return (React.createElement(AvatarBase, { borderRadius: borderRadius, className: cs('vui-avatar', className), h: h, ref: ref, w: h, ...styles, ...interactiveProps, ...rest }, children ? (children) : src ? (React.createElement(Image, { ...{ borderRadius, src } })) : icon ? (React.createElement(Icon, { name: icon, size: iconSize })) : initials ? (initials) : null));
+    const aliasedProps = filterUndefined({
+        borderRadius: borderRadius,
+        'aria-disabled': disabled
+    });
+    return (React.createElement(AvatarBase, { borderRadius: borderRadius, className: cs('vui-avatar', className), h: h, ref: ref, w: h, ...styles, ...interactiveProps, ...aliasedProps, ...rest }, children ? (children) : src && imageExists(src) ? (React.createElement(Image, { ...{ borderRadius, src } })) : internalIcon ? (React.createElement(Icon, { name: internalIcon, size: iconSize })) : initials ? (initials) : null));
 });
 export default Avatar;

package/dist/esm/avatar/avatar.types.d.ts

@@ -2,8 +2,10 @@ import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export declare type AvatarProps = SystemProps & ThemingProps<'Avatar'> & {
-    /** Available theme colors for this component. @default blue */
+    /** Available theme colors for this component. @deprecated */
     colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
+    /** Displays avatar in disabled state with appropriate styling. */
+    disabled?: boolean;
     /** Custom function to compute initials based on the provided name. */
     getInitials?: (name: string) => string;
     /** Renders an icon as the only content. */

package/dist/esm/avatar/avatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}

package/dist/esm/avatar/theme.d.ts

@@ -1,30 +1,11 @@
-import { Dict } from '../utils';
-declare function variantSolid(props: Dict): {
-    hoverBg: string;
-    activeBg: string;
-    bg: string;
-    color: string;
-};
-declare function variantSubtle(props: Dict): {
-    hoverBg: string;
-    activeBg: string;
-    bg: string;
-    color: string;
-};
 declare const _default: {
     baseStyle: {};
     defaultProps: {
-        colorScheme: string;
         size: string;
         variant: string;
         fontWeight: string;
     };
     sizes: {
-        xs: {
-            fontSize: string;
-            h: number;
-            iconSize: string;
-        };
         sm: {
             fontSize: string;
             h: number;
@@ -45,10 +26,126 @@ declare const _default: {
             h: number;
             iconSize: string;
         };
+        xxl: {
+            fontSize: string;
+            h: number;
+            iconSize: string;
+        };
     };
     variants: {
-        solid: typeof variantSolid;
-        subtle: typeof variantSubtle;
+        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;
+        };
+        /** solids next */
+        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;
+        };
+        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;
+        };
     };
 };
 export default _default;

package/dist/esm/avatar/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/avatar/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,YAAY,CAAC,KAAK,EAAE,IAAI;;;;;EAuBhC;AAED,iBAAS,aAAa,CAAC,KAAK,EAAE,IAAI;;;;;EA4BjC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CD,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/avatar/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8FE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DpB,wBAKC"}

package/dist/esm/avatar/theme.js

@@ -1,83 +1,150 @@
-function variantSolid(props) {
-    const { colorScheme: c } = props;
-    const styles = {
-        hoverBg: `${c}.90`,
-        activeBg: `${c}.100`,
-        bg: `${c}.80`,
-        color: 'white'
-    };
-    // Special cases
-    if (c === 'prussian') {
-        styles.activeBg = 'prussian.50';
-        styles.hoverBg = 'prussian.60';
-    }
-    if (c === 'yellow') {
-        styles.hoverBg = `${c}.80`;
-        styles.activeBg = `${c}.90`;
-        styles.bg = `${c}.70`;
-    }
-    return styles;
-}
-function variantSubtle(props) {
-    const { colorScheme: c } = props;
-    const colors = {
-        hoverBg: `${c}.30`,
-        activeBg: `${c}.40`,
-        bg: `${c}.20`,
-        color: `${c}.80`
-    };
-    // Special cases
-    if (c === 'green') {
-        colors.color = `${c}.90`;
-    }
-    if (c === 'grey') {
-        colors.color = `prussian.80`;
-    }
-    if (c === 'red') {
-        colors.color = `${c}.90`;
-    }
-    if (c === 'yellow') {
-        colors.color = `${c}.100`;
-    }
-    return colors;
-}
 const baseStyle = {};
 const defaultProps = {
-    colorScheme: 'blue',
     size: 'md',
-    variant: 'subtle',
+    variant: 'subtleGrey',
     fontWeight: 'medium'
 };
 const sizes = {
-    xs: {
+    sm: {
         fontSize: 'xs',
         h: 24,
         iconSize: 'xs'
     },
-    sm: {
+    md: {
         fontSize: 'sm',
         h: 32,
         iconSize: 'sm'
     },
-    md: {
+    lg: {
         fontSize: 'md',
         h: 40,
         iconSize: 'md'
     },
-    lg: {
+    xl: {
         fontSize: 'lg',
         h: 48,
-        iconSize: 'lg'
+        iconSize: 'xl'
     },
-    xl: {
+    xxl: {
         fontSize: 'lg',
-        h: 64,
-        iconSize: 'lg'
+        h: 56,
+        iconSize: 'xxl'
     }
 };
 const variants = {
-    solid: variantSolid,
-    subtle: variantSubtle
+    subtleGrey: {
+        bg: 'sandstone.90',
+        hoverBg: 'sandstone.85',
+        borderColor: 'sandstone.90',
+        color: 'sandstone.20',
+        activeBg: 'sandstone.79'
+    },
+    subtleBlue: {
+        bg: 'skyBlue.95',
+        hoverBg: 'skyBlue.90',
+        activeBg: 'skyBlue.85',
+        borderColor: 'skyBlue.95',
+        color: 'seaBlue.28'
+    },
+    subtleRed: {
+        bg: 'energyRed.95',
+        borderColor: 'energyRed.95',
+        hoverBg: 'energyRed.90',
+        activeBg: 'energyRed.85',
+        color: 'energyRed.45'
+    },
+    subtleYellow: {
+        bg: 'sunflower.85',
+        hoverBg: 'sunflower.70',
+        activeBg: 'sunflower.65',
+        borderColor: 'sunflower.85',
+        color: 'sunflower.20'
+    },
+    subtleGreen: {
+        bg: 'landGreen.95',
+        hoverBg: 'landGreen.90',
+        borderColor: 'landGreen.95',
+        color: 'landGreen.30',
+        activeBg: 'landGreen.85'
+    },
+    subtleLavender: {
+        bg: 'hsl(232, 58%, 90%)',
+        hoverBg: 'hsl(232, 58%, 85%)',
+        borderColor: 'hsl(232, 58%, 90%)',
+        color: 'hsl(232, 58%, 50%)',
+        activeBg: 'hsl(232, 58%, 80%)'
+    },
+    subtleEucalyptus: {
+        bg: 'hsl(178, 80%, 85%)',
+        hoverBg: 'hsl(178, 80%, 80%)',
+        borderColor: 'hsl(178, 80%, 85%)',
+        color: 'hsl(178, 80%, 20%)',
+        activeBg: 'hsl(178, 80%, 75%)'
+    },
+    subtleTerracotta: {
+        bg: 'hsl(34, 100%, 85%)',
+        hoverBg: 'hsl(34, 100%, 80%)',
+        borderColor: 'hsl(34, 100%, 85%)',
+        color: 'hsl(34, 100%, 20%)',
+        activeBg: 'hsl(34, 100%, 75%)'
+    },
+    /** solids next */
+    solidBlue: {
+        bg: 'seaBlue.28',
+        hoverBg: 'seaBlue.35',
+        activeBg: 'seaBlue.40',
+        borderColor: 'seaBlue.28',
+        color: 'white'
+    },
+    solidDarkBlue: {
+        bg: 'darkBlue.18',
+        hoverBg: 'darkBlue.25',
+        activeBg: 'darkBlue.35',
+        borderColor: 'darkBlue.18',
+        color: 'white'
+    },
+    solidRed: {
+        bg: 'energyRed.45',
+        hoverBg: 'energyRed.54',
+        activeBg: 'energyRed.60',
+        borderColor: 'energyRed.45',
+        color: 'white'
+    },
+    solidYellow: {
+        bg: 'sunflower.50',
+        hoverBg: 'sunflower.80',
+        activeBg: 'sunflower.85',
+        borderColor: 'sunflower.50',
+        color: 'sunflower.15'
+    },
+    solidGreen: {
+        bg: 'landGreen.35',
+        hoverBg: 'landGreen.41',
+        activeBg: 'landGreen.45',
+        borderColor: 'landGreen.35',
+        color: 'white'
+    },
+    solidLavender: {
+        bg: 'hsl(232, 58%, 60%)',
+        hoverBg: 'hsl(232, 58%, 65%)',
+        borderColor: 'hsl(232, 58%, 60%)',
+        color: 'white',
+        activeBg: 'hsl(232, 58%, 70%)'
+    },
+    solidEucalyptus: {
+        bg: 'hsl(178, 80%, 25%)',
+        hoverBg: 'hsl(178, 80%, 35%)',
+        borderColor: 'hsl(178, 80%, 25%)',
+        color: 'white',
+        activeBg: 'hsl(178, 80%, 42%)'
+    },
+    solidTerracotta: {
+        bg: 'hsl(34, 100%, 35%)',
+        hoverBg: 'hsl(34, 100%, 40%)',
+        borderColor: 'hsl(34, 100%, 35%)',
+        color: 'white',
+        activeBg: 'hsl(34, 100%, 45%)'
+    }
 };
 export default {
     baseStyle,

package/dist/esm/header/headerAccountUserInfo.js

@@ -10,7 +10,9 @@ export const HeaderAccountUserInfo = vui((props, ref) => {
     const { children, className, companyName, displayName, ...rest } = props;
     const styles = useStyleConfig('Header', useHeaderContext());
     return (React.createElement(Box, { className: cs('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2, ...styles.accountUserInfo, ...rest }, children ?? (React.createElement(React.Fragment, null,
-        React.createElement(Avatar, { className: "vui-headerAccountUserInfoAvatar", colorScheme: "prussian", name: displayName, size: "lg", variant: "solid" }),
+        React.createElement(Avatar, { className: "vui-headerAccountUserInfoAvatar", 
+            // colorScheme="prussian"
+            name: displayName, size: "lg" }),
         React.createElement(Box, { column: true },
             displayName && (React.createElement(T, { mb: 0.5, weight: "demi" }, displayName)),
             companyName && React.createElement(T, null, companyName))))));

package/dist/esm/icon/theme.d.ts

@@ -20,11 +20,16 @@ declare const _default: {
             height: number;
             width: number;
         };
-        /** the xl size is introduced for the xxl tabs; should not be listed. */
+        /** the xl size is introduced for the xxl-tabs and xl-avatars; should not be listed. */
         xl: {
             height: number;
             width: number;
         };
+        /** the xxl size is introduced for the xxl-avatars; should not be listed. */
+        xxl: {
+            height: number;
+            width: number;
+        };
     };
     variants: {};
 };

package/dist/esm/icon/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/icon/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;QAuBE,wEAAwE;;;;;;;;AAS1E,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/icon/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;QAuBE,uFAAuF;;;;;QAMvF,4EAA4E;;;;;;;;AAS9E,wBAKC"}

package/dist/esm/icon/theme.js

@@ -19,10 +19,15 @@ const sizes = {
         height: 28,
         width: 28
     },
-    /** the xl size is introduced for the xxl tabs; should not be listed. */
+    /** the xl size is introduced for the xxl-tabs and xl-avatars; should not be listed. */
     xl: {
         height: 32,
         width: 32
+    },
+    /** the xxl size is introduced for the xxl-avatars; should not be listed. */
+    xxl: {
+        height: 40,
+        width: 40
     }
 };
 const variants = {};

package/dist/esm/icons/baseIcons/cul/culCreateReport.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=culCreateReport.d.ts.map

package/dist/esm/icons/baseIcons/cul/culCreateReport.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"culCreateReport.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/cul/culCreateReport.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;;AAE5C,wBAGmB"}

package/dist/esm/icons/baseIcons/cul/culCreateReport.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M7.4 14C7.73137 14 8 13.7314 8 13.4V0.5C8 0.22375 7.77625 0 7.5 0H6.5C6.22375 0 6 0.22375 6 0.5V13.4C6 13.7314 6.26863 14 6.6 14H7.4Z M17 24.6C17 24.2686 17.2686 24 17.6 24H31.5C31.7763 24 32 24.2237 32 24.5V25.5C32 25.7763 31.7763 26 31.5 26H17.6C17.2686 26 17 25.7314 17 25.4V24.6Z M6.5 32H7.5C7.775 32 8 31.775 8 31.5V26H13.5C13.775 26 14 25.775 14 25.5V24.5C14 24.225 13.775 24 13.5 24H8V18.5C8 18.225 7.775 18 7.5 18H6.5C6.225 18 6 18.225 6 18.5V24H0.5C0.225 24 0 24.225 0 24.5V25.5C0 25.775 0.225 26 0.5 26H6V31.5C6 31.775 6.225 32 6.5 32Z M20.5 20H21.5C21.775 20 22 19.775 22 19.5V3.5C22 3.225 21.775 3 21.5 3H20.5C20.225 3 20 3.225 20 3.5V19.5C20 19.775 20.225 20 20.5 20Z M28.5 20H27.5C27.225 20 27 19.775 27 19.5V7.5C27 7.225 27.225 7 27.5 7H28.5C28.775 7 29 7.225 29 7.5V19.5C29 19.775 28.775 20 28.5 20Z M14.5 20H13.5C13.225 20 13 19.775 13 19.5V10.5C13 10.225 13.225 10 13.5 10H14.5C14.775 10 15 10.225 15 10.5V19.5C15 19.775 14.775 20 14.5 20Z'],
+    name: 'culCreateReport'
+};

package/dist/esm/icons/baseIcons/cul/culDatacatalogue.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=culDatacatalogue.d.ts.map

package/dist/esm/icons/baseIcons/cul/culDatacatalogue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"culDatacatalogue.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/cul/culDatacatalogue.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;;AAE5C,wBAGmB"}

package/dist/esm/icons/baseIcons/cul/culDatacatalogue.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M28 7.5C28 9.33335 27.3422 11.0131 26.2497 12.316L30.1346 16.2009C30.5251 16.5914 30.5251 17.2246 30.1346 17.6151C29.7441 18.0056 29.1109 18.0056 28.7204 17.6151L24.7711 13.6658C23.5591 14.507 22.0871 15 20.5 15C19.1363 15 17.8577 14.6361 16.7558 14H8C7.44771 14 7 13.5523 7 13C7 12.4477 7.44772 12 8 12H14.4995C13.5579 10.7465 13 9.18841 13 7.5C13 6.62341 13.1504 5.78195 13.4268 5H5C4.44771 5 4 5.44772 4 6V28.93C4 29.4823 4.44772 29.93 5 29.93H22C22.5523 29.93 23 29.4823 23 28.93V17.7776C23 17.4173 23.248 17.1167 23.5888 17C24.1947 16.7925 25 17.1801 25 17.8205V28.93C25 30.5869 23.6569 31.93 22 31.93H5C3.34315 31.93 2 30.5869 2 28.93V6C2 4.34314 3.34315 3 5 3H14C14.1533 3 14.2986 3.0345 14.4284 3.09616C15.7916 1.2199 18.0034 0 20.5 0C24.6421 0 28 3.35787 28 7.5ZM20.5 13C23.5376 13 26 10.5376 26 7.5C26 4.46243 23.5376 2 20.5 2C17.4624 2 15 4.46243 15 7.5C15 10.5376 17.4624 13 20.5 13Z M7 23C7 22.4477 7.44772 22 8 22H19C19.5523 22 20 22.4477 20 23C20 23.5523 19.5523 24 19 24H8C7.44772 24 7 23.5523 7 23Z M8 17C7.44772 17 7 17.4477 7 18C7 18.5523 7.44772 19 8 19H19C19.5523 19 20 18.5523 20 18C20 17.4477 19.5523 17 19 17H8Z'],
+    name: 'culDatacatalogue'
+};

package/dist/esm/icons/baseIcons/cul/culDataset.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=culDataset.d.ts.map

package/dist/esm/icons/baseIcons/cul/culDataset.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"culDataset.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/cul/culDataset.ts"],"names":[],"mappings":"AAEA,OAAO,EAAC,cAAc,EAAC,MAAM,aAAa,CAAA;;AAE1C,wBAImB"}

package/dist/esm/icons/baseIcons/cul/culDataset.js

@@ -0,0 +1,6 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M13 3C13 1.34315 14.3431 0 16 0C17.6569 0 19 1.34315 19 3C19 4.30622 18.1652 5.41746 17 5.82929V8.02584C18.6375 8.11113 20.136 8.40415 21.3087 8.85521C22.0093 9.12467 22.6449 9.47003 23.1227 9.90449C23.6007 10.3392 24 10.9419 24 11.6923V15H26.1707C26.5825 13.8348 27.6938 13 29 13C30.6569 13 32 14.3431 32 16C32 17.6569 30.6569 19 29 19C27.6938 19 26.5825 18.1652 26.1707 17H24V20.3077C24 21.0581 23.6007 21.6608 23.1227 22.0955C22.6449 22.53 22.0093 22.8753 21.3087 23.1448C20.136 23.5959 18.6375 23.8889 17 23.9742V26.1707C18.1652 26.5825 19 27.6938 19 29C19 30.6569 17.6569 32 16 32C14.3431 32 13 30.6569 13 29C13 27.6938 13.8348 26.5825 15 26.1707V23.9742C13.3625 23.8889 11.864 23.5959 10.6913 23.1448C9.99068 22.8753 9.3551 22.53 8.87732 22.0955C8.39926 21.6608 8 21.0581 8 20.3077V17H5.82929C5.41746 18.1652 4.30622 19 3 19C1.34315 19 0 17.6569 0 16C0 14.3431 1.34315 13 3 13C4.30622 13 5.41746 13.8348 5.82929 15H8V11.6923C8 10.9419 8.39926 10.3392 8.87732 9.90449C9.3551 9.47003 9.99068 9.12467 10.6913 8.85521C11.864 8.40415 13.3625 8.11113 15 8.02584V5.82929C13.8348 5.41746 13 4.30622 13 3ZM16 2C15.4477 2 15 2.44772 15 3C15 3.55228 15.4477 4 16 4C16.5523 4 17 3.55228 17 3C17 2.44772 16.5523 2 16 2ZM29 15C28.4477 15 28 15.4477 28 16C28 16.5523 28.4477 17 29 17C29.5523 17 30 16.5523 30 16C30 15.4477 29.5523 15 29 15ZM2 16C2 15.4477 2.44772 15 3 15C3.55228 15 4 15.4477 4 16C4 16.5523 3.55228 17 3 17C2.44772 17 2 16.5523 2 16ZM16 28C15.4477 28 15 28.4477 15 29C15 29.5523 15.4477 30 16 30C16.5523 30 17 29.5523 17 29C17 28.4477 16.5523 28 16 28ZM10 16.486V14.4172C10.2274 14.524 10.4667 14.6212 10.7139 14.7095C12.1144 15.2097 13.9834 15.5 16 15.5C18.0166 15.5 19.8856 15.2097 21.2861 14.7095C21.5333 14.6212 21.7726 14.524 22 14.4172V16.486C21.9909 16.5096 21.9514 16.5852 21.8048 16.709C21.5754 16.9027 21.1843 17.1221 20.6134 17.326C19.4804 17.7307 17.8494 18 16 18C14.1506 18 12.5196 17.7307 11.3866 17.326C10.8157 17.1221 10.4246 16.9027 10.1952 16.709C10.0486 16.5852 10.0091 16.5096 10 16.486ZM10.1952 12.209C10.0486 12.0852 10.0091 12.0096 10 11.986V11.6923C10 11.6881 9.99997 11.6665 10.025 11.6194C10.0528 11.5672 10.1106 11.4863 10.2229 11.3842C10.4535 11.1744 10.8431 10.9397 11.4092 10.7219C12.5349 10.289 14.1577 10 16 10C17.8423 10 19.4651 10.289 20.5908 10.7219C21.1569 10.9397 21.5465 11.1744 21.7771 11.3842C21.8894 11.4863 21.9472 11.5672 21.975 11.6194C22 11.6665 22 11.6881 22 11.6923V11.986C21.9909 12.0096 21.9514 12.0852 21.8048 12.209C21.5754 12.4027 21.1843 12.6221 20.6134 12.826C19.4804 13.2307 17.8494 13.5 16 13.5C14.1506 13.5 12.5196 13.2307 11.3866 12.826C10.8157 12.6221 10.4246 12.4027 10.1952 12.209ZM10 18.9173V20.3077C10 20.3119 9.99997 20.3335 10.025 20.3806C10.0528 20.4328 10.1106 20.5137 10.2229 20.6158C10.4535 20.8256 10.8431 21.0603 11.4092 21.2781C12.5349 21.711 14.1577 22 16 22C17.8423 22 19.4651 21.711 20.5908 21.2781C21.1569 21.0603 21.5465 20.8256 21.7771 20.6158C21.8894 20.5137 21.9472 20.4328 21.975 20.3806C22 20.3335 22 20.312 22 20.3078V18.9172C21.7726 19.024 21.5333 19.1212 21.2861 19.2095C19.8856 19.7097 18.0166 20 16 20C13.9834 20 12.1144 19.7097 10.7139 19.2095C10.4667 19.1212 10.2274 19.024 10 18.9173Z'],
+    name: 'culDataset',
+    pathProps: { fillRule: 'evenodd', clipRule: 'evenodd' }
+};

package/dist/esm/icons/baseIcons/cul/culFileStandard.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=culFileStandard.d.ts.map

package/dist/esm/icons/baseIcons/cul/culFileStandard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"culFileStandard.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/cul/culFileStandard.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;;AAE5C,wBAGmB"}

package/dist/esm/icons/baseIcons/cul/culFileStandard.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M4 3C4 1.34315 5.34315 0 7 0H25C26.6569 0 28 1.34315 28 3V26C28 27.6569 26.6569 29 25 29H24.7917C24.2394 29 23.7917 28.5523 23.7917 28C23.7917 27.4477 24.2394 27 24.7917 27H25C25.5523 27 26 26.5523 26 26V3C26 2.44771 25.5523 2 25 2H7C6.44772 2 6 2.44772 6 3V26C6 26.5523 6.44771 27 7 27H11.0417C11.594 27 12.0417 27.4477 12.0417 28C12.0417 28.5523 11.594 29 11.0417 29H7C5.34314 29 4 27.6569 4 26V3Z M13.25 22C13.25 21.4477 13.6977 21 14.25 21H21.5833C22.1356 21 22.5833 21.4477 22.5833 22V31C22.5833 31.3673 22.382 31.705 22.0589 31.8797C21.7358 32.0543 21.343 32.0378 21.0357 31.8367L17.9167 29.7952L14.7977 31.8367C14.4904 32.0378 14.0975 32.0543 13.7744 31.8797C13.4513 31.705 13.25 31.3673 13.25 31V22ZM15.25 23V29.1503L17.369 27.7633C17.7017 27.5456 18.1317 27.5456 18.4643 27.7633L20.5833 29.1503V23H15.25Z M9.58333 6C9.58333 5.44772 10.031 5 10.5833 5H21.4167C21.969 5 22.4167 5.44772 22.4167 6C22.4167 6.55228 21.969 7 21.4167 7H10.5833C10.031 7 9.58333 6.55228 9.58333 6Z M9.58333 11C9.58333 10.4477 10.031 10 10.5833 10H21.4167C21.969 10 22.4167 10.4477 22.4167 11C22.4167 11.5523 21.969 12 21.4167 12H10.5833C10.031 12 9.58333 11.5523 9.58333 11Z M9.58333 16C9.58333 15.4477 10.031 15 10.5833 15H21.4167C21.969 15 22.4167 15.4477 22.4167 16C22.4167 16.5523 21.969 17 21.4167 17H10.5833C10.031 17 9.58333 16.5523 9.58333 16Z'],
+    name: 'culFileStandard'
+};

package/dist/esm/icons/baseIcons/fal/falAlignCenter.d.ts

@@ -0,0 +1,4 @@
+import { IconDefinition } from '../../types';
+declare const _default: IconDefinition;
+export default _default;
+//# sourceMappingURL=falAlignCenter.d.ts.map

package/dist/esm/icons/baseIcons/fal/falAlignCenter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"falAlignCenter.d.ts","sourceRoot":"","sources":["../../../../../src/icons/baseIcons/fal/falAlignCenter.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAA;;AAE5C,wBAGmB"}

package/dist/esm/icons/baseIcons/fal/falAlignCenter.js

@@ -0,0 +1,5 @@
+/* eslint-disable */
+export default {
+    details: [32, 32, [], '', 'M23.5 3C23.8333 3 24 3.16667 24 3.5V4.5C24 4.83333 23.8333 5 23.5 5H8.5C8.16667 5 8 4.83333 8 4.5V3.5C8 3.16667 8.16667 3 8.5 3H23.5ZM29.5 27C29.8333 27 30 27.1667 30 27.5V28.5C30 28.8333 29.8333 29 29.5 29H2.5C2.16667 29 2 28.8333 2 28.5V27.5C2 27.1667 2.16667 27 2.5 27H29.5ZM23.5 19C23.8333 19 24 19.1667 24 19.5V20.5C24 20.8333 23.8333 21 23.5 21H8.5C8.16667 21 8 20.8333 8 20.5V19.5C8 19.1667 8.16667 19 8.5 19H23.5ZM29.5 11C29.8333 11 30 11.1667 30 11.5V12.5C30 12.8333 29.8333 13 29.5 13H2.5C2.16667 13 2 12.8333 2 12.5V11.5C2 11.1667 2.16667 11 2.5 11H29.5Z'],
+    name: 'falAlignCenter'
+};