@veracity/vui 1.8.0-redesign.0 → 1.8.0

package/dist/cjs/header/headerServices.js

@@ -31,12 +31,12 @@ function HeaderServices(props) {
     const { buttonProps, links = [] } = props, rest = __rest(props, ["buttonProps", "links"]);
     const styles = (0, core_1.useStyleConfig)('Header', (0, context_1.useHeaderContext)()).services;
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(core_1.RenderOnDesktop, null,
+        react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
             react_1.default.createElement(menu_1.default, Object.assign({ isLazy: false, offset: [0, 8], placement: "bottom-end", size: "lg" }, rest),
                 react_1.default.createElement(menu_1.default.Button, Object.assign({ colorScheme: "prussian", icon: "falTh", ml: 1, title: "My services" }, styles.button, buttonProps)),
                 react_1.default.createElement(menu_1.default.List, Object.assign({ heading: "My Services", maxH: 400, w: 320 }, styles.list),
                     react_1.default.createElement(ListContent, { links: links })))),
-        react_1.default.createElement(core_1.RenderOnMobile, null,
+        react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
             react_1.default.createElement(list_1.default, Object.assign({ borderBottom: "1px solid grey.40", heading: "My Services" }, styles.list),
                 react_1.default.createElement(ListContent, { links: links })))));
 }

package/dist/cjs/header/loggedInHeader.js

