@veracity/vui 2.7.0 → 2.8.0-rc.1

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,8KAA8K;AAC9K,eAAO,MAAM,WAAW;UAmBhB,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;
+  }
 `;
 /** 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,2CAmBmB,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,16 +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)());
-    const color = rest.color || 'darkBlue.main';
-    return (react_1.default.createElement(box_1.Box, Object.assign({ alignItems: "center", className: (0, utils_1.cs)('vui-breadcrumbs-item', className), color: color, p: 0, ref: ref }, rest, styles.item),
-        !!icon && react_1.default.createElement(icon_1.Icon, { name: icon, pathFill: color, 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", pathFill: "darkBlue.main" })));
+    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/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

@@ -15,11 +15,13 @@ 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;

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,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;AAGzC,eAAO,MAAM,UAAU,kIAMtB,CAAA;AAGD,qHAAqH;AACrH,eAAO,MAAM,MAAM;aA4CR,oBAAoB;qBACZ,4BAA4B;qBAC5B,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;AAkBD,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

@@ -57,6 +57,7 @@ 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;
@@ -97,6 +98,7 @@ 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;

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

@@ -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,12 @@ 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. */

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

@@ -1 +1 @@
-{"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"header.types.d.ts","sourceRoot":"","sources":["../../../src/header/header.types.ts"],"names":[],"mappings":"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"}

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

@@ -1,4 +1,5 @@
 import { HeaderAccountProps } from './headerAccount.types';
+/** Disables popper's dynamic re-positioning */
 /** Displays user account information and helpful links, like settings or logout. */
 export declare function HeaderAccount(props: HeaderAccountProps): JSX.Element;
 export default HeaderAccount;

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAMrF,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA4DtD;AAED,eAAe,aAAa,CAAA"}
+{"version":3,"file":"headerAccount.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccount.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,kBAAkB,EAA6B,MAAM,uBAAuB,CAAA;AAGrF,+CAA+C;AAE/C,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAqDtD;AAED,eAAe,aAAa,CAAA"}

package/dist/cjs/header/headerAccount.js

@@ -47,23 +47,18 @@ const utils_1 = require("../utils");
 const context_1 = require("./context");
 const headerAccountUserInfo_1 = __importDefault(require("./headerAccountUserInfo"));
 /** Disables popper's dynamic re-positioning */
-const mobilePopoverOptions = { popperOptions: { modifiers: [{ name: 'computeStyles', enabled: false }] } };
 /** Displays user account information and helpful links, like settings or logout. */
 function HeaderAccount(props) {
     var _a, _b;
     const { contentProps, options = {}, sections, triggerProps, userInfo } = props, rest = __rest(props, ["contentProps", "options", "sections", "triggerProps", "userInfo"]);
-    const { headerHeight, isMobile } = (0, context_1.useHeaderContext)();
+    const { isMobile } = (0, context_1.useHeaderContext)();
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)()).account;
-    // Render content in full view on mobile
-    const popoverOptions = isMobile ? (0, utils_1.merge)(options, mobilePopoverOptions) : options;
-    const contentScreenProps = isMobile
-        ? { h: `calc(100vh - ${headerHeight}px)`, left: 0, position: 'fixed', top: headerHeight, w: '100vw' }
-        : { maxH: 360, py: 1, minW: 320, w: 'auto' };
     const name = (0, utils_1.isObject)(userInfo) ? userInfo.displayName : '';
     const variant = (_b = (_a = styles === null || styles === void 0 ? void 0 : styles.trigger) === null || _a === void 0 ? void 0 : _a.variant) !== null && _b !== void 0 ? _b : 'solidDarkBlue';
-    return (react_1.default.createElement(popover_1.default, Object.assign({ isLazy: false, offset: [0, 8], options: popoverOptions, placement: "bottom-end" }, rest),
+    const offsetX = isMobile ? 64 : 39;
+    return (react_1.default.createElement(popover_1.default, Object.assign({ isLazy: false, offset: [offsetX, 16], placement: "bottom-end" }, rest),
         react_1.default.createElement(popover_1.default.Trigger, Object.assign({ as: avatar_1.default, className: "vui-headerAccountTrigger", isInteractive: true, ml: 1, name: name, size: "lg", title: "Account", variant: variant }, styles.trigger, triggerProps)),
-        react_1.default.createElement(popover_1.default.Content, Object.assign({ className: "vui-headerAccountContent", column: true }, styles.content, contentScreenProps, contentProps),
+        react_1.default.createElement(popover_1.default.Content, Object.assign({ borderRadius: 0, className: "vui-headerAccountContent", column: true }, styles.content, { w: isMobile ? 280 : 320 }, contentProps),
             (0, utils_1.isJsx)(userInfo) ? userInfo : userInfo && react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({}, userInfo)),
             (0, utils_1.isJsx)(sections)
                 ? sections

package/dist/cjs/header/headerAccountUserInfo.js

@@ -28,8 +28,8 @@ exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
     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, { lineHeight: isApplication ? '18px' : 'inherit', pr: isApplication ? 0 : 'inherit', textAlign: isApplication ? 'right' : 'inherit' }), children !== null && children !== void 0 ? children : (react_1.default.createElement(react_1.default.Fragment, null,
         !isApplication && (react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", name: displayName, size: "xl", variant: "solidDarkBlue" })),
-        react_1.default.createElement(box_1.default, { column: true },
-            displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', mb: isApplication ? 0 : 0.5, weight: "demi" }, displayName)),
+        react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
+            displayName && (react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit', weight: "demi" }, displayName)),
             companyName && react_1.default.createElement(t_1.default, { fontSize: isApplication ? '12px' : 'inherit' }, companyName),
             role && (react_1.default.createElement(t_1.default, { color: "sandstone.55", fontSize: isApplication ? '12px' : 'inherit' }, role)))))));
 });

package/dist/cjs/header/headerLinkItem.js

@@ -35,7 +35,7 @@ exports.HeaderLinkItem = (0, core_1.vui)((props, ref) => {
             ? {
                 bg: 'skyBlue.95',
                 borderColor: 'seaBlue.main',
-                borderLeftWidth: 6,
+                borderLeftWidth: 3,
                 hoverBg: 'skyBlue.90',
                 pl: '10px',
                 activeBorderBottomWidth: 0,
@@ -48,7 +48,7 @@ exports.HeaderLinkItem = (0, core_1.vui)((props, ref) => {
             color: 'darkBlue.main',
             hoverBg: 'skyBlue.90',
             activeBorderColor: 'seaBlue.main',
-            activeBorderLeftWidth: 6,
+            activeBorderLeftWidth: 3,
             pt: '0'
         }
         : { activeBorderBottomWidth: 4, pt: '0px', activePt: '4px' };

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

@@ -1 +1 @@
-{"version":3,"file":"headerMainLinks.d.ts","sourceRoot":"","sources":["../../../src/header/headerMainLinks.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrD,4BAA4B;AAC5B,eAAO,MAAM,eAAe,4DAyB1B,CAAA;AAEF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"headerMainLinks.d.ts","sourceRoot":"","sources":["../../../src/header/headerMainLinks.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAGrD,4BAA4B;AAC5B,eAAO,MAAM,eAAe,4DAwB1B,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/cjs/header/headerMainLinks.js

@@ -29,7 +29,6 @@ exports.HeaderMainLinks = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
     const screenStyles = isMobile
         ? {
-            borderBottom: '1px solid sandstone.main',
             flexDirection: 'column',
             mb: 1
         }

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

@@ -1 +1 @@
-{"version":3,"file":"headerMobileContent.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileContent.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,mEAAmE;AACnE,eAAO,MAAM,mBAAmB,iDAuB9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}
+{"version":3,"file":"headerMobileContent.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileContent.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,mEAAmE;AACnE,eAAO,MAAM,mBAAmB,iDAwB9B,CAAA;AAEF,eAAe,mBAAmB,CAAA"}

package/dist/cjs/header/headerMobileContent.js

@@ -26,6 +26,7 @@ exports.HeaderMobileContent = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const { isMobileOpen, mobileContentRef } = (_a = (0, context_1.useHeaderContext)()) !== null && _a !== void 0 ? _a : {};
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
-    return isMobileOpen ? (react_1.default.createElement(box_1.default, Object.assign({ bg: "white", className: (0, utils_1.cs)('vui-headerMobileContent', className), column: true, h: `calc(100vh - 100% - 1px)`, left: 0, overflowX: "hidden", overflowY: "auto", position: "absolute", ref: (0, utils_1.mergeRefs)(ref, mobileContentRef), right: 0, top: "calc(100% + 1px)", zIndex: "100" }, styles.mobileContent, rest))) : null;
+    const isTablet = (0, core_1.useDown)('lg');
+    return isMobileOpen ? (react_1.default.createElement(box_1.default, Object.assign({ bg: "white", className: (0, utils_1.cs)('vui-headerMobileContent', className), column: true, overflowX: "hidden", overflowY: "auto", position: "absolute", ref: (0, utils_1.mergeRefs)(ref, mobileContentRef), right: 0, shadow: 2, top: "calc(100% + 1px)", w: isTablet ? 280 : 320, zIndex: "100" }, styles.mobileContent, rest))) : null;
 });
 exports.default = exports.HeaderMobileContent;

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

@@ -1 +1 @@
-{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eA6BxD;AAED,eAAe,cAAc,CAAA"}
+{"version":3,"file":"headerServices.d.ts","sourceRoot":"","sources":["../../../src/header/headerServices.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAA;AAoBpD,yDAAyD;AACzD,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,eAqCxD;AAED,eAAe,cAAc,CAAA"}

package/dist/cjs/header/headerServices.js

@@ -28,16 +28,17 @@ function ListContent({ links = [] }) {
 }
 /** Displays a list of services available to the user. */
 function HeaderServices(props) {
-    const { buttonProps, links = [] } = props, rest = __rest(props, ["buttonProps", "links"]);
+    const { buttonProps, isApplication = false, links = [], showTopBorder = false } = props, rest = __rest(props, ["buttonProps", "isApplication", "links", "showTopBorder"]);
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)()).services;
+    const offsetX = isApplication ? 183 : 135;
     return (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
-            react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [0, 8], placement: "bottom-end", size: "lg" }, rest),
+            react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [offsetX, 20], placement: "bottom-end", size: "lg" }, rest),
                 react_1.default.createElement(menu_1.default.Button, Object.assign({ className: "vui-services-trigger", icon: "falTh", title: "My services" }, styles.button, buttonProps)),
-                react_1.default.createElement(menu_1.default.List, Object.assign({ heading: "My Services", maxH: 400, w: 320 }, styles.list),
+                react_1.default.createElement(menu_1.default.List, Object.assign({ heading: "My Services", maxH: 400, right: 0, w: 320 }, styles.list),
                     react_1.default.createElement(ListContent, { links: links })))),
         react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
-            react_1.default.createElement(list_1.default, Object.assign({ borderBottom: "1px solid sandstone.main", heading: "My Services" }, styles.list),
+            react_1.default.createElement(list_1.default, Object.assign({ heading: "My Services" }, styles.list, { borderTop: showTopBorder ? 1 : 0, borderTopColor: "sandstone.main", pt: 1 }),
                 react_1.default.createElement(ListContent, { links: links })))));
 }
 exports.HeaderServices = HeaderServices;

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

@@ -0,0 +1,5 @@
+import { HeaderSupportProps } from './header.types';
+/** Displays a list of services available to the user. */
+export declare function HeaderSupport(props: HeaderSupportProps): JSX.Element;
+export default HeaderSupport;
+//# sourceMappingURL=headerSupport.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"headerSupport.d.ts","sourceRoot":"","sources":["../../../src/header/headerSupport.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAA;AAyCnD,yDAAyD;AACzD,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eA0BtD;AAED,eAAe,aAAa,CAAA"}