@veracity/vui 2.2.0 → 2.4.0

package/dist/cjs/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/cjs/avatar/avatar.js

@@ -21,6 +21,12 @@ const icon_1 = __importDefault(require("../icon"));
 const image_1 = __importDefault(require("../image"));
 const utils_1 = require("../utils");
 const helpers_1 = require("./helpers");
+function imageExists(image_url) {
+    const http = new XMLHttpRequest();
+    http.open('HEAD', image_url, false);
+    http.send();
+    return http.status !== 404;
+}
 exports.AvatarBase = core_1.styled.spanBox `
   align-items: center;
   display: inline-flex;
@@ -35,23 +41,36 @@ exports.AvatarBase = core_1.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. */
 exports.Avatar = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { children, className, getInitials = helpers_1.defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src } = _a, rest = __rest(_a, ["children", "className", "getInitials", "icon", "isInteractive", "isSquare", "name", "src"]);
+    const _a = (0, core_1.omitThemingProps)(props), { children, className, disabled, getInitials = helpers_1.defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src } = _a, rest = __rest(_a, ["children", "className", "disabled", "getInitials", "icon", "isInteractive", "isSquare", "name", "src"]);
     const _b = (0, core_1.useStyleConfig)('Avatar', props), { activeBg, h, hoverBg, iconSize } = _b, styles = __rest(_b, ["activeBg", "h", "hoverBg", "iconSize"]);
-    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_1.default.createElement(exports.AvatarBase, Object.assign({ borderRadius: borderRadius, className: (0, utils_1.cs)('vui-avatar', className), h: h, ref: ref, w: h }, styles, interactiveProps, rest), children ? (children) : src ? (react_1.default.createElement(image_1.default, Object.assign({}, { borderRadius, src }))) : icon ? (react_1.default.createElement(icon_1.default, { name: icon, size: iconSize })) : initials ? (initials) : null));
+    const aliasedProps = (0, utils_1.filterUndefined)({
+        borderRadius: borderRadius,
+        'aria-disabled': disabled
+    });
+    return (react_1.default.createElement(exports.AvatarBase, Object.assign({ borderRadius: borderRadius, className: (0, utils_1.cs)('vui-avatar', className), h: h, ref: ref, w: h }, styles, interactiveProps, aliasedProps, rest), children ? (children) : src && imageExists(src) ? (react_1.default.createElement(image_1.default, Object.assign({}, { borderRadius, src }))) : internalIcon ? (react_1.default.createElement(icon_1.default, { name: internalIcon, size: iconSize })) : initials ? (initials) : null));
 });
 exports.default = exports.Avatar;

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/avatar/theme.js

@@ -1,85 +1,152 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-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.hover',
+        activeBg: 'skyBlue.85',
+        borderColor: 'skyBlue.95',
+        color: 'seaBlue.main'
+    },
+    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.main',
+        hoverBg: 'seaBlue.35',
+        activeBg: 'seaBlue.40',
+        borderColor: 'seaBlue.main',
+        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%)'
+    }
 };
 exports.default = {
     baseStyle,

package/dist/cjs/badge/theme.js

@@ -67,7 +67,7 @@ const variants = {
     subtleBlue: {
         container: {
             bg: 'skyBlue.95',
-            color: 'seaBlue.28'
+            color: 'seaBlue.main'
         }
     },
     subtleBlue2: {

package/dist/cjs/button/theme.js

@@ -142,8 +142,8 @@ const variants = {
     },
     solidBlue: {
         container: {
-            bg: 'seaBlue.28',
-            borderColor: 'seaBlue.28',
+            bg: 'seaBlue.main',
+            borderColor: 'seaBlue.main',
             color: 'white',
             disabledBg: 'darkBlue.75',
             disabledBorderColor: 'darkBlue.75',
@@ -151,7 +151,7 @@ const variants = {
             // proper order next: hover, focus, active
             hoverBg: 'seaBlue.20',
             hoverBorderColor: 'seaBlue.20',
-            focusBg: 'seaBlue.28',
+            focusBg: 'seaBlue.main',
             activeBg: 'seaBlue.35',
             activeBorderColor: 'seaBlue.35'
         }
@@ -159,8 +159,8 @@ const variants = {
     blueOutlined: {
         container: {
             bg: 'white',
-            borderColor: 'seaBlue.28',
-            color: 'seaBlue.28',
+            borderColor: 'seaBlue.main',
+            color: 'seaBlue.main',
             disabledBg: 'white',
             disabledBorderColor: 'darkBlue.75',
             disabledColor: 'darkBlue.75',
@@ -175,7 +175,7 @@ const variants = {
         container: {
             bg: 'transparent',
             borderColor: 'transparent',
-            color: 'seaBlue.28',
+            color: 'seaBlue.main',
             disabledBg: 'white',
             disabledBorderColor: 'white',
             disabledColor: 'darkBlue.75',
@@ -222,7 +222,7 @@ const variants = {
         container: {
             bg: 'transparent',
             borderColor: 'transparent',
-            color: 'seaBlue.28',
+            color: 'seaBlue.main',
             disabledBg: 'white',
             disabledBorderColor: 'darkBlue.75',
             disabledColor: 'darkBlue.75',

package/dist/cjs/dialog/useDialog.js

@@ -27,7 +27,7 @@ const useDialog = () => {
     const showPrompt = (title, value = '') => new Promise(resolve => {
         let inputValue = value;
         setPortalSlot(react_1.default.createElement(dialog_1.Dialog, { body: react_1.default.createElement(box_1.Box, { px: 3, py: 2 },
-                react_1.default.createElement(input_1.Input, { defaultValue: value, onChange: e => (inputValue = e.target.value) })), cancelButton: {
+                react_1.default.createElement(input_1.Input, { onChange: e => (inputValue = e.target.value), value: value })), cancelButton: {
                 onClick: () => {
                     resolve(false);
                     setPortalSlot(null);

package/dist/cjs/dragAndDrop/theme.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const colors = {
     bg: 'skyBlue.95',
-    main: 'seaBlue.28',
+    main: 'seaBlue.main',
     hover: 'skyBlue.90'
 };
 const baseStyle = {

package/dist/cjs/header/headerAccountUserInfo.js

@@ -27,7 +27,9 @@ exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
     const { children, className, companyName, displayName } = props, rest = __rest(props, ["children", "className", "companyName", "displayName"]);
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
     return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-headerAccountUserInfo', className), p: 2, pb: 1, ref: ref, spaceX: 2 }, styles.accountUserInfo, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", colorScheme: "prussian", name: displayName, size: "lg", variant: "solid" }),
+        react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", 
+            // colorScheme="prussian"
+            name: displayName, size: "lg" }),
         react_1.default.createElement(box_1.default, { column: true },
             displayName && (react_1.default.createElement(t_1.default, { mb: 0.5, weight: "demi" }, displayName)),
             companyName && react_1.default.createElement(t_1.default, null, companyName))))));

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/heading/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/heading/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqGA,wBAKC"}

package/dist/cjs/heading/theme.js

@@ -1,7 +1,11 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+const fonts_1 = __importDefault(require("../theme/foundations/fonts"));
 const baseStyle = {
-    color: 'darkBlue.18'
+    color: 'darkBlue.main'
 };
 const defaultProps = {
     size: 'h2'
@@ -9,7 +13,7 @@ const defaultProps = {
 const sizes = {
     title: {
         as: 'h1',
-        fontFamily: 'DNV Display',
+        fontFamily: [fonts_1.default.dnvDisplay, fonts_1.default.avenir].join(', '),
         fontSize: {
             desktop: '64px',
             mobile: '42px'
@@ -34,7 +38,7 @@ const sizes = {
     },
     lead: {
         as: 'h2',
-        color: 'seaBlue.28',
+        color: 'seaBlue.main',
         fontSize: {
             desktop: '28px',
             mobile: '20px'

package/dist/cjs/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/cjs/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/cjs/icon/theme.js

@@ -21,10 +21,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/cjs/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/cjs/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/cjs/icons/baseIcons/cul/culCreateReport.js

@@ -0,0 +1,7 @@
+"use strict";
+/* eslint-disable */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/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/cjs/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/cjs/icons/baseIcons/cul/culDatacatalogue.js

@@ -0,0 +1,7 @@
+"use strict";
+/* eslint-disable */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.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/cjs/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