@@ -26,15 +26,15 @@ exports.LoggedInHeader = (0, core_1.vui)((props, ref) => {
     return (react_1.default.createElement(header_1.default, Object.assign({ className: (0, utils_1.cs)('vui-loggedInHeader', className), ref: ref }, rest),
         react_1.default.createElement(header_1.default.Content, null,
             (0, utils_1.isJsx)(logo) ? logo : react_1.default.createElement(header_1.default.Logo, Object.assign({}, logo)),
-            react_1.default.createElement(core_1.RenderOnDesktop, null, children),
+            react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" }, children),
             react_1.default.createElement(box_1.default, { ml: "auto" }),
-            react_1.default.createElement(core_1.RenderOnDesktop, null,
+            react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
                 (0, utils_1.isJsx)(mainLinks) ? mainLinks : react_1.default.createElement(header_1.default.MainLinks, { links: mainLinks }),
                 mainLinks !== undefined && react_1.default.createElement(header_1.default.Divider, { mx: 1 }),
                 (0, utils_1.isJsx)(services) ? services : react_1.default.createElement(header_1.default.Services, Object.assign({}, services))),
             (0, utils_1.isJsx)(notifications) ? notifications : react_1.default.createElement(header_1.default.Notifications, Object.assign({}, notifications)),
             (0, utils_1.isJsx)(account) ? account : react_1.default.createElement(header_1.default.Account, Object.assign({}, account)),
-            react_1.default.createElement(core_1.RenderOnMobile, null,
+            react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
                 (account !== undefined || notifications !== undefined) && react_1.default.createElement(header_1.default.Divider, { ml: 2 }),
                 react_1.default.createElement(header_1.default.MobileToggle, null),
                 react_1.default.createElement(header_1.default.MobileContent, null,

package/dist/cjs/header/loggedOutHeader.js

@@ -26,14 +26,14 @@ exports.LoggedOutHeader = (0, core_1.vui)((props, ref) => {
     return (react_1.default.createElement(header_1.default, Object.assign({ className: (0, utils_1.cs)('vui-loggedOutHeader', className), ref: ref }, rest),
         react_1.default.createElement(header_1.default.Content, null,
             (0, utils_1.isJsx)(logo) ? logo : react_1.default.createElement(header_1.default.Logo, Object.assign({}, logo)),
-            react_1.default.createElement(core_1.RenderOnDesktop, null, children),
+            react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" }, children),
             react_1.default.createElement(box_1.default, { ml: "auto" }),
-            react_1.default.createElement(core_1.RenderOnDesktop, null,
+            react_1.default.createElement(core_1.RenderOnScreen, { minWidth: "lg" },
                 (0, utils_1.isJsx)(mainLinks) ? mainLinks : react_1.default.createElement(header_1.default.MainLinks, { links: mainLinks }),
                 mainLinks !== undefined && react_1.default.createElement(header_1.default.Divider, { ml: 1, mr: 3 }),
                 (0, utils_1.isJsx)(signIn) ? signIn : react_1.default.createElement(header_1.default.SignIn, Object.assign({}, signIn)),
                 (0, utils_1.isJsx)(createAccount) ? createAccount : react_1.default.createElement(header_1.default.CreateAccount, Object.assign({}, createAccount))),
-            react_1.default.createElement(core_1.RenderOnMobile, null,
+            react_1.default.createElement(core_1.RenderOnScreen, { maxWidth: "lg" },
                 (0, utils_1.isJsx)(signIn) ? signIn : react_1.default.createElement(header_1.default.SignIn, Object.assign({}, signIn)),
                 react_1.default.createElement(header_1.default.Divider, { ml: 2 }),
                 react_1.default.createElement(header_1.default.MobileToggle, null),

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

@@ -1,59 +1,37 @@
 declare const _default: {
-    baseStyle: {
-        color: string;
-    };
+    baseStyle: {};
     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/cjs/heading/theme.d.ts.map

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

package/dist/cjs/heading/theme.js

@@ -1,61 +1,39 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {
-    color: 'darkBlue.18'
-};
+const baseStyle = {};
 const defaultProps = {
     size: 'h2'
 };
 const sizes = {
-    title: {
-        as: 'h1',
-        fontFamily: 'DNV Display',
-        fontSize: '64px',
-        fontWeight: 'medium',
-        lineHeight: '74px'
-    },
     h1: {
         as: 'h1',
-        fontSize: '50px',
-        fontWeight: 'regular',
-        lineHeight: '62px'
-    },
-    lead: {
-        as: 'h2',
-        color: 'seaBlue.28',
-        fontSize: '28px',
-        fontWeight: 'regular',
-        lineHeight: '38px'
+        fontSize: '40px',
+        lineHeight: '52px'
     },
     h2: {
         as: 'h2',
         fontSize: '32px',
-        fontWeight: 'regular',
-        lineHeight: '42px'
+        lineHeight: '40px'
     },
     h3: {
         as: 'h3',
         fontSize: '24px',
-        fontWeight: 'regular',
         lineHeight: '32px'
     },
     h4: {
         as: 'h4',
         fontSize: '20px',
-        fontWeight: 'demi',
-        lineHeight: '24px'
+        lineHeight: '28px'
     },
     h5: {
         as: 'h5',
         fontSize: '18px',
-        fontWeight: 'demi',
-        lineHeight: '26px'
+        lineHeight: '24px'
     },
     h6: {
         as: 'h6',
         fontSize: '16px',
-        fontWeight: 'demi',
-        lineHeight: '22px'
+        lineHeight: '20px'
     }
 };
 const variants = {};

package/dist/cjs/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 amount of degrees clockwise. */
+    /** Rotates the icon by given amout of degrees clockwise. */
     rotate?: number;
     /** Uses a scale of 1-10 and multiply of 16px to define icon size. */
     scale?: number;

package/dist/cjs/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,6DAA6D;IAC7D,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,4DAA4D;IAC5D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,qEAAqE;IACrE,KAAK,CAAC,EAAE,MAAM,CAAA;CACf,CAAA"}

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

@@ -20,11 +20,6 @@ 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/cjs/icon/theme.d.ts.map

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

package/dist/cjs/icon/theme.js

@@ -20,11 +20,6 @@ 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/cjs/index.d.ts

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

package/dist/cjs/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,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"}
+{"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,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/cjs/index.js

@@ -16,7 +16,6 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
 Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./accordion"), exports);
 __exportStar(require("./avatar"), exports);
-__exportStar(require("./badge"), exports);
 __exportStar(require("./box"), exports);
 __exportStar(require("./breadcrumbs"), exports);
 __exportStar(require("./button"), exports);

package/dist/cjs/input/input.js

@@ -51,7 +51,7 @@ const inputInput_1 = __importDefault(require("./inputInput"));
 exports.InputBase = core_1.styled.divBox `
   align-items: center;
   background-color: white;
-  border-radius: none;
+  border-radius: md;
   border-width: 1px;
   display: flex;
   flex-shrink: 0;

package/dist/cjs/input/inputInput.js

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

package/dist/cjs/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;UA+CT,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;UAgDT,eAAe;UACf,eAAe;CACtB,CAAA;AAKD,eAAe,IAAI,CAAA"}

package/dist/cjs/link/link.js

@@ -46,7 +46,7 @@ const linkIcon_1 = __importDefault(require("./linkIcon"));
 const linkText_1 = __importDefault(require("./linkText"));
 exports.LinkBase = core_1.styled.aBox `
   align-items: center;
-  border-radius: none;
+  border-radius: sm;
   cursor: pointer;
   display: inline-flex;
   line-height: normal;
@@ -60,9 +60,9 @@ exports.LinkBase = core_1.styled.aBox `
  * Exposes some props to the children via context.
  */
 exports.Link = (0, core_1.vui)((props, ref) => {
-    const { children, className, decoration, hoverDecoration = 'underline', iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight } = props, rest = __rest(props, ["children", "className", "decoration", "hoverDecoration", "iconLeft", "iconRight", "isExternal", "isUnderlined", "size", "text", "variant", "weight"]);
+    const { children, className, colorScheme, decoration, hoverDecoration = 'underline', iconLeft, iconRight, isExternal, isUnderlined, size, text, variant, weight } = props, rest = __rest(props, ["children", "className", "colorScheme", "decoration", "hoverDecoration", "iconLeft", "iconRight", "isExternal", "isUnderlined", "size", "text", "variant", "weight"]);
     const styles = (0, core_1.useStyleConfig)('Link', props);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size, variant }), [size, variant]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, size, variant }), [colorScheme, size, variant]);
     const aliasedProps = (0, utils_1.filterUndefined)({
         fontWeight: weight,
         rel: isExternal ? 'noopener' : undefined,

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

@@ -2,6 +2,8 @@ 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/cjs/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,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,+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"}

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

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

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

@@ -1 +1 @@
-{"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"}
+{"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"}

package/dist/cjs/link/theme.js

@@ -1,23 +1,22 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-function variantDefault() {
+function variantDefault(props) {
+    const { colorScheme: c } = props;
     const container = {
-        color: `seaBlue.28`,
-        hoverColor: `seaBlue.28`
-    };
-    return { container };
-}
-function variantWhite() {
-    const container = {
-        color: `white`,
-        hoverColor: `white`
+        color: `${c}.80`,
+        hoverColor: `${c}.60`
     };
+    if (c === 'white') {
+        container.color = 'white';
+        container.hoverColor = 'white';
+    }
     return { container };
 }
-function variantLight() {
+function variantLight(props) {
+    const { colorScheme: c } = props;
     const container = {
-        color: `seaBlue.28`,
-        hoverColor: `seaBlue.28`
+        color: `${c}.60`,
+        hoverColor: `${c}.40`
     };
     return { container };
 }
@@ -28,6 +27,7 @@ const variantPlain = {
 };
 const baseStyle = {};
 const defaultProps = {
+    colorScheme: 'blue',
     size: 'md',
     variant: 'default'
 };
@@ -35,8 +35,7 @@ const parts = ['container', 'icon', 'text'];
 const sizes = {
     sm: {
         container: {
-            fontSize: 'xs',
-            lineHeight: '16px'
+            fontSize: 'sm'
         },
         icon: {
             size: 'xs'
@@ -44,8 +43,7 @@ const sizes = {
     },
     md: {
         container: {
-            fontSize: 'sm',
-            lineHeight: '20px'
+            fontSize: 'md'
         },
         icon: {
             size: 'xs'
@@ -53,17 +51,7 @@ const sizes = {
     },
     lg: {
         container: {
-            fontSize: 'md',
-            lineHeight: '24px'
-        },
-        icon: {
-            size: 'sm'
-        }
-    },
-    xl: {
-        container: {
-            fontSize: 'lg',
-            lineHeight: '28px'
+            fontSize: 'lg'
         },
         icon: {
             size: 'sm'
@@ -73,8 +61,7 @@ const sizes = {
 const variants = {
     default: variantDefault,
     light: variantLight,
-    plain: variantPlain,
-    white: variantWhite
+    plain: variantPlain
 };
 exports.default = {
     baseStyle,

package/dist/cjs/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,8HAgBxB,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,8HAYxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,qDA6EnB,CAAA;AAEF,eAAe,QAAQ,CAAA"}

package/dist/cjs/list/listItem.js

@@ -54,15 +54,11 @@ exports.ListItemBase = core_1.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/cjs/notification/consts.js

@@ -3,35 +3,35 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.notificationStatusMapping = void 0;
 exports.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/cjs/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;YAyDf,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;YAmDf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAOD,eAAe,YAAY,CAAA"}

package/dist/cjs/notification/notification.js

@@ -31,22 +31,20 @@ const notificationTitle_1 = __importDefault(require("./notificationTitle"));
  */
 exports.Notification = (0, core_1.vui)((props, ref) => {
     var _a, _b, _c;
-    const { action, children, className, colorScheme: colorSchemeProp, icon, onClose, size, status, statusMapping, text, title, variant: variantProp = 'subtleBlue', verticalAlign } = props, rest = __rest(props, ["action", "children", "className", "colorScheme", "icon", "onClose", "size", "status", "statusMapping", "text", "title", "variant", "verticalAlign"]);
+    const { action, children, className, colorScheme: colorSchemeProp = 'blue', icon, onClose, size, status, statusMapping, text, title, variant } = props, rest = __rest(props, ["action", "children", "className", "colorScheme", "icon", "onClose", "size", "status", "statusMapping", "text", "title", "variant"]);
     const statuses = Object.assign(Object.assign({}, consts_1.notificationStatusMapping), statusMapping);
-    const { variant = variantProp } = (_a = statuses[status !== null && status !== void 0 ? status : '']) !== null && _a !== void 0 ? _a : {};
-    const styles = (0, core_1.useStyleConfig)('Notification', Object.assign({ variant }, props));
+    const { colorScheme = colorSchemeProp } = (_a = statuses[status !== null && status !== void 0 ? status : '']) !== null && _a !== void 0 ? _a : {};
+    const styles = (0, core_1.useStyleConfig)('Notification', Object.assign({ colorScheme }, props));
     const iconName = (0, utils_1.isString)(icon) ? icon : (_c = (_b = statuses[status !== null && status !== void 0 ? status : '']) === null || _b === void 0 ? void 0 : _b.iconProps) === null || _c === void 0 ? void 0 : _c.name;
-    const context = (0, utils_1.filterUndefined)({ size, status });
-    const titleDisplay = action ? 'block' : 'inline-flex';
-    const alignSelf = verticalAlign === 'center' ? 'center' : 'flex-start';
+    const context = (0, utils_1.filterUndefined)({ colorScheme, size, status, variant });
     return (react_1.default.createElement(context_1.NotificationProvider, { value: context },
-        react_1.default.createElement(box_1.default, Object.assign({ borderRadius: "md", borderWidth: 1, className: (0, utils_1.cs)('vui-notification', className), ref: ref, w: "fit-content" }, styles.container, rest),
-            iconName ? react_1.default.createElement(notificationIcon_1.default, { alignSelf: alignSelf, name: iconName }) : icon, children !== null && children !== void 0 ? children : (react_1.default.createElement(notificationText_1.default, { alignSelf: alignSelf },
-            (0, utils_1.isReactText)(title) ? react_1.default.createElement(notificationTitle_1.default, { display: titleDisplay, text: title }) : title,
+        react_1.default.createElement(box_1.default, Object.assign({ borderRadius: "md", className: (0, utils_1.cs)('vui-notification', className), px: 1.5, py: 1, ref: ref, w: "fit-content" }, styles.container, rest),
+            iconName ? react_1.default.createElement(notificationIcon_1.default, { name: iconName }) : icon, children !== null && children !== void 0 ? children : (react_1.default.createElement(notificationText_1.default, null,
+            (0, utils_1.isReactText)(title) ? react_1.default.createElement(notificationTitle_1.default, { text: title }) : title,
             " ",
             text)),
             action,
-            onClose && (react_1.default.createElement(notificationButton_1.default, { alignSelf: alignSelf, icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
+            onClose && react_1.default.createElement(notificationButton_1.default, { icon: "falTimes", onClick: onClose }))));
 });
 exports.Notification.Button = notificationButton_1.default;
 exports.Notification.Icon = notificationIcon_1.default;

package/dist/cjs/notification/notification.types.d.ts

@@ -5,7 +5,7 @@ import { ThemingProps } from '../theme';
 export declare type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & ThemingProps<'Notification'> & {
     /** Socket displaying a button on the right. */
     action?: ReactNode;
-    /** Available theme colors for this component. @deprecated */
+    /** Available theme colors for this component. @default blue */
     colorScheme?: 'blue' | 'green' | 'red' | 'yellow';
     /** Socket displaying an icon on the left. */
     icon?: IconProp | JSX.Element;
@@ -22,7 +22,7 @@ export declare type NotificationProps = Omit<BoxProps, 'size' | 'variant'> & The
 };
 export declare type NotificationStatus = 'error' | 'info' | 'loading' | 'success' | 'warning';
 export declare type NotificationStatusMapping = Record<string, {
+    colorScheme?: NotificationProps['colorScheme'];
     iconProps: IconProps;
-    variant?: NotificationProps['variant'];
 }>;
 //# sourceMappingURL=notification.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,6DAA6D;IAC7D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,yBAAyB,CAAA;IACzC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,oBAAY,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAErF,oBAAY,yBAAyB,GAAG,MAAM,CAC5C,MAAM,EACN;IACE,SAAS,EAAE,SAAS,CAAA;IACpB,OAAO,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;CACvC,CACF,CAAA"}
+{"version":3,"file":"notification.types.d.ts","sourceRoot":"","sources":["../../../src/notification/notification.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,SAAS,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,iBAAiB,GAAG,IAAI,CAAC,QAAQ,EAAE,MAAM,GAAG,SAAS,CAAC,GAChE,YAAY,CAAC,cAAc,CAAC,GAAG;IAC7B,+CAA+C;IAC/C,MAAM,CAAC,EAAE,SAAS,CAAA;IAClB,+DAA+D;IAC/D,WAAW,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,KAAK,GAAG,QAAQ,CAAA;IACjD,6CAA6C;IAC7C,IAAI,CAAC,EAAE,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAA;IAC7B,0EAA0E;IAC1E,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;IACpB,yEAAyE;IACzE,MAAM,CAAC,EAAE,kBAAkB,CAAA;IAC3B,+DAA+D;IAC/D,aAAa,CAAC,EAAE,yBAAyB,CAAA;IACzC,4CAA4C;IAC5C,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,6CAA6C;IAC7C,KAAK,CAAC,EAAE,SAAS,CAAA;CAClB,CAAA;AAEH,oBAAY,kBAAkB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAA;AAErF,oBAAY,yBAAyB,GAAG,MAAM,CAC5C,MAAM,EACN;IACE,WAAW,CAAC,EAAE,iBAAiB,CAAC,aAAa,CAAC,CAAA;IAC9C,SAAS,EAAE,SAAS,CAAA;CACrB,CACF,CAAA"}

package/dist/cjs/notification/notificationButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAM/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAsB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}
+{"version":3,"file":"notificationButton.d.ts","sourceRoot":"","sources":["../../../src/notification/notificationButton.tsx"],"names":[],"mappings":"AAEA,OAAe,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AAK/C,yDAAyD;AACzD,eAAO,MAAM,kBAAkB,uDAkB7B,CAAA;AAEF,eAAe,kBAAkB,CAAA"}