@veracity/vui 2.2.0 → 2.4.0

package/dist/cjs/theme/foundations/colors.d.ts

@@ -19,6 +19,7 @@ export declare const darkBlue: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const digiGreen: {
     95: string;
@@ -40,6 +41,7 @@ export declare const digiGreen: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const earth: {
     95: string;
@@ -61,6 +63,7 @@ export declare const earth: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const energyRed: {
     95: string;
@@ -82,6 +85,7 @@ export declare const energyRed: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const landGreen: {
     95: string;
@@ -103,6 +107,7 @@ export declare const landGreen: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const seaBlue: {
     95: string;
@@ -124,6 +129,7 @@ export declare const seaBlue: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const sandstone: {
     95: string;
@@ -145,6 +151,7 @@ export declare const sandstone: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const skyBlue: {
     97: string;
@@ -166,6 +173,10 @@ export declare const skyBlue: {
     15: string;
     10: string;
     5: string;
+    main: string;
+    active: string;
+    hover: string;
+    selected: string;
 };
 export declare const sunflower: {
     95: string;
@@ -187,6 +198,7 @@ export declare const sunflower: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const terracotta: {
     95: string;
@@ -208,6 +220,7 @@ export declare const terracotta: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const warmGrey: {
     95: string;
@@ -229,6 +242,7 @@ export declare const warmGrey: {
     15: string;
     10: string;
     5: string;
+    main: string;
 };
 export declare const blue: {
     10: string;
@@ -399,6 +413,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     digiGreen: {
         95: string;
@@ -420,6 +435,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     earth: {
         95: string;
@@ -441,6 +457,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     energyRed: {
         95: string;
@@ -462,6 +479,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     focusColor: string;
     landGreen: {
@@ -484,6 +502,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     sandstone: {
         95: string;
@@ -505,6 +524,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     seaBlue: {
         95: string;
@@ -526,6 +546,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     skyBlue: {
         97: string;
@@ -547,6 +568,10 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
+        active: string;
+        hover: string;
+        selected: string;
     };
     sunflower: {
         95: string;
@@ -568,6 +593,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     terracotta: {
         95: string;
@@ -589,6 +615,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     warmGrey: {
         95: string;
@@ -610,6 +637,7 @@ declare const _default: {
         15: string;
         10: string;
         5: string;
+        main: string;
     };
     blue: {
         10: string;

package/dist/cjs/theme/foundations/colors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/colors.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,UAAU,4BAA4B,CAAA;AAEnD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;CAoBpB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;CAoBjB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAoBnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;CAoBnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;CAoBrB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;CAoBtB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;CAoBpB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWpB,CAAA;AAED,eAAO,MAAM,GAAG;;;;;;;;;;;CAWf,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,wBAgFC"}
+{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/colors.ts"],"names":[],"mappings":"AAsFA,eAAO,MAAM,UAAU,4BAA4B,CAAA;AAEnD,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;;;;;;;;;;;CAqBjB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;CAqBnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;;;;;;;;;;;;;;;;;;;;CAwBnB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;;;;;;;;;;;;;;;;;CAqBrB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;;;;;;CAqBtB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;CAqBpB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;;;;;;;CAWjB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,IAAI;;;;;;;;;;;CAWhB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;;;;;;CAWpB,CAAA;AAED,eAAO,MAAM,GAAG;;;;;;;;;;;CAWf,CAAA;AAED,eAAO,MAAM,MAAM;;;;;;;;;;;CAWlB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;CAIpB,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAED,wBAgFC"}

package/dist/cjs/theme/foundations/colors.js

@@ -106,7 +106,8 @@ exports.darkBlue = {
     18: 'hsl(223, 67%, 18%)',
     15: 'hsl(223, 67%, 15%)',
     10: 'hsl(223, 67%, 10%)',
-    5: 'hsl(223, 67%, 5%)'
+    5: 'hsl(223, 67%, 5%)',
+    main: 'hsl(223, 67%, 18%)'
 };
 exports.digiGreen = {
     95: 'hsl(139, 100%, 95%)',
@@ -127,7 +128,8 @@ exports.digiGreen = {
     20: 'hsl(139, 100%, 20%)',
     15: 'hsl(139, 100%, 15%)',
     10: 'hsl(139, 100%, 10%)',
-    5: 'hsl(139, 100%, 5%)'
+    5: 'hsl(139, 100%, 5%)',
+    main: 'hsl(139, 100%, 78%)'
 };
 exports.earth = {
     95: 'hsl(35, 53%, 95%)',
@@ -148,7 +150,8 @@ exports.earth = {
     20: 'hsl(35, 53%, 20%)',
     15: 'hsl(35, 53%, 15%)',
     10: 'hsl(35, 53%, 10%)',
-    5: 'hsl(35, 53%, 5%)'
+    5: 'hsl(35, 53%, 5%)',
+    main: 'hsl(35, 53%, 89%)'
 };
 exports.energyRed = {
     95: 'hsl(357, 83%, 95%)',
@@ -159,7 +162,7 @@ exports.energyRed = {
     70: 'hsl(357, 83%, 70%)',
     65: 'hsl(357, 83%, 65%)',
     60: 'hsl(357, 83%, 60%)',
-    54: 'hsl(357,83%, 54%)',
+    54: 'hsl(357, 83%, 54%)',
     50: 'hsl(357, 83%, 50%)',
     45: 'hsl(357, 83%, 45%)',
     40: 'hsl(357, 83%, 40%)',
@@ -169,7 +172,8 @@ exports.energyRed = {
     20: 'hsl(357, 83%, 20%)',
     15: 'hsl(357, 83%, 15%)',
     10: 'hsl(357, 83%, 10%)',
-    5: 'hsl(357, 83%, 5%)'
+    5: 'hsl(357, 83%, 5%)',
+    main: 'hsl(357, 83%, 54%)'
 };
 exports.landGreen = {
     95: 'hsl(114, 49%, 95%)',
@@ -190,7 +194,8 @@ exports.landGreen = {
     20: 'hsl(114, 49%, 20%)',
     15: 'hsl(114, 49%, 15%)',
     10: 'hsl(114, 49%, 10%)',
-    5: 'hsl(114, 49%, 5%)'
+    5: 'hsl(114, 49%, 5%)',
+    main: 'hsl(114, 49%, 41%)'
 };
 exports.seaBlue = {
     95: 'hsl(218, 100%, 95%)',
@@ -211,7 +216,8 @@ exports.seaBlue = {
     20: 'hsl(218, 100%, 20%)',
     15: 'hsl(218, 100%, 15%)',
     10: 'hsl(218, 100%, 10%)',
-    5: 'hsl(218, 100%, 5%)'
+    5: 'hsl(218, 100%, 5%)',
+    main: 'hsl(218, 100%, 28%)'
 };
 exports.sandstone = {
     95: 'hsl(40, 3%, 95%)',
@@ -232,7 +238,8 @@ exports.sandstone = {
     20: 'hsl(40, 3%, 20%)',
     15: 'hsl(40, 3%, 15%)',
     10: 'hsl(40, 3%, 10%)',
-    5: 'hsl(40, 3%, 5%)'
+    5: 'hsl(40, 3%, 5%)',
+    main: 'hsl(40, 3%, 79%)'
 };
 exports.skyBlue = {
     97: 'hsl(196, 74%, 97%)',
@@ -253,7 +260,11 @@ exports.skyBlue = {
     20: 'hsl(196, 74%, 20%)',
     15: 'hsl(196, 74%, 15%)',
     10: 'hsl(196, 74%, 10%)',
-    5: 'hsl(196, 74%, 5%)'
+    5: 'hsl(196, 74%, 5%)',
+    main: 'hsl(196, 74%, 77%)',
+    active: 'hsl(196, 74%, 95%)',
+    hover: 'hsl(196, 74%, 90%)',
+    selected: 'hsl(196, 74%, 95%)' // skyBlue.95
 };
 exports.sunflower = {
     95: 'hsl(55, 100%, 95%)',
@@ -274,7 +285,8 @@ exports.sunflower = {
     20: 'hsl(55, 100%, 20%)',
     15: 'hsl(55, 100%, 15%)',
     10: 'hsl(55, 100%, 10%)',
-    5: 'hsl(55, 100%, 5%)'
+    5: 'hsl(55, 100%, 5%)',
+    main: 'hsl(55, 100%, 73%)'
 };
 exports.terracotta = {
     95: 'hsl(34, 100%, 95%)',
@@ -295,7 +307,8 @@ exports.terracotta = {
     20: 'hsl(34, 100%, 20%)',
     15: 'hsl(34, 100%, 15%)',
     10: 'hsl(34, 100%, 10%)',
-    5: 'hsl(34, 100%, 5%)'
+    5: 'hsl(34, 100%, 5%)',
+    main: 'hsl(34, 100%, 35%)'
 };
 exports.warmGrey = {
     95: 'hsl(30, 8%, 95%)',
@@ -316,7 +329,8 @@ exports.warmGrey = {
     20: 'hsl(30, 8%, 20%)',
     15: 'hsl(30, 8%, 15%)',
     10: 'hsl(30, 8%, 10%)',
-    5: 'hsl(30, 8%, 5%)'
+    5: 'hsl(30, 8%, 5%)',
+    main: 'hsl(30, 8%, 56%)'
 };
 exports.blue = {
     10: '#f6fbff',
@@ -403,9 +417,9 @@ exports.yellow = {
     100: '#83591a'
 };
 exports.disabled = {
-    bg: exports.grey[10],
-    border: exports.grey[50],
-    color: exports.grey[50]
+    bg: exports.sandstone[95],
+    border: exports.sandstone[10],
+    color: exports.sandstone[10]
 };
 exports.default = {
     buttonTypePrimaryDefaultBorderColorDark,

package/dist/cjs/theme/foundations/fonts.d.ts

@@ -1,5 +1,6 @@
 declare const _default: {
     avenir: string;
+    dnvDisplay: string;
 };
 export default _default;
 //# sourceMappingURL=fonts.d.ts.map

package/dist/cjs/theme/foundations/fonts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":";;;AAAA,wBAEC"}
+{"version":3,"file":"fonts.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/fonts.ts"],"names":[],"mappings":";;;;AAAA,wBAGC"}

package/dist/cjs/theme/foundations/fonts.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.default = {
-    avenir: `'Avenir Next', Verdana, Geneva, Tahoma, sans-serif`
+    avenir: `'Avenir Next', Verdana, Geneva, Tahoma, sans-serif`,
+    dnvDisplay: `'DNV Display'`
 };

package/dist/cjs/theme/foundations/index.d.ts

@@ -91,6 +91,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         digiGreen: {
             95: string;
@@ -112,6 +113,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         earth: {
             95: string;
@@ -133,6 +135,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         energyRed: {
             95: string;
@@ -154,6 +157,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         focusColor: string;
         landGreen: {
@@ -176,6 +180,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         sandstone: {
             95: string;
@@ -197,6 +202,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         seaBlue: {
             95: string;
@@ -218,6 +224,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         skyBlue: {
             97: string;
@@ -239,6 +246,10 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
+            active: string;
+            hover: string;
+            selected: string;
         };
         sunflower: {
             95: string;
@@ -260,6 +271,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         terracotta: {
             95: string;
@@ -281,6 +293,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         warmGrey: {
             95: string;
@@ -302,6 +315,7 @@ declare const _default: {
             15: string;
             10: string;
             5: string;
+            main: string;
         };
         blue: {
             10: string;
@@ -401,6 +415,7 @@ declare const _default: {
     };
     fonts: {
         avenir: string;
+        dnvDisplay: string;
     };
     fontSizes: {
         xs: number;

package/dist/cjs/theme/foundations/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/theme/foundations/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqBA,wBAqBC"}

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

@@ -1 +1 @@
-{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,YAAY,MAAM,CAAA;;AA8B/B,wBAAkC"}
+{"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../../src/toast/toast.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,eAAO,MAAM,YAAY,MAAM,CAAA;;AA+B/B,wBAAkC"}

package/dist/cjs/toast/toast.js

@@ -12,9 +12,10 @@ exports.toasterWidth = 420;
 const Toaster = () => {
     var _a, _b, _c;
     const { toasts } = (0, core_1.useVuiContext)();
-    const padding = ((_a = toasts === null || toasts === void 0 ? void 0 : toasts.list) === null || _a === void 0 ? void 0 : _a.length) ? { md: '16px', sm: '4px', xs: '2px' } : 0;
+    const padding = { md: '16px', sm: '4px', xs: '2px' };
     const right = { md: '1rem', sm: 0, xs: 0 };
     const width = { md: exports.toasterWidth, sm: exports.toasterWidth, xs: '100%' };
-    return (react_1.default.createElement(box_1.Box, { bottom: "1rem", className: "vui-toaster", display: "block", maxW: width, minW: width, p: padding, position: "fixed", right: right, zIndex: theme_1.zIndices.toast }, (_c = (_b = toasts === null || toasts === void 0 ? void 0 : toasts.list) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (toast) => (react_1.default.createElement(core_1.v.div, { id: `toast_${toast.id}`, key: toast.id }, toast.component)))));
+    const bottom = ((_a = toasts === null || toasts === void 0 ? void 0 : toasts.list) === null || _a === void 0 ? void 0 : _a.length) ? '1rem' : '-2rem';
+    return (react_1.default.createElement(box_1.Box, { bottom: bottom, className: "vui-toaster", display: "block", maxW: width, minW: width, p: padding, position: "fixed", right: right, zIndex: theme_1.zIndices.toast }, (_c = (_b = toasts === null || toasts === void 0 ? void 0 : toasts.list) === null || _b === void 0 ? void 0 : _b.map) === null || _c === void 0 ? void 0 : _c.call(_b, (toast) => (react_1.default.createElement(core_1.v.div, { id: `toast_${toast.id}`, key: toast.id }, toast.component)))));
 };
 exports.default = react_1.default.memo(Toaster);

package/dist/cjs/tooltip/{tooltip.setup.d.ts → consts.d.ts}

@@ -1,5 +1,7 @@
 export declare const pointerSize = 12;
-export declare const color = "prussian.80";
+export declare const bg = "darkBlue.18";
+export declare const borderRaduis = 1;
+export declare const boxShadow = 2;
 export declare const pointerPlacement: {
     top: {
         top: string;
@@ -30,4 +32,4 @@ export declare const pointerPlacement: {
         translate: string;
     };
 };
-//# sourceMappingURL=tooltip.setup.d.ts.map
+//# sourceMappingURL=consts.d.ts.map

package/dist/cjs/tooltip/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tooltip/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,WAAW,KAAK,CAAA;AAE7B,eAAO,MAAM,EAAE,gBAAgB,CAAA;AAE/B,eAAO,MAAM,YAAY,IAAI,CAAA;AAE7B,eAAO,MAAM,SAAS,IAAI,CAAA;AAE1B,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6B5B,CAAA"}

package/dist/cjs/tooltip/{tooltip.setup.js → consts.js}

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.pointerPlacement = exports.color = exports.pointerSize = void 0;
+exports.pointerPlacement = exports.boxShadow = exports.borderRaduis = exports.bg = exports.pointerSize = void 0;
 exports.pointerSize = 12;
-exports.color = 'prussian.80';
+exports.bg = 'darkBlue.18';
+exports.borderRaduis = 1;
+exports.boxShadow = 2;
 exports.pointerPlacement = {
     top: {
         top: 'auto',

package/dist/cjs/tooltip/tooltip.js

@@ -9,7 +9,7 @@ const react_2 = __importDefault(require("react"));
 const box_1 = __importDefault(require("../box"));
 const core_1 = require("../core");
 const link_1 = require("../link");
-const tooltip_setup_1 = require("./tooltip.setup");
+const consts_1 = require("./consts");
 const tooltipContent_1 = require("./tooltipContent");
 /**
  * A simple text popup hint.
@@ -21,7 +21,7 @@ const Tooltip = (props) => {
     const { children, fontSize = '16px', linkText, linkProps, maxWidth = '400px', text = 'Tooltip', placement = 'top' } = props;
     const isDesktop = (0, core_1.useUp)('md');
     return (react_2.default.createElement(react_1.default, { content: react_2.default.createElement(tooltipContent_1.TooltipContent, { fontSize: fontSize, maxWidth: maxWidth },
-            isDesktop && (react_2.default.createElement(box_1.default, { bg: tooltip_setup_1.color, bottom: tooltip_setup_1.pointerPlacement[placement].bottom, h: `${tooltip_setup_1.pointerSize}px`, left: tooltip_setup_1.pointerPlacement[placement].left, position: "absolute", right: tooltip_setup_1.pointerPlacement[placement].right, top: tooltip_setup_1.pointerPlacement[placement].top, transform: `translate(${tooltip_setup_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${tooltip_setup_1.pointerSize}px` })),
+            isDesktop && (react_2.default.createElement(box_1.default, { bg: consts_1.bg, bottom: consts_1.pointerPlacement[placement].bottom, h: `${consts_1.pointerSize}px`, left: consts_1.pointerPlacement[placement].left, position: "absolute", right: consts_1.pointerPlacement[placement].right, top: consts_1.pointerPlacement[placement].top, transform: `translate(${consts_1.pointerPlacement[placement].translate}) rotate(45deg)`, w: `${consts_1.pointerSize}px` })),
             react_2.default.createElement(core_1.v.div, null,
                 text,
                 !!linkText && (react_2.default.createElement(react_2.default.Fragment, null,

package/dist/cjs/tooltip/tooltipContent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc,qCAAyD,YAAY,gBAgB/F,CAAA"}
+{"version":3,"file":"tooltipContent.d.ts","sourceRoot":"","sources":["../../../src/tooltip/tooltipContent.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,cAAc,qCAAyD,YAAY,gBAiB/F,CAAA"}

package/dist/cjs/tooltip/tooltipContent.js

@@ -6,6 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.TooltipContent = void 0;
 const react_1 = __importDefault(require("react"));
 const box_1 = __importDefault(require("../box"));
-const tooltip_setup_1 = require("./tooltip.setup");
-const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (react_1.default.createElement(box_1.default, { bg: tooltip_setup_1.color, boxShadow: "2", className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
+const consts_1 = require("./consts");
+const TooltipContent = ({ children, fontSize = '16px', maxWidth = '400px' }) => (react_1.default.createElement(box_1.default, { bg: consts_1.bg, borderRadius: consts_1.borderRaduis, boxShadow: consts_1.boxShadow, className: "vui-tooltip-content", color: "white", fontSize: fontSize, m: 1, maxW: maxWidth, overflowY: "auto", p: 1, pl: 2, pr: 2 }, children));
 exports.TooltipContent = TooltipContent;

package/dist/esm/avatar/avatar.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAG5C,eAAO,MAAM,UAAU,gIActB,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,MAAM,qDAkDjB,CAAA;AAEF,eAAe,MAAM,CAAA"}
+{"version":3,"file":"avatar.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAY5C,eAAO,MAAM,UAAU,gIAoBtB,CAAA;AAED,kEAAkE;AAClE,eAAO,MAAM,MAAM,qDA8DjB,CAAA;AAEF,eAAe,MAAM,CAAA"}

package/dist/esm/avatar/avatar.js

@@ -2,8 +2,14 @@ import React from 'react';
 import { omitThemingProps, styled, useStyleConfig, vui } from '../core';
 import Icon from '../icon';
 import Image from '../image';
-import { cs } from '../utils';
+import { cs, filterUndefined } from '../utils';
 import { defaultGetInitials } from './helpers';
+function imageExists(image_url) {
+    const http = new XMLHttpRequest();
+    http.open('HEAD', image_url, false);
+    http.send();
+    return http.status !== 404;
+}
 export const AvatarBase = styled.spanBox `
   align-items: center;
   display: inline-flex;
@@ -18,23 +24,36 @@ export const AvatarBase = styled.spanBox `
   &:focus {
     border-color: transparent;
   }
+
+  &[aria-disabled='true'] {
+    opacity: 0.5;
+    cursor: not-allowed;
+    user-select: none;
+  }
 `;
 /** Displays user data, such as name initials or profile image. */
 export const Avatar = vui((props, ref) => {
-    const { children, className, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src, ...rest } = omitThemingProps(props);
+    const { children, className, disabled, getInitials = defaultGetInitials, icon, isInteractive = props.onClick !== undefined, isSquare, name = '', src, ...rest } = omitThemingProps(props);
     const { activeBg, h, hoverBg, iconSize, ...styles } = useStyleConfig('Avatar', props);
-    const borderRadius = isSquare ? 'none' : '50%';
+    const borderRadius = isSquare ? (props.size === 'sm' ? '3px' : '6px') : '50%';
     const initials = getInitials(name);
-    const interactiveProps = isInteractive
+    const internalIcon = src && !imageExists(src) ? 'falUser' : icon;
+    const interactiveProps = !disabled && isInteractive
         ? {
             cursor: 'pointer',
             hoverBg,
+            hoverOpacity: src ? 0.85 : 1,
+            activeOpacity: src ? 0.7 : 1,
             activeBg,
             focusRing: 3,
             tabIndex: 0,
             userSelect: 'none'
         }
         : {};
-    return (React.createElement(AvatarBase, { borderRadius: borderRadius, className: cs('vui-avatar', className), h: h, ref: ref, w: h, ...styles, ...interactiveProps, ...rest }, children ? (children) : src ? (React.createElement(Image, { ...{ borderRadius, src } })) : icon ? (React.createElement(Icon, { name: icon, size: iconSize })) : initials ? (initials) : null));
+    const aliasedProps = filterUndefined({
+        borderRadius: borderRadius,
+        'aria-disabled': disabled
+    });
+    return (React.createElement(AvatarBase, { borderRadius: borderRadius, className: cs('vui-avatar', className), h: h, ref: ref, w: h, ...styles, ...interactiveProps, ...aliasedProps, ...rest }, children ? (children) : src && imageExists(src) ? (React.createElement(Image, { ...{ borderRadius, src } })) : internalIcon ? (React.createElement(Icon, { name: internalIcon, size: iconSize })) : initials ? (initials) : null));
 });
 export default Avatar;

package/dist/esm/avatar/avatar.types.d.ts

@@ -2,8 +2,10 @@ import { IconProp } from '../icon';
 import { SystemProps } from '../system';
 import { ThemingProps } from '../theme';
 export declare type AvatarProps = SystemProps & ThemingProps<'Avatar'> & {
-    /** Available theme colors for this component. @default blue */
+    /** Available theme colors for this component. @deprecated */
     colorScheme?: 'blue' | 'green' | 'grey' | 'prussian' | 'red' | 'yellow';
+    /** Displays avatar in disabled state with appropriate styling. */
+    disabled?: boolean;
     /** Custom function to compute initials based on the provided name. */
     getInitials?: (name: string) => string;
     /** Renders an icon as the only content. */

package/dist/esm/avatar/avatar.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}
+{"version":3,"file":"avatar.types.d.ts","sourceRoot":"","sources":["../../../src/avatar/avatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,WAAW,GAAG,WAAW,GACnC,YAAY,CAAC,QAAQ,CAAC,GAAG;IACvB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,MAAM,GAAG,UAAU,GAAG,KAAK,GAAG,QAAQ,CAAA;IACvE,kEAAkE;IAClE,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,sEAAsE;IACtE,WAAW,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,MAAM,CAAA;IACtC,2CAA2C;IAC3C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,iEAAiE;IACjE,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,qDAAqD;IACrD,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,mDAAmD;IACnD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA"}