@veracity/vui 2.15.3 → 2.16.0

package/dist/cjs/avatar/avatar.js

@@ -102,7 +102,7 @@ function LazyImageOrDefault({ src, borderRadius, icon, iconSize, initials }) {
             cancelled = true;
         };
     }, [src]);
-    return imgLoaded ? (react_1.default.createElement(image_1.default, { borderRadius: borderRadius, src: src })) : icon ? (react_1.default.createElement(icon_1.default, { name: icon, size: iconSize })) : initials ? (react_1.default.createElement(react_1.default.Fragment, null, "initials")) : (react_1.default.createElement(icon_1.default, { name: "falUser", size: iconSize }));
+    return imgLoaded ? (react_1.default.createElement(image_1.default, { borderRadius: borderRadius, src: src })) : icon ? (react_1.default.createElement(icon_1.default, { name: icon, size: iconSize })) : initials ? (react_1.default.createElement(react_1.default.Fragment, null, initials)) : (react_1.default.createElement(icon_1.default, { name: "falUser", size: iconSize }));
 }
 exports.Avatar.displayName = 'Avatar';
 exports.default = exports.Avatar;

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

@@ -1 +1 @@
-{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UA0IX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"button.d.ts","sourceRoot":"","sources":["../../../src/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAA;AAGtC,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAEnE,OAAO,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,UAAU,MAAM,cAAc,CAAA;AAiBrC,eAAO,MAAM,UAAU;;;;;;;;;;;;;;;;SAYtB,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,MAAM;UAsIX,iBAAiB;UACjB,iBAAiB;CACxB,CAAA;AAMD,eAAe,MAAM,CAAA"}

package/dist/cjs/button/button.js

@@ -104,12 +104,6 @@ exports.Button = (0, core_1.vui)((props, ref) => {
     let ariaLabel = '';
     if (title)
         ariaLabel = title;
-    else {
-        if ((0, utils_1.isString)(text))
-            ariaLabel = text;
-        else if ((0, utils_1.isReactText)(text))
-            ariaLabel = text.toString();
-    }
     const disabledProps = disabled
         ? {
             'aria-disabled': disabled,

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

@@ -1 +1 @@
-{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgTA,wBAMC"}
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/button/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAsSA,wBAMC"}

package/dist/cjs/calendar/calendar.styles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAGtB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}
+{"version":3,"file":"calendar.styles.d.ts","sourceRoot":"","sources":["../../../src/calendar/calendar.styles.ts"],"names":[],"mappings":"AAGA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAA;AAE5C,eAAO,MAAM,QAAQ,oIAIpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAInB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,QAAQ,oIAEpB,CAAA;AAED,eAAO,MAAM,OAAO,oIAEnB,CAAA;AAED,eAAO,MAAM,KAAK,oIAIjB,CAAA;AAED,eAAO,MAAM,UAAU,oIAItB,CAAA;AAED,eAAO,MAAM,YAAY;;;8DAsBxB,CAAA;AAED,eAAO,MAAM,sBAAsB,oKAQlC,CAAA"}

package/dist/cjs/calendar/calendar.styles.js

@@ -18,11 +18,12 @@ exports.current = (0, core_1.css) `
   border-radius: 0;
 `;
 exports.isDisabled = (0, core_1.css) `
-  color: ${core_1.th.color('sandstone.main')} !important;
+  background-color: ${core_1.th.color('sandstone.97')} !important;
+  color: ${core_1.th.color('sandstone.55')} !important;
   cursor: not-allowed;
 `;
 exports.isHidden = (0, core_1.css) `
-  color: ${core_1.th.color('darkBlue.75')} !important;
+  color: ${core_1.th.color('sandstone.55')} !important;
 `;
 exports.isToday = (0, core_1.css) `
   border: 1px solid ${core_1.th.color('seaBlue.main')};

package/dist/cjs/calendar/components/calendarHeader.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAiCpC,CAAA"}
+{"version":3,"file":"calendarHeader.d.ts","sourceRoot":"","sources":["../../../../src/calendar/components/calendarHeader.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAKjC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAG/D,KAAK,KAAK,GAAG;IACX,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,gBAAgB,EAAE,CAAC,SAAS,EAAE,aAAa,KAAK,IAAI,CAAA;IACpD,iBAAiB,EAAE,CAAC,IAAI,EAAE,YAAY,KAAK,IAAI,CAAA;IAC/C,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,IAAI,CAAA;CAChB,CAAA;AAID;;GAEG;AACH,eAAO,MAAM,cAAc,EAAE,EAAE,CAAC,KAAK,CAmCpC,CAAA"}

package/dist/cjs/calendar/components/calendarHeader.js

@@ -17,6 +17,6 @@ const CalendarHeader = ({ nextDisabled, onChangeViewItem, onSetTimeUnitMode, pre
     react_1.default.createElement(box_1.default, { className: "vui-calendar-header-left" },
         react_1.default.createElement(timeUnitHeader_1.TimeUnitHeader, { onSetTimeUnitMode: onSetTimeUnitMode, timeUnitMode: timeUnitMode, viewMonth: viewMonth })),
     react_1.default.createElement(box_1.default, { className: "vui-calendar-header-right", flex: "1", justify: "flex-end" },
-        react_1.default.createElement(button_1.IconButton, { className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
-        react_1.default.createElement(button_1.IconButton, { className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
+        react_1.default.createElement(button_1.IconButton, { "aria-label": "previous", className: "icon", disabled: prevDisabled, h: size, icon: "falChevronLeft", onClick: () => onChangeViewItem('prev'), size: "sm", w: size }),
+        react_1.default.createElement(button_1.IconButton, { "aria-label": "next", className: "icon", disabled: nextDisabled, h: size, icon: "falChevronRight", onClick: () => onChangeViewItem('next'), size: "sm", w: size }))));
 exports.CalendarHeader = CalendarHeader;

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

@@ -1 +1 @@
-{"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAiB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}
+{"version":3,"file":"copyToClipboard.d.ts","sourceRoot":"","sources":["../../../src/copyToClipboard/copyToClipboard.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAA;AAG9D;;;;;;;GAOG;AACH,eAAO,MAAM,eAAe,gEAkB1B,CAAA;AAGF,eAAe,eAAe,CAAA"}

package/dist/cjs/copyToClipboard/copyToClipboard.js

@@ -31,7 +31,7 @@ const useCopyToClipboard_1 = require("./useCopyToClipboard");
 exports.CopyToClipboard = (0, core_1.vui)((props, ref) => {
     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)));
+    return (react_1.default.createElement(button_1.default, Object.assign({ "aria-label": "copy to clipboard", className: (0, utils_1.cs)('vui-copy-to-clipboard', className), disabled: disabled || isCopyDisabled, icon: "falCopy", onClick: () => copy(), ref: ref, size: size, variant: variant }, rest)));
 });
 exports.CopyToClipboard.displayName = 'CopyToClipboard';
 exports.default = exports.CopyToClipboard;

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

@@ -28,12 +28,12 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const styled_components_1 = require("styled-components");
-const popoverStyle_1 = __importDefault(require("../../popover/popoverStyle"));
+const globalStyle_1 = __importDefault(require("../../popover/globalStyle"));
 const portal_1 = require("../../portal");
 const theme_1 = __importDefault(require("../../theme"));
 const toast_1 = require("../../toast");
 const context_1 = require("./context");
-const globalStyle_1 = __importDefault(require("./globalStyle"));
+const globalStyle_2 = __importDefault(require("./globalStyle"));
 const notifyOffline_1 = __importDefault(require("./notifyOffline"));
 const reducers_1 = require("./reducers");
 const resetCSS_1 = __importDefault(require("./resetCSS"));
@@ -48,8 +48,8 @@ const VuiProvider = ({ children, globalStyle = true, resetCSS = true, theme = th
         react_1.default.createElement(styled_components_1.ThemeProvider, { theme: theme },
             react_1.default.createElement(react_1.default.Fragment, null,
                 resetCSS && react_1.default.createElement(resetCSS_1.default, null),
-                react_1.default.createElement(globalStyle_1.default, { globalStyle: globalStyle }),
-                react_1.default.createElement(popoverStyle_1.default, null),
+                react_1.default.createElement(globalStyle_2.default, { globalStyle: globalStyle }),
+                react_1.default.createElement(globalStyle_1.default, null),
                 children,
                 notifyOffline && react_1.default.createElement(notifyOffline_1.default, null),
                 react_1.default.createElement(portal_1.Portal, null,

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

@@ -1 +1 @@
-{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA0NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../../src/footer/footer.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAwC,YAAY,EAAE,MAAM,SAAS,CAAA;AAO5E,OAAO,EAAkB,WAAW,EAAE,MAAM,gBAAgB,CAAA;AAC5D,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAC3C,OAAO,UAAU,MAAM,cAAc,CAAA;AACrC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,aAAa,MAAM,iBAAiB,CAAA;AAK3C,eAAO,MAAM,UAAU,+HAItB,CAAA;AAGD,oGAAoG;AACpG,eAAO,MAAM,MAAM;YA2NT,mBAAmB;aAClB,oBAAoB;aACpB,oBAAoB;UACvB,iBAAiB;SAClB,gBAAgB;aACZ,oBAAoB;CAC9B,CAAA;AAUD,eAAe,MAAM,CAAA"}

package/dist/cjs/footer/footer.js

@@ -89,7 +89,7 @@ exports.Footer = (0, core_1.vui)((props, ref) => {
                                 react_1.default.createElement(t_1.T, { weight: "demi" }, "Veracity by DNV"),
                                 ", DNV AS"))),
                         react_1.default.createElement(box_1.Box, null, applicationSocialLinks === null || applicationSocialLinks === void 0 ? void 0 :
-                            applicationSocialLinks.map((link, index) => (react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: link.url, iconLeft: react_1.default.createElement(link_1.Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' } }, styles.link)))),
+                            applicationSocialLinks.map((link, index) => (react_1.default.createElement(link_1.Link, Object.assign({ "aria-label": link.text, fontWeight: "demi", href: link.url, iconLeft: react_1.default.createElement(link_1.Link.Icon, { name: `cubCircle${link.text}`, radius: "50%", size: "xs" }), isExternal: true, key: index, mr: 1, size: { _: 'sm', md: 'md' } }, styles.link)))),
                             react_1.default.createElement(link_1.Link, Object.assign({ fontWeight: "demi", href: linkedIn !== null && linkedIn !== void 0 ? linkedIn : footerTrademark_1.defaultLinkedInUrl, isExternal: true, size: { _: 'sm', md: 'md' } }, styles.link),
                                 react_1.default.createElement(footerHeading_1.default, { fontSize: "16px", mb: 0, text: "Follow us" }))))))),
             !isApplication && isSlim && (react_1.default.createElement(footerContent_1.default, { alignContent: "center", alignItems: "center", maxW: { xs: 343, sm: 305, md: 720, lg: 975 } },

package/dist/cjs/header/headerAccountUserInfo.js

@@ -32,7 +32,7 @@ exports.HeaderAccountUserInfo = (0, core_1.vui)((props, ref) => {
         react_1.default.createElement(box_1.default, { column: true, rowGap: role ? 0 : 0.5 },
             displayName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: displayName, weight: "demi" }, displayName)),
             companyName && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, pr: 1, title: companyName }, companyName)),
-            role && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.5, pr: 1, title: role }, role)))))));
+            role && (react_1.default.createElement(t_1.default, { color: localColor, fontSize: isApplication ? '12px' : 'inherit', isTruncated: true, opacity: 0.65, pr: 1, title: role }, role)))))));
 });
 exports.HeaderAccountUserInfo.displayName = 'HeaderAccountUserInfo';
 exports.default = exports.HeaderAccountUserInfo;

package/dist/cjs/index.d.ts

@@ -43,6 +43,8 @@ export * from './radio';
 export * from './select';
 export * from './sidemenu';
 export * from './skeleton';
+export * from './stepperIndicator';
+export * from './stepperVertical';
 export * from './spinner';
 export * from './svg';
 export * from './switch';

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,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,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,oBAAoB,CAAA;AAClC,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,QAAQ,CAAA;AACtB,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,YAAY,CAAA;AAC1B,cAAc,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,mBAAmB,CAAA;AACjC,cAAc,QAAQ,CAAA;AACtB,cAAc,cAAc,CAAA;AAC5B,cAAc,cAAc,CAAA;AAC5B,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,cAAc,eAAe,CAAA;AAC7B,cAAc,aAAa,CAAA;AAC3B,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,oBAAoB,CAAA;AAClC,cAAc,SAAS,CAAA;AACvB,cAAc,UAAU,CAAA;AACxB,cAAc,YAAY,CAAA;AAC1B,cAAc,YAAY,CAAA;AAC1B,cAAc,oBAAoB,CAAA;AAClC,cAAc,mBAAmB,CAAA;AACjC,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,QAAQ,CAAA;AACtB,cAAc,YAAY,CAAA;AAC1B,cAAc,SAAS,CAAA"}

package/dist/cjs/index.js

@@ -59,6 +59,8 @@ __exportStar(require("./radio"), exports);
 __exportStar(require("./select"), exports);
 __exportStar(require("./sidemenu"), exports);
 __exportStar(require("./skeleton"), exports);
+__exportStar(require("./stepperIndicator"), exports);
+__exportStar(require("./stepperVertical"), exports);
 __exportStar(require("./spinner"), exports);
 __exportStar(require("./svg"), exports);
 __exportStar(require("./switch"), exports);

package/dist/cjs/menu/menuList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAuBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAQD,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"menuList.d.ts","sourceRoot":"","sources":["../../../src/menu/menuList.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,IAAI,MAAM,SAAS,CAAA;AAI1B,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAA;AAE5C,kEAAkE;AAClE,eAAO,MAAM,QAAQ;aAuBV,OAAO,KAAK,OAAO;aACnB,OAAO,KAAK,OAAO;UACtB,OAAO,KAAK,IAAI;UAChB,OAAO,KAAK,IAAI;UAChB,OAAO,SAAS;CACvB,CAAA;AAUD,eAAe,QAAQ,CAAA"}

package/dist/cjs/menu/menuList.js

@@ -38,4 +38,5 @@ exports.MenuList.Heading = list_1.default.Heading;
 exports.MenuList.Icon = list_1.default.Icon;
 exports.MenuList.Item = list_1.default.Item;
 exports.MenuList.Text = list_1.default.Text;
+exports.MenuList.displayName = 'MenuList';
 exports.default = exports.MenuList;

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;AAQD,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;YAgEf,yBAAyB;UAC3B,uBAAuB;UACvB,uBAAuB;WACtB,wBAAwB;CAChC,CAAA;AAQD,eAAe,YAAY,CAAA"}

package/dist/cjs/notification/notification.js

@@ -46,7 +46,7 @@ exports.Notification = (0, core_1.vui)((props, ref) => {
             " ",
             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, { alignSelf: alignSelf, "aria-label": "close", icon: "falTimes", onClick: onClose, variant: variant, w: "32px" })))));
 });
 exports.Notification.Button = notificationButton_1.default;
 exports.Notification.Icon = notificationIcon_1.default;

package/dist/cjs/pagination/paginationNavigation.js

@@ -52,10 +52,10 @@ exports.PaginationNavigation = (0, core_1.vui)((props, ref) => {
     const { items } = (0, context_1.usePaginationContext)();
     const styles = (0, core_1.useStyleConfig)('Pagination', (0, context_1.usePaginationContext)());
     return (react_1.default.createElement(box_1.default, Object.assign({ className: (0, utils_1.cs)('vui-paginationNavigation', className), gap: 1, ref: ref, wrap: true }, styles.navigation, rest), children !== null && children !== void 0 ? children : items.map(item => (react_1.default.createElement(react_1.Fragment, { key: item },
-        item === 'previous' && react_1.default.createElement(paginationPrevNext_1.default, { direction: "previous" }),
+        item === 'previous' && react_1.default.createElement(paginationPrevNext_1.default, { "aria-label": "previous", direction: "previous" }),
         (0, utils_1.isNumber)(item) && react_1.default.createElement(paginationButton_1.default, { page: item }),
         (0, utils_1.isString)(item) && item.includes('ellipsis') && react_1.default.createElement(paginationEllipsis_1.default, null),
-        item === 'next' && react_1.default.createElement(paginationPrevNext_1.default, { direction: "next" }))))));
+        item === 'next' && react_1.default.createElement(paginationPrevNext_1.default, { "aria-label": "next", direction: "next" }))))));
 });
 exports.PaginationNavigation.displayName = 'PaginationNavigation';
 exports.default = exports.PaginationNavigation;

package/dist/cjs/popover/{popoverStyle.d.ts → globalStyle.d.ts}

@@ -1,3 +1,3 @@
 declare const _default: import("styled-components").GlobalStyleComponent<{}, import("styled-components").DefaultTheme>;
 export default _default;
-//# sourceMappingURL=popoverStyle.d.ts.map
+//# sourceMappingURL=globalStyle.d.ts.map

package/dist/cjs/popover/globalStyle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"globalStyle.d.ts","sourceRoot":"","sources":["../../../src/popover/globalStyle.ts"],"names":[],"mappings":";AAEA,wBAkBC"}

package/dist/cjs/popover/index.d.ts

@@ -3,7 +3,6 @@ export * from './context';
 export { default, default as Popover } from './popover';
 export * from './popover.types';
 export { default as PopoverContent } from './popoverContent';
-export { default as PopoverStyle } from './popoverStyle';
 export { default as PopoverTrigger } from './popoverTrigger';
 export { default as usePopover } from './usePopover';
 export * from './usePopover.types';

package/dist/cjs/popover/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AACvD,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,gBAAgB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,cAAc,oBAAoB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/popover/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA;AACxB,cAAc,WAAW,CAAA;AACzB,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAA;AACvD,cAAc,iBAAiB,CAAA;AAC/B,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAA;AACpD,cAAc,oBAAoB,CAAA"}

package/dist/cjs/popover/index.js

@@ -17,7 +17,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.usePopover = exports.PopoverTrigger = exports.PopoverStyle = exports.PopoverContent = exports.Popover = exports.default = void 0;
+exports.usePopover = exports.PopoverTrigger = exports.PopoverContent = exports.Popover = exports.default = void 0;
 __exportStar(require("./consts"), exports);
 __exportStar(require("./context"), exports);
 var popover_1 = require("./popover");
@@ -26,8 +26,6 @@ Object.defineProperty(exports, "Popover", { enumerable: true, get: function () {
 __exportStar(require("./popover.types"), exports);
 var popoverContent_1 = require("./popoverContent");
 Object.defineProperty(exports, "PopoverContent", { enumerable: true, get: function () { return __importDefault(popoverContent_1).default; } });
-var popoverStyle_1 = require("./popoverStyle");
-Object.defineProperty(exports, "PopoverStyle", { enumerable: true, get: function () { return __importDefault(popoverStyle_1).default; } });
 var popoverTrigger_1 = require("./popoverTrigger");
 Object.defineProperty(exports, "PopoverTrigger", { enumerable: true, get: function () { return __importDefault(popoverTrigger_1).default; } });
 var usePopover_1 = require("./usePopover");

package/dist/cjs/popover/popoverContent.js

@@ -30,7 +30,7 @@ exports.PopoverContent = (0, core_1.vui)((props, ref) => {
     const shouldRenderChildren = isLazy ? isOpen : true;
     return (
     // Wrapping div prevents an error thrown when conditionally unmounting this component
-    react_1.default.createElement(core_1.v.div, { ring: 0 },
+    react_1.default.createElement(core_1.v.div, { className: "vui-popoverContainer", ring: 0 },
         react_1.default.createElement(box_1.default, Object.assign({ bg: "white", borderRadius: "md", boxShadow: "2", className: (0, utils_1.cs)('vui-popoverContent', className), overflowY: "auto", ref: (0, utils_1.mergeRefs)(setPopper, ref), ring: 0 }, styles.content, rest), shouldRenderChildren ? children : null)));
 });
 exports.PopoverContent.displayName = 'PopoverContent';

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

@@ -1 +1 @@
-{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAmFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"sidemenu.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenu.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAuB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3D,OAAO,EAAqB,aAAa,EAAE,MAAM,kBAAkB,CAAA;AACnE,OAAO,YAAY,MAAM,gBAAgB,CAAA;AACzC,OAAO,WAAW,MAAM,eAAe,CAAA;AAEvC,8CAA8C;AAC9C,eAAO,MAAM,QAAQ;SAoFd,kBAAkB;UACjB,mBAAmB;CAC1B,CAAA;AAMD,eAAe,QAAQ,CAAA"}

package/dist/cjs/sidemenu/sidemenu.js

@@ -75,7 +75,7 @@ exports.Sidemenu = (0, core_1.vui)((props, ref) => {
                 ? (_a = items === null || items === void 0 ? void 0 : items.map) === null || _a === void 0 ? void 0 : _a.call(items, (item, key) => (react_1.default.createElement(sidemenuItem_1.default, Object.assign({ isActive: (0, utils_1.isActivePath)(item === null || item === void 0 ? void 0 : item.path), key: key }, item, { onClick: () => onItemClick(item) }))))
                 : children),
             react_1.default.createElement(box_1.default, Object.assign({ className: "vui-sidemenu-bottom", w: "100%" }, styles.bottom),
-                react_1.default.createElement(button_1.default, { borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
+                react_1.default.createElement(button_1.default, { "aria-label": isExpandedHorizontally ? 'Collapse' : 'Expand', borderRadius: 0, justifyContent: justifyContent, minH: size === 'lg' ? '56px' : '40px', onClick: onToggle, variant: isDark ? 'tertiaryLight' : 'tertiaryDark', w: "100%" },
                     react_1.default.createElement(icon_1.default, { name: icon }))))));
 });
 exports.Sidemenu.Top = sidemenuTop_1.default;

package/dist/cjs/sidemenu/sidemenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAiGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}
+{"version":3,"file":"sidemenuItem.d.ts","sourceRoot":"","sources":["../../../src/sidemenu/sidemenuItem.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAyB,YAAY,EAAE,MAAM,SAAS,CAAA;AAK7D,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAA;AAGpD,mBAAmB;AACnB,eAAO,MAAM,YAAY,wCAkGmB,CAAA;AAI5C,eAAe,YAAY,CAAA"}

package/dist/cjs/sidemenu/sidemenuItem.js

@@ -74,7 +74,7 @@ exports.SidemenuItem = (0, core_1.vui)((props, ref) => {
             react_1.default.createElement(popover_1.Popover.Content, { shadow: "none" },
                 react_1.default.createElement(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%" }, children)))) : (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-sidemenu-item', className) }, buttonStyles),
             innerContent,
-            hasChildrenExpanded && (react_1.default.createElement(button_1.default, { className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
+            hasChildrenExpanded && (react_1.default.createElement(button_1.default, { "aria-label": isExpandedVertically ? 'Collapse' : 'Expand', className: "vui-sidemenu-item-expand", icon: isExpandedVertically ? 'falChevronUp' : 'falChevronDown', mr: 1, onClick: toggle, size: "sm", variant: isDark ? 'tertiaryLight' : 'tertiaryDark' })))),
         !!children && hasChildrenExpanded && isExpandedVertically && (react_1.default.createElement(box_1.default, { flexDirection: "column", justifyContent: "start", w: "100%" }, children))));
 });
 exports.SidemenuItem.displayName = 'SidemenuItem';

package/dist/cjs/stepperIndicator/index.d.ts

@@ -0,0 +1,4 @@
+export * from './stepperIndicator';
+export { default } from './stepperIndicator';
+export * from './stepperIndicator';
+//# sourceMappingURL=index.d.ts.map

package/dist/cjs/stepperIndicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAA;AAClC,OAAO,EAAE,OAAO,EAAE,MAAM,oBAAoB,CAAA;AAC5C,cAAc,oBAAoB,CAAA"}

package/dist/cjs/stepperIndicator/index.js

@@ -0,0 +1,24 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.default = void 0;
+__exportStar(require("./stepperIndicator"), exports);
+var stepperIndicator_1 = require("./stepperIndicator");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(stepperIndicator_1).default; } });
+__exportStar(require("./stepperIndicator"), exports);

package/dist/cjs/stepperIndicator/stepperIndicator.d.ts

@@ -0,0 +1,7 @@
+import { StepperIndicatorProps } from './stepperIndicatorTypes';
+/**
+ * Implements stepper indicator **
+ */
+export declare const StepperIndicator: import("../core").VuiComponent<"div", StepperIndicatorProps>;
+export default StepperIndicator;
+//# sourceMappingURL=stepperIndicator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepperIndicator.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicator.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,qBAAqB,EAAE,MAAM,yBAAyB,CAAA;AAS/D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAmC3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/stepperIndicator/stepperIndicator.js

@@ -0,0 +1,46 @@
+"use strict";
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepperIndicator = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = __importDefault(require("../box"));
+const button_1 = __importDefault(require("../button"));
+const core_1 = require("../core");
+const icon_1 = __importDefault(require("../icon"));
+const t_1 = __importDefault(require("../t"));
+const utils_1 = require("../utils");
+const Content = ({ number, variant, size }) => {
+    if (typeof number === 'undefined')
+        return null;
+    if (variant === 'completed')
+        return react_1.default.createElement(icon_1.default, { name: "falCheck", size: size });
+    if (variant === 'error')
+        return react_1.default.createElement(icon_1.default, { name: "falTimes", size: size });
+    return react_1.default.createElement(t_1.default, { fontWeight: 600 }, number);
+};
+/**
+ * Implements stepper indicator **
+ */
+exports.StepperIndicator = (0, core_1.vui)((props, ref) => {
+    const { icon, number, className, size, variant } = props, rest = __rest(props, ["icon", "number", "className", "size", "variant"]);
+    const styles = (0, core_1.useStyleConfig)('StepperIndicator', props);
+    return icon ? (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-stepperIndicator', className), icon: icon, ref: ref }, styles.icon, rest, { isRound: true, minW: "auto", pointerEvents: "none", size: size }))) : (react_1.default.createElement(button_1.default, Object.assign({ className: (0, utils_1.cs)('vui-stepperIndicator', className), ref: ref }, styles.button, rest, { isRound: true, minW: "auto", outline: "6px solid white", pointerEvents: "none", position: "relative", size: size }),
+        react_1.default.createElement(box_1.default, { mx: 0.5, position: "relative" }),
+        react_1.default.createElement(box_1.default, { fontSize: `${size === 'md' ? 16 : 13}px`, mx: 0.5, position: "absolute" },
+            react_1.default.createElement(Content, { number: number, size: size, variant: variant }))));
+});
+exports.StepperIndicator.displayName = 'StepperIndicator';
+exports.default = exports.StepperIndicator;

package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts

@@ -0,0 +1,10 @@
+import { IconProp } from '../icon';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type StepperIndicatorProps = SystemProps & ThemingProps<'StepperIndicator'> & {
+    icon?: IconProp;
+    className?: string;
+    number?: number;
+};
+export type StepperIndicatorVariant = 'active' | 'completed' | 'optional' | 'pending' | 'error';
+//# sourceMappingURL=stepperIndicatorTypes.d.ts.map

package/dist/cjs/stepperIndicator/stepperIndicatorTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperIndicatorTypes.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/stepperIndicatorTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,qBAAqB,GAAG,WAAW,GAC7C,YAAY,CAAC,kBAAkB,CAAC,GAAG;IACjC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,MAAM,CAAA;CAChB,CAAA;AAEH,MAAM,MAAM,uBAAuB,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,SAAS,GAAG,OAAO,CAAA"}

package/dist/cjs/stepperIndicator/stepperIndicatorTypes.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -0,0 +1,64 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+        variant: string;
+    };
+    sizes: {
+        sm: {};
+        md: {};
+    };
+    variants: {
+        active: {
+            button: {
+                bg: string;
+            };
+            icon: {
+                bg: string;
+                color: string;
+            };
+        };
+        completed: {
+            button: {
+                bg: string;
+            };
+            icon: {
+                bg: string;
+                color: string;
+            };
+        };
+        optional: {
+            button: {
+                bg: string;
+                borderColor: string;
+                color: string;
+            };
+            icon: {
+                bg: string;
+                color: string;
+            };
+        };
+        pending: {
+            button: {
+                bg: string;
+                color: string;
+            };
+            icon: {
+                bg: string;
+                color: string;
+            };
+        };
+        error: {
+            button: {
+                bg: string;
+                color: string;
+            };
+            icon: {
+                bg: string;
+                color: string;
+            };
+        };
+    };
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/stepperIndicator/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgEA,wBAKC"}

package/dist/cjs/stepperIndicator/theme.js

@@ -0,0 +1,68 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const baseStyle = {};
+const defaultProps = {
+    size: 'md',
+    variant: 'active'
+};
+const sizes = {
+    sm: {},
+    md: {}
+};
+const variants = {
+    active: {
+        button: {
+            bg: 'seaBlue.main'
+        },
+        icon: {
+            bg: 'white',
+            color: 'seaBlue.main'
+        }
+    },
+    completed: {
+        button: {
+            bg: 'landGreen.41'
+        },
+        icon: {
+            bg: 'white',
+            color: 'landGreen.41'
+        }
+    },
+    optional: {
+        button: {
+            bg: 'white',
+            borderColor: 'seaBlue.45',
+            color: 'seaBlue.45'
+        },
+        icon: {
+            bg: 'white',
+            color: 'seaBlue.45'
+        }
+    },
+    pending: {
+        button: {
+            bg: 'sandstone.90',
+            color: 'sandstone.45'
+        },
+        icon: {
+            bg: 'white',
+            color: 'sandstone.45'
+        }
+    },
+    error: {
+        button: {
+            bg: 'energyRed.45',
+            color: 'white'
+        },
+        icon: {
+            bg: 'white',
+            color: 'energyRed.45'
+        }
+    }
+};
+exports.default = {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/cjs/stepperVertical/consts.d.ts

@@ -0,0 +1,18 @@
+export declare const variantColor: {
+    active: string;
+    completed: string;
+    optional: string;
+    pending: string;
+    error: string;
+};
+export declare const titleColor: {
+    active: string;
+    completed: string;
+    optional: string;
+    pending: string;
+    error: string;
+};
+export declare const boldTitles: string[];
+export declare const stepClassName = "vui-stepVertical";
+export declare const tailClassName: string;
+//# sourceMappingURL=consts.d.ts.map

package/dist/cjs/stepperVertical/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,UAAU,UAAsB,CAAA;AAE7C,eAAO,MAAM,aAAa,qBAAqB,CAAA;AAE/C,eAAO,MAAM,aAAa,QAAyB,CAAA"}

package/dist/cjs/stepperVertical/consts.js

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tailClassName = exports.stepClassName = exports.boldTitles = exports.titleColor = exports.variantColor = void 0;
+exports.variantColor = {
+    active: 'seaBlue.main',
+    completed: 'landGreen.41',
+    optional: 'seaBlue.45',
+    pending: 'sandstone.90',
+    error: 'energyRed.main'
+};
+exports.titleColor = {
+    active: 'sandstone.10',
+    completed: 'sandstone.10',
+    optional: 'sandstone.10',
+    pending: 'sandstone.55',
+    error: 'energyRed.main'
+};
+exports.boldTitles = ['active', 'error'];
+exports.stepClassName = 'vui-stepVertical';
+exports.tailClassName = exports.stepClassName + 'Tail';