@veracity/vui 2.5.1 → 2.6.0

package/dist/cjs/box/box.js

@@ -25,18 +25,17 @@ exports.BoxBase = core_1.styled.divBox `
 `;
 /** Organizes content layout into columns or rows with easy centering. */
 exports.Box = (0, core_1.vui)((props, ref) => {
-    const _a = (0, core_1.omitThemingProps)(props), { align, center, centerH, centerV, className, column, direction, hoverShadow, justify, radius, shadow, wrap } = _a, rest = __rest(_a, ["align", "center", "centerH", "centerV", "className", "column", "direction", "hoverShadow", "justify", "radius", "shadow", "wrap"]);
+    const _a = (0, core_1.omitThemingProps)(props), { align, center, centerH, centerV, className, column, direction, elevation, hoverShadow: hoverBoxShadow, justify, radius: borderRadius, shadow, wrap } = _a, rest = __rest(_a, ["align", "center", "centerH", "centerV", "className", "column", "direction", "elevation", "hoverShadow", "justify", "radius", "shadow", "wrap"]);
     const styles = (0, core_1.useStyleConfig)('Box', props);
     const alignItems = center || (column ? centerH : centerV) ? 'center' : undefined;
     const flexDirection = column ? 'column' : undefined;
     const justifyContent = center || (column ? centerV : centerH) ? 'center' : undefined;
     const aliasedProps = (0, utils_1.filterUndefined)({
         alignItems: align !== null && align !== void 0 ? align : alignItems,
-        borderRadius: radius,
-        boxShadow: shadow,
+        borderRadius,
+        boxShadow: elevation !== null && elevation !== void 0 ? elevation : shadow,
         flexDirection: direction !== null && direction !== void 0 ? direction : flexDirection,
         flexWrap: wrap ? 'wrap' : undefined,
-        hoverBoxShadow: hoverShadow,
         justifyContent: justify !== null && justify !== void 0 ? justify : justifyContent
     });
     return react_1.default.createElement(exports.BoxBase, Object.assign({ className: (0, utils_1.cs)('vui-box', className), ref: ref }, styles, aliasedProps, rest));

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

@@ -13,6 +13,8 @@ export declare type BoxProps = SystemProps & ThemingProps<'Box'> & {
     column?: boolean;
     /** Alias for flexDirection prop. @deprecated */
     direction?: FlexboxesProps['flexDirection'];
+    /** Alias for boxShadow prop. @deprecated */
+    elevation?: EffectsProps['boxShadow'];
     /** Alias for hoverBoxShadow prop. @deprecated */
     hoverShadow?: EffectsProps['hoverBoxShadow'];
     /** Alias for justifyContent prop. @deprecated */

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

@@ -1 +1 @@
-{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../src/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC3C,iDAAiD;IACjD,WAAW,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC5C,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC1C,+CAA+C;IAC/C,MAAM,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}
+{"version":3,"file":"box.types.d.ts","sourceRoot":"","sources":["../../../src/box/box.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACnF,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,QAAQ,GAAG,WAAW,GAChC,YAAY,CAAC,KAAK,CAAC,GAAG;IACpB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,cAAc,CAAC,YAAY,CAAC,CAAA;IACpC,uDAAuD;IACvD,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,wCAAwC;IACxC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,sCAAsC;IACtC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,oCAAoC;IACpC,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,gDAAgD;IAChD,SAAS,CAAC,EAAE,cAAc,CAAC,eAAe,CAAC,CAAA;IAC3C,4CAA4C;IAC5C,SAAS,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IACrC,iDAAiD;IACjD,WAAW,CAAC,EAAE,YAAY,CAAC,gBAAgB,CAAC,CAAA;IAC5C,iDAAiD;IACjD,OAAO,CAAC,EAAE,cAAc,CAAC,gBAAgB,CAAC,CAAA;IAC1C,+CAA+C;IAC/C,MAAM,CAAC,EAAE,YAAY,CAAC,cAAc,CAAC,CAAA;IACrC,4CAA4C;IAC5C,MAAM,CAAC,EAAE,YAAY,CAAC,WAAW,CAAC,CAAA;IAClC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,CAAA;CACf,CAAA"}

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

@@ -4,7 +4,7 @@ import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 import { AnyString } from '../utils';
 export declare type ButtonProps = SystemProps & ThemingProps<'Button'> & {
-    /** Available theme colors for this component. @deprecated */
+    /** Deprecated. Please use variant instead. @deprecated  */
     colorScheme?: string;
     /** Icon for the drop-down element. @default falAngleDown */
     dropDownIcon?: IconProp;

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

@@ -1 +1 @@
-{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAEH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,oBAAY,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAExH,wDAAwD;AACxD,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}
+{"version":3,"file":"button.types.d.ts","sourceRoot":"","sources":["../../../src/button/button.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,MAAM,UAAU,CAAA;AAEpC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,2DAA2D;IAC3D,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB,4DAA4D;IAC5D,YAAY,CAAC,EAAE,QAAQ,CAAA;IACvB,4CAA4C;IAC5C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,+CAA+C;IAC/C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,gDAAgD;IAChD,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,sDAAsD;IACtD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,6CAA6C;IAC7C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,4CAA4C;IAC5C,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,qEAAqE;IACrE,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,8DAA8D;IAC9D,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,yCAAyC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,yDAAyD;IACzD,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,kEAAkE;IAClE,KAAK,CAAC,EAAE,WAAW,CAAA;IACnB,8DAA8D;IAC9D,YAAY,CAAC,EAAE,kBAAkB,CAAA;IACjC,sDAAsD;IACtD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACvB,CAAA;AAEH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAE9E,oBAAY,kBAAkB,GAAG,MAAM,CAAC,MAAM,EAAE,WAAW,GAAG;IAAE,OAAO,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;IAAC,SAAS,EAAE,SAAS,CAAA;CAAE,CAAC,CAAA;AAExH,wDAAwD;AACxD,oBAAY,eAAe,GAAG,IAAI,CAAC,WAAW,EAAE,UAAU,GAAG,WAAW,GAAG,MAAM,CAAC,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"buttonGroup.d.ts","sourceRoot":"","sources":["../../../src/buttonGroup/buttonGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,eAAO,MAAM,eAAe;;sBAA2D,MAAM;SA2C5F,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,yDActB,CAAA;AAEF,eAAe,WAAW,CAAA"}
+{"version":3,"file":"buttonGroup.d.ts","sourceRoot":"","sources":["../../../src/buttonGroup/buttonGroup.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAA;AAItD,eAAO,MAAM,eAAe;;sBAA2D,MAAM;SAuC5F,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,WAAW,yDActB,CAAA;AAEF,eAAe,WAAW,CAAA"}

package/dist/cjs/buttonGroup/buttonGroup.js

@@ -75,10 +75,6 @@ exports.ButtonGroupBase = core_1.styled.divBox `
     border-color: ${p => core_1.th.color(p.innerBorderColor)};
   }
 
-  > *:disabled {
-    border-color: disabled .border;
-  }
-
   //
   > .${utils_1.activeClassName} {
     background-color: ${p => core_1.th.color('skyBlue.90')};

package/dist/cjs/core/links.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/core/links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,cAAc,EAAmC,MAAM,OAAO,CAAA;AAEvG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkC,MAAM,UAAU,CAAA;AAG5E,oBAAY,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;AAEpC,aAAK,gBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAIxE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,UAcjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAIjE;AAED,oDAAoD;AACpD,wBAAgB,QAAQ,qBASvB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,OAAO,QAuCnE"}
+{"version":3,"file":"links.d.ts","sourceRoot":"","sources":["../../../src/core/links.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,QAAQ,EAAE,cAAc,EAAmC,MAAM,OAAO,CAAA;AAEvG,OAAO,EAAE,IAAI,EAAE,WAAW,EAAkC,MAAM,UAAU,CAAA;AAG5E,oBAAY,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,CAAA;AAEpC,aAAK,gBAAgB,GAAG,CAAC,SAAS,EAAE,QAAQ,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC,CAAA;AAIxE;;;;GAIG;AACH,wBAAgB,eAAe,CAAC,IAAI,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,OAAO,UAWjE;AAED,wBAAgB,aAAa,CAAC,KAAK,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,eAIjE;AAED,oDAAoD;AACpD,wBAAgB,QAAQ,qBASvB;AAED;;;GAGG;AACH,wBAAgB,YAAY,CAAC,GAAG,CAAC,EAAE,WAAW,EAAE,UAAU,CAAC,EAAE,OAAO,QAqCnE"}

package/dist/cjs/core/links.js

@@ -45,12 +45,10 @@ const LinksContext = (0, react_1.createContext)(undefined);
 function getLoggedInLink(link, isLoggedIn) {
     try {
         const url = new URL(link);
-        if (isLoggedIn) {
+        if (isLoggedIn)
             url.searchParams.append('loggedin', '1');
-        }
-        else {
+        else
             url.searchParams.delete('loggedin');
-        }
         return url.toString();
     }
     catch (_a) {
@@ -86,9 +84,8 @@ function useLoadLinks(env, isLoggedIn) {
             if (!response.ok)
                 return;
             const data = yield response.json();
-            if ((0, utils_1.isObject)(data)) {
+            if ((0, utils_1.isObject)(data))
                 setLinks(updateLoggedInParam(data));
-            }
         }
         catch (_a) {
             console.error('Failed to retrieve links');

package/dist/cjs/dialog/dialog.js

@@ -53,7 +53,7 @@ const dialogSubmitButton_1 = __importDefault(require("./dialogSubmitButton"));
 const dialogTitle_1 = __importDefault(require("./dialogTitle"));
 exports.DialogBase = core_1.styled.divBox `
   background-color: white;
-  border-radius: md;
+  border-radius: 1px;
   box-shadow: 4;
   display: flex;
   flex-direction: column;

package/dist/cjs/dialog/dialogCloseButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"dialogCloseButton.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogCloseButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,kEAqB5B,CAAA;AAEF,eAAe,iBAAiB,CAAA"}
+{"version":3,"file":"dialogCloseButton.d.ts","sourceRoot":"","sources":["../../../src/dialog/dialogCloseButton.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAA;AAEvD,oFAAoF;AACpF,eAAO,MAAM,iBAAiB,kEAmB5B,CAAA;AAEF,eAAe,iBAAiB,CAAA"}

package/dist/cjs/dialog/dialogCloseButton.js

@@ -26,6 +26,6 @@ exports.DialogCloseButton = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const { onClose } = (_a = (0, context_1.useDialogContext)()) !== null && _a !== void 0 ? _a : {};
     const styles = (0, core_1.useStyleConfig)('Dialog', (0, context_1.useDialogContext)());
-    return (react_1.default.createElement(button_1.CloseButton, Object.assign({ activeBg: "grey.30", className: (0, utils_1.cs)('vui-dialogCloseButton', className), color: "grey.80", hoverBg: "grey.20", onClick: onClose, position: "absolute", ref: ref, right: 16, size: "sm", top: 16 }, styles.closeButton, rest)));
+    return (react_1.default.createElement(button_1.CloseButton, Object.assign({ className: (0, utils_1.cs)('vui-dialogCloseButton', className), onClick: onClose, position: "absolute", ref: ref, right: 16, size: "sm", top: 16, variant: "tertiaryDark" }, styles.closeButton, rest)));
 });
 exports.default = exports.DialogCloseButton;

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,EAAe,YAAY,EAAE,MAAM,SAAS,CAAA;AAInD,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,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;AAG3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAED,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA4BT,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":"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"}

package/dist/cjs/footer/footer.js

@@ -18,6 +18,8 @@ exports.Footer = exports.FooterBase = void 0;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("../core");
 const divider_1 = require("../divider");
+const link_1 = require("../link");
+const t_1 = require("../t");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 const footerColumn_1 = __importDefault(require("./footerColumn"));
@@ -26,22 +28,64 @@ const footerHeading_1 = __importDefault(require("./footerHeading"));
 const footerLink_1 = __importDefault(require("./footerLink"));
 const footerRow_1 = __importDefault(require("./footerRow"));
 const footerSection_1 = __importDefault(require("./footerSection"));
-const footerTrademark_1 = __importDefault(require("./footerTrademark"));
+const footerSlimColumn_1 = __importDefault(require("./footerSlimColumn"));
+const footerTrademark_1 = require("./footerTrademark");
+/*@formatter:off*/
 exports.FooterBase = core_1.styled.divBox `
-  background-color: prussian.80;
+  background-color: darkBlue.main;
   color: white;
   padding: 5 3;
 `;
+/*@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 } = props, rest = __rest(props, ["children", "className", "columns", "linkedIn", "size", "variant"]);
+    const { children, className, columns, linkedIn, size, variant, isSlim } = props, rest = __rest(props, ["children", "className", "columns", "linkedIn", "size", "variant", "isSlim"]);
     const context = { size, variant };
+    const styles = (0, core_1.useStyleConfig)('Footer', props);
+    const slimLinks = [
+        {
+            id: 'home',
+            text: 'veracity.com',
+            url: 'https://www.veracity.com/'
+        }
+    ];
+    columns === null || columns === void 0 ? void 0 : columns.map(column => {
+        column.map(section => {
+            var _a;
+            (_a = section.links) === null || _a === void 0 ? void 0 : _a.map(link => {
+                if (!link)
+                    return;
+                if (['home', 'support', 'status'].includes(link.id || '')) {
+                    slimLinks.push(link);
+                }
+            });
+        });
+    });
+    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), ref: ref }, rest),
-            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: "grey.60", my: 4 }) : null,
+        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(footerRow_1.default, null,
+                    slimLinks.map((link, index) => {
+                        /** if the screen is small drop one specific link */
+                        if (downLg && (link === null || link === void 0 ? void 0 : link.id) === 'support')
+                            return;
+                        return (react_1.default.createElement(footerSlimColumn_1.default, { key: index },
+                            react_1.default.createElement(footerLink_1.default, Object.assign({}, link))));
+                    }),
+                    downMd && react_1.default.createElement(divider_1.Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
+                    react_1.default.createElement(footerSlimColumn_1.default, { centerV: true },
+                        react_1.default.createElement(t_1.T, { size: "xs" },
+                            react_1.default.createElement(t_1.T, { size: "xs", weight: "demi" }, "Veracity by DNV"),
+                            ", DNV AS")),
+                    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 })))))),
+                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.default, { linkedIn: linkedIn }))))));
+                    react_1.default.createElement(footerTrademark_1.FooterTrademark, { linkedIn: linkedIn })))))));
 });
 exports.Footer.Column = footerColumn_1.default;
 exports.Footer.Content = footerContent_1.default;

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

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

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;CAC7B,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,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"}

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

