@veracity/vui 2.3.0 → 2.4.0

package/dist/esm/table/tbody.js

@@ -7,15 +7,19 @@ import Tr from './tr';
 export const TbodyBase = 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/esm/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/esm/table/th.js

@@ -23,8 +23,9 @@ export const Th = vui((props, ref) => {
     const isActive = !disabled && sort?.key === field;
     const sortOrder = isActive ? sort.order : undefined;
     const isInteractive = 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',
@@ -33,7 +34,7 @@ export const Th = vui((props, ref) => {
             userSelect: 'none'
         }
         : {};
-    return (React.createElement(ThBase, { className: cs('vui-th', className), "data-active": isActive, "data-disabled": disabled, px: 2, ref: ref, ...styles.th, ...activeProps, ...disabledProps, ...interactiveProps, ...rest }, children ?? (React.createElement(Box, { centerV: true, display: "inline-flex" },
+    return (React.createElement(ThBase, { className: cs('vui-th', className), "data-active": isActive, "data-disabled": disabled, hoverBg: hoverBg, px: 2, ref: ref, ...styles.th, ...activeProps, ...disabledProps, ...interactiveProps, ...rest }, children ?? (React.createElement(Box, { centerV: true, display: "inline-flex" },
         title,
         isSortable && React.createElement(TableSortIcon, { ml: 1, my: 0.5, order: sortOrder })))));
 });

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

@@ -4,15 +4,6 @@ import { cs } from '../utils';
 import { useTableContext } from './context';
 import Th from './th';
 import Tr from './tr';
-export const TheadBase = 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. */
 export const Thead = vui((props, ref) => {
     const { children, className, ...rest } = props;
@@ -26,6 +17,11 @@ export const Thead = vui((props, ref) => {
             zIndex: 3
         }
         : {};
+    const TheadBase = styled.theadBox `
+    tr th {
+      border-bottom: ${rest.borderBottom || '1px solid sandstone.main'};
+    }
+  `;
     return (React.createElement(TheadBase, { className: cs('vui-thead', className), ref: ref, ...stickyProps, ...styles.thead, ...rest }, children ?? (React.createElement(Tr, null, columns?.map(column => (React.createElement(Th, { key: column.field, ...column })))))));
 });
 export default Thead;

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

@@ -1,4 +1,10 @@
-const baseStyle = {};
+const baseStyle = {
+    th: {
+        fontSize: 14,
+        fontWeight: 500,
+        color: 'darkBlue.main'
+    }
+};
 const defaultProps = {
     size: 'lg',
     variant: 'bordered'
@@ -24,13 +30,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/esm/table/tr.js

@@ -10,7 +10,7 @@ export const Tr = vui((props, ref) => {
     const { className, isSelected, ...rest } = props;
     const { variant } = useTableContext() ?? {};
     const styles = useStyleConfig('Table', useTableContext());
-    const selectedProps = isSelected ? { bg: 'blue.10' } : {};
+    const selectedProps = isSelected ? { bg: 'skyBlue.selected' } : {};
     return (React.createElement(TrBase, { className: cs('vui-tr', className), "data-selected": Boolean(isSelected), "data-variant": variant, ref: ref, ...styles.tr, ...selectedProps, ...rest }));
 });
 export default Tr;

package/dist/esm/tabs/tabsNavBar.js

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

package/dist/esm/tag/theme.js

@@ -83,14 +83,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: {
@@ -144,10 +144,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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/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/esm/theme/foundations/colors.js

@@ -136,7 +136,7 @@ export const 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%)',
@@ -235,7 +235,10 @@ export const 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
 };
 export const sunflower = {
     95: 'hsl(55, 100%, 95%)',
@@ -388,9 +391,9 @@ export const yellow = {
     100: '#83591a'
 };
 export const disabled = {
-    bg: grey[10],
-    border: grey[50],
-    color: grey[50]
+    bg: sandstone[95],
+    border: sandstone[10],
+    color: sandstone[10]
 };
 export default {
     buttonTypePrimaryDefaultBorderColorDark,

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

@@ -1,3 +1,4 @@
 export default {
-    avenir: `'Avenir Next', Verdana, Geneva, Tahoma, sans-serif`
+    avenir: `'Avenir Next', Verdana, Geneva, Tahoma, sans-serif`,
+    dnvDisplay: `'DNV Display'`
 };

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

@@ -5,9 +5,10 @@ import { zIndices } from '../theme';
 export const toasterWidth = 420;
 const Toaster = () => {
     const { toasts } = useVuiContext();
-    const padding = toasts?.list?.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: toasterWidth, sm: toasterWidth, xs: '100%' };
-    return (React.createElement(Box, { bottom: "1rem", className: "vui-toaster", display: "block", maxW: width, minW: width, p: padding, position: "fixed", right: right, zIndex: zIndices.toast }, toasts?.list?.map?.((toast) => (React.createElement(v.div, { id: `toast_${toast.id}`, key: toast.id }, toast.component)))));
+    const bottom = toasts?.list?.length ? '1rem' : '-2rem';
+    return (React.createElement(Box, { bottom: bottom, className: "vui-toaster", display: "block", maxW: width, minW: width, p: padding, position: "fixed", right: right, zIndex: zIndices.toast }, toasts?.list?.map?.((toast) => (React.createElement(v.div, { id: `toast_${toast.id}`, key: toast.id }, toast.component)))));
 };
 export default React.memo(Toaster);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@veracity/vui",
-  "version": "2.3.0",
+  "version": "2.4.0",
   "description": "Veracity UI is a React component library crafted for use within Veracity applications and pages. Based on Styled Components and @xstyled.",
   "module": "./dist/esm/index.js",
   "main": "./dist/cjs/index.js",

package/src/avatar/theme.ts

@@ -44,10 +44,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',
@@ -94,10 +94,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/src/badge/theme.ts

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

package/src/button/theme.ts

@@ -145,8 +145,8 @@ const variants = {
 
   solidBlue: {
     container: {
-      bg: 'seaBlue.28',
-      borderColor: 'seaBlue.28',
+      bg: 'seaBlue.main',
+      borderColor: 'seaBlue.main',
       color: 'white',
       disabledBg: 'darkBlue.75',
       disabledBorderColor: 'darkBlue.75',
@@ -154,7 +154,7 @@ const variants = {
       // proper order next: hover, focus, active
       hoverBg: 'seaBlue.20',
       hoverBorderColor: 'seaBlue.20',
-      focusBg: 'seaBlue.28',
+      focusBg: 'seaBlue.main',
       activeBg: 'seaBlue.35',
       activeBorderColor: 'seaBlue.35'
     }
@@ -163,8 +163,8 @@ const variants = {
   blueOutlined: {
     container: {
       bg: 'white',
-      borderColor: 'seaBlue.28',
-      color: 'seaBlue.28',
+      borderColor: 'seaBlue.main',
+      color: 'seaBlue.main',
       disabledBg: 'white',
       disabledBorderColor: 'darkBlue.75',
       disabledColor: 'darkBlue.75',
@@ -180,7 +180,7 @@ const variants = {
     container: {
       bg: 'transparent',
       borderColor: 'transparent',
-      color: 'seaBlue.28',
+      color: 'seaBlue.main',
       disabledBg: 'white',
       disabledBorderColor: 'white',
       disabledColor: 'darkBlue.75',
@@ -230,7 +230,7 @@ const variants = {
     container: {
       bg: 'transparent',
       borderColor: 'transparent',
-      color: 'seaBlue.28',
+      color: 'seaBlue.main',
       disabledBg: 'white',
       disabledBorderColor: 'darkBlue.75',
       disabledColor: 'darkBlue.75',

package/src/dialog/useDialog.tsx

@@ -41,7 +41,7 @@ export const useDialog = () => {
         <Dialog
           body={
             <Box px={3} py={2}>
-              <Input defaultValue={value} onChange={e => (inputValue = e.target.value)} />
+              <Input onChange={e => (inputValue = e.target.value)} value={value} />
             </Box>
           }
           cancelButton={{

package/src/dragAndDrop/theme.ts

@@ -1,6 +1,6 @@
 const colors = {
   bg: 'skyBlue.95',
-  main: 'seaBlue.28',
+  main: 'seaBlue.main',
   hover: 'skyBlue.90'
 }
 

package/src/heading/theme.ts

@@ -1,5 +1,7 @@
+import fonts from '../theme/foundations/fonts'
+
 const baseStyle = {
-  color: 'darkBlue.18'
+  color: 'darkBlue.main'
 }
 
 const defaultProps = {
@@ -9,7 +11,7 @@ const defaultProps = {
 const sizes = {
   title: {
     as: 'h1',
-    fontFamily: 'DNV Display',
+    fontFamily: [fonts.dnvDisplay, fonts.avenir].join(', '),
     fontSize: {
       desktop: '64px',
       mobile: '42px'
@@ -34,7 +36,7 @@ const sizes = {
   },
   lead: {
     as: 'h2',
-    color: 'seaBlue.28',
+    color: 'seaBlue.main',
     fontSize: {
       desktop: '28px',
       mobile: '20px'

package/src/icons/baseIcons/fab/fabMarkdown.ts

@@ -0,0 +1,8 @@
+/* eslint-disable */
+
+import { IconDefinition } from '../../types'
+
+export default {
+  details: [32, 32, [], '', 'M29.69 6H2.31C1.035 6 0 7.035 0 8.305V23.38C0 24.655 1.035 25.69 2.31 25.69H29.695C30.97 25.69 32.005 24.655 32 23.385V8.305C32 7.035 30.965 6 29.69 6ZM16.925 21.075H13.85V15.075L10.775 18.92L7.7 15.075V21.075H4.615V10.615H7.69L10.765 14.46L13.84 10.615H16.915V21.075H16.925ZM23.69 21.23L19.075 15.845H22.15V10.615H25.225V15.845H28.3L23.69 21.23Z'],
+  name: 'fabMarkdown'
+} as IconDefinition

package/src/icons/baseIcons/icons.ts

@@ -1,22 +1,22 @@
+export { default as conCertificate } from './conc/conCertificate'
 export { default as conCreateDataset } from './conc/conCreateDataset'
-export { default as conDataSearchAlt } from './conc/conDataSearchAlt'
-export { default as conDataSearchPlus } from './conc/conDataSearchPlus'
 export { default as conDatabase } from './conc/conDatabase'
 export { default as conDatabasePlus } from './conc/conDatabasePlus'
+export { default as conDataSearchAlt } from './conc/conDataSearchAlt'
+export { default as conDataSearchPlus } from './conc/conDataSearchPlus'
 export { default as conDataset } from './conc/conDataset'
 export { default as conFolderPlus } from './conc/conFolderPlus'
+export { default as conInsightSearchAlt } from './conc/conInsightSearchAlt'
 export { default as conLNGBunkering } from './conc/conLNGBunkering'
+export { default as conMachineLearning } from './conc/conMachineLearning'
 export { default as conReport } from './conc/conReport'
 export { default as conReport1 } from './conc/conReport1'
+export { default as conReport2 } from './conc/conReport2'
+export { default as conSearchLens } from './conc/conSearchLens'
 export { default as conSensorAlt } from './conc/conSensorAlt'
 export { default as conSensorPlus } from './conc/conSensorPlus'
 export { default as conUploadFile } from './conc/conUploadFile'
 export { default as conUploadFile1 } from './conc/conUploadFile1'
-export { default as conCertificate } from './conc/conCertificate'
-export { default as conInsightSearchAlt } from './conc/conInsightSearchAlt'
-export { default as conMachineLearning } from './conc/conMachineLearning'
-export { default as conReport2 } from './conc/conReport2'
-export { default as conSearchLens } from './conc/conSearchLens'
 export { default as conUploadFile2 } from './conc/conUploadFile2'
 export { default as cubBellship } from './cub/cubBellship'
 export { default as cubDNV } from './cub/cubDNV'
@@ -81,6 +81,7 @@ export { default as fabFirefox } from './fab/fabFirefox'
 export { default as fabGoogle } from './fab/fabGoogle'
 export { default as fabGoogleDrive } from './fab/fabGoogleDrive'
 export { default as fabLinkedinIn } from './fab/fabLinkedinIn'
+export { default as fabMarkdown } from './fab/fabMarkdown'
 export { default as fabMedium } from './fab/fabMedium'
 export { default as fabOsi } from './fab/fabOsi'
 export { default as fabSlack } from './fab/fabSlack'
@@ -118,14 +119,14 @@ export { default as falArrowFromRight } from './fal/falArrowFromRight'
 export { default as falArrowFromTop } from './fal/falArrowFromTop'
 export { default as falArrowLeft } from './fal/falArrowLeft'
 export { default as falArrowRight } from './fal/falArrowRight'
+export { default as falArrows } from './fal/falArrows'
+export { default as falArrowsLeftRight } from './fal/falArrowsLeftRight'
+export { default as falArrowsUpDown } from './fal/falArrowsUpDown'
 export { default as falArrowToBottom } from './fal/falArrowToBottom'
 export { default as falArrowToLeft } from './fal/falArrowToLeft'
 export { default as falArrowToRight } from './fal/falArrowToRight'
 export { default as falArrowToTop } from './fal/falArrowToTop'
 export { default as falArrowUp } from './fal/falArrowUp'
-export { default as falArrows } from './fal/falArrows'
-export { default as falArrowsLeftRight } from './fal/falArrowsLeftRight'
-export { default as falArrowsUpDown } from './fal/falArrowsUpDown'
 export { default as falAward } from './fal/falAward'
 export { default as falBalanceScale } from './fal/falBalanceScale'
 export { default as falBan } from './fal/falBan'
@@ -134,8 +135,8 @@ export { default as falBell } from './fal/falBell'
 export { default as falBinoculars } from './fal/falBinoculars'
 export { default as falBold } from './fal/falBold'
 export { default as falBolt } from './fal/falBolt'
-export { default as falBookOpen } from './fal/falBookOpen'
 export { default as falBookmark } from './fal/falBookmark'
+export { default as falBookOpen } from './fal/falBookOpen'
 export { default as falBrainCircuit } from './fal/falBrainCircuit'
 export { default as falBroadcastTower } from './fal/falBroadcastTower'
 export { default as falBroom } from './fal/falBroom'
@@ -343,10 +344,10 @@ export { default as falUserEdit } from './fal/falUserEdit'
 export { default as falUserFriends } from './fal/falUserFriends'
 export { default as falUserHeadset } from './fal/falUserHeadset'
 export { default as falUserPlus } from './fal/falUserPlus'
-export { default as falUserShield } from './fal/falUserShield'
-export { default as falUserTimes } from './fal/falUserTimes'
 export { default as falUsers } from './fal/falUsers'
 export { default as falUsersClass } from './fal/falUsersClass'
+export { default as falUserShield } from './fal/falUserShield'
+export { default as falUserTimes } from './fal/falUserTimes'
 export { default as falWater } from './fal/falWater'
 export { default as falWind } from './fal/falWind'
 export { default as falWindTurbine } from './fal/falWindTurbine'