@veracity/vui 2.5.1 → 2.6.0

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

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,QAAQ,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAClD,oBAAY,UAAU,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA;AACtD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AACtE,oBAAY,eAAe,GAAG,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAChE,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAC5D,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE/C,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAElD,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,+EAA+E;AAC/E,oBAAY,YAAY,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,OAAO,CAAC,EAAE,cAAc,SAAS,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC9G,IAAI,CAAC,EAAE,cAAc,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,GACtD,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GACrD,MAAM,CAAA;CACX,CAAA;AAGD,4EAA4E;AAC5E,oBAAY,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/theme/types.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,gBAAgB,CAAA;AAEzC,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AACjD,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,QAAQ,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAClD,oBAAY,UAAU,GAAG,MAAM,QAAQ,CAAC,aAAa,CAAC,CAAA;AACtD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,qBAAqB,CAAC,CAAA;AACtE,oBAAY,eAAe,GAAG,MAAM,QAAQ,CAAC,kBAAkB,CAAC,CAAA;AAChE,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,SAAS,CAAC,CAAA;AAC9C,oBAAY,IAAI,GAAG,MAAM,QAAQ,CAAC,OAAO,CAAC,CAAA;AAC1C,oBAAY,KAAK,GAAG,MAAM,QAAQ,CAAC,QAAQ,CAAC,CAAA;AAC5C,oBAAY,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAA;AACpD,oBAAY,kBAAkB,GAAG,MAAM,QAAQ,CAAC,WAAW,CAAC,CAAA;AAC5D,oBAAY,MAAM,GAAG,MAAM,QAAQ,CAAC,UAAU,CAAC,CAAA;AAE/C,oBAAY,gBAAgB,GAAG,OAAO,YAAY,CAAA;AAElD,mFAAmF;AACnF,MAAM,WAAW,kBAAkB;CAAG;AAEtC,+EAA+E;AAC/E,oBAAY,YAAY,CAAC,cAAc,SAAS,MAAM,GAAG,MAAM,IAAI;IACjE,OAAO,CAAC,EAAE,cAAc,SAAS,SAAS,GAAG,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,UAAU,CAAC,GAAG,MAAM,CAAA;IAC9G,IAAI,CAAC,EAAE,cAAc,SAAS,MAAM,QAAQ,CAAC,YAAY,CAAC,GACtD,MAAM,QAAQ,CAAC,YAAY,CAAC,CAAC,cAAc,CAAC,CAAC,OAAO,CAAC,GACrD,MAAM,CAAA;CACX,CAAA;AAGD,4EAA4E;AAC5E,oBAAY,QAAQ,GAAG,gBAAgB,GAAG,kBAAkB,CAAA"}

package/dist/cjs/utils/styles.d.ts

@@ -1,8 +1,18 @@
 import { Property } from 'csstype';
 /** Concatenates individual className arguments and returns a single string. */
 export declare function cs(...classNames: any[]): string;
+/** Parses HSL color code. */
+export declare function parseHSL(color: string): {
+    h: number;
+    s: number;
+    l: number;
+};
+/** Builds RGBA string. */
+export declare const buildRGBA: (r: number, g: number, b: number, alpha?: number) => string;
 /** Converts hex color value to rgb with optional alpha property. */
 export declare function hexToRGBA(hex: string, alpha?: number): string;
