@veracity/vui 2.6.3 → 2.8.0-rc.0

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

@@ -146,6 +146,18 @@ declare const _default: {
             color: string;
             activeBg: string;
         };
+        /** internal, used in *header* next */
+        primaryLight: {
+            bg: string;
+            borderColor: string;
+            color: string;
+            hoverBg: string;
+            hoverBorderColor: string;
+            hoverColor: string;
+            activeBg: string;
+            activeBorderColor: string;
+            activeColor: 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8FE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2DpB,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/avatar/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QA8FE,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAyDlB,sCAAsC;;;;;;;;;;;;;;AAcxC,wBAKC"}

package/dist/cjs/avatar/theme.js

@@ -146,6 +146,18 @@ const variants = {
         borderColor: 'hsl(34, 100%, 35%)',
         color: 'white',
         activeBg: 'hsl(34, 100%, 45%)'
+    },
+    /** internal, used in *header* next */
+    primaryLight: {
+        bg: 'buttonTypePrimaryDefaultBackgroundColorLight',
+        borderColor: 'buttonTypePrimaryDefaultBorderColorLight',
+        color: 'buttonTypePrimaryDefaultTextColorLight',
+        hoverBg: 'buttonTypePrimaryHoverBackgroundColorLight',
+        hoverBorderColor: 'buttonTypePrimaryHoverBorderColorLight',
+        hoverColor: 'buttonTypePrimaryHoverTextColorLight',
+        activeBg: 'buttonTypePrimaryActiveBackgroundColorLight',
+        activeBorderColor: 'buttonTypePrimaryActiveBorderColorLight',
+        activeColor: 'buttonTypePrimaryActiveTextColorLight'
     }
 };
 exports.default = {

package/dist/cjs/breadcrumbs/breadcrumbs.d.ts

@@ -2,7 +2,7 @@ import { VuiComponent } from '../core';
 import { BreadcrumbsProps } from './breadcrumbs.types';
 import BreadcrumbsItem from './breadcrumbsItem';
 export declare const BreadcrumbsBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
+/** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 export declare const Breadcrumbs: VuiComponent<"div", BreadcrumbsProps> & {
     Item: typeof BreadcrumbsItem;
 };

package/dist/cjs/breadcrumbs/breadcrumbs.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAI/C,eAAO,MAAM,eAAe,+HAI3B,CAAA;AAED,qLAAqL;AACrL,eAAO,MAAM,WAAW;UAqBhB,sBAAsB;CAC7B,CAAA;AAID,eAAe,WAAW,CAAA"}
+{"version":3,"file":"breadcrumbs.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AACtD,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAI/C,eAAO,MAAM,eAAe,+HAQ3B,CAAA;AAED,8KAA8K;AAC9K,eAAO,MAAM,WAAW;UA0BhB,sBAAsB;CAC7B,CAAA;AAID,eAAe,WAAW,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbs.js

@@ -48,16 +48,20 @@ exports.BreadcrumbsBase = core_1.styled.divBox `
   display: flex;
   min-width: 0;
   transition-duration: normal;
+
+  .vui-breadcrumbs-item:last-of-type {
+    font-weight: 600;
+  }
 `;
-/** [Beta] Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
+/** Breadcrumbs consist of a list of items that help a user visualize a page's location within the hierarchical structure of a website, and allow correspondent navigation. */
 exports.Breadcrumbs = (0, core_1.vui)((props, ref) => {
-    const { children, className, size } = props, rest = __rest(props, ["children", "className", "size"]);
+    const { children, className, size, variant } = props, rest = __rest(props, ["children", "className", "size", "variant"]);
     const styles = (0, core_1.useStyleConfig)('Breadcrumbs', props);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size }), [size]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size, variant }), [size, variant]);
     const aliasedProps = (0, utils_1.filterUndefined)({});
     const arrayChildren = react_1.Children.toArray(children);
     return (react_1.default.createElement(context_1.BreadcrumbsProvider, { value: context },
-        react_1.default.createElement(exports.BreadcrumbsBase, Object.assign({ className: (0, utils_1.cs)('vui-breadcrumbs', className), ref: ref }, styles, aliasedProps, rest), react_1.Children.map(arrayChildren, (child, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
+        react_1.default.createElement(exports.BreadcrumbsBase, Object.assign({ className: (0, utils_1.cs)('vui-breadcrumbs', className), ref: ref }, styles.main, aliasedProps, rest), react_1.Children.map(arrayChildren, (child, key) => (react_1.default.createElement(react_1.Fragment, { key: key },
             child,
             key !== arrayChildren.length - 1 && react_1.default.createElement(breadcrumbsSeparator_1.default, null)))))));
 });

package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts

@@ -1,6 +1,5 @@
 import { ReactNode } from 'react';
 import { BoxProps } from '../box';
-import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export declare type BreadcrumbsProps = SystemProps & ThemingProps<'Breadcrumbs'>;
@@ -9,8 +8,6 @@ export declare type BreadcrumbsItemProps = BoxProps & {
     className?: string;
     /** Content */
     children?: ReactNode;
-    /** Icon */
-    icon?: IconProp;
 };
 export declare type BreadcrumbsSeparatorProps = BoxProps & {
     /** Custom class name */

package/dist/cjs/breadcrumbs/breadcrumbs.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,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,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAExE,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,WAAW;IACX,IAAI,CAAC,EAAE,QAAQ,CAAA;CAChB,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}
+{"version":3,"file":"breadcrumbs.types.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbs.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,gBAAgB,GAAG,WAAW,GAAG,YAAY,CAAC,aAAa,CAAC,CAAA;AAExE,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB,CAAA;AAED,oBAAY,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wBAAwB;IACxB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,cAAc;IACd,QAAQ,CAAC,EAAE,SAAS,CAAA;IACpB,yCAAyC;IACzC,OAAO,CAAC,EAAE,SAAS,CAAA;CACpB,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbsItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAyC,YAAY,EAAE,MAAM,SAAS,CAAA;AAG7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,yBAAyB;AACzB,eAAO,MAAM,eAAe,2CAkBmB,CAAA;AAE/C,eAAe,eAAe,CAAA"}
+{"version":3,"file":"breadcrumbsItem.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsItem.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAyC,YAAY,EAAE,MAAM,SAAS,CAAA;AAE7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAG1D,yBAAyB;AACzB,eAAO,MAAM,eAAe,2CAemB,CAAA;AAE/C,eAAe,eAAe,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbsItem.js

@@ -18,15 +18,12 @@ exports.BreadcrumbsItem = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = require("../box");
 const core_1 = require("../core");
-const icon_1 = require("../icon");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 /** A Breadcrumb item. */
 exports.BreadcrumbsItem = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { className, children, icon } = _a, rest = __rest(_a, ["className", "children", "icon"]);
+    const _a = (0, core_1.omitThemingProps)(props), { className, children } = _a, rest = __rest(_a, ["className", "children"]);
     const styles = (0, core_1.useStyleConfig)('Breadcrumbs', (0, context_1.useBreadcrumbsContext)());
-    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), p: 0, ref: ref }, rest, styles.item),
-        !!icon && react_1.default.createElement(icon_1.Icon, { name: icon, size: "sm" }),
-        children));
+    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), p: 0, ref: ref }, styles.item, rest), children));
 });
 exports.default = exports.BreadcrumbsItem;

