@veracity/vui 2.15.4 → 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/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/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/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/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';

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

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Dict } from '../utils';
+declare const StepperVerticalProvider: import("react").Provider<Dict<any>>, useStepperVerticalContext: () => Dict<any>;
+export { StepperVerticalProvider, useStepperVerticalContext };
+//# sourceMappingURL=context.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,uBAAuB,uCAAE,yBAAyB,iBAA6C,CAAA;AAEtG,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/cjs/stepperVertical/context.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useStepperVerticalContext = exports.StepperVerticalProvider = void 0;
+const utils_1 = require("../utils");
+const [StepperVerticalProvider, useStepperVerticalContext] = (0, utils_1.createContext)({ isOptional: true });
+exports.StepperVerticalProvider = StepperVerticalProvider;
+exports.useStepperVerticalContext = useStepperVerticalContext;

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

@@ -0,0 +1,5 @@
+export * from './stepperVertical';
+export * from './stepVertical';
+export { default } from './stepperVertical';
+export * from './stepperVerticalTypes';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,cAAc,wBAAwB,CAAA"}

package/dist/cjs/stepperVertical/index.js

@@ -0,0 +1,25 @@
+"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("./stepperVertical"), exports);
+__exportStar(require("./stepVertical"), exports);
+var stepperVertical_1 = require("./stepperVertical");
+Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(stepperVertical_1).default; } });
+__exportStar(require("./stepperVerticalTypes"), exports);

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

@@ -0,0 +1,8 @@
+import { StepVerticalProps } from './stepperVerticalTypes';
+export declare const StepVerticalBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/**
+ * Implements a vertical step component
+ */
+export declare const StepVertical: import("../core").VuiComponent<"div", StepVerticalProps>;
+export default StepVertical;
+//# sourceMappingURL=stepVertical.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepVertical.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVertical.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI1D,eAAO,MAAM,gBAAgB,+HAI5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,0DA0BxB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist/cjs/stepperVertical/stepVertical.js

@@ -0,0 +1,37 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StepVertical = exports.StepVerticalBase = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const stepperIndicator_1 = require("../stepperIndicator");
+const utils_1 = require("../utils");
+const consts_1 = require("./consts");
+const context_1 = require("./context");
+const stepVerticalTail_1 = __importDefault(require("./stepVerticalTail"));
+const stepVerticalTitle_1 = __importDefault(require("./stepVerticalTitle"));
+exports.StepVerticalBase = core_1.styled.divBox `
+  display: flex;
+  position: relative;
+  width: 100%;
+`;
+/**
+ * Implements a vertical step component
+ */
+exports.StepVertical = (0, core_1.vui)(({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {
+    const context = (0, context_1.useStepperVerticalContext)();
+    const size = (context === null || context === void 0 ? void 0 : context.size) || propSize;
+    return (react_1.default.createElement(exports.StepVerticalBase, { className: (0, utils_1.cs)(consts_1.stepClassName, className), ref: ref },
+        react_1.default.createElement(stepVerticalTail_1.default, { size: size, variant: variant }),
+        react_1.default.createElement(box_1.Box, { flex: `0 0 ${size === 'md' ? 40 : 30}px` },
+            react_1.default.createElement(stepperIndicator_1.StepperIndicator, { icon: icon, number: number, size: size, variant: variant })),
+        react_1.default.createElement(box_1.Box, { flex: "1", flexDirection: "column" },
+            !!title && (react_1.default.createElement(stepVerticalTitle_1.default, { size: size, variant: variant }, title)),
+            !!description && (react_1.default.createElement(box_1.Box, { color: "sandstone.45", fontSize: `${size === 'md' ? 14 : 12}px` }, description)),
+            react_1.default.createElement(box_1.Box, null, children))));
+});
+exports.StepVertical.displayName = 'StepVertical';
+exports.default = exports.StepVertical;

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

@@ -0,0 +1,7 @@
+import { StepVerticalTailProps } from './stepperVerticalTypes';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export declare const StepVerticalTail: import("../core").VuiComponent<"div", StepVerticalTailProps>;
+export default StepVerticalTail;
+//# sourceMappingURL=stepVerticalTail.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTail.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTail.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAc3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/cjs/stepperVertical/stepVerticalTail.js

@@ -0,0 +1,31 @@
+"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.StepVerticalTail = void 0;
+const react_1 = __importDefault(require("react"));
+const box_1 = require("../box");
+const core_1 = require("../core");
+const utils_1 = require("../utils");
+const consts_1 = require("./consts");
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+exports.StepVerticalTail = (0, core_1.vui)((props, ref) => {
+    const { children, className, size = 'md', variant = 'active' } = props, rest = __rest(props, ["children", "className", "size", "variant"]);
+    return (react_1.default.createElement(box_1.Box, Object.assign({ borderRight: `1px solid ${consts_1.variantColor[variant]}`, className: (0, utils_1.cs)(consts_1.tailClassName), maxW: "16px", minH: "100%", position: "absolute", ref: ref, w: `${size === 'md' ? 16 : 12}px` }, rest)));
+});
+exports.StepVerticalTail.displayName = 'StepVerticalTail';
+exports.default = exports.StepVerticalTail;

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

@@ -0,0 +1,7 @@
+import { StepVerticalTitleProps } from './stepperVerticalTypes';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export declare const StepVerticalTitle: import("../core").VuiComponent<"div", StepVerticalTitleProps>;
+export default StepVerticalTitle;
+//# sourceMappingURL=stepVerticalTitle.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTitle.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTitle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB,+DAe5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}