+/** Converts hsl color value to rgb with optional alpha property. */
+export declare function HSLToRGBA(h: number, s: number, l: number, alpha?: number): string;
 /** Styling to add ellipsis for long texts. */
 export declare const ellipsisOverflow: {
     overflow: string;

package/dist/cjs/utils/styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,+EAA+E;AAC/E,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,UAEtC;AAED,oEAAoE;AACpE,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,UAgBpD;AAED,8CAA8C;AAC9C,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/utils/styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAElC,+EAA+E;AAC/E,wBAAgB,EAAE,CAAC,GAAG,UAAU,EAAE,GAAG,EAAE,UAEtC;AAED,6BAA6B;AAC7B,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM;;;;EAIrC;AAED,0BAA0B;AAC1B,eAAO,MAAM,SAAS,MAAO,MAAM,KAAK,MAAM,KAAK,MAAM,UAAU,MAAM,WACW,CAAA;AAEpF,oEAAoE;AACpE,wBAAgB,SAAS,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,UAgBpD;AAED,oEAAoE;AACpE,wBAAgB,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,CAAC,EAAE,MAAM,EAAE,KAAK,CAAC,EAAE,MAAM,UA0CxE;AAED,8CAA8C;AAC9C,eAAO,MAAM,gBAAgB;;;;CAI5B,CAAA"}

package/dist/cjs/utils/styles.js

@@ -1,11 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ellipsisOverflow = exports.hexToRGBA = exports.cs = void 0;
+exports.ellipsisOverflow = exports.HSLToRGBA = exports.hexToRGBA = exports.buildRGBA = exports.parseHSL = exports.cs = void 0;
 /** Concatenates individual className arguments and returns a single string. */
 function cs(...classNames) {
     return classNames.filter(Boolean).join(' ');
 }
 exports.cs = cs;
+/** Parses HSL color code. */
+function parseHSL(color) {
+    var _a, _b, _c;
+    const regexp = /hsl\((\d+),\s*([\d.]+)%,\s*([\d.]+)%\)/g;
+    const res = (_c = (_b = (_a = regexp === null || regexp === void 0 ? void 0 : regexp.exec) === null || _a === void 0 ? void 0 : _a.call(regexp, color)) === null || _b === void 0 ? void 0 : _b.slice) === null || _c === void 0 ? void 0 : _c.call(_b, 1);
+    return { h: Number(res === null || res === void 0 ? void 0 : res[0]) || 0, s: Number(res === null || res === void 0 ? void 0 : res[1]) || 0, l: Number(res === null || res === void 0 ? void 0 : res[2]) || 0 };
+}
+exports.parseHSL = parseHSL;
+/** Builds RGBA string. */
+const buildRGBA = (r, g, b, alpha) => alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`;
+exports.buildRGBA = buildRGBA;
 /** Converts hex color value to rgb with optional alpha property. */
 function hexToRGBA(hex, alpha) {
     let hexStr = hex;
@@ -19,9 +30,51 @@ function hexToRGBA(hex, alpha) {
     const r = parseInt(hexStr.slice(0, 2), 16);
     const g = parseInt(hexStr.slice(2, 4), 16);
     const b = parseInt(hexStr.slice(4, 6), 16);
-    return alpha !== undefined ? `rgba(${r}, ${g}, ${b}, ${alpha})` : `rgb(${r}, ${g}, ${b})`;
+    return (0, exports.buildRGBA)(r, g, b, alpha);
 }
 exports.hexToRGBA = hexToRGBA;
+/** Converts hsl color value to rgb with optional alpha property. */
+function HSLToRGBA(h, s, l, alpha) {
+    s /= 100;
+    l /= 100;
+    const c = (1 - Math.abs(2 * l - 1)) * s, x = c * (1 - Math.abs(((h / 60) % 2) - 1)), m = l - c / 2;
+    let r = 0, g = 0, b = 0;
+    if (0 <= h && h < 60) {
+        r = c;
+        g = x;
+        b = 0;
+    }
+    else if (60 <= h && h < 120) {
+        r = x;
+        g = c;
+        b = 0;
+    }
+    else if (120 <= h && h < 180) {
+        r = 0;
+        g = c;
+        b = x;
+    }
+    else if (180 <= h && h < 240) {
+        r = 0;
+        g = x;
+        b = c;
+    }
+    else if (240 <= h && h < 300) {
+        r = x;
+        g = 0;
+        b = c;
+    }
+    else if (300 <= h && h < 360) {
+        r = c;
+        g = 0;
+        b = x;
+    }
+    r = Math.round((r + m) * 255);
+    g = Math.round((g + m) * 255);
+    b = Math.round((b + m) * 255);
+    return (0, exports.buildRGBA)(r, g, b, alpha);
+}
+exports.HSLToRGBA = HSLToRGBA;
 /** Styling to add ellipsis for long texts. */
 exports.ellipsisOverflow = {
     overflow: 'hidden',

package/dist/esm/box/box.js

@@ -8,18 +8,17 @@ export const BoxBase = styled.divBox `
 `;
 /** Organizes content layout into columns or rows with easy centering. */
 export const Box = vui((props, ref) => {
-    const { align, center, centerH, centerV, className, column, direction, hoverShadow, justify, radius, shadow, wrap, ...rest } = omitThemingProps(props);
+    const { align, center, centerH, centerV, className, column, direction, elevation, hoverShadow: hoverBoxShadow, justify, radius: borderRadius, shadow, wrap, ...rest } = omitThemingProps(props);
     const styles = 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 = filterUndefined({
         alignItems: align ?? alignItems,
-        borderRadius: radius,
-        boxShadow: shadow,
+        borderRadius,
+        boxShadow: elevation ?? shadow,
         flexDirection: direction ?? flexDirection,
         flexWrap: wrap ? 'wrap' : undefined,
-        hoverBoxShadow: hoverShadow,
         justifyContent: justify ?? justifyContent
     });
     return React.createElement(BoxBase, { className: cs('vui-box', className), ref: ref, ...styles, ...aliasedProps, ...rest });

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/buttonGroup/buttonGroup.js

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

package/dist/esm/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/esm/core/links.js

@@ -10,12 +10,10 @@ const LinksContext = createContext(undefined);
 export 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 {
@@ -48,9 +46,8 @@ export function useLoadLinks(env, isLoggedIn) {
             if (!response.ok)
                 return;
             const data = await response.json();
-            if (isObject(data)) {
+            if (isObject(data))
                 setLinks(updateLoggedInParam(data));
-            }
         }
         catch {
             console.error('Failed to retrieve links');

package/dist/esm/dialog/dialog.js

@@ -13,7 +13,7 @@ import DialogSubmitButton from './dialogSubmitButton';
 import DialogTitle from './dialogTitle';
 export const DialogBase = styled.divBox `
   background-color: white;
-  border-radius: md;
+  border-radius: 1px;
   box-shadow: 4;
   display: flex;
   flex-direction: column;

package/dist/esm/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/esm/dialog/dialogCloseButton.js

@@ -8,6 +8,6 @@ export const DialogCloseButton = vui((props, ref) => {
     const { className, ...rest } = props;
     const { onClose } = useDialogContext() ?? {};
     const styles = useStyleConfig('Dialog', useDialogContext());
-    return (React.createElement(CloseButton, { activeBg: "grey.30", className: 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.createElement(CloseButton, { className: cs('vui-dialogCloseButton', className), onClick: onClose, position: "absolute", ref: ref, right: 16, size: "sm", top: 16, variant: "tertiaryDark", ...styles.closeButton, ...rest }));
 });
 export default DialogCloseButton;

package/dist/esm/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/esm/footer/footer.js

@@ -1,6 +1,8 @@
 import React from 'react';
-import { styled, vui } from '../core';
+import { styled, useDown, useStyleConfig, vui } from '../core';
 import { Divider } from '../divider';
+import { Link } from '../link';
+import { T } from '../t';
 import { cs } from '../utils';
 import { FooterProvider } from './context';
 import FooterColumn from './footerColumn';
@@ -9,24 +11,65 @@ import FooterHeading from './footerHeading';
 import FooterLink from './footerLink';
 import FooterRow from './footerRow';
 import FooterSection from './footerSection';
-import FooterTrademark from './footerTrademark';
+import FooterSlimColumn from './footerSlimColumn';
+import { defaultLinkedInUrl, FooterTrademark } from './footerTrademark';
+/*@formatter:off*/
 export const FooterBase = 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. */
 export const Footer = vui((props, ref) => {
-    const { children, className, columns, linkedIn, size, variant, ...rest } = props;
+    const { children, className, columns, linkedIn, size, variant, isSlim, ...rest } = props;
     const context = { size, variant };
+    const styles = useStyleConfig('Footer', props);
+    const slimLinks = [
+        {
+            id: 'home',
+            text: 'veracity.com',
+            url: 'https://www.veracity.com/'
+        }
+    ];
+    columns?.map(column => {
+        column.map(section => {
+            section.links?.map(link => {
+                if (!link)
+                    return;
+                if (['home', 'support', 'status'].includes(link.id || '')) {
+                    slimLinks.push(link);
+                }
+            });
+        });
+    });
+    const downMd = useDown('md');
+    const downLg = useDown('lg');
     return (React.createElement(FooterProvider, { value: context },
-        React.createElement(FooterBase, { className: cs('vui-footer', className), ref: ref, ...rest },
-            React.createElement(FooterContent, null,
+        React.createElement(FooterBase, { className: cs('vui-footer', className), py: isSlim ? (downMd ? '16px' : '9px') : 5, ...styles.container, ref: ref, ...rest },
+            isSlim && (React.createElement(FooterContent, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },
+                React.createElement(FooterRow, null,
+                    slimLinks.map((link, index) => {
+                        /** if the screen is small drop one specific link */
+                        if (downLg && link?.id === 'support')
+                            return;
+                        return (React.createElement(FooterSlimColumn, { key: index },
+                            React.createElement(FooterLink, { ...link })));
+                    }),
+                    downMd && React.createElement(Divider, { borderColor: "sandstone.main", mb: 0.5, mt: 1, w: 1 }),
+                    React.createElement(FooterSlimColumn, { centerV: true },
+                        React.createElement(T, { size: "xs" },
+                            React.createElement(T, { size: "xs", weight: "demi" }, "Veracity by DNV"),
+                            ", DNV AS")),
+                    React.createElement(FooterSlimColumn, null,
+                        React.createElement(Link, { fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, iconLeft: React.createElement(Link.Icon, { mr: 1, name: "cubCircleLinkedIn", radius: "50%", size: "xs" }), isExternal: true, size: { _: 'sm', md: 'md' }, ...styles.link },
+                            React.createElement(FooterHeading, { fontSize: "16px", mb: 0, text: "Follow us" })))))),
+            !isSlim && (React.createElement(FooterContent, null,
                 children ??
                     (columns && (React.createElement(FooterRow, null, columns.map((sections, index) => (React.createElement(FooterColumn, { key: index, sections: sections })))))),
-                children || columns ? React.createElement(Divider, { borderColor: "grey.60", my: 4 }) : null,
+                children || columns ? React.createElement(Divider, { borderColor: "sandstone.main", my: 4 }) : null,
                 React.createElement(FooterRow, null,
-                    React.createElement(FooterTrademark, { linkedIn: linkedIn }))))));
+                    React.createElement(FooterTrademark, { linkedIn: linkedIn })))))));
 });
 Footer.Column = FooterColumn;
 Footer.Content = FooterContent;