package/dist/cjs/breadcrumbs/breadcrumbsSeparator.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"breadcrumbsSeparator.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,8CAA+C,yBAAyB,gBAIxG,CAAA;AAED,eAAe,oBAAoB,CAAA"}
+{"version":3,"file":"breadcrumbsSeparator.d.ts","sourceRoot":"","sources":["../../../src/breadcrumbs/breadcrumbsSeparator.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAG/D,6BAA6B;AAC7B,eAAO,MAAM,oBAAoB,8CAA+C,yBAAyB,gBAQxG,CAAA;AAED,eAAe,oBAAoB,CAAA"}

package/dist/cjs/breadcrumbs/breadcrumbsSeparator.js

@@ -17,12 +17,15 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BreadcrumbsSeparator = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = require("../box");
+const core_1 = require("../core");
 const icon_1 = require("../icon");
 const utils_1 = require("../utils");
+const context_1 = require("./context");
 /** Breadcrumbs separator. */
 const BreadcrumbsSeparator = (_a) => {
     var { className, children, content } = _a, rest = __rest(_a, ["className", "children", "content"]);
-    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-separator', className), p: 0 }, rest), content || children || react_1.default.createElement(icon_1.Icon, { name: "falAngleRight" })));
+    const styles = (0, core_1.useStyleConfig)('Breadcrumbs', (0, context_1.useBreadcrumbsContext)());
+    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-separator', className), p: 0 }, rest), content || children || react_1.default.createElement(icon_1.Icon, Object.assign({ name: "falAngleRight" }, styles.separator))));
 };
 exports.BreadcrumbsSeparator = BreadcrumbsSeparator;
 exports.default = exports.BreadcrumbsSeparator;

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

@@ -2,19 +2,81 @@ declare const _default: {
     baseStyle: {};
     defaultProps: {
         size: string;
+        variant: string;
     };
     sizes: {
+        xs: {
+            item: {
+                fontSize: number;
+                lineHeight: string;
+            };
+            separator: {
+                size: string;
+            };
+        };
         sm: {
-            item: {};
+            item: {
+                fontSize: number;
+                lineHeight: string;
+            };
+            separator: {
+                size: string;
+            };
         };
         md: {
-            item: {};
+            item: {
+                fontSize: number;
+                lineHeight: string;
+            };
+            separator: {
+                size: string;
+            };
         };
         lg: {
-            item: {};
+            item: {
+                fontSize: number;
+                lineHeight: string;
+            };
+            separator: {
+                size: string;
+            };
+        };
+    };
+    variants: {
+        dark: {
+            item: {
+                color: string;
+            };
+            main: {
+                bg: string;
+            };
+            separator: {
+                pathFill: string;
+            };
+        };
+        white: {
+            item: {
+                color: string;
+            };
+            main: {
+                bg: string;
+            };
+            separator: {
+                pathFill: string;
+            };
+        };
+        light: {
+            item: {
+                color: string;
+            };
+            main: {
+                bg: string;
+            };
+            separator: {
+                pathFill: string;
+            };
         };
     };
-    variants: {};
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

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

package/dist/cjs/breadcrumbs/theme.js

@@ -2,20 +2,76 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 const baseStyle = {};
 const defaultProps = {
-    size: 'md'
+    size: 'md',
+    variant: 'dark'
 };
 const sizes = {
+    xs: {
+        item: {
+            fontSize: 12,
+            lineHeight: '18px'
+        },
+        separator: {
+            size: 'xs'
+        }
+    },
     sm: {
-        item: {}
+        item: {
+            fontSize: 14,
+            lineHeight: '22px'
+        },
+        separator: {
+            size: 'sm'
+        }
     },
     md: {
-        item: {}
+        item: { fontSize: 16, lineHeight: '26px' },
+        separator: {
+            size: 'md'
+        }
     },
     lg: {
-        item: {}
+        item: { fontSize: 18, lineHeight: '32px' },
+        separator: {
+            size: 'lg'
+        }
+    }
+};
+const variants = {
+    dark: {
+        item: {
+            color: 'seaBlue.main'
+        },
+        main: {
+            bg: 'transparent'
+        },
+        separator: {
+            pathFill: 'sandstone.10'
+        }
+    },
+    white: {
+        item: {
+            color: 'white'
+        },
+        main: {
+            bg: 'darkBlue.main'
+        },
+        separator: {
+            pathFill: 'white'
+        }
+    },
+    light: {
+        item: {
+            color: 'digiGreen.main'
+        },
+        main: {
+            bg: 'darkBlue.main'
+        },
+        separator: {
+            pathFill: 'white'
+        }
     }
 };
-const variants = {};
 exports.default = {
     baseStyle,
     defaultProps,

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgSA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+RA,wBAMC"}

package/dist/cjs/button/theme.js

@@ -166,7 +166,6 @@ const variants = {
             disabledColor: 'darkBlue.75',
             hoverBg: 'skyBlue.85',
             hoverBorderColor: 'seaBlue.35',
-            // focusBg: 'white',
             activeBg: 'skyBlue.90',
             activeBorderColor: 'seaBlue.35'
         }

package/dist/cjs/card/card.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,IAAI,kDA+Bf,CAAA;AAEF,eAAe,IAAI,CAAA"}
+{"version":3,"file":"card.d.ts","sourceRoot":"","sources":["../../../src/card/card.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAExC;;;GAGG;AACH,eAAO,MAAM,IAAI,kDAkBf,CAAA;AAEF,eAAe,IAAI,CAAA"}

package/dist/cjs/card/card.js

@@ -30,14 +30,13 @@ exports.Card = (0, core_1.vui)((props, ref) => {
         ? {
             cursor: 'pointer',
             focusRing: 2,
-            focusRingColor: 'blue.50',
-            hoverRingColor: 'prussian.80',
+            hoverRingColor: 'seaBlue.main',
             hoverShadow: '4',
             outline: 'none',
             tabIndex: 0,
             userSelect: 'none'
         }
         : {};
-    return (react_1.default.createElement(box_1.default, Object.assign({ bg: "white", borderRadius: "md", className: (0, utils_1.cs)('vui-card', className), ref: ref, ring: 1, ringColor: "transparent", shadow: "2" }, styles, interactiveProps, rest)));
+    return react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-card', className), ref: ref }, styles, interactiveProps, rest));
 });
 exports.default = exports.Card;

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

@@ -1,5 +1,11 @@
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        bg: string;
+        borderRadius: string;
+        ring: number;
+        ringColor: string;
+        shadow: string;
+    };
     defaultProps: {};
     sizes: {};
     variants: {};

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

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

package/dist/cjs/card/theme.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
+const baseStyle = {
+    bg: 'white',
+    borderRadius: '1px',
+    ring: 1,
+    ringColor: 'transparent',
+    shadow: '2'
+};
 const defaultProps = {};
 const sizes = {};
 const variants = {};

package/dist/cjs/footer/footer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAM5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YAqGT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AASD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAM5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YAuKT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AASD,eAAe,MAAM,CAAA"}

package/dist/cjs/footer/footer.js

@@ -16,6 +16,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Footer = exports.FooterBase = void 0;
 const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
 const core_1 = require("../core");
 const divider_1 = require("../divider");
 const link_1 = require("../link");
@@ -39,9 +40,14 @@ exports.FooterBase = core_1.styled.divBox `
 /*@formatter:on*/
 /** Branded Veracity Footer with trademark and links sections. Controls max-width of the content. */
 exports.Footer = (0, core_1.vui)((props, ref) => {
-    const { children, className, columns, linkedIn, size, variant, isSlim } = props, rest = __rest(props, ["children", "className", "columns", "linkedIn", "size", "variant", "isSlim"]);
+    const { applicationLinks, applicationStaticItems = [], children, className, columns, isApplication = false, linkedIn, size, variant, isSlim } = props, rest = __rest(props, ["applicationLinks", "applicationStaticItems", "children", "className", "columns", "isApplication", "linkedIn", "size", "variant", "isSlim"]);
     const context = { size, variant };
     const styles = (0, core_1.useStyleConfig)('Footer', props);
+    if (isApplication) {
+        if (!applicationLinks) {
+            console.error('Footer: isApplication is true but applicationLinks is not set.');
+        }
+    }
     const slimLinks = [
         {
             id: 'home',
@@ -64,8 +70,19 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
     const downMd = (0, core_1.useDown)('md');
     const downLg = (0, core_1.useDown)('lg');
     return (react_1.default.createElement(context_1.FooterProvider, { value: context },
-        react_1.default.createElement(exports.FooterBase, Object.assign({ className: (0, utils_1.cs)('vui-footer', className), py: isSlim ? (downMd ? '16px' : '9px') : 5 }, styles.container, { ref: ref }, rest),
-            isSlim && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },
+        react_1.default.createElement(exports.FooterBase, Object.assign({ className: (0, utils_1.cs)('vui-footer', isApplication ? 'vui-footer-app' : '', className), px: isApplication ? '40px' : 3, py: isSlim ? (downMd ? '16px' : '9px') : 5 }, styles.container, { ref: ref }, rest),
+            isApplication && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: "100%" },
+                react_1.default.createElement(footerRow_1.default, { alignContent: "space-between", w: 1 },
+                    react_1.default.createElement(box_1.Box, { alignItems: "self-start", columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true }, applicationLinks === null || applicationLinks === void 0 ? void 0 : applicationLinks.map((link, index) => (react_1.default.createElement(box_1.Box, { flex: { xs: '0 0 50%', sm: '0 0 auto' }, key: index, minW: 70 },
+                        react_1.default.createElement(footerLink_1.default, Object.assign({}, link)))))),
+                    downLg && react_1.default.createElement(divider_1.Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
+                    react_1.default.createElement(box_1.Box, { centerV: true, columnGap: 3, flex: { xs: '0 0 100%', sm: '0 0 100%', md: '0 0 100%', lg: '0 0 50%' }, justifyContent: { sm: 'center', lg: 'flex-end' }, py: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, wrap: true }, applicationStaticItems === null || applicationStaticItems === void 0 ? void 0 :
+                        applicationStaticItems.map((text, index) => (react_1.default.createElement(box_1.Box, { key: index },
+                            react_1.default.createElement(t_1.T, { size: "sm" }, text)))),
+                        react_1.default.createElement(box_1.Box, null,
+                            react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : footerTrademark_1.defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.Link.Icon, { mr: 1, name: "cubCircleLinkedIn", radius: "50%", size: "xs" }), isExternal: true, size: { _: 'sm', md: 'md' } }, styles.link),
+                                react_1.default.createElement(footerHeading_1.default, { fontSize: "16px", mb: 0, text: "Follow us" }))))))),
+            !isApplication && isSlim && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },
                 react_1.default.createElement(footerRow_1.default, null,
                     slimLinks.map((link, index) => {
                         /** if the screen is small drop one specific link */
@@ -82,7 +99,7 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
                     react_1.default.createElement(footerSlimColumn_1.default, null,
                         react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : footerTrademark_1.defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.Link.Icon, { mr: 1, name: "cubCircleLinkedIn", radius: "50%", size: "xs" }), isExternal: true, size: { _: 'sm', md: 'md' } }, styles.link),
                             react_1.default.createElement(footerHeading_1.default, { fontSize: "16px", mb: 0, text: "Follow us" })))))),
-            !isSlim && (react_1.default.createElement(footerContent_1.default, null, children !== null && children !== void 0 ? children : (columns && (react_1.default.createElement(footerRow_1.default, null, columns.map((sections, index) => (react_1.default.createElement(footerColumn_1.default, { key: index, sections: sections })))))),
+            !isApplication && !isSlim && (react_1.default.createElement(footerContent_1.default, null, children !== null && children !== void 0 ? children : (columns && (react_1.default.createElement(footerRow_1.default, null, columns.map((sections, index) => (react_1.default.createElement(footerColumn_1.default, { key: index, sections: sections })))))),
                 children || columns ? react_1.default.createElement(divider_1.Divider, { borderColor: "sandstone.main", my: 4 }) : null,
                 react_1.default.createElement(footerRow_1.default, null,
                     react_1.default.createElement(footerTrademark_1.FooterTrademark, { linkedIn: linkedIn })))))));

package/dist/cjs/footer/footer.types.d.ts

@@ -16,8 +16,11 @@ export declare type FooterLinkData = {
     url: string;
 };
 export declare type FooterProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Footer'> & Pick<FooterTrademarkProps, 'linkedIn'> & {
+    applicationLinks?: FooterLinkData[];
+    applicationStaticItems?: string[];
     /** Data defining content of multiple columns. */
     columns?: FooterColumnData[];
+    isApplication?: boolean;
     isSlim?: boolean;
 };
 /** Section consists of multiple links with text (label) and url */

package/dist/cjs/footer/footer.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,yEAAyE;AACzE,oBAAY,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;AAElD,oBAAY,iBAAiB,GAAG,QAAQ,GAAG;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC/B,CAAA;AAED,oBAAY,kBAAkB,GAAG,QAAQ,CAAA;AAEzC,oBAAY,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAEjE,oDAAoD;AACpD,oBAAY,cAAc,GAAG;IAC3B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC1D,YAAY,CAAC,QAAQ,CAAC,GACtB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,iDAAiD;IACjD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,mEAAmE;AACnE,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA;AAED,oBAAY,kBAAkB,GAAG,QAAQ,GAAG;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,oDAAoD;IACpD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CACjD,CAAA;AAED,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}
+{"version":3,"file":"footer.types.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,yEAAyE;AACzE,oBAAY,gBAAgB,GAAG,iBAAiB,EAAE,CAAA;AAElD,oBAAY,iBAAiB,GAAG,QAAQ,GAAG;IACzC,4CAA4C;IAC5C,QAAQ,CAAC,EAAE,iBAAiB,EAAE,CAAA;CAC/B,CAAA;AAED,oBAAY,kBAAkB,GAAG,QAAQ,CAAA;AAEzC,oBAAY,aAAa,GAAG,IAAI,CAAC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAC,CAAA;AAEjE,oDAAoD;AACpD,oBAAY,cAAc,GAAG;IAC3B,kEAAkE;IAClE,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,IAAI,EAAE,MAAM,CAAA;IACZ,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,oBAAY,WAAW,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAC1D,YAAY,CAAC,QAAQ,CAAC,GACtB,IAAI,CAAC,oBAAoB,EAAE,UAAU,CAAC,GAAG;IACvC,gBAAgB,CAAC,EAAE,cAAc,EAAE,CAAA;IACnC,sBAAsB,CAAC,EAAE,MAAM,EAAE,CAAA;IACjC,iDAAiD;IACjD,OAAO,CAAC,EAAE,gBAAgB,EAAE,CAAA;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,MAAM,CAAC,EAAE,OAAO,CAAA;CACjB,CAAA;AAEH,mEAAmE;AACnE,oBAAY,iBAAiB,GAAG;IAC9B,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,2CAA2C;IAC3C,KAAK,CAAC,EAAE,cAAc,EAAE,CAAA;CACzB,CAAA;AAED,oBAAY,kBAAkB,GAAG,QAAQ,GAAG;IAC1C,kDAAkD;IAClD,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;IACpD,oDAAoD;IACpD,KAAK,CAAC,EAAE,iBAAiB,CAAC,OAAO,CAAC,GAAG,GAAG,CAAC,OAAO,CAAA;CACjD,CAAA;AAED,oBAAY,oBAAoB,GAAG,QAAQ,GAAG;IAC5C,kEAAkE;IAClE,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB,CAAA"}

package/dist/cjs/header/header.d.ts

@@ -2,6 +2,7 @@ import { VuiComponent } from '../core';
 import { HeaderProps } from './header.types';
 import HeaderAccount from './headerAccount';
 import HeaderAccountUserInfo from './headerAccountUserInfo';
+import HeaderApplicationName from './headerApplicationName';
 import HeaderContent from './headerContent';
 import HeaderCreateAccount from './headerCreateAccount';
 import HeaderDivider from './headerDivider';
@@ -14,11 +15,14 @@ import HeaderNotifications from './headerNotifications';
 import HeaderServices from './headerServices';
 import HeaderServicesMessage from './headerServicesMessage';
 import HeaderSignIn from './headerSignIn';
+import HeaderSupport from './headerSupport';
 export declare const HeaderBase: import("styled-components").StyledComponent<"header", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 export declare const Header: VuiComponent<"header", HeaderProps> & {
     Account: typeof HeaderAccount;
     AccountUserInfo: typeof HeaderAccountUserInfo;
+    Support: typeof HeaderSupport;
+    ApplicationName: typeof HeaderApplicationName;
     Content: typeof HeaderContent;
     CreateAccount: typeof HeaderCreateAccount;
     Divider: typeof HeaderDivider;

package/dist/cjs/header/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/header/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,YAAY,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,eAAO,MAAM,UAAU,kIAMtB,CAAA;AAED,qHAAqH;AACrH,eAAO,MAAM,MAAM;aA0CR,oBAAoB;qBACZ,4BAA4B;aACpC,oBAAoB;mBACd,0BAA0B;aAChC,oBAAoB;cACnB,qBAAqB;UACzB,iBAAiB;eACZ,sBAAsB;mBAClB,0BAA0B;kBAC3B,yBAAyB;mBACxB,0BAA0B;cAC/B,qBAAqB;qBACd,4BAA4B;YACrC,mBAAmB;CAC5B,CAAA;AAiBD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/header/header.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAgD,YAAY,EAAE,MAAM,SAAS,CAAA;AAGpF,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,eAAe,MAAM,mBAAmB,CAAA;AAC/C,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,cAAc,MAAM,kBAAkB,CAAA;AAC7C,OAAO,qBAAqB,MAAM,yBAAyB,CAAA;AAC3D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAG3C,eAAO,MAAM,UAAU,kIAMtB,CAAA;AAGD,qHAAqH;AACrH,eAAO,MAAM,MAAM;aA4CR,oBAAoB;qBACZ,4BAA4B;aACpC,oBAAoB;qBACZ,4BAA4B;aACpC,oBAAoB;mBACd,0BAA0B;aAChC,oBAAoB;cACnB,qBAAqB;UACzB,iBAAiB;eACZ,sBAAsB;mBAClB,0BAA0B;kBAC3B,yBAAyB;mBACxB,0BAA0B;cAC/B,qBAAqB;qBACd,4BAA4B;YACrC,mBAAmB;CAC5B,CAAA;AAmBD,eAAe,MAAM,CAAA"}

package/dist/cjs/header/header.js

@@ -44,6 +44,7 @@ const utils_1 = require("../utils");
 const context_1 = require("./context");
 const headerAccount_1 = __importDefault(require("./headerAccount"));
 const headerAccountUserInfo_1 = __importDefault(require("./headerAccountUserInfo"));
+const headerApplicationName_1 = __importDefault(require("./headerApplicationName"));
 const headerContent_1 = __importDefault(require("./headerContent"));
 const headerCreateAccount_1 = __importDefault(require("./headerCreateAccount"));
 const headerDivider_1 = __importDefault(require("./headerDivider"));
@@ -56,20 +57,24 @@ const headerNotifications_1 = __importDefault(require("./headerNotifications"));
 const headerServices_1 = __importDefault(require("./headerServices"));
 const headerServicesMessage_1 = __importDefault(require("./headerServicesMessage"));
 const headerSignIn_1 = __importDefault(require("./headerSignIn"));
+const headerSupport_1 = __importDefault(require("./headerSupport"));
+/*@formatter:off*/
 exports.HeaderBase = core_1.styled.headerBox `
   align-items: center;
   background-color: white;
-  border-bottom: 1px solid prussian.80;
+  border-bottom: 1px solid darkBlue.main;
   display: flex;
   position: relative;
 `;
+/*@formatter:on*/
 /** Branded Veracity Header with logo, links, services, account and other data. Controls max-width of the content. */
 exports.Header = (0, core_1.vui)((props, ref) => {
-    const { className, headerHeight = 72, size, variant } = props, rest = __rest(props, ["className", "headerHeight", "size", "variant"]);
+    const { className, size, variant } = props, rest = __rest(props, ["className", "size", "variant"]);
     const [isMobileOpen, setIsMobileOpen] = (0, react_1.useState)(false);
     const mobileContentRef = (0, react_1.useRef)(null);
     const mobileToggleRef = (0, react_1.useRef)(null);
     const styles = (0, core_1.useStyleConfig)('Header', props);
+    const headerHeight = 72;
     const [links] = (0, core_1.useLinks)();
     (0, utils_1.useClickOutside)([mobileContentRef, mobileToggleRef], () => {
         setIsMobileOpen(false);
@@ -93,6 +98,8 @@ exports.Header = (0, core_1.vui)((props, ref) => {
 });
 exports.Header.Account = headerAccount_1.default;
 exports.Header.AccountUserInfo = headerAccountUserInfo_1.default;
+exports.Header.Support = headerSupport_1.default;
+exports.Header.ApplicationName = headerApplicationName_1.default;
 exports.Header.Content = headerContent_1.default;
 exports.Header.CreateAccount = headerCreateAccount_1.default;
 exports.Header.Divider = headerDivider_1.default;

package/dist/cjs/header/header.types.d.ts

@@ -49,7 +49,7 @@ export declare type HeaderNotificationsData = {
 };
 export declare type HeaderNotificationsProps = ButtonProps & HeaderNotificationsData;
 export declare type HeaderProps = SystemProps & ThemingProps<'Header'> & {
-    /** Sets the height of the Header and is used by internal parts for positioning and sizing. */
+    /** Sets the height of the Header and is used by internal parts for positioning and sizing. @deprecated; header should always be 72 px.*/
     headerHeight?: number;
 };
 export declare type HeaderServicesData = {
@@ -61,9 +61,13 @@ export declare type HeaderServicesProps = MenuProps & HeaderServicesData & {
     buttonProps?: ButtonProps;
     /** Children are disabled for this component. */
     children?: never;
+    isApplication?: boolean;
     /** Props object passed to the MenuList component. */
     listProps?: ListProps;
+    /** Props object passed to the MenuItem component; introduced for app MD */
+    showTopBorder?: boolean;
 };
+export declare type HeaderSupportProps = MenuProps & HeaderServicesData & {};
 export declare type HeaderSignInData = {
     /** Provides href to the button link. */
     url?: string;
@@ -72,6 +76,10 @@ export declare type HeaderSignInProps = ButtonProps & HeaderSignInData;
 export declare type LoggedInHeaderProps = HeaderProps & {
     /** Socket for account popover icon on the right side. */
     account?: HeaderAccountData | JSX.Element;
+    supportLinks?: HeaderServicesData;
+    /** Socket for the app name on the left side. */
+    applicationName?: string;
+    isApplication?: boolean;
     /** Socket for logo on the left side. */
     logo?: LogoData | JSX.Element;
     /** Socket for main links in the middle-right. */
@@ -80,6 +88,28 @@ export declare type LoggedInHeaderProps = HeaderProps & {
     notifications?: HeaderNotificationsData | JSX.Element;
     /** Socket for services menu icon on the right side. */
     services?: HeaderServicesData | JSX.Element;
+    /** Socket for showing the alt user Info with role; introduced for APP; by default it is displayed. */
+    showAltUserInfo?: boolean;
+    /** Socket for showing the services trigger up front; introduced for APP; by default it is displayed. */
+    showServices?: boolean;
+    /** Socket for showing the main Links up front in case of APP. by default they are folded into the hamburger menu. */
+    showMainLinks?: boolean;
+};
+export declare type LoggedInAppHeaderProps = HeaderProps & {
+    /** Socket for account popover icon on the right side. */
+    account?: HeaderAccountData | JSX.Element;
+    /** Socket for the app name on the left side. */
+    applicationName: string;
+    /** Socket for logo on the left side. */
+    logo?: LogoData | JSX.Element;
+    /** Socket for main links in the middle-right. */
+    mainLinks?: HeaderLinkData[] | JSX.Element;
+    /** Socket for notifications icon on the right side. */
+    notifications?: HeaderNotificationsData | JSX.Element;
+    /** Socket for services menu icon on the right side. */
+    services?: HeaderServicesData | JSX.Element;
+    /** Socket for showing the main Links up front. by default they are folded into the hamburger menu. */
+    showMainLinks?: boolean;
 };
 export declare type LoggedOutHeaderProps = HeaderProps & {
     /** Socket for create account prompt on the right side. */