@veracity/vui 1.9.2 → 2.0.1

package/dist/cjs/buttonToggleGroup/buttonToggleGroup.js

@@ -12,7 +12,7 @@ const utils_1 = require("../utils");
  */
 const ButtonToggleGroup = (props) => {
     const { className, isDimmedBorder } = props;
-    return (react_1.default.createElement(buttonGroup_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonToggleGroup', className), colorScheme: "blue", innerBorderColor: isDimmedBorder ? utils_1.dimmedBorderColor : '', variant: "outlined" }, props)));
+    return (react_1.default.createElement(buttonGroup_1.default, Object.assign({ className: (0, utils_1.cs)('vui-buttonToggleGroup', className), innerBorderColor: isDimmedBorder ? utils_1.dimmedBorderColor : '' }, props)));
 };
 exports.ButtonToggleGroup = ButtonToggleGroup;
 exports.default = exports.ButtonToggleGroup;

package/dist/cjs/checkbox/checkbox.js

@@ -45,7 +45,7 @@ const t_1 = __importDefault(require("../t"));
 const utils_1 = require("../utils");
 const context_1 = require("./context");
 const CheckboxControl = core_1.styled.spanBox `
-  border-radius: sm;
+  border-radius: none;
   display: inline-flex;
   flex-shrink: 0;
   position: relative;

package/dist/cjs/copyToClipboard/copyToClipboard.js

@@ -29,7 +29,7 @@ const useCopyToClipboard_1 = require("./useCopyToClipboard");
  *
  */
 exports.CopyToClipboard = (0, core_1.vui)((props, ref) => {
-    const { disabled, copyText, className, size = 'xs', variant = 'text' } = props, rest = __rest(props, ["disabled", "copyText", "className", "size", "variant"]);
+    const { disabled, copyText, className, size = 'sm', variant = 'tertiaryDark' } = props, rest = __rest(props, ["disabled", "copyText", "className", "size", "variant"]);
     const { copy, isCopyDisabled } = (0, useCopyToClipboard_1.useCopyToClipboard)(copyText);
     return (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant }, rest)));
 });

package/dist/cjs/core/vuiProvider/globalStyle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA0DC"}
+{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../../src/core/vuiProvider/globalStyle.tsx"],"names":[],"mappings":"AAMA,aAAK,gBAAgB,GAAG;IACtB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA;AAED;;;;;;GAMG;;AACH,wBA2EC"}

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

@@ -27,62 +27,79 @@ const fontFaces_1 = __importDefault(require("./fontFaces"));
  * - CSS variables for each theme value
  */
 exports.default = (0, styled_1.createGlobalStyle) `
-	${fontFaces_1.default}
+  ${fontFaces_1.default}
+  :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 &&
     (0, styled_1.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 {
-		${animations_1.bounce}
-	}
+  @keyframes vui-bounce {
+  ${animations_1.bounce}
+  }
 
-	@keyframes vui-fadeDown {
-		${animations_1.fadeDown}
-	}
+  @keyframes vui-fadeDown {
+  ${animations_1.fadeDown}
+  }
 
-	@keyframes vui-fadeIn {
-		${animations_1.fadeIn}
-	}
+  @keyframes vui-fadeIn {
+  ${animations_1.fadeIn}
+  }
 
-	@keyframes vui-fadeLeft {
-		${animations_1.fadeLeft}
-	}
+  @keyframes vui-fadeLeft {
+  ${animations_1.fadeLeft}
+  }
 
-	@keyframes vui-fadeOut {
-		${animations_1.fadeOut}
-	}
+  @keyframes vui-fadeOut {
+  ${animations_1.fadeOut}
+  }
 
-	@keyframes vui-fadeRight {
-		${animations_1.fadeRight}
-	}
+  @keyframes vui-fadeRight {
+  ${animations_1.fadeRight}
+  }
 
-	@keyframes vui-fadeUp {
-		${animations_1.fadeUp}
-	}
+  @keyframes vui-fadeUp {
+  ${animations_1.fadeUp}
+  }
 
-	@keyframes vui-pulse {
-		${animations_1.pulse}
-	}
+  @keyframes vui-pulse {
+  ${animations_1.pulse}
+  }
 
-	@keyframes vui-spin {
-		${animations_1.spin}
-	}
+  @keyframes vui-spin {
+  ${animations_1.spin}
+  }
 `;
 /** Recursively maps through all theme styles and generates a set of CSS properties. */
 function generateCSSVariables() {

package/dist/cjs/footer/footerHeading.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"footerHeading.d.ts","sourceRoot":"","sources":["../../../src/footer/footerHeading.tsx"],"names":[],"mappings":"AAGA,OAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAIlD,kCAAkC;AAClC,eAAO,MAAM,aAAa,oDAOxB,CAAA;AAEF,eAAe,aAAa,CAAA"}
+{"version":3,"file":"footerHeading.d.ts","sourceRoot":"","sources":["../../../src/footer/footerHeading.tsx"],"names":[],"mappings":"AAGA,OAAgB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAIlD,kCAAkC;AAClC,eAAO,MAAM,aAAa,oDAexB,CAAA;AAEF,eAAe,aAAa,CAAA"}

package/dist/cjs/footer/footerHeading.js

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.FooterHeading = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
-    return (react_1.default.createElement(heading_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerHeading', className), mb: 1, ref: ref, size: "h5" }, styles.heading, rest)));
+    return (react_1.default.createElement(heading_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerHeading', className), color: "white", mb: 1, ref: ref, size: "h5" }, styles.heading, rest)));
 });
 exports.default = exports.FooterHeading;

package/dist/cjs/footer/footerLink.js

@@ -24,6 +24,6 @@ const context_1 = require("./context");
 exports.FooterLink = (0, core_1.vui)((props, ref) => {
     const { className } = props, rest = __rest(props, ["className"]);
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
-    return (react_1.default.createElement(link_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerLink', className), colorScheme: "white", py: 0.5, ref: ref, size: "sm" }, styles.link, rest)));
+    return (react_1.default.createElement(link_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerLink', className), py: 0.5, ref: ref, size: "sm", variant: "white" }, styles.link, rest)));
 });
 exports.default = exports.FooterLink;

package/dist/cjs/footer/footerTrademark.js

@@ -30,7 +30,7 @@ exports.FooterTrademark = (0, core_1.vui)((props, ref) => {
     const styles = (0, core_1.useStyleConfig)('Footer', (0, context_1.useFooterContext)());
     return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-footerTrademark', className), ref: ref, w: "100%", wrap: true }, styles.trademark, rest),
         react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 25%' } },
-            react_1.default.createElement(link_1.default, { colorScheme: "white", fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.default.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true }, "Follow us")),
+            react_1.default.createElement(link_1.default, { fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : defaultLinkedInUrl, iconLeft: react_1.default.createElement(link_1.default.Icon, { mr: 1, name: "fabLinkedin", size: "sm" }), isExternal: true, variant: "white" }, "Follow us")),
         react_1.default.createElement(footerColumn_1.default, { centerV: true, flex: { xs: '0 0 100%', md: '0 0 75%' } },
             react_1.default.createElement(t_1.default, { size: "xs" },
                 react_1.default.createElement(t_1.default, { size: "xs", weight: "demi" }, "Veracity by DNV"),

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

@@ -1 +1 @@
-{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,8HAGvB,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,OAAO,oDAkBlB,CAAA;AAEF,eAAe,OAAO,CAAA"}
+{"version":3,"file":"heading.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAA;AAE9C,eAAO,MAAM,WAAW,8HAGvB,CAAA;AAED,6FAA6F;AAC7F,eAAO,MAAM,OAAO,oDAmClB,CAAA;AAEF,eAAe,OAAO,CAAA"}

package/dist/cjs/heading/heading.js

@@ -26,6 +26,7 @@ exports.HeadingBase = core_1.styled.h2Box `
 exports.Heading = (0, core_1.vui)((props, ref) => {
     const _a = (0, core_1.omitThemingProps)(props), { align, casing, children, className, decoration, text, weight } = _a, rest = __rest(_a, ["align", "casing", "children", "className", "decoration", "text", "weight"]);
     const styles = (0, core_1.useStyleConfig)('Heading', props);
+    const { fontSize, lineHeight } = styles, restStyles = __rest(styles, ["fontSize", "lineHeight"]);
     const hClassName = props.size ? `vui-${props.size}` : '';
     const aliasedProps = (0, utils_1.filterUndefined)({
         fontWeight: weight,
@@ -33,6 +34,11 @@ exports.Heading = (0, core_1.vui)((props, ref) => {
         textDecoration: decoration,
         textTransform: casing
     });
-    return (react_1.default.createElement(exports.HeadingBase, Object.assign({ className: (0, utils_1.cs)('vui-heading', hClassName, className), ref: ref }, styles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
+    const isDesktop = (0, core_1.useUp)(993);
+    const fontSizeDesktop = (fontSize === null || fontSize === void 0 ? void 0 : fontSize.desktop) || fontSize;
+    const fontSizeMobile = (fontSize === null || fontSize === void 0 ? void 0 : fontSize.mobile) || fontSize;
+    const lineHeightDesktop = (lineHeight === null || lineHeight === void 0 ? void 0 : lineHeight.desktop) || lineHeight;
+    const lineHeightMobile = (lineHeight === null || lineHeight === void 0 ? void 0 : lineHeight.mobile) || lineHeight;
+    return (react_1.default.createElement(exports.HeadingBase, Object.assign({ className: (0, utils_1.cs)('vui-heading', hClassName, className), fontSize: isDesktop ? fontSizeDesktop : fontSizeMobile, lineHeight: isDesktop ? lineHeightDesktop : lineHeightMobile, ref: ref }, restStyles, aliasedProps, rest), children !== null && children !== void 0 ? children : text));
 });
 exports.default = exports.Heading;

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

@@ -13,4 +13,5 @@ export declare type HeadingProps = SystemProps & ThemingProps<'Heading'> & {
     /** Alias for fontWeight prop. @deprecated */
     weight?: TypographyProps['fontWeight'];
 };
+export declare type HeadingSize = 'title' | 'lead' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
 //# sourceMappingURL=heading.types.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"heading.types.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,YAAY,GAAG,WAAW,GACpC,YAAY,CAAC,SAAS,CAAC,GAAG;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA"}
+{"version":3,"file":"heading.types.d.ts","sourceRoot":"","sources":["../../../src/heading/heading.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,WAAW,CAAA;AACxD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,oBAAY,YAAY,GAAG,WAAW,GACpC,YAAY,CAAC,SAAS,CAAC,GAAG;IACxB,4CAA4C;IAC5C,KAAK,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,CAAA;IACpC,gDAAgD;IAChD,MAAM,CAAC,EAAE,eAAe,CAAC,eAAe,CAAC,CAAA;IACzC,iDAAiD;IACjD,UAAU,CAAC,EAAE,eAAe,CAAC,gBAAgB,CAAC,CAAA;IAC9C,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACtB,6CAA6C;IAC7C,MAAM,CAAC,EAAE,eAAe,CAAC,YAAY,CAAC,CAAA;CACvC,CAAA;AAEH,oBAAY,WAAW,GAAG,OAAO,GAAG,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAA"}

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

@@ -1,37 +1,95 @@
 declare const _default: {
-    baseStyle: {};
+    baseStyle: {
+        color: string;
+    };
     defaultProps: {
         size: string;
     };
     sizes: {
+        title: {
+            as: string;
+            fontFamily: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
+            lineHeight: {
+                desktop: string;
+                mobile: string;
+            };
+        };
         h1: {
             as: string;
-            fontSize: string;
-            lineHeight: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
+            lineHeight: {
+                desktop: string;
+                mobile: string;
+            };
+        };
+        lead: {
+            as: string;
+            color: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
+            lineHeight: {
+                desktop: string;
+                mobile: string;
+            };
         };
         h2: {
             as: string;
-            fontSize: string;
-            lineHeight: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
+            lineHeight: {
+                desktop: string;
+                mobile: string;
+            };
         };
         h3: {
             as: string;
-            fontSize: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
             lineHeight: string;
         };
         h4: {
             as: string;
-            fontSize: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
             lineHeight: string;
         };
         h5: {
             as: string;
-            fontSize: string;
-            lineHeight: string;
+            fontSize: {
+                desktop: string;
+                mobile: string;
+            };
+            fontWeight: string;
+            lineHeight: {
+                desktop: string;
+                mobile: 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAyCA,wBAKC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/heading/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAmGA,wBAKC"}

package/dist/cjs/heading/theme.js

@@ -1,39 +1,97 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-const baseStyle = {};
+const baseStyle = {
+    color: 'darkBlue.18'
+};
 const defaultProps = {
     size: 'h2'
 };
 const sizes = {
+    title: {
+        as: 'h1',
+        fontFamily: 'DNV Display',
+        fontSize: {
+            desktop: '64px',
+            mobile: '42px'
+        },
+        fontWeight: 'medium',
+        lineHeight: {
+            desktop: '74px',
+            mobile: '52px'
+        }
+    },
     h1: {
         as: 'h1',
-        fontSize: '40px',
-        lineHeight: '52px'
+        fontSize: {
+            desktop: '50px',
+            mobile: '36px'
+        },
+        fontWeight: 'regular',
+        lineHeight: {
+            desktop: '62px',
+            mobile: '48px'
+        }
+    },
+    lead: {
+        as: 'h2',
+        color: 'seaBlue.28',
+        fontSize: {
+            desktop: '28px',
+            mobile: '20px'
+        },
+        fontWeight: 'regular',
+        lineHeight: {
+            desktop: '38px',
+            mobile: '28px'
+        }
     },
     h2: {
         as: 'h2',
-        fontSize: '32px',
-        lineHeight: '40px'
+        fontSize: {
+            desktop: '32px',
+            mobile: '28px'
+        },
+        fontWeight: 'regular',
+        lineHeight: {
+            desktop: '42px',
+            mobile: '38px'
+        }
     },
     h3: {
         as: 'h3',
-        fontSize: '24px',
+        fontSize: {
+            desktop: '24px',
+            mobile: '22px'
+        },
+        fontWeight: 'regular',
         lineHeight: '32px'
     },
     h4: {
         as: 'h4',
-        fontSize: '20px',
-        lineHeight: '28px'
+        fontSize: {
+            desktop: '20px',
+            mobile: '18px'
+        },
+        fontWeight: 'demi',
+        lineHeight: '24px'
     },
     h5: {
         as: 'h5',
-        fontSize: '18px',
-        lineHeight: '24px'
+        fontSize: {
+            desktop: '18px',
+            mobile: '16px'
+        },
+        fontWeight: 'demi',
+        lineHeight: {
+            desktop: '26px',
+            mobile: '22px'
+        }
     },
     h6: {
         as: 'h6',
         fontSize: '16px',
-        lineHeight: '20px'
+        fontWeight: 'demi',
+        lineHeight: '22px'
     }
 };
 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 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/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,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/cjs/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/cjs/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/cjs/icon/theme.js

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

@@ -1,5 +1,6 @@
 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,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,eAAe,CAAA;AAC7B,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,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,eAAe,CAAA;AAC7B,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,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,6 +16,7 @@ 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: md;
+  border-radius: none;
   border-width: 1px;
   display: flex;
   flex-shrink: 0;
@@ -61,8 +61,8 @@ exports.InputBase = core_1.styled.divBox `
   width: 100%;
 
   &[aria-disabled='true'] {
-    background-color: disabled .bg;
-    color: disabled .color;
+    background-color: disabled.bg;
+    color: disabled.color;
     cursor: not-allowed;
   }
 `;
@@ -78,7 +78,7 @@ exports.Input = (0, core_1.vui)((props, ref) => {
     const [valueInternal, setValueInternal] = (0, react_1.useState)(defaultValue);
     const states = Object.assign(Object.assign({}, consts_1.inputStateMapping), stateMapping);
     const computedColorScheme = (0, utils_1.filterUndefined)({
-        colorScheme: (_a = colorScheme !== null && colorScheme !== void 0 ? colorScheme : (isInvalid ? 'red' : undefined)) !== null && _a !== void 0 ? _a : (_b = states[state]) === null || _b === void 0 ? void 0 : _b.colorScheme
+        colorScheme: (_a = colorScheme !== null && colorScheme !== void 0 ? colorScheme : (isInvalid ? consts_1.redColor : undefined)) !== null && _a !== void 0 ? _a : (_b = states[state]) === null || _b === void 0 ? void 0 : _b.colorScheme
     });
     const styles = (0, core_1.useStyleConfig)('Input', Object.assign(Object.assign({}, computedColorScheme), props));
     const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, disabled, size, variant }), [colorScheme, disabled, size, variant]);

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: md;
+  border-radius: none;
   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;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/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: sm;
+  border-radius: none;
   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, 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 { 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 styles = (0, core_1.useStyleConfig)('Link', props);
-    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ colorScheme, size, variant }), [colorScheme, size, variant]);
+    const context = (0, react_1.useMemo)(() => (0, utils_1.filterUndefined)({ size, variant }), [size, variant]);
     const aliasedProps = (0, utils_1.filterUndefined)({
         fontWeight: weight,
         rel: isExternal ? 'noopener' : undefined,

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

@@ -2,7 +2,7 @@ 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 */
+    /** Available theme colors for this component. @deprecated */
     colorScheme?: 'blue' | 'white';
     /** Alias for textDecoration prop. @deprecated */
     decoration?: TypographyProps['textDecoration'];

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,+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,6DAA6D;IAC7D,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"}