package/dist/esm/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/esm/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/esm/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/esm/footer/footerColumn.js

@@ -8,6 +8,6 @@ import FooterSection from './footerSection';
 const FooterColumn = vui((props, ref) => {
     const { children, className, sections, ...rest } = props;
     const styles = useStyleConfig('Footer', useFooterContext());
-    return (React.createElement(Box, { className: 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 ?? sections?.map((section, index) => React.createElement(FooterSection, { key: index, ...section }))));
+    return (React.createElement(Box, { className: 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 ?? sections?.map((section, index) => React.createElement(FooterSection, { key: index, ...section }))));
 });
 export default FooterColumn;

package/dist/esm/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/esm/footer/footerContent.js

@@ -7,6 +7,6 @@ import { useFooterContext } from './context';
 export const FooterContent = vui((props, ref) => {
     const { className, ...rest } = props;
     const styles = useStyleConfig('Footer', useFooterContext());
-    return (React.createElement(Box, { className: cs('vui-footerContent', className), column: true, maxW: 1200, mx: "auto", ref: ref, w: "100%", ...styles.content, ...rest }));
+    return (React.createElement(Box, { className: 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 }));
 });
 export default FooterContent;

package/dist/esm/footer/footerLink.js

@@ -7,6 +7,6 @@ import { useFooterContext } from './context';
 export const FooterLink = vui((props, ref) => {
     const { className, ...rest } = props;
     const styles = useStyleConfig('Footer', useFooterContext());
-    return (React.createElement(Link, { className: cs('vui-footerLink', className), py: 0.5, ref: ref, size: "sm", variant: "white", ...styles.link, ...rest }));
+    return (React.createElement(Link, { className: cs('vui-footerLink', className), py: 0.5, ref: ref, size: { _: 'sm', md: 'md' }, variant: "white", ...styles.link, ...rest }));
 });
 export default FooterLink;

package/dist/esm/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/esm/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/esm/footer/footerSlimColumn.js

@@ -0,0 +1,12 @@
+import React from 'react';
+import Box from '../box';
+import { useStyleConfig, vui } from '../core';
+import { cs } from '../utils';
+import { useFooterContext } from './context';
+/** Organizes sections with links into a single column. Different width per breakpoint. */
+const FooterSlimColumn = vui((props, ref) => {
+    const { children, ...rest } = props;
+    const styles = useStyleConfig('Footer', useFooterContext());
+    return (React.createElement(Box, { className: 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));
+});
+export default FooterSlimColumn;

package/dist/esm/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/esm/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/esm/footer/footerTrademark.js

@@ -6,14 +6,16 @@ import T from '../t';
 import { cs } from '../utils';
 import { useFooterContext } from './context';
 import FooterColumn from './footerColumn';
-const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform';
+import FooterHeading from './footerHeading';
+export const defaultLinkedInUrl = 'https://www.linkedin.com/showcase/veracity-data-platform';
 /** Section includes a heading and a set of links. */
 export const FooterTrademark = vui((props, ref) => {
     const { className, linkedIn, ...rest } = props;
     const styles = useStyleConfig('Footer', useFooterContext());
     return (React.createElement(Box, { className: cs('vui-footerTrademark', className), ref: ref, w: "100%", wrap: true, ...styles.trademark, ...rest },
         React.createElement(FooterColumn, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },
-            React.createElement(Link, { fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, iconLeft: React.createElement(Link.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true, variant: "white" }, "Follow us")),
+            React.createElement(Link, { fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, iconLeft: React.createElement(Link.Icon, { mr: 1, name: "cubCircleLinkedIn", radius: "50%", size: "sm" }), isExternal: true, ...styles.link },
+                React.createElement(FooterHeading, { mb: 0, text: "Follow us" }))),
         React.createElement(FooterColumn, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 75%' } },
             React.createElement(T, { size: "xs" },
                 React.createElement(T, { size: "xs", weight: "demi" }, "Veracity by DNV"),

package/dist/esm/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/esm/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/esm/footer/theme.js

@@ -1,8 +1,44 @@
 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'
+        }
+    }
+};
 export default {
     baseStyle,
     defaultProps,

package/dist/esm/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/esm/header/headerAccount.js

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

package/dist/esm/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/esm/header/headerAccountUserInfo.js

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

package/dist/esm/header/headerDivider.js

@@ -7,6 +7,6 @@ import { useHeaderContext } from './context';
 export const HeaderDivider = vui((props, ref) => {
     const { className, ...rest } = props;
     const styles = useStyleConfig('Header', useHeaderContext());
-    return (React.createElement(Divider, { borderColor: "prussian.80", className: cs('vui-headerDivider', className), h: 40, isVertical: true, ref: ref, ...styles.divider, ...rest }));
+    return (React.createElement(Divider, { borderColor: "darkBlue.main", className: cs('vui-headerDivider', className), h: 40, isVertical: true, ref: ref, ...styles.divider, ...rest }));
 });
 export default HeaderDivider;

package/dist/esm/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/esm/header/headerMobileToggle.js

@@ -10,6 +10,6 @@ export const HeaderMobileToggle = vui((props, ref) => {
     const { isMobileOpen, mobileToggleRef, setIsMobileOpen } = useHeaderContext() ?? {};
     const styles = useStyleConfig('Header', useHeaderContext());
     const iconName = isMobileOpen ? 'falTimes' : 'falBars';
-    return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), colorScheme: "prussian", icon: React.createElement(Icon, { name: iconName, scale: 2 }), ml: 2, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), ...styles.mobileToggle, ...rest }));
+    return (React.createElement(IconButton, { className: cs('vui-headerMobileToggle', className), icon: React.createElement(Icon, { name: iconName, scale: 2 }), ml: 2, onClick: () => setIsMobileOpen(s => !s), p: "3px", ref: mergeRefs(ref, mobileToggleRef), ...styles.mobileToggle, ...rest }));
 });
 export default HeaderMobileToggle;