@veracity/vui 2.3.0 → 2.4.0

package/dist/cjs/link/theme.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 function variantDefault() {
     const container = {
-        color: `seaBlue.28`,
-        hoverColor: `seaBlue.28`
+        color: `seaBlue.main`,
+        hoverColor: `seaBlue.main`
     };
     return { container };
 }
@@ -16,8 +16,8 @@ function variantWhite() {
 }
 function variantLight() {
     const container = {
-        color: `seaBlue.28`,
-        hoverColor: `seaBlue.28`
+        color: `seaBlue.main`,
+        hoverColor: `seaBlue.main`
     };
     return { container };
 }

package/dist/cjs/list/listItem.js

@@ -54,8 +54,8 @@ exports.ListItemBase = core_1.styled.liBox `
   transition-duration: fast;
 
   &[aria-disabled='true'] {
-    background-color: sandstone.95;
-    color: sandstone.10;
+    background-color: disabled.bg;
+    color: disabled.color;
     cursor: not-allowed;
     user-select: none;
   }

package/dist/cjs/message/consts.js

@@ -14,7 +14,7 @@ exports.spacingDictionary = {
     xl: 10
 };
 exports.messageColors = {
-    info: 'seaBlue.28',
+    info: 'seaBlue.main',
     warning: 'terracotta.30',
     error: 'energyRed.45',
     success: 'landGreen.35'

package/dist/cjs/notification/theme.js

@@ -10,8 +10,8 @@ const variants = {
     subtleBlue: {
         container: {
             bg: 'skyBlue.95',
-            borderColor: 'seaBlue.28',
-            color: 'seaBlue.28'
+            borderColor: 'seaBlue.main',
+            color: 'seaBlue.main'
         },
         button: {
             borderColor: 'transparent'

package/dist/cjs/pagination/theme.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 const base = {
     bg: 'transparent',
     border: 'none',
-    color: 'darkBlue.18'
+    color: 'darkBlue.main'
 };
 const baseStyle = {
-    button: Object.assign(Object.assign({}, base), { color: 'seaBlue.28', hoverBg: 'skyBlue.80', minW: 24 }),
+    button: Object.assign(Object.assign({}, base), { color: 'seaBlue.main', hoverBg: 'skyBlue.main', minW: 24 }),
     ellipsis: Object.assign({}, base),
     goToPage: Object.assign({}, base),
     prevNext: Object.assign({}, base),

package/dist/cjs/progress/progress.js

@@ -54,6 +54,6 @@ exports.Progress = (0, core_1.vui)((props, ref) => {
         setWidth(w > 100 ? 100 : w);
     }, [value, max]);
     return (react_1.default.createElement(exports.ProgressBase, Object.assign({ className: (0, utils_1.cs)('vui-progress', className), ref: ref }, styles.container, rest, { bg: "grey.10", borderRadius: "sm", h: 1 }),
-        react_1.default.createElement(box_1.Box, { bg: "seaBlue.28", borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
+        react_1.default.createElement(box_1.Box, { bg: "seaBlue.main", borderRadius: "sm", position: "relative", textAlign: "right", transition: "width 0.4s ease-in-out;", w: `${width}%` }, showPercentage && value >= minPercentageDisplay && (react_1.default.createElement(box_1.Box, Object.assign({}, styles.percentage, { position: "absolute", right: "0" }), `${width}%`)))));
 });
 exports.default = exports.Progress;

package/dist/cjs/select/selectButton.js

@@ -56,12 +56,12 @@ exports.SelectButton = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Select', (0, context_1.useSelectContext)());
     const text = valueText || placeholder;
     const textColor = disabled ? 'sandstone.10' : !valueText ? 'sandstone.10' : undefined;
-    const iconColor = disabled ? 'sandstone.10' : 'seaBlue.28';
+    const iconColor = disabled ? 'sandstone.10' : 'seaBlue.main';
     const readOnlyProps = readOnly
         ? {
             activeBg: 'sandstone.95',
             bg: 'sandstone.95',
-            color: 'seaBlue.28',
+            color: 'seaBlue.main',
             cursor: 'auto',
             disabled: true,
             hoverBg: 'sandstone.95',

package/dist/cjs/select/selectOption.js

@@ -47,7 +47,7 @@ exports.SelectOption = (0, core_1.vui)((props, ref) => {
         onChange === null || onChange === void 0 ? void 0 : onChange(clonedEvent);
         !isMultiple && (instance === null || instance === void 0 ? void 0 : instance.hide());
     });
-    return (react_1.default.createElement(list_1.ListItem, Object.assign({ activeBg: "skyBlue.95", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.90", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.95", title: title, value: valueProp }, styles.item, rest, utils_1.ellipsisOverflow), children !== null && children !== void 0 ? children : (isMultiple && (react_1.default.createElement(react_1.default.Fragment, null,
+    return (react_1.default.createElement(list_1.ListItem, Object.assign({ activeBg: "skyBlue.active", className: (0, utils_1.cs)('vui-selectOption', className), disabled: disabled, hoverBg: "skyBlue.hover", isInteractive: true, isSelected: isSelected, onClick: onClick, ref: ref, selectedBg: "skyBlue.selected", title: title, value: valueProp }, styles.item, rest, utils_1.ellipsisOverflow), children !== null && children !== void 0 ? children : (isMultiple && (react_1.default.createElement(react_1.default.Fragment, null,
         react_1.default.createElement(checkbox_1.Checkbox, { checked: isSelected, disabled: disabled, mr: 1 }),
         react_1.default.createElement(list_1.List.Text, null, props.text))))));
 });

package/dist/cjs/spinner/theme.js

@@ -54,10 +54,10 @@ const variants = {
     lightBackground: {
         circle: {
             borderColor: 'seaBlue.80',
-            borderTopColor: 'seaBlue.28'
+            borderTopColor: 'seaBlue.main'
         },
         text: {
-            color: 'seaBlue.28'
+            color: 'seaBlue.main'
         }
     },
     darkBackground: {

package/dist/cjs/table/tableSortIcon.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tableSortIcon.d.ts","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,qEAAqE;AACrE,eAAO,MAAM,aAAa,2DAoBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"tableSortIcon.d.ts","sourceRoot":"","sources":["../../../src/table/tableSortIcon.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AAElD,qEAAqE;AACrE,eAAO,MAAM,aAAa,2DAkBxB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/cjs/table/tableSortIcon.js

@@ -24,9 +24,8 @@ const context_1 = require("./context");
 exports.TableSortIcon = (0, core_1.vui)((props, ref) => {
     const { className, order } = props, rest = __rest(props, ["className", "order"]);
     const styles = (0, core_1.useStyleConfig)('Table', (0, context_1.useTableContext)());
-    // Rotating 1 icon is works better than switching multiple
     const rotate = order === 'asc' ? 180 : 0;
-    const pathFill = order !== undefined ? ['blue.80', 'grey.40'] : 'grey.40';
+    const pathFill = order !== undefined ? ['seaBlue.main', 'sandstone.main'] : 'sandstone.main';
     return (react_1.default.createElement(icon_1.Icon, Object.assign({ className: (0, utils_1.cs)('vui-tableSortIcon', className), name: "fadSortUp", pathFill: pathFill, ref: ref, rotate: rotate, size: "xs" }, styles.tableSortIcon, rest)));
 });
 exports.default = exports.TableSortIcon;

package/dist/cjs/table/tbody.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["../../../src/table/tbody.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,iIAkBrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAiBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"tbody.d.ts","sourceRoot":"","sources":["../../../src/table/tbody.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,SAAS,iIAsBrB,CAAA;AAED,0DAA0D;AAC1D,eAAO,MAAM,KAAK,mEAiBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/cjs/table/tbody.js

@@ -24,15 +24,19 @@ const tr_1 = __importDefault(require("./tr"));
 exports.TbodyBase = core_1.styled.tbodyBox `
   tr {
     :hover td {
-      background-color: grey.20;
+      background-color: skyBlue.hover;
     }
 
     &[data-selected='true']:hover td {
-      background-color: blue.20;
+      background-color: skyBlue.hover;
+    }
+
+    &[data-selected='true'] td {
+      border-bottom-color: sandstone.main;
     }
 
     &[data-variant='striped'][data-selected='false']:nth-of-type(odd):not(:hover) td {
-      background-color: grey.10;
+      background-color: sandstone.95;
     }
 
     &[data-variant='basic']:hover td {

package/dist/cjs/table/th.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA6Db,CAAA;AAEF,eAAe,EAAE,CAAA"}
+{"version":3,"file":"th.d.ts","sourceRoot":"","sources":["../../../src/table/th.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAGvC,eAAO,MAAM,MAAM,8HAIlB,CAAA;AAED,oDAAoD;AACpD,eAAO,MAAM,EAAE,+CA8Db,CAAA;AAEF,eAAe,EAAE,CAAA"}

package/dist/cjs/table/th.js

@@ -41,8 +41,9 @@ exports.Th = (0, core_1.vui)((props, ref) => {
     const isActive = !disabled && (sort === null || sort === void 0 ? void 0 : sort.key) === field;
     const sortOrder = isActive ? sort.order : undefined;
     const isInteractive = isInteractiveProp !== null && isInteractiveProp !== void 0 ? isInteractiveProp : onClick !== undefined;
-    const activeProps = isActive ? { bg: 'blue.10' } : {};
+    const activeProps = isActive ? { bg: 'skyBlue.active' } : {};
     const disabledProps = disabled ? { bg: 'disabled.bg', color: 'disabled.color', cursor: 'not-allowed' } : {};
+    const hoverBg = isSortable ? 'skyBlue.hover' : undefined;
     const interactiveProps = !disabled && isInteractive
         ? {
             cursor: 'pointer',
@@ -51,7 +52,7 @@ exports.Th = (0, core_1.vui)((props, ref) => {
             userSelect: 'none'
         }
         : {};
-    return (react_1.default.createElement(exports.ThBase, Object.assign({ className: (0, utils_1.cs)('vui-th', className), "data-active": isActive, "data-disabled": disabled, px: 2, ref: ref }, styles.th, activeProps, disabledProps, interactiveProps, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(box_1.default, { centerV: true, display: "inline-flex" },
+    return (react_1.default.createElement(exports.ThBase, Object.assign({ className: (0, utils_1.cs)('vui-th', className), "data-active": isActive, "data-disabled": disabled, hoverBg: hoverBg, px: 2, ref: ref }, styles.th, activeProps, disabledProps, interactiveProps, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(box_1.default, { centerV: true, display: "inline-flex" },
         title,
         isSortable && react_1.default.createElement(tableSortIcon_1.default, { ml: 1, my: 0.5, order: sortOrder })))));
 });

package/dist/cjs/table/thead.d.ts

@@ -1,5 +1,4 @@
 import { TheadProps } from './table.types';
-export declare const TheadBase: import("styled-components").StyledComponent<"thead", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
 /** Displays Table head with support for columns and sticky. */
 export declare const Thead: import("../core").VuiComponent<"thead", TheadProps>;
 export default Thead;

package/dist/cjs/table/thead.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,eAAO,MAAM,SAAS,iIAQrB,CAAA;AAED,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDAyBhB,CAAA;AAEF,eAAe,KAAK,CAAA"}
+{"version":3,"file":"thead.d.ts","sourceRoot":"","sources":["../../../src/table/thead.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAA;AAI1C,+DAA+D;AAC/D,eAAO,MAAM,KAAK,qDA+BhB,CAAA;AAEF,eAAe,KAAK,CAAA"}

package/dist/cjs/table/thead.js

@@ -14,22 +14,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Thead = exports.TheadBase = void 0;
+exports.Thead = void 0;
 const react_1 = __importDefault(require("react"));
 const core_1 = require("../core");
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 const th_1 = __importDefault(require("./th"));
 const tr_1 = __importDefault(require("./tr"));
-exports.TheadBase = core_1.styled.theadBox `
-  tr:not(:last-of-type) th {
-    border-bottom: 1px solid grey.20;
-  }
-
-  tr:last-of-type th {
-    border-bottom: 1px solid grey.40;
-  }
-`;
 /** Displays Table head with support for columns and sticky. */
 exports.Thead = (0, core_1.vui)((props, ref) => {
     var _a;
@@ -44,6 +35,11 @@ exports.Thead = (0, core_1.vui)((props, ref) => {
             zIndex: 3
         }
         : {};
-    return (react_1.default.createElement(exports.TheadBase, Object.assign({ className: (0, utils_1.cs)('vui-thead', className), ref: ref }, stickyProps, styles.thead, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(tr_1.default, null, columns === null || columns === void 0 ? void 0 : columns.map(column => (react_1.default.createElement(th_1.default, Object.assign({ key: column.field }, column))))))));
+    const TheadBase = core_1.styled.theadBox `
+    tr th {
+      border-bottom: ${rest.borderBottom || '1px solid sandstone.main'};
+    }
+  `;
+    return (react_1.default.createElement(TheadBase, Object.assign({ className: (0, utils_1.cs)('vui-thead', className), ref: ref }, stickyProps, styles.thead, rest), children !== null && children !== void 0 ? children : (react_1.default.createElement(tr_1.default, null, columns === null || columns === void 0 ? void 0 : columns.map(column => (react_1.default.createElement(th_1.default, Object.assign({ key: column.field }, column))))))));
 });
 exports.default = exports.Thead;

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

@@ -1,5 +1,11 @@
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        th: {
+            fontSize: number;
+            fontWeight: number;
+            color: string;
+        };
+    };
     defaultProps: {
         size: string;
         variant: string;

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

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

package/dist/cjs/table/theme.js

@@ -1,6 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
+const baseStyle = {
+    th: {
+        fontSize: 14,
+        fontWeight: 500,
+        color: 'darkBlue.main'
+    }
+};
 const defaultProps = {
     size: 'lg',
     variant: 'bordered'
@@ -26,13 +32,13 @@ const sizes = {
 const variants = {
     bordered: {
         td: {
-            borderBottom: '1px solid grey.20'
+            borderBottom: '1px solid sandstone.90'
         }
     },
     striped: {},
     basic: {
         td: {
-            borderBottom: '1px solid grey.20'
+            borderBottom: '1px solid sandstone.90'
         }
     }
 };

package/dist/cjs/table/tr.js

@@ -28,7 +28,7 @@ exports.Tr = (0, core_1.vui)((props, ref) => {
     const { className, isSelected } = props, rest = __rest(props, ["className", "isSelected"]);
     const { variant } = (_a = (0, context_1.useTableContext)()) !== null && _a !== void 0 ? _a : {};
     const styles = (0, core_1.useStyleConfig)('Table', (0, context_1.useTableContext)());
-    const selectedProps = isSelected ? { bg: 'blue.10' } : {};
+    const selectedProps = isSelected ? { bg: 'skyBlue.selected' } : {};
     return (react_1.default.createElement(exports.TrBase, Object.assign({ className: (0, utils_1.cs)('vui-tr', className), "data-selected": Boolean(isSelected), "data-variant": variant, ref: ref }, styles.tr, selectedProps, rest)));
 });
 exports.default = exports.Tr;

package/dist/cjs/tabs/tabsNavBar.js

@@ -28,10 +28,10 @@ exports.TabsNavBar = (0, core_1.vui)((props, ref) => {
     const borderWidth = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.borderWidth;
     const py = sizes[size !== null && size !== void 0 ? size : 'md'].tabsNavBar.py;
     const iconMarginRight = size === 'xxl' ? '16px' : '8px';
-    return (react_1.default.createElement(list_1.List, { borderBottom: showBorder ? '1px solid sandstone.79' : 'none', className: (0, utils_1.cs)('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1 }, (_b = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _b === void 0 ? void 0 : _b.call(tabs, tab => (react_1.default.createElement(list_1.ListItem, { activeBg: "skyBlue.90", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab === null || tab === void 0 ? void 0 : tab.id}`, color: "seaBlue.28", disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, h: h, hoverBg: "skyBlue.85", key: tab.id, onClick: () => onNavItemClick === null || onNavItemClick === void 0 ? void 0 : onNavItemClick(tab.id || 0), position: "relative", px: "16px", py: py },
+    return (react_1.default.createElement(list_1.List, { borderBottom: showBorder ? '1px solid sandstone.79' : 'none', className: (0, utils_1.cs)('vui-tabsNavBar'), display: "flex", isInteractive: true, mb: "20px", ref: ref, w: 1 }, (_b = tabs === null || tabs === void 0 ? void 0 : tabs.map) === null || _b === void 0 ? void 0 : _b.call(tabs, tab => (react_1.default.createElement(list_1.ListItem, { activeBg: "skyBlue.90", className: `vui-tabsNavBarItem vui-tabsNavBarItem-${tab === null || tab === void 0 ? void 0 : tab.id}`, color: "seaBlue.main", disabled: tab.disabled, display: "inline-flex", fontSize: fontSize, h: h, hoverBg: "skyBlue.85", key: tab.id, onClick: () => onNavItemClick === null || onNavItemClick === void 0 ? void 0 : onNavItemClick(tab.id || 0), position: "relative", px: "16px", py: py },
         react_1.default.createElement(box_1.default, { alignItems: "center" },
             !!tab.icon && react_1.default.createElement(icon_1.Icon, { mr: iconMarginRight, name: tab.icon, size: iconSize }),
             tab.title),
-        !tab.disabled && tab.id === activeNavItem && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: "seaBlue.28", bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
+        !tab.disabled && tab.id === activeNavItem && (react_1.default.createElement(box_1.default, { animation: animationDirection, bg: "seaBlue.main", bottom: "-1px", h: borderWidth, left: 0, position: "absolute", w: 1 }, "\u00A0")))))));
 });
 exports.default = exports.TabsNavBar;

package/dist/cjs/tag/theme.js

@@ -85,14 +85,14 @@ const variants = {
             hoverBg: 'skyBlue.90',
             activeBg: 'skyBlue.85',
             borderColor: 'skyBlue.95',
-            color: 'seaBlue.28'
+            color: 'seaBlue.main'
         },
         button: {
             bg: 'transparent',
             hoverBg: 'skyBlue.90',
             activeBg: 'skyBlue.85',
             hoverBorderColor: 'transparent',
-            color: 'seaBlue.28'
+            color: 'seaBlue.main'
         }
     },
     subtleRed: {
@@ -146,10 +146,10 @@ const variants = {
     /** solids next */
     solidBlue: {
         container: {
-            bg: 'seaBlue.28',
+            bg: 'seaBlue.main',
             hoverBg: 'seaBlue.35',
             activeBg: 'seaBlue.40',
-            borderColor: 'seaBlue.28',
+            borderColor: 'seaBlue.main',
             color: 'white'
         },
         button: {

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

@@ -1670,7 +1670,13 @@ declare const _default: {
         };
     };
     Table: {
-        baseStyle: {};
+        baseStyle: {
+            th: {
+                fontSize: number;
+                fontWeight: number;
+                color: string;
+            };
+        };
         defaultProps: {
             size: string;
             variant: string;

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

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,wBA0CC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA0CA,wBA0CC"}

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

@@ -247,6 +247,9 @@ declare const defaultTheme: {
             10: string;
             5: string;
             main: string;
+            active: string;
+            hover: string;
+            selected: string;
         };
         sunflower: {
             95: string;
@@ -412,6 +415,7 @@ declare const defaultTheme: {
     };
     fonts: {
         avenir: string;
+        dnvDisplay: string;
     };
     fontSizes: {
         xs: number;
@@ -2169,7 +2173,13 @@ declare const defaultTheme: {
             };
         };
         Table: {
-            baseStyle: {};
+            baseStyle: {
+                th: {
+                    fontSize: number;
+                    fontWeight: number;
+                    color: string;
+                };
+            };
             defaultProps: {
                 size: string;
                 variant: string;

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

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}
+{"version":3,"file":"defaultTheme.d.ts","sourceRoot":"","sources":["../../../src/theme/defaultTheme.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAGjB,CAAA;AAED,eAAe,YAAY,CAAA"}

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

@@ -174,6 +174,9 @@ export declare const skyBlue: {
     10: string;
     5: string;
     main: string;
+    active: string;
+    hover: string;
+    selected: string;
 };
 export declare const sunflower: {
     95: string;
@@ -566,6 +569,9 @@ declare const _default: {
         10: string;
         5: string;
         main: string;
+        active: string;
+        hover: string;
+        selected: string;
     };
     sunflower: {
         95: 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;;;;;;;;;;;;;;;;;;;;;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;;;;;;;;;;;;;;;;;;;;;CAqBnB,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"}
+{"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

@@ -162,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%)',
@@ -261,7 +261,10 @@ exports.skyBlue = {
     15: 'hsl(196, 74%, 15%)',
     10: 'hsl(196, 74%, 10%)',
     5: 'hsl(196, 74%, 5%)',
-    main: 'hsl(196, 74%, 77%)'
+    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%)',
@@ -414,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

@@ -247,6 +247,9 @@ declare const _default: {
             10: string;
             5: string;
             main: string;
+            active: string;
+            hover: string;
+            selected: string;
         };
         sunflower: {
             95: string;
@@ -412,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/esm/avatar/theme.js

@@ -41,10 +41,10 @@ const variants = {
     },
     subtleBlue: {
         bg: 'skyBlue.95',
-        hoverBg: 'skyBlue.90',
+        hoverBg: 'skyBlue.hover',
         activeBg: 'skyBlue.85',
         borderColor: 'skyBlue.95',
-        color: 'seaBlue.28'
+        color: 'seaBlue.main'
     },
     subtleRed: {
         bg: 'energyRed.95',
@@ -90,10 +90,10 @@ const variants = {
     },
     /** solids next */
     solidBlue: {
-        bg: 'seaBlue.28',
+        bg: 'seaBlue.main',
         hoverBg: 'seaBlue.35',
         activeBg: 'seaBlue.40',
-        borderColor: 'seaBlue.28',
+        borderColor: 'seaBlue.main',
         color: 'white'
     },
     solidDarkBlue: {

package/dist/esm/badge/theme.js

@@ -65,7 +65,7 @@ const variants = {
     subtleBlue: {
         container: {
             bg: 'skyBlue.95',
-            color: 'seaBlue.28'
+            color: 'seaBlue.main'
         }
     },
     subtleBlue2: {