@@ -1 +1 @@
-{"version":3,"file":"footerColumn.d.ts","sourceRoot":"","sources":["../../../src/footer/footerColumn.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,0FAA0F;AAC1F,QAAA,MAAM,YAAY,0DAkBhB,CAAA;AAEF,eAAe,YAAY,CAAA"}
+{"version":3,"file":"footerColumn.d.ts","sourceRoot":"","sources":["../../../src/footer/footerColumn.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAGlD,0FAA0F;AAC1F,QAAA,MAAM,YAAY,0DAmBhB,CAAA;AAEF,eAAe,YAAY,CAAA"}

package/dist/cjs/footer/footerColumn.js

@@ -24,6 +24,6 @@ const footerSection_1 = __importDefault(require("./footerSection"));
 const FooterColumn = (0, core_1.vui)((props, ref) => {
     const { children, className, sections } = props, rest = __rest(props, ["children", "className", "sections"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
-    return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerColumn', className), column: true, flex: { xs: '0 0 100%', sm: '0 0 50%', md: '0 0 25%' }, p: 1.5, ref: ref, spaceY: 4 }, styles.column, rest), children !== null && children !== void 0 ? children : sections === null || sections === void 0 ? void 0 : sections.map((section, index) => react_1.default.createElement(footerSection_1.default, Object.assign({ key: index }, section)))));
+    return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerColumn', className), column: true, flex: { xs: '0 0 50%', sm: '0 0 50%', md: '0 0 25%' }, minW: 164, p: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, ref: ref, spaceY: 4 }, styles.column, rest), children !== null && children !== void 0 ? children : sections === null || sections === void 0 ? void 0 : sections.map((section, index) => react_1.default.createElement(footerSection_1.default, Object.assign({ key: index }, section)))));
 });
 exports.default = FooterColumn;

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

@@ -1 +1 @@
-{"version":3,"file":"footerContent.d.ts","sourceRoot":"","sources":["../../../src/footer/footerContent.tsx"],"names":[],"mappings":"AAQA,yEAAyE;AACzE,eAAO,MAAM,aAAa,kEAgBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"footerContent.d.ts","sourceRoot":"","sources":["../../../src/footer/footerContent.tsx"],"names":[],"mappings":"AAQA,yEAAyE;AACzE,eAAO,MAAM,aAAa,kEAiBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/cjs/footer/footerContent.js

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.FooterContent = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
-    return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerContent', className), column: true, maxW: 1200, mx: "auto", ref: ref, w: "100%" }, styles.content, rest)));
+    return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerContent', className), column: true, fontSize: { xs: 12, sm: 12, md: 14 }, maxW: { xs: 344, sm: 412, md: 780, lg: 782, xl: 888 }, mx: "auto", ref: ref, w: "100%" }, styles.content, rest)));
 });
 exports.default = exports.FooterContent;

package/dist/cjs/footer/footerLink.js

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.FooterLink = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
-    return (react_1.default.createElement(link_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerLink', className), py: 0.5, ref: ref, size: "sm", variant: "white" }, styles.link, rest)));
+    return (react_1.default.createElement(link_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerLink', className), py: 0.5, ref: ref, size: { _: 'sm', md: 'md' }, variant: "white" }, styles.link, rest)));
 });
 exports.default = exports.FooterLink;

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

@@ -0,0 +1,5 @@
+import { BoxProps } from '../box';
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+declare const FooterSlimColumn: import("../core").VuiComponent<"div", BoxProps>;
+export default FooterSlimColumn;
+//# sourceMappingURL=footerSlimColumn.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footerSlimColumn.d.ts","sourceRoot":"","sources":["../../../src/footer/footerSlimColumn.tsx"],"names":[],"mappings":"AAEA,OAAY,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAKtC,0FAA0F;AAC1F,QAAA,MAAM,gBAAgB,iDAmBpB,CAAA;AAEF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/footer/footerSlimColumn.js

@@ -0,0 +1,28 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const box_1 = __importDefault(require("../box"));
+const core_1 = require("../core");
+const utils_1 = require("../utils");
+const context_1 = require("./context");
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+const FooterSlimColumn = (0, core_1.vui)((props, ref) => {
+    const { children } = props, rest = __rest(props, ["children"]);
+    const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
+    return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerSlimColumn'), column: true, flex: { xs: '0 0 50%', sm: '0 0 20%', md: '0 0 20%' }, minW: 164, p: { xs: 1, sm: 1, md: 1.25, lg: 1.5 }, ref: ref, spaceY: 4 }, styles.column, rest), children));
+});
+exports.default = FooterSlimColumn;

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

@@ -1,4 +1,5 @@
 import { FooterTrademarkProps } from './footer.types';
+export declare const defaultLinkedInUrl = "https://www.linkedin.com/showcase/veracity-data-platform";
 /** Section includes a heading and a set of links. */
 export declare const FooterTrademark: import("../core").VuiComponent<"div", FooterTrademarkProps>;
 export default FooterTrademark;

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

@@ -1 +1 @@
-{"version":3,"file":"footerTrademark.d.ts","sourceRoot":"","sources":["../../../src/footer/footerTrademark.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAKrD,qDAAqD;AACrD,eAAO,MAAM,eAAe,6DA4B1B,CAAA;AAEF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"footerTrademark.d.ts","sourceRoot":"","sources":["../../../src/footer/footerTrademark.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,oBAAoB,EAAE,MAAM,gBAAgB,CAAA;AAIrD,eAAO,MAAM,kBAAkB,6DAA6D,CAAA;AAE5F,qDAAqD;AACrD,eAAO,MAAM,eAAe,6DA4B1B,CAAA;AAEF,eAAe,eAAe,CAAA"}

package/dist/cjs/footer/footerTrademark.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FooterTrademark = void 0;
+exports.FooterTrademark = exports.defaultLinkedInUrl = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = __importDefault(require("../box"));
 const core_1 = require("../core");
@@ -23,14 +23,16 @@ const t_1 = __importDefault(require("../t"));
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 const footerColumn_1 = __importDefault(require("./footerColumn"));
-const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform';
+const footerHeading_1 = __importDefault(require("./footerHeading"));
+exports.defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform';
 /** Section includes a heading and a set of links. */
 exports.FooterTrademark = (0, core_1.vui)((props, ref) => {
     const { className, linkedIn } = props, rest = __rest(props, ["className", "linkedIn"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
     return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerTrademark', className), ref: ref, w: "100%", wrap: true }, styles.trademark, rest),
         react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },
-            react_1.default.createElement(link_1.default, { fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.default.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true, variant: "white" }, "Follow us")),
+            react_1.default.createElement(link_1.default, Object.assign({ fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : exports.defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.default.Icon, { mr: 1, name: "cubCircleLinkedIn", radius: "50%", size: "sm" }), isExternal: true }, styles.link),
+                react_1.default.createElement(footerHeading_1.default, { mb: 0, text: "Follow us" }))),
         react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 75%' } },
             react_1.default.createElement(t_1.default, { size: "xs" },
                 react_1.default.createElement(t_1.default, { size: "xs", weight: "demi" }, "Veracity by DNV"),

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

@@ -1,9 +1,45 @@
 declare const _default: {
     baseStyle: {};
-    defaultProps: {};
+    defaultProps: {
+        variant: string;
+    };
     parts: string[];
     sizes: {};
-    variants: {};
+    variants: {
+        default: {
+            container: {
+                bg: string;
+                color: string;
+            };
+            link: {
+                color: string;
+            };
+        };
+        developer: {
+            container: {
+                bg: string;
+                color: string;
+            };
+            link: {
+                color: string;
+            };
+        };
+        light: {
+            container: {
+                bg: string;
+                color: string;
+            };
+            row: {
+                color: string;
+            };
+            link: {
+                color: string;
+            };
+            heading: {
+                color: string;
+            };
+        };
+    };
 };
 export default _default;
 //# sourceMappingURL=theme.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/footer/theme.ts"],"names":[],"mappings":";;;;;;;AAUA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/footer/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgDA,wBAMC"}

package/dist/cjs/footer/theme.js

@@ -1,10 +1,46 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 const baseStyle = {};
-const defaultProps = {};
+const defaultProps = {
+    variant: 'default'
+};
 const parts = ['container', 'column', 'content', 'heading', 'link', 'row', 'section', 'trademark'];
 const sizes = {};
-const variants = {};
+const variants = {
+    default: {
+        container: {
+            bg: 'darkBlue.main',
+            color: 'white'
+        },
+        link: {
+            color: 'white'
+        }
+    },
+    developer: {
+        container: {
+            bg: 'darkBlue.main',
+            color: 'white'
+        },
+        link: {
+            color: 'digiGreen.main'
+        }
+    },
+    light: {
+        container: {
+            bg: 'white',
+            color: 'darkBlue.main'
+        },
+        row: {
+            color: 'black'
+        },
+        link: {
+            color: 'seaBlue.main'
+        },
+        heading: {
+            color: 'darkBlue.main'
+        }
+    }
+};
 exports.default = {
     baseStyle,
     defaultProps,

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,eA0DtD;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;AAMrF,oFAAoF;AACpF,wBAAgB,aAAa,CAAC,KAAK,EAAE,kBAAkB,eAyDtD;AAED,eAAe,aAAa,CAAA"}

package/dist/cjs/header/headerAccount.js

@@ -60,7 +60,7 @@ function HeaderAccount(props) {
         : { maxH: 360, py: 1, minW: 320, w: 'auto' };
     const name = (0, utils_1.isObject)(userInfo) ? userInfo.displayName : '';
     return (react_1.default.createElement(popover_1.default, Object.assign({ isLazy: false, offset: [0, 8], options: popoverOptions, placement: "bottom-end" }, rest),
-        react_1.default.createElement(popover_1.default.Trigger, Object.assign({ as: avatar_1.default, className: "vui-headerAccountTrigger", colorScheme: "prussian", isInteractive: true, ml: 2, name: name, title: "Account", variant: "solid" }, styles.trigger, triggerProps)),
+        react_1.default.createElement(popover_1.default.Trigger, Object.assign({ as: avatar_1.default, className: "vui-headerAccountTrigger", isInteractive: true, ml: 2, name: name, title: "Account", variant: "solid" }, styles.trigger, triggerProps)),
         react_1.default.createElement(popover_1.default.Content, Object.assign({ className: "vui-headerAccountContent", column: true }, styles.content, contentScreenProps, contentProps),
             (0, utils_1.isJsx)(userInfo) ? userInfo : userInfo && react_1.default.createElement(headerAccountUserInfo_1.default, Object.assign({}, userInfo)),
             (0, utils_1.isJsx)(sections)

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

@@ -1 +1 @@
-{"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEAmChC,CAAA;AAEF,eAAe,qBAAqB,CAAA"}
+{"version":3,"file":"headerAccountUserInfo.d.ts","sourceRoot":"","sources":["../../../src/header/headerAccountUserInfo.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,0BAA0B,EAAE,MAAM,uBAAuB,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,qBAAqB,mEA6BhC,CAAA;AAEF,eAAe,qBAAqB,CAAA"}

package/dist/cjs/header/headerAccountUserInfo.js

@@ -27,9 +27,7 @@ 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" }),
+        react_1.default.createElement(avatar_1.default, { className: "vui-headerAccountUserInfoAvatar", 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/header/headerDivider.js

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.HeaderDivider = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
-    return (react_1.default.createElement(divider_1.default, Object.assign({ borderColor: "prussian.80", className: (0, utils_1.cs)('vui-headerDivider', className), h: 40, isVertical: true, ref: ref }, styles.divider, rest)));
+    return (react_1.default.createElement(divider_1.default, Object.assign({ borderColor: "darkBlue.main", className: (0, utils_1.cs)('vui-headerDivider', className), h: 40, isVertical: true, ref: ref }, styles.divider, rest)));
 });
 exports.default = exports.HeaderDivider;

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

@@ -1 +1 @@
-{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAoB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"headerMobileToggle.d.ts","sourceRoot":"","sources":["../../../src/header/headerMobileToggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAc,MAAM,WAAW,CAAA;AAMnD,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAmB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}

package/dist/cjs/header/headerMobileToggle.js

@@ -28,6 +28,6 @@ exports.HeaderMobileToggle = (0, core_1.vui)((props, ref) => {
     const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = (_a = (0, context_1.useHeaderContext)()) !== null && _a !== void 0 ? _a : {};
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)());
     const iconName = isMobileOpen ? 'falTimes' : 'falBars';
-    return (react_1.default.createElement(button_1.IconButton, Object.assign({ className: (0, utils_1.cs)('vui-headerMobileToggle', className), colorScheme: "prussian", icon: react_1.default.createElement(icon_1.default, { name: iconName, scale: 2 }), ml: 2, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: (0, utils_1.mergeRefs)(ref, mobileToggleRef) }, styles.mobileToggle, rest)));
+    return (react_1.default.createElement(button_1.IconButton, Object.assign({ className: (0, utils_1.cs)('vui-headerMobileToggle', className), icon: react_1.default.createElement(icon_1.default, { name: iconName, scale: 2 }), ml: 2, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: (0, utils_1.mergeRefs)(ref, mobileToggleRef) }, styles.mobileToggle, rest)));
 });
 exports.default = exports.HeaderMobileToggle;

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,eA8BxD;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,eAuBxD;AAED,eAAe,cAAc,CAAA"}

package/dist/cjs/header/headerServices.js

@@ -33,7 +33,7 @@ function HeaderServices(props) {
     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.Button, Object.assign({ colorScheme: "prussian", icon: "falTh", ml: 1, title: "My services" }, styles.button, buttonProps)),
+                react_1.default.createElement(menu_1.default.Button, Object.assign({ icon: "falTh", ml: 1, 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(ListContent, { links: links })))),
         react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },

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

@@ -1,6 +1,6 @@
 import { HeadingProps } from './heading.types';
 export declare const HeadingBase: import("styled-components").StyledComponent<"h2", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
-/** Displays bold text in different sizes. Used as title for pages, articles, panels, etc. */
+/** Used to define headings and titles for pages, articles, panels, etc. */
 export declare const Heading: import("../core").VuiComponent<"h2", HeadingProps>;
 export default Heading;
 //# sourceMappingURL=heading.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,8HAGvB,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,OAAO,oDAmClB,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,8HAGvB,CAAA;AAED,2EAA2E;AAC3E,eAAO,MAAM,OAAO,oDAmClB,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/cjs/heading/heading.js

@@ -22,7 +22,7 @@ exports.HeadingBase = core_1.styled.h2Box `
   font-weight: demi;
   transition-duration: fast;
 `;
-/** Displays bold text in different sizes. Used as title for pages, articles, panels, etc. */
+/** Used to define headings and titles for pages, articles, panels, etc. */
 exports.Heading = (0, core_1.vui)((props, ref) => {
     const _a = (0, core_1.omitThemingProps)(props), { align, casing, children, className, decoration, text, weight } = _a, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
     const styles = (0, core_1.useStyleConfig)('Heading', props);

package/dist/cjs/icons/baseIcons/cub/cubCircleFB.d.ts

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

package/dist/cjs/icons/baseIcons/cub/cubCircleFB.d.ts.map

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

package/dist/cjs/icons/baseIcons/cub/cubCircleFB.js

@@ -0,0 +1,7 @@
+"use strict";
+/* eslint-disable */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = {
+    details: [32, 32, [], '', 'M16 32C24.8366 32 32 24.8365 32 16C32 7.16345 24.8366 0 16 0C7.16344 0 0 7.16345 0 16C0 24.8365 7.16344 32 16 32ZM21.8359 13.3936L21.2136 17.375H17.9452V27H13.5617V17.375H10V13.3936H13.5617V10.359C13.5617 6.90698 15.656 5 18.8602 5C20.3949 5 22 5.26904 22 5.26904V8.65881H20.2312C18.4887 8.65881 17.9452 9.72058 17.9452 10.8098V13.3936H21.8359Z'],
+    name: 'cubCircleFB'
+};

package/dist/cjs/icons/baseIcons/cub/cubCircleLinkedIn.d.ts

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