@veracity/vui 1.7.1 → 1.8.0-redesign.0

package/dist/esm/core/vuiProvider/globalStyle.js

@@ -11,62 +11,79 @@ import fontFaces from './fontFaces';
  * - CSS variables for each theme value
  */
 export default createGlobalStyle `
-	${fontFaces}
+  ${fontFaces}
+  :root {
+    ${generateCSSVariables}
+  }
 
-	:root {
-		${generateCSSVariables}
-	}
+  * {
+    --x-ring-color: var(--vui-colors-focusColor);
+    // Fixes a box-shadow issue between some parent and child components
+    --x-shadow: 0 0 0 0 transparent;
+  }
 
-	* {
-		--x-ring-color: var(--vui-colors-blue-50);
-		// Fixes a box-shadow issue between some parent and child components
-		--x-shadow: 0 0 0 0 transparent;
-	}
+  button {
+    --x-ring-color: transparent;
+  }
 
-	${p => p.globalStyle &&
+  button:focus-visible, li:focus-visible {
+    --x-ring-color: var(--vui-colors-focusColor);
+    outline: var(--vui-colors-focusColor) solid 3px;
+    z-index: 1;
+  }
+
+  ${p => p.globalStyle &&
     css `
       body {
-        color: prussian.80;
+        color: sandstone 0.1;
         font-family: avenir;
         font-size: md;
       }
+
+      h1,
+      h2,
+      h3,
+      h4,
+      h5 {
+        color: darkBlue 0.18;
+      }
     `}
 
-	@keyframes vui-bounce {
-		${bounce}
-	}
+  @keyframes vui-bounce {
+  ${bounce}
+  }
 
-	@keyframes vui-fadeDown {
-		${fadeDown}
-	}
+  @keyframes vui-fadeDown {
+  ${fadeDown}
+  }
 
-	@keyframes vui-fadeIn {
-		${fadeIn}
-	}
+  @keyframes vui-fadeIn {
+  ${fadeIn}
+  }
 
-	@keyframes vui-fadeLeft {
-		${fadeLeft}
-	}
+  @keyframes vui-fadeLeft {
+  ${fadeLeft}
+  }
 
-	@keyframes vui-fadeOut {
-		${fadeOut}
-	}
+  @keyframes vui-fadeOut {
+  ${fadeOut}
+  }
 
-	@keyframes vui-fadeRight {
-		${fadeRight}
-	}
+  @keyframes vui-fadeRight {
+  ${fadeRight}
+  }
 
-	@keyframes vui-fadeUp {
-		${fadeUp}
-	}
+  @keyframes vui-fadeUp {
+  ${fadeUp}
+  }
 
-	@keyframes vui-pulse {
-		${pulse}
-	}
+  @keyframes vui-pulse {
+  ${pulse}
+  }
 
-	@keyframes vui-spin {
-		${spin}
-	}
+  @keyframes vui-spin {
+  ${spin}
+  }
 `;
 /** Recursively maps through all theme styles and generates a set of CSS properties. */
 function generateCSSVariables() {

package/dist/esm/footer/footerTrademark.js

@@ -13,7 +13,7 @@ export const FooterTrademark = vui((props, ref) => {
     const styles = useStyleConfig('Footer', useFooterContext());
     return (React.createElement(Box, { className: cs('vui-footerTrademark', className), ref: ref, w: "100%", wrap: true, ...styles.trademark, ...rest },
         React.createElement(FooterColumn, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },
-            React.createElement(Link, { colorScheme: "white", fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, iconLeft: React.createElement(Link.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true }, "Follow us")),
+            React.createElement(Link, { fontWeight: "demi", href: linkedIn ?? defaultLinkedInUrl, iconLeft: React.createElement(Link.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true, variant: "white" }, "Follow us")),
         React.createElement(FooterColumn, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 75%' } },
             React.createElement(T, { size: "xs" },
                 React.createElement(T, { size: "xs", weight: "demi" }, "Veracity by DNV"),

package/dist/esm/heading/theme.d.ts

@@ -1,37 +1,59 @@
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        color: string;
+    };
     defaultProps: {
         size: string;
     };
     sizes: {
+        title: {
+            as: string;
+            fontFamily: string;
+            fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
         h1: {
             as: string;
             fontSize: string;
+            fontWeight: string;
+            lineHeight: string;
+        };
+        lead: {
+            as: string;
+            color: string;
+            fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
         h2: {
             as: string;
             fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
         h3: {
             as: string;
             fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
         h4: {
             as: string;
             fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
         h5: {
             as: string;
             fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
         h6: {
             as: string;
             fontSize: string;
+            fontWeight: string;
             lineHeight: string;
         };
     };

package/dist/esm/heading/theme.d.ts.map

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

package/dist/esm/heading/theme.js

@@ -1,37 +1,59 @@
-const baseStyle = {};
+const baseStyle = {
+    color: 'darkBlue.18'
+};
 const defaultProps = {
     size: 'h2'
 };
 const sizes = {
+    title: {
+        as: 'h1',
+        fontFamily: 'DNV Display',
+        fontSize: '64px',
+        fontWeight: 'medium',
+        lineHeight: '74px'
+    },
     h1: {
         as: 'h1',
-        fontSize: '40px',
-        lineHeight: '52px'
+        fontSize: '50px',
+        fontWeight: 'regular',
+        lineHeight: '62px'
+    },
+    lead: {
+        as: 'h2',
+        color: 'seaBlue.28',
+        fontSize: '28px',
+        fontWeight: 'regular',
+        lineHeight: '38px'
     },
     h2: {
         as: 'h2',
         fontSize: '32px',
-        lineHeight: '40px'
+        fontWeight: 'regular',
+        lineHeight: '42px'
     },
     h3: {
         as: 'h3',
         fontSize: '24px',
+        fontWeight: 'regular',
         lineHeight: '32px'
     },
     h4: {
         as: 'h4',
         fontSize: '20px',
-        lineHeight: '28px'
+        fontWeight: 'demi',
+        lineHeight: '24px'
     },
     h5: {
         as: 'h5',
         fontSize: '18px',
-        lineHeight: '24px'
+        fontWeight: 'demi',
+        lineHeight: '26px'
     },
     h6: {
         as: 'h6',
         fontSize: '16px',
-        lineHeight: '20px'
+        fontWeight: 'demi',
+        lineHeight: '22px'
     }
 };
 const variants = {};

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

@@ -17,7 +17,7 @@ export declare type IconProps = SvgProps & ThemingProps<'Icon'> & {
     icon?: IconProp;
     /** Name of the icon stored in Veracity CDN. */
     name?: IconProp;
-    /** Rotates the icon by given amout of degrees clockwise. */
+    /** Rotates the icon by given amount of degrees clockwise. */
     rotate?: number;
     /** Uses a scale of 1-10 and multiply of 16px to define icon size. */
     scale?: number;

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

@@ -1 +1 @@
-{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE7C,oBAAY,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE;QACX,CAAC,EAAE,MAAM,EAAE,CAAA;QACX,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAA;QAC3C,QAAQ,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,CAAA;KAC9B,CAAA;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,oBAAY,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE1C,oBAAY,SAAS,GAAG,QAAQ,GAC9B,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}
+{"version":3,"file":"icon.types.d.ts","sourceRoot":"","sources":["../../../src/icon/icon.types.ts"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAClC,OAAO,GAAG,EAAE,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACtC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,UAAU,CAAA;AAE7C,oBAAY,oBAAoB,GAAG;IACjC,UAAU,CAAC,EAAE;QACX,CAAC,EAAE,MAAM,EAAE,CAAA;QACX,SAAS,EAAE,KAAK,CAAC,QAAQ,CAAC,cAAc,CAAC,EAAE,CAAA;QAC3C,QAAQ,EAAE,OAAO,CAAC,OAAO,GAAG,CAAC,CAAA;KAC9B,CAAA;IACD,GAAG,CAAC,EAAE,MAAM,CAAA;CACb,CAAA;AAED,oBAAY,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAE1C,oBAAY,SAAS,GAAG,QAAQ,GAC9B,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,qCAAqC;IACrC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,6DAA6D;IAC7D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

package/dist/esm/icon/theme.d.ts

@@ -20,6 +20,11 @@ declare const _default: {
             height: number;
             width: number;
         };
+        /** the xl size is introduced for the xxl tabs; should not be listed. */
+        xl: {
+            height: number;
+            width: number;
+        };
     };
     variants: {};
 };

package/dist/esm/icon/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/icon/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/icon/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;QAuBE,wEAAwE;;;;;;;;AAS1E,wBAKC"}

package/dist/esm/icon/theme.js

@@ -18,6 +18,11 @@ const sizes = {
     lg: {
         height: 28,
         width: 28
+    },
+    /** the xl size is introduced for the xxl tabs; should not be listed. */
+    xl: {
+        height: 32,
+        width: 32
     }
 };
 const variants = {};

package/dist/esm/index.d.ts

@@ -1,6 +1,8 @@
 export * from './accordion';
 export * from './avatar';
+export * from './badge';
 export * from './box';
+export * from './breadcrumbs';
 export * from './button';
 export * from './buttonGroup';
 export * from './buttonToggleGroup';

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,UAAU,CAAA;AACxB,cAAc,SAAS,CAAA;AACvB,cAAc,OAAO,CAAA;AACrB,cAAc,eAAe,CAAA;AAC7B,cAAc,UAAU,CAAA;AACxB,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,QAAQ,CAAA;AACtB,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,QAAQ,CAAA;AACtB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,QAAQ,CAAA;AACtB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,gBAAgB,CAAA;AAC9B,cAAc,KAAK,CAAA;AACnB,cAAc,cAAc,CAAA;AAC5B,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,WAAW,CAAA;AACzB,cAAc,OAAO,CAAA;AACrB,cAAc,UAAU,CAAA;AACxB,cAAc,UAAU,CAAA;AACxB,cAAc,KAAK,CAAA;AACnB,cAAc,SAAS,CAAA;AACvB,cAAc,WAAW,CAAA;AACzB,cAAc,SAAS,CAAA;AACvB,cAAc,QAAQ,CAAA;AACtB,cAAc,OAAO,CAAA;AACrB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA;AACvB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/esm/index.js

@@ -1,6 +1,8 @@
 export * from './accordion';
 export * from './avatar';
+export * from './badge';
 export * from './box';
+export * from './breadcrumbs';
 export * from './button';
 export * from './buttonGroup';
 export * from './buttonToggleGroup';

package/dist/esm/input/input.js

@@ -11,7 +11,7 @@ import InputInput from './inputInput';
 export const InputBase = styled.divBox `
   align-items: center;
   background-color: white;
-  border-radius: md;
+  border-radius: none;
   border-width: 1px;
   display: flex;
   flex-shrink: 0;

package/dist/esm/input/inputInput.js

@@ -6,7 +6,7 @@ export const InputInputBase = styled.input `
   align-self: stretch;
   background-color: transparent;
   border: none;
-  border-radius: md;
+  border-radius: none;
   flex: 1;
   font-size: inherit;
   min-width: 0;

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

@@ -1 +1 @@
-{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAO,MAAM,QAAQ,6HAUpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI;UAgDT,eAAe;UACf,eAAe;CACtB,CAAA;AAKD,eAAe,IAAI,CAAA"}
+{"version":3,"file":"link.d.ts","sourceRoot":"","sources":["../../../src/link/link.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AACxC,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,QAAQ,MAAM,YAAY,CAAA;AAEjC,eAAO,MAAM,QAAQ,6HAUpB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,IAAI;UA+CT,eAAe;UACf,eAAe;CACtB,CAAA;AAKD,eAAe,IAAI,CAAA"}

package/dist/esm/link/link.js

@@ -6,7 +6,7 @@ import LinkIcon from './linkIcon';
 import LinkText from './linkText';
 export const LinkBase = styled.aBox `
   align-items: center;
-  border-radius: sm;
+  border-radius: none;
   cursor: pointer;
   display: inline-flex;
   line-height: normal;
@@ -20,9 +20,9 @@ export const LinkBase = styled.aBox `
  * Exposes some props to the children via context.
  */
 export const Link = vui((props, ref) => {
-    const { children, className, colorScheme, decoration, hoverDecoration = 'underline', iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
+    const { children, className, decoration, hoverDecoration = 'underline', iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight, ...rest } = props;
     const styles = useStyleConfig('Link', props);
-    const context = useMemo(() => filterUndefined({ colorScheme, size, variant }), [colorScheme, size, variant]);
+    const context = useMemo(() => filterUndefined({ size, variant }), [size, variant]);
     const aliasedProps = filterUndefined({
         fontWeight: weight,
         rel: isExternal ? 'noopener' : undefined,

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

@@ -2,8 +2,6 @@ import { IconProp } from '../icon';
 import { SystemProps, TypographyProps } from '../system';
 import { ThemingProps } from '../theme';
 export declare type LinkProps = SystemProps & ThemingProps<'Link'> & {
-    /** Available theme colors for this component. @default blue */
-    colorScheme?: 'blue' | 'white';
     /** Alias for textDecoration prop. @deprecated */
     decoration?: TypographyProps['textDecoration'];
     /** Alias for hoverTextDecoration prop. @deprecated */

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

@@ -1 +1 @@
-{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../src/link/link.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,CAAA;IAC9B,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,sDAAsD;IACtD,eAAe,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACnD,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IACpC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}
+{"version":3,"file":"link.types.d.ts","sourceRoot":"","sources":["../../../src/link/link.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,SAAS,GAAG,WAAW,GACjC,YAAY,CAAC,MAAM,CAAC,GAAG;IACrB,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,sDAAsD;IACtD,eAAe,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IACnD,0CAA0C;IAC1C,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6CAA6C;IAC7C,QAAQ,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IACjC,8CAA8C;IAC9C,SAAS,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAClC,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,oCAAoC;IACpC,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,GAAG,CAAC,OAAO,CAAA;IACpC,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}

package/dist/esm/link/theme.d.ts

@@ -1,11 +1,16 @@
-import { Dict } from '../utils';
-declare function variantDefault(props: Dict): {
+declare function variantDefault(): {
     container: {
         color: string;
         hoverColor: string;
     };
 };
-declare function variantLight(props: Dict): {
+declare function variantWhite(): {
+    container: {
+        color: string;
+        hoverColor: string;
+    };
+};
+declare function variantLight(): {
     container: {
         color: string;
         hoverColor: string;
@@ -14,7 +19,6 @@ declare function variantLight(props: Dict): {
 declare const _default: {
     baseStyle: {};
     defaultProps: {
-        colorScheme: string;
         size: string;
         variant: string;
     };
@@ -23,6 +27,7 @@ declare const _default: {
         sm: {
             container: {
                 fontSize: string;
+                lineHeight: string;
             };
             icon: {
                 size: string;
@@ -31,6 +36,7 @@ declare const _default: {
         md: {
             container: {
                 fontSize: string;
+                lineHeight: string;
             };
             icon: {
                 size: string;
@@ -39,6 +45,16 @@ declare const _default: {
         lg: {
             container: {
                 fontSize: string;
+                lineHeight: string;
+            };
+            icon: {
+                size: string;
+            };
+        };
+        xl: {
+            container: {
+                fontSize: string;
+                lineHeight: string;
             };
             icon: {
                 size: string;
@@ -53,6 +69,7 @@ declare const _default: {
                 hoverTextDecoration: string;
             };
         };
+        white: typeof variantWhite;
     };
 };
 export default _default;

package/dist/esm/link/theme.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,iBAAS,cAAc,CAAC,KAAK,EAAE,IAAI;;;;;EAclC;AAED,iBAAS,YAAY,CAAC,KAAK,EAAE,IAAI;;;;;EAShC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmDD,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/link/theme.ts"],"names":[],"mappings":"AAAA,iBAAS,cAAc;;;;;EAOtB;AAED,iBAAS,YAAY;;;;;EAOpB;AAED,iBAAS,YAAY;;;;;EAOpB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+DD,wBAMC"}

package/dist/esm/link/theme.js

@@ -1,20 +1,21 @@
-function variantDefault(props) {
-    const { colorScheme: c } = props;
+function variantDefault() {
     const container = {
-        color: `${c}.80`,
-        hoverColor: `${c}.60`
+        color: `seaBlue.28`,
+        hoverColor: `seaBlue.28`
+    };
+    return { container };
+}
+function variantWhite() {
+    const container = {
+        color: `white`,
+        hoverColor: `white`
     };
-    if (c === 'white') {
-        container.color = 'white';
-        container.hoverColor = 'white';
-    }
     return { container };
 }
-function variantLight(props) {
-    const { colorScheme: c } = props;
+function variantLight() {
     const container = {
-        color: `${c}.60`,
-        hoverColor: `${c}.40`
+        color: `seaBlue.28`,
+        hoverColor: `seaBlue.28`
     };
     return { container };
 }
@@ -25,7 +26,6 @@ const variantPlain = {
 };
 const baseStyle = {};
 const defaultProps = {
-    colorScheme: 'blue',
     size: 'md',
     variant: 'default'
 };
@@ -33,7 +33,8 @@ const parts = ['container', 'icon', 'text'];
 const sizes = {
     sm: {
         container: {
-            fontSize: 'sm'
+            fontSize: 'xs',
+            lineHeight: '16px'
         },
         icon: {
             size: 'xs'
@@ -41,7 +42,8 @@ const sizes = {
     },
     md: {
         container: {
-            fontSize: 'md'
+            fontSize: 'sm',
+            lineHeight: '20px'
         },
         icon: {
             size: 'xs'
@@ -49,7 +51,17 @@ const sizes = {
     },
     lg: {
         container: {
-            fontSize: 'lg'
+            fontSize: 'md',
+            lineHeight: '24px'
+        },
+        icon: {
+            size: 'sm'
+        }
+    },
+    xl: {
+        container: {
+            fontSize: 'lg',
+            lineHeight: '28px'
         },
         icon: {
             size: 'sm'
@@ -59,7 +71,8 @@ const sizes = {
 const variants = {
     default: variantDefault,
     light: variantLight,
-    plain: variantPlain
+    plain: variantPlain,
+    white: variantWhite
 };
 export default {
     baseStyle,

package/dist/esm/list/listItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"listItem.d.ts","sourceRoot":"","sources":["../../../src/list/listItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAkB5C,eAAO,MAAM,YAAY,8HAYxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDA6EnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"listItem.d.ts","sourceRoot":"","sources":["../../../src/list/listItem.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAkB5C,eAAO,MAAM,YAAY,8HAgBxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDA6EnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/esm/list/listItem.js

@@ -14,11 +14,15 @@ export const ListItemBase = styled.liBox `
   transition-duration: fast;
 
   &[aria-disabled='true'] {
-    background-color: disabled.bg;
-    color: disabled.color;
+    background-color: disabled .bg;
+    color: disabled .color;
     cursor: not-allowed;
     user-select: none;
   }
+
+  &:focus-visible {
+    z-index: 1;
+  }
 `;
 /**
  * Displays a list item with text and optional icons. Can be shown as interactive or selected.

package/dist/esm/notification/consts.js

@@ -1,34 +1,34 @@
 export const notificationStatusMapping = {
     error: {
-        colorScheme: 'red',
         iconProps: {
             name: 'falTimesCircle'
-        }
+        },
+        variant: 'subtleRed'
     },
     info: {
-        colorScheme: 'blue',
         iconProps: {
             name: 'falInfoCircle'
-        }
+        },
+        variant: 'subtleBlue'
     },
     loading: {
-        colorScheme: 'blue',
         iconProps: {
             animation: 'vui-spin 0.6s linear infinite',
             name: 'fadSpinnerThird',
             pathFill: ['blue.40', 'blue.60']
-        }
+        },
+        variant: 'subtleBlue'
     },
     success: {
-        colorScheme: 'green',
         iconProps: {
             name: 'falCheckCircle'
-        }
+        },
+        variant: 'subtleGreen'
     },
     warning: {
-        colorScheme: 'yellow',
         iconProps: {
             name: 'falExclamationCircle'
-        }
+        },
+        variant: 'subtleYellow'
     }
 };

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

@@ -1 +1 @@
-{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAmDf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAOD,eAAe,YAAY,CAAA"}
+{"version":3,"file":"notification.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAI3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,kBAAkB,MAAM,sBAAsB,CAAA;AACrD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,gBAAgB,MAAM,oBAAoB,CAAA;AACjD,OAAO,iBAAiB,MAAM,qBAAqB,CAAA;AAEnD;;;GAGG;AACH,eAAO,MAAM,YAAY;YAyDf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAOD,eAAe,YAAY,CAAA"}