@elliemae/ds-stepper 2.2.0-alpha.4 → 3.0.0-next.2

package/cjs/Stepper.js

@@ -1,64 +1,61 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var Stepper_exports = {};
-__export(Stepper_exports, {
-  DSStepper: () => DSStepper,
-  StepperWithSchema: () => StepperWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_uid = require("uid");
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_props = require("./props");
-var import_styled = require("./styled");
-const DSStepper = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps);
-  const { steps, current, visited } = propsWithDefaults;
-  const stepsArray = import_react.default.useMemo(() => new Array(steps).fill(1), [steps]);
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StepperWrapper, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('core-js/modules/esnext.async-iterator.map.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var React = require('react');
+var uid = require('uid');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var props = require('./props.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSStepper = props$1 => {
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.dsStepperProps);
+  const {
     steps,
     current,
-    visited,
-    ...(0, import_ds_props_helpers.getAriaProps)(props),
-    ...(0, import_ds_props_helpers.getDataProps)(props)
-  }, stepsArray.map((item, index) => /* @__PURE__ */ import_react.default.createElement(import_styled.Step, {
-    key: `${(0, import_uid.uid)(4)}step-key-${index}`,
-    active: current === index,
-    visited: visited.includes(index),
-    "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
-    "data-active": current === index,
-    "data-visited": visited.includes(index)
-  })));
+    visited
+  } = propsWithDefaults;
+  const stepsArray = React__default["default"].useMemo(() => new Array(steps).fill(1), [steps]);
+  return /*#__PURE__*/jsxRuntime.jsx(styled.StepperWrapper, _objectSpread(_objectSpread(_objectSpread({
+    steps: steps,
+    current: current,
+    visited: visited
+  }, dsPropsHelpers.getAriaProps(props$1)), dsPropsHelpers.getDataProps(props$1)), {}, {
+    children: stepsArray.map((item, index) => /*#__PURE__*/_jsx__default["default"](styled.Step // eslint-disable-next-line react/no-array-index-key
+    , {
+      active: current === index,
+      visited: visited.includes(index),
+      "data-testid": props$1['data-testid'] ? "".concat(props$1['data-testid'], "-step") : undefined,
+      "data-active": current === index,
+      "data-visited": visited.includes(index)
+    }, "".concat(uid.uid(4), "step-key-").concat(index)))
+  }));
 };
-DSStepper.propTypes = import_props.dsStepperProps;
-const StepperWithSchema = (0, import_react_desc.describe)(DSStepper);
-StepperWithSchema.propTypes = import_props.dsStepperProps;
-module.exports = __toCommonJS(Stepper_exports);
-//# sourceMappingURL=Stepper.js.map
+
+const StepperWithSchema = reactDesc.describe(DSStepper);
+StepperWithSchema.propTypes = props.dsStepperProps;
+
+exports.DSStepper = DSStepper;
+exports.StepperWithSchema = StepperWithSchema;

package/cjs/StepperButton.js

@@ -1,61 +1,60 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var StepperButton_exports = {};
-__export(StepperButton_exports, {
-  DSStepperButton: () => DSStepperButton,
-  DSStepperButtonWithSchema: () => DSStepperButtonWithSchema
-});
-var React = __toESM(require("react"));
-var import_react = __toESM(require("react"));
-var import_react_desc = require("react-desc");
-var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_icons = require("@elliemae/ds-icons");
-var import_props = require("./props");
-var import_styled = require("./styled");
-const DSStepperButton = (props) => {
-  const propsWithDefaults = (0, import_ds_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultButtonProps);
-  (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps);
-  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
-  return /* @__PURE__ */ import_react.default.createElement(import_styled.StyledButton, {
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('core-js/modules/esnext.async-iterator.filter.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.async-iterator.for-each.js');
+require('core-js/modules/esnext.iterator.for-each.js');
+var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _jsx = require('@babel/runtime/helpers/jsx');
+require('react');
+var reactDesc = require('react-desc');
+var dsPropsHelpers = require('@elliemae/ds-props-helpers');
+var dsButton = require('@elliemae/ds-button');
+var dsIcons = require('@elliemae/ds-icons');
+var props = require('./props.js');
+var styled = require('./styled.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var _defineProperty__default = /*#__PURE__*/_interopDefaultLegacy(_defineProperty);
+var _jsx__default = /*#__PURE__*/_interopDefaultLegacy(_jsx);
+
+var _ChevronLeft, _ChevronRight;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty__default["default"](target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSStepperButton = props$1 => {
+  const propsWithDefaults = dsPropsHelpers.useMemoMergePropsWithDefault(props$1, props.defaultButtonProps);
+  dsPropsHelpers.useValidateTypescriptPropTypes(propsWithDefaults, props.dsStepperButtonProps);
+  const {
+    chevron,
+    fontSize,
+    label,
     disabled,
     onClick,
-    innerRef,
-    buttonType: import_ds_button.BUTTON_TYPES.TEXT,
-    fontSize,
-    ...(0, import_ds_props_helpers.getAriaProps)(props),
-    ...(0, import_ds_props_helpers.getDataProps)(props)
-  }, chevron === "left" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronLeft, null) : null, /* @__PURE__ */ import_react.default.createElement(import_styled.Label, {
-    value: label
-  }), chevron === "right" ? /* @__PURE__ */ import_react.default.createElement(import_ds_icons.ChevronRight, null) : null);
+    innerRef
+  } = propsWithDefaults;
+  return /*#__PURE__*/jsxRuntime.jsxs(styled.StyledButton, _objectSpread(_objectSpread(_objectSpread({
+    disabled: disabled,
+    onClick: onClick,
+    innerRef: innerRef,
+    buttonType: dsButton.BUTTON_TYPES.TEXT,
+    fontSize: fontSize
+  }, dsPropsHelpers.getAriaProps(props$1)), dsPropsHelpers.getDataProps(props$1)), {}, {
+    children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronLeft, {})) : null, /*#__PURE__*/_jsx__default["default"](styled.Label, {
+      value: label
+    }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx__default["default"](dsIcons.ChevronRight, {})) : null]
+  }));
 };
-DSStepperButton.propTypes = import_props.dsStepperButtonProps;
-const DSStepperButtonWithSchema = (0, import_react_desc.describe)(DSStepperButton);
-DSStepperButtonWithSchema.propTypes = import_props.dsStepperButtonProps;
-module.exports = __toCommonJS(StepperButton_exports);
-//# sourceMappingURL=StepperButton.js.map
+
+const DSStepperButtonWithSchema = reactDesc.describe(DSStepperButton);
+DSStepperButtonWithSchema.propTypes = props.dsStepperButtonProps;
+
+exports.DSStepperButton = DSStepperButton;
+exports.DSStepperButtonWithSchema = DSStepperButtonWithSchema;

package/cjs/index.js

@@ -1,29 +1,13 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var src_exports = {};
-var React = __toESM(require("react"));
-__reExport(src_exports, require("./Stepper"));
-__reExport(src_exports, require("./StepperButton"));
-module.exports = __toCommonJS(src_exports);
-//# sourceMappingURL=index.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Stepper = require('./Stepper.js');
+var StepperButton = require('./StepperButton.js');
+
+
+
+exports.DSStepper = Stepper.DSStepper;
+exports.StepperWithSchema = Stepper.StepperWithSchema;
+exports.DSStepperButton = StepperButton.DSStepperButton;
+exports.DSStepperButtonWithSchema = StepperButton.DSStepperButtonWithSchema;

package/cjs/props.js

@@ -1,73 +1,42 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var props_exports = {};
-__export(props_exports, {
-  defaultButtonProps: () => defaultButtonProps,
-  defaultProps: () => defaultProps,
-  dsStepperButtonProps: () => dsStepperButtonProps,
-  dsStepperProps: () => dsStepperProps
-});
-var React = __toESM(require("react"));
-var import_lodash = require("lodash");
-var import_react_desc = require("react-desc");
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var lodash = require('lodash');
+var reactDesc = require('react-desc');
+
 const BUTTON_SIZES = {
-  normal: "normal",
-  large: "large"
-};
-const CHEVRON_TYPE = {
-  left: "left",
-  right: "right"
+  normal: 'normal',
+  large: 'large'
 };
 const defaultProps = {
   steps: 5,
-  current: void 0,
+  current: undefined,
   visited: []
 };
 const dsStepperProps = {
-  steps: import_react_desc.PropTypes.number.description("Number of steps").isRequired,
-  current: import_react_desc.PropTypes.number.description("Index of active step"),
-  visited: import_react_desc.PropTypes.arrayOf(import_react_desc.PropTypes.number).description("Array of visited steps").isRequired
+  steps: reactDesc.PropTypes.number.description('Number of steps').isRequired,
+  current: reactDesc.PropTypes.number.description('Index of active step'),
+  visited: reactDesc.PropTypes.arrayOf(reactDesc.PropTypes.number).description('Array of visited steps').isRequired
 };
 const defaultButtonProps = {
-  chevron: void 0,
+  chevron: undefined,
   fontSize: BUTTON_SIZES.normal,
   disabled: false,
-  onClick: import_lodash.noop
+  onClick: lodash.noop
 };
 const dsStepperButtonProps = {
-  chevron: import_react_desc.PropTypes.oneOf(["left", "right", null]).description("Chevron icon position, if null/undefined no chevron will be shown").defaultValue(null),
-  fontSize: import_react_desc.PropTypes.oneOf(["normal", "large"]).description("Label size, used for marking last step").defaultValue("normal"),
-  label: import_react_desc.PropTypes.string.description("Text Label, this only accepts text, no custom JSX").isRequired,
-  disabled: import_react_desc.PropTypes.bool.description("Adds disabled state."),
-  onClick: import_react_desc.PropTypes.func.description("OnClick callback handler.").defaultValue("()=>{}"),
-  innerRef: import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.object, import_react_desc.PropTypes.func]).description("Inner ref to button component."),
-  "aria-": import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.bool]).description("accept all the aria-* props, MUST receive aria-label"),
-  "data-": import_react_desc.PropTypes.oneOfType([import_react_desc.PropTypes.string, import_react_desc.PropTypes.bool]).description("accept all the data-* props")
-};
-module.exports = __toCommonJS(props_exports);
-//# sourceMappingURL=props.js.map
+  chevron: reactDesc.PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
+  fontSize: reactDesc.PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
+  label: reactDesc.PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,
+  disabled: reactDesc.PropTypes.bool.description('Adds disabled state.'),
+  onClick: reactDesc.PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
+  innerRef: reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.object, reactDesc.PropTypes.func]).description('Inner ref to button component.'),
+  'aria-': reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.bool]).description('accept all the aria-* props, MUST receive aria-label'),
+  'data-': reactDesc.PropTypes.oneOfType([reactDesc.PropTypes.string, reactDesc.PropTypes.bool]).description('accept all the data-* props')
+};
+
+exports.defaultButtonProps = defaultButtonProps;
+exports.defaultProps = defaultProps;
+exports.dsStepperButtonProps = dsStepperButtonProps;
+exports.dsStepperProps = dsStepperProps;

package/cjs/styled.js

@@ -1,69 +1,29 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __markAsModule = (target) => __defProp(target, "__esModule", { value: true });
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __reExport = (target, module2, copyDefault, desc) => {
-  if (module2 && typeof module2 === "object" || typeof module2 === "function") {
-    for (let key of __getOwnPropNames(module2))
-      if (!__hasOwnProp.call(target, key) && (copyDefault || key !== "default"))
-        __defProp(target, key, { get: () => module2[key], enumerable: !(desc = __getOwnPropDesc(module2, key)) || desc.enumerable });
-  }
-  return target;
-};
-var __toESM = (module2, isNodeMode) => {
-  return __reExport(__markAsModule(__defProp(module2 != null ? __create(__getProtoOf(module2)) : {}, "default", !isNodeMode && module2 && module2.__esModule ? { get: () => module2.default, enumerable: true } : { value: module2, enumerable: true })), module2);
-};
-var __toCommonJS = /* @__PURE__ */ ((cache) => {
-  return (module2, temp) => {
-    return cache && cache.get(module2) || (temp = __reExport(__markAsModule({}), module2, 1), cache && cache.set(module2, temp), temp);
-  };
-})(typeof WeakMap !== "undefined" ? /* @__PURE__ */ new WeakMap() : 0);
-var styled_exports = {};
-__export(styled_exports, {
-  Label: () => Label,
-  Step: () => Step,
-  StepperWrapper: () => StepperWrapper,
-  StyledButton: () => StyledButton
-});
-var React = __toESM(require("react"));
-var import_styled_components = __toESM(require("styled-components"));
-var import_ds_button = require("@elliemae/ds-button");
-var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
-const StepperWrapper = import_styled_components.default.div`
-    display: grid;
-    align-items: flex-end;
-    grid-template-columns repeat(${(props) => props.steps}, 1fr);
-    column-gap: ${(props) => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs};
-`;
-const Step = import_styled_components.default.div`
-  display: grid;
-  border-radius: 1px;
-  height: ${(props) => props.active ? "5px" : "3px"};
-  background: ${(props) => props.active || props.visited ? props.theme.colors.brand[700] : "#A9B1BE"};
-`;
-const Label = (0, import_styled_components.default)(import_ds_truncated_tooltip_text.SimpleTruncatedTooltipText)`
-  position: relative;
-  top: 1px;
-`;
-const StyledButton = (0, import_styled_components.default)(import_ds_button.DSButtonV2)`
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-  padding-left: ${(props) => props.theme.space.xxs};
-  padding-right: ${(props) => props.theme.space.xxs};
-  color: ${(props) => props.theme.colors.brand[600]};
-  & > span:not(.em-ds-icon) {
-    position: relative;
-    top: ${(props) => props.fontSize === "large" ? "2px" : "1px"};
-    font-size: ${(props) => props.fontSize === "large" ? "22px" : "18px"};
-  }
-`;
-module.exports = __toCommonJS(styled_exports);
-//# sourceMappingURL=styled.js.map
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var styled = require('styled-components');
+var dsButton = require('@elliemae/ds-button');
+var dsTruncatedTooltipText = require('@elliemae/ds-truncated-tooltip-text');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+const StepperWrapper = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fgtqnq-0"
+})(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
+const Step = /*#__PURE__*/styled__default["default"].div.withConfig({
+  componentId: "sc-fgtqnq-1"
+})(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
+const Label = /*#__PURE__*/styled__default["default"](dsTruncatedTooltipText.SimpleTruncatedTooltipText).withConfig({
+  componentId: "sc-fgtqnq-2"
+})(["position:relative;top:1px;"]);
+const StyledButton = /*#__PURE__*/styled__default["default"](dsButton.DSButtonV2).withConfig({
+  componentId: "sc-fgtqnq-3"
+})(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
+
+exports.Label = Label;
+exports.Step = Step;
+exports.StepperWrapper = StepperWrapper;
+exports.StyledButton = StyledButton;

package/esm/Stepper.js

@@ -1,40 +1,50 @@
-import * as React from "react";
-import React2 from "react";
-import { uid } from "uid";
-import { describe } from "react-desc";
-import {
-  useMemoMergePropsWithDefault,
-  useValidateTypescriptPropTypes,
-  getAriaProps,
-  getDataProps
-} from "@elliemae/ds-props-helpers";
-import { dsStepperProps, defaultProps } from "./props";
-import { Step, StepperWrapper } from "./styled";
-const DSStepper = (props) => {
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'core-js/modules/esnext.async-iterator.map.js';
+import 'core-js/modules/esnext.iterator.map.js';
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import React from 'react';
+import { uid } from 'uid';
+import { describe } from 'react-desc';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';
+import { dsStepperProps, defaultProps } from './props.js';
+import { StepperWrapper, Step } from './styled.js';
+import { jsx } from 'react/jsx-runtime';
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSStepper = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
   useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);
-  const { steps, current, visited } = propsWithDefaults;
-  const stepsArray = React2.useMemo(() => new Array(steps).fill(1), [steps]);
-  return /* @__PURE__ */ React2.createElement(StepperWrapper, {
+  const {
     steps,
     current,
-    visited,
-    ...getAriaProps(props),
-    ...getDataProps(props)
-  }, stepsArray.map((item, index) => /* @__PURE__ */ React2.createElement(Step, {
-    key: `${uid(4)}step-key-${index}`,
-    active: current === index,
-    visited: visited.includes(index),
-    "data-testid": props["data-testid"] ? `${props["data-testid"]}-step` : void 0,
-    "data-active": current === index,
-    "data-visited": visited.includes(index)
-  })));
+    visited
+  } = propsWithDefaults;
+  const stepsArray = React.useMemo(() => new Array(steps).fill(1), [steps]);
+  return /*#__PURE__*/jsx(StepperWrapper, _objectSpread(_objectSpread(_objectSpread({
+    steps: steps,
+    current: current,
+    visited: visited
+  }, getAriaProps(props)), getDataProps(props)), {}, {
+    children: stepsArray.map((item, index) => /*#__PURE__*/_jsx(Step // eslint-disable-next-line react/no-array-index-key
+    , {
+      active: current === index,
+      visited: visited.includes(index),
+      "data-testid": props['data-testid'] ? "".concat(props['data-testid'], "-step") : undefined,
+      "data-active": current === index,
+      "data-visited": visited.includes(index)
+    }, "".concat(uid(4), "step-key-").concat(index)))
+  }));
 };
-DSStepper.propTypes = dsStepperProps;
+
 const StepperWithSchema = describe(DSStepper);
 StepperWithSchema.propTypes = dsStepperProps;
-export {
-  DSStepper,
-  StepperWithSchema
-};
-//# sourceMappingURL=Stepper.js.map
+
+export { DSStepper, StepperWithSchema };

package/esm/StepperButton.js

@@ -1,37 +1,50 @@
-import * as React from "react";
-import React2 from "react";
-import { describe } from "react-desc";
-import {
-  useMemoMergePropsWithDefault,
-  useValidateTypescriptPropTypes,
-  getAriaProps,
-  getDataProps
-} from "@elliemae/ds-props-helpers";
-import { BUTTON_TYPES } from "@elliemae/ds-button";
-import { ChevronLeft, ChevronRight } from "@elliemae/ds-icons";
-import { dsStepperButtonProps, defaultButtonProps } from "./props";
-import { StyledButton, Label } from "./styled";
-const DSStepperButton = (props) => {
+import 'core-js/modules/esnext.async-iterator.filter.js';
+import 'core-js/modules/esnext.iterator.constructor.js';
+import 'core-js/modules/esnext.iterator.filter.js';
+import 'core-js/modules/esnext.async-iterator.for-each.js';
+import 'core-js/modules/esnext.iterator.for-each.js';
+import _defineProperty from '@babel/runtime/helpers/esm/defineProperty';
+import _jsx from '@babel/runtime/helpers/esm/jsx';
+import 'react';
+import { describe } from 'react-desc';
+import { useMemoMergePropsWithDefault, useValidateTypescriptPropTypes, getAriaProps, getDataProps } from '@elliemae/ds-props-helpers';
+import { BUTTON_TYPES } from '@elliemae/ds-button';
+import { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';
+import { dsStepperButtonProps, defaultButtonProps } from './props.js';
+import { StyledButton, Label } from './styled.js';
+import { jsxs } from 'react/jsx-runtime';
+
+var _ChevronLeft, _ChevronRight;
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+const DSStepperButton = props => {
   const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultButtonProps);
   useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);
-  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
-  return /* @__PURE__ */ React2.createElement(StyledButton, {
+  const {
+    chevron,
+    fontSize,
+    label,
     disabled,
     onClick,
-    innerRef,
+    innerRef
+  } = propsWithDefaults;
+  return /*#__PURE__*/jsxs(StyledButton, _objectSpread(_objectSpread(_objectSpread({
+    disabled: disabled,
+    onClick: onClick,
+    innerRef: innerRef,
     buttonType: BUTTON_TYPES.TEXT,
-    fontSize,
-    ...getAriaProps(props),
-    ...getDataProps(props)
-  }, chevron === "left" ? /* @__PURE__ */ React2.createElement(ChevronLeft, null) : null, /* @__PURE__ */ React2.createElement(Label, {
-    value: label
-  }), chevron === "right" ? /* @__PURE__ */ React2.createElement(ChevronRight, null) : null);
+    fontSize: fontSize
+  }, getAriaProps(props)), getDataProps(props)), {}, {
+    children: [chevron === 'left' ? _ChevronLeft || (_ChevronLeft = /*#__PURE__*/_jsx(ChevronLeft, {})) : null, /*#__PURE__*/_jsx(Label, {
+      value: label
+    }), chevron === 'right' ? _ChevronRight || (_ChevronRight = /*#__PURE__*/_jsx(ChevronRight, {})) : null]
+  }));
 };
-DSStepperButton.propTypes = dsStepperButtonProps;
+
 const DSStepperButtonWithSchema = describe(DSStepperButton);
 DSStepperButtonWithSchema.propTypes = dsStepperButtonProps;
-export {
-  DSStepperButton,
-  DSStepperButtonWithSchema
-};
-//# sourceMappingURL=StepperButton.js.map
+
+export { DSStepperButton, DSStepperButtonWithSchema };

package/esm/index.js

@@ -1,4 +1,2 @@
-import * as React from "react";
-export * from "./Stepper";
-export * from "./StepperButton";
-//# sourceMappingURL=index.js.map
+export { DSStepper, StepperWithSchema } from './Stepper.js';
+export { DSStepperButton, DSStepperButtonWithSchema } from './StepperButton.js';

package/esm/props.js

@@ -1,44 +1,35 @@
-import * as React from "react";
-import { noop } from "lodash";
-import { PropTypes } from "react-desc";
+import { noop } from 'lodash';
+import { PropTypes } from 'react-desc';
+
 const BUTTON_SIZES = {
-  normal: "normal",
-  large: "large"
-};
-const CHEVRON_TYPE = {
-  left: "left",
-  right: "right"
+  normal: 'normal',
+  large: 'large'
 };
 const defaultProps = {
   steps: 5,
-  current: void 0,
+  current: undefined,
   visited: []
 };
 const dsStepperProps = {
-  steps: PropTypes.number.description("Number of steps").isRequired,
-  current: PropTypes.number.description("Index of active step"),
-  visited: PropTypes.arrayOf(PropTypes.number).description("Array of visited steps").isRequired
+  steps: PropTypes.number.description('Number of steps').isRequired,
+  current: PropTypes.number.description('Index of active step'),
+  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired
 };
 const defaultButtonProps = {
-  chevron: void 0,
+  chevron: undefined,
   fontSize: BUTTON_SIZES.normal,
   disabled: false,
   onClick: noop
 };
 const dsStepperButtonProps = {
-  chevron: PropTypes.oneOf(["left", "right", null]).description("Chevron icon position, if null/undefined no chevron will be shown").defaultValue(null),
-  fontSize: PropTypes.oneOf(["normal", "large"]).description("Label size, used for marking last step").defaultValue("normal"),
-  label: PropTypes.string.description("Text Label, this only accepts text, no custom JSX").isRequired,
-  disabled: PropTypes.bool.description("Adds disabled state."),
-  onClick: PropTypes.func.description("OnClick callback handler.").defaultValue("()=>{}"),
-  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to button component."),
-  "aria-": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description("accept all the aria-* props, MUST receive aria-label"),
-  "data-": PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description("accept all the data-* props")
-};
-export {
-  defaultButtonProps,
-  defaultProps,
-  dsStepperButtonProps,
-  dsStepperProps
+  chevron: PropTypes.oneOf(['left', 'right', null]).description('Chevron icon position, if null/undefined no chevron will be shown').defaultValue(null),
+  fontSize: PropTypes.oneOf(['normal', 'large']).description('Label size, used for marking last step').defaultValue('normal'),
+  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,
+  disabled: PropTypes.bool.description('Adds disabled state.'),
+  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),
+  'aria-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the aria-* props, MUST receive aria-label'),
+  'data-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the data-* props')
 };
-//# sourceMappingURL=props.js.map
+
+export { defaultButtonProps, defaultProps, dsStepperButtonProps, dsStepperProps };

package/esm/styled.js

@@ -1,40 +1,18 @@
-import * as React from "react";
-import styled from "styled-components";
-import { DSButtonV2 } from "@elliemae/ds-button";
-import { SimpleTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
-const StepperWrapper = styled.div`
-    display: grid;
-    align-items: flex-end;
-    grid-template-columns repeat(${(props) => props.steps}, 1fr);
-    column-gap: ${(props) => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs};
-`;
-const Step = styled.div`
-  display: grid;
-  border-radius: 1px;
-  height: ${(props) => props.active ? "5px" : "3px"};
-  background: ${(props) => props.active || props.visited ? props.theme.colors.brand[700] : "#A9B1BE"};
-`;
-const Label = styled(SimpleTruncatedTooltipText)`
-  position: relative;
-  top: 1px;
-`;
-const StyledButton = styled(DSButtonV2)`
-  white-space: nowrap;
-  overflow: hidden;
-  max-width: 100%;
-  padding-left: ${(props) => props.theme.space.xxs};
-  padding-right: ${(props) => props.theme.space.xxs};
-  color: ${(props) => props.theme.colors.brand[600]};
-  & > span:not(.em-ds-icon) {
-    position: relative;
-    top: ${(props) => props.fontSize === "large" ? "2px" : "1px"};
-    font-size: ${(props) => props.fontSize === "large" ? "22px" : "18px"};
-  }
-`;
-export {
-  Label,
-  Step,
-  StepperWrapper,
-  StyledButton
-};
-//# sourceMappingURL=styled.js.map
+import styled from 'styled-components';
+import { DSButtonV2 } from '@elliemae/ds-button';
+import { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';
+
+const StepperWrapper = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fgtqnq-0"
+})(["display:grid;align-items:flex-end;grid-template-columns repeat(", ",1fr);column-gap:", ";"], props => props.steps, props => props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs);
+const Step = /*#__PURE__*/styled.div.withConfig({
+  componentId: "sc-fgtqnq-1"
+})(["display:grid;border-radius:1px;height:", ";background:", ";"], props => props.active ? '5px' : '3px', props => props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE');
+const Label = /*#__PURE__*/styled(SimpleTruncatedTooltipText).withConfig({
+  componentId: "sc-fgtqnq-2"
+})(["position:relative;top:1px;"]);
+const StyledButton = /*#__PURE__*/styled(DSButtonV2).withConfig({
+  componentId: "sc-fgtqnq-3"
+})(["white-space:nowrap;overflow:hidden;max-width:100%;padding-left:", ";padding-right:", ";color:", ";& > span:not(.em-ds-icon){position:relative;top:", ";font-size:", ";}"], props => props.theme.space.xxs, props => props.theme.space.xxs, props => props.theme.colors.brand[600], props => props.fontSize === 'large' ? '2px' : '1px', props => props.fontSize === 'large' ? '22px' : '18px');
+
+export { Label, Step, StepperWrapper, StyledButton };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "2.2.0-alpha.4",
+  "version": "3.0.0-next.2",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
   "module": "./esm/index.js",
@@ -48,10 +48,10 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-button": "2.2.0-alpha.4",
-    "@elliemae/ds-icons": "2.2.0-alpha.4",
-    "@elliemae/ds-props-helpers": "2.2.0-alpha.4",
-    "@elliemae/ds-truncated-tooltip-text": "2.2.0-alpha.4",
+    "@elliemae/ds-button": "3.0.0-next.2",
+    "@elliemae/ds-icons": "3.0.0-next.2",
+    "@elliemae/ds-props-helpers": "3.0.0-next.2",
+    "@elliemae/ds-truncated-tooltip-text": "3.0.0-next.2",
     "react-desc": "~4.1.3",
     "uid": "~2.0.0"
   },

package/cjs/Stepper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/Stepper.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport { describe } from 'react-desc';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  getAriaProps,\n  getDataProps,\n} from '@elliemae/ds-props-helpers';\nimport { dsStepperProps, defaultProps, DSStepperInternalsT } from './props';\nimport { Step, StepperWrapper } from './styled';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...getAriaProps(props)} {...getDataProps(props)}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\n\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,iBAAoB;AACpB,wBAAyB;AACzB,8BAKO;AACP,mBAAkE;AAClE,oBAAqC;AAErC,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,0DAA6B,OAAO;AAC9D,8DAA+B,mBAAmB;AAElD,QAAM,EAAE,OAAO,SAAS,YAAY;AACpC,QAAM,aAAa,qBAAM,QAAQ,MAAM,IAAI,MAAM,OAAO,KAAK,IAAgB,CAAC;AAC9E,SACE,mDAAC,8BAAD;AAAA,IAAgB;AAAA,IAAc;AAAA,IAAkB;AAAA,OAAsB,0CAAa;AAAA,OAAY,0CAAa;AAAA,KACzG,WAAW,IAAI,CAAC,MAAM,UACrB,mDAAC,oBAAD;AAAA,IAEE,KAAK,GAAG,oBAAI,cAAc;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS;AAAA,IAC1B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS;AAAA;AAAA;AAOzC,UAAU,YAAY;AAEtB,MAAM,oBAAoB,gCAAS;AACnC,kBAAkB,YAAY;",
-  "names": []
-}

package/cjs/StepperButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/StepperButton.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import React from 'react';\nimport { describe } from 'react-desc';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  getAriaProps,\n  getDataProps,\n} from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport { dsStepperButtonProps, defaultButtonProps, DSStepperInternalsT } from './props';\nimport { StyledButton, Label } from './styled';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      {...getAriaProps(props)}\n      {...getDataProps(props)}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\n\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,mBAAkB;AAClB,wBAAyB;AACzB,8BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAC1C,mBAA8E;AAC9E,oBAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB,0DACxB,OACA;AAEF,8DAA+B,mBAAmB;AAElD,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,aAAa;AAElE,SACE,mDAAC,4BAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,8BAAa;AAAA,IACzB;AAAA,OACI,0CAAa;AAAA,OACb,0CAAa;AAAA,KAEhB,YAAY,SAAS,mDAAC,6BAAD,QAAkB,MACxC,mDAAC,qBAAD;AAAA,IAAO,OAAO;AAAA,MACb,YAAY,UAAU,mDAAC,8BAAD,QAAmB;AAAA;AAKhD,gBAAgB,YAAY;AAE5B,MAAM,4BAA4B,gCAAS;AAC3C,0BAA0B,YAAY;",
-  "names": []
-}

package/cjs/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/index.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export * from './Stepper';\nexport * from './StepperButton';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA;ACAA,YAAuB;ADAvB,wBAAc;AACd,wBAAc;",
-  "names": []
-}

package/cjs/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/props.ts", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst BUTTON_SIZES = {\n  normal: 'normal',\n  large: 'large',\n} as const;\n\ntype ButtonSizesT = typeof BUTTON_SIZES[keyof typeof BUTTON_SIZES];\n\nconst CHEVRON_TYPE = {\n  left: 'left',\n  right: 'right',\n} as const;\n\ntype ChevronT = typeof CHEVRON_TYPE[keyof typeof CHEVRON_TYPE];\n\nexport declare namespace DSStepperInternalsT {\n  export interface StepperPropsT {\n    [property: string]: unknown;\n    steps: number;\n    current: number | null;\n    visited: number[];\n  }\n\n  export interface StepperButtonPropsT {\n    [property: string]: unknown;\n    chevron?: ChevronT;\n    fontSize?: ButtonSizesT;\n    label: string;\n    disabled?: boolean;\n    onClick: VoidFunction;\n    innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n    'aria-label'?: string;\n    'aria-pressed'?: boolean;\n    'data-testid'?: string;\n  }\n}\nexport const defaultProps = {\n  steps: 5,\n  current: undefined,\n  visited: [],\n};\n\nexport const dsStepperProps = {\n  steps: PropTypes.number.description('Number of steps').isRequired,\n  current: PropTypes.number.description('Index of active step'),\n  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired,\n};\n\nexport const defaultButtonProps = {\n  chevron: undefined,\n  fontSize: BUTTON_SIZES.normal,\n  disabled: false,\n  onClick: noop,\n};\n\nexport const dsStepperButtonProps = {\n  chevron: PropTypes.oneOf(['left', 'right', null])\n    .description('Chevron icon position, if null/undefined no chevron will be shown')\n    .defaultValue(null),\n  fontSize: PropTypes.oneOf(['normal', 'large'])\n    .description('Label size, used for marking last step')\n    .defaultValue('normal'),\n  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  'aria-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description(\n    'accept all the aria-* props, MUST receive aria-label',\n  ),\n  'data-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the data-* props'),\n};\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,oBAAqB;AACrB,wBAA0B;AAE1B,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA;AAKT,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA;AA0BF,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA;AAGJ,MAAM,iBAAiB;AAAA,EAC5B,OAAO,4BAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,SAAS,4BAAU,OAAO,YAAY;AAAA,EACtC,SAAS,4BAAU,QAAQ,4BAAU,QAAQ,YAAY,0BAA0B;AAAA;AAG9E,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS;AAAA;AAGJ,MAAM,uBAAuB;AAAA,EAClC,SAAS,4BAAU,MAAM,CAAC,QAAQ,SAAS,OACxC,YAAY,qEACZ,aAAa;AAAA,EAChB,UAAU,4BAAU,MAAM,CAAC,UAAU,UAClC,YAAY,0CACZ,aAAa;AAAA,EAChB,OAAO,4BAAU,OAAO,YAAY,qDAAqD;AAAA,EACzF,UAAU,4BAAU,KAAK,YAAY;AAAA,EACrC,SAAS,4BAAU,KAAK,YAAY,6BAA6B,aAAa;AAAA,EAC9E,UAAU,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OAAO,YAAY;AAAA,EAC9E,SAAS,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OAAO,YAC/D;AAAA,EAEF,SAAS,4BAAU,UAAU,CAAC,4BAAU,QAAQ,4BAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/cjs/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSStepperInternalsT } from './props';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: flex-end;\n    grid-template-columns repeat(${(props: DSStepperInternalsT.StepperPropsT) => props.steps}, 1fr);\n    column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '22px' : '18px')};\n  }\n`;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,+BAAmB;AACnB,uBAA2B;AAC3B,uCAA2C;AAGpC,MAAM,iBAAiB,iCAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM;AAAA,kBACrE,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAQrF,MAAM,OAAO,iCAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGrF,MAAM,QAAQ,sCAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,eAAe,sCAAO;AAAA;AAAA;AAAA;AAAA,kBAIjB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
-  "names": []
-}

package/esm/Stepper.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/Stepper.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { uid } from 'uid';\nimport { describe } from 'react-desc';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  getAriaProps,\n  getDataProps,\n} from '@elliemae/ds-props-helpers';\nimport { dsStepperProps, defaultProps, DSStepperInternalsT } from './props';\nimport { Step, StepperWrapper } from './styled';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...getAriaProps(props)} {...getDataProps(props)}>\n      {stepsArray.map((item, index) => (\n        <Step\n          // eslint-disable-next-line react/no-array-index-key\n          key={`${uid(4)}step-key-${index}`}\n          active={current === index}\n          visited={visited.includes(index)}\n          data-testid={props['data-testid'] ? `${props['data-testid'] as string}-step` : undefined}\n          data-active={current === index}\n          data-visited={visited.includes(index)}\n        />\n      ))}\n    </StepperWrapper>\n  );\n};\n\nDSStepper.propTypes = dsStepperProps;\n\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AAEA,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO;AAC9D,iCAA+B,mBAAmB;AAElD,QAAM,EAAE,OAAO,SAAS,YAAY;AACpC,QAAM,aAAa,OAAM,QAAQ,MAAM,IAAI,MAAM,OAAO,KAAK,IAAgB,CAAC;AAC9E,SACE,qCAAC,gBAAD;AAAA,IAAgB;AAAA,IAAc;AAAA,IAAkB;AAAA,OAAsB,aAAa;AAAA,OAAY,aAAa;AAAA,KACzG,WAAW,IAAI,CAAC,MAAM,UACrB,qCAAC,MAAD;AAAA,IAEE,KAAK,GAAG,IAAI,cAAc;AAAA,IAC1B,QAAQ,YAAY;AAAA,IACpB,SAAS,QAAQ,SAAS;AAAA,IAC1B,eAAa,MAAM,iBAAiB,GAAG,MAAM,wBAAkC;AAAA,IAC/E,eAAa,YAAY;AAAA,IACzB,gBAAc,QAAQ,SAAS;AAAA;AAAA;AAOzC,UAAU,YAAY;AAEtB,MAAM,oBAAoB,SAAS;AACnC,kBAAkB,YAAY;",
-  "names": []
-}

package/esm/StepperButton.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/StepperButton.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { describe } from 'react-desc';\nimport {\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  getAriaProps,\n  getDataProps,\n} from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport { dsStepperButtonProps, defaultButtonProps, DSStepperInternalsT } from './props';\nimport { StyledButton, Label } from './styled';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      {...getAriaProps(props)}\n      {...getDataProps(props)}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\n\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA;AACA;AACA;AACA;AAEA,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB,6BACxB,OACA;AAEF,iCAA+B,mBAAmB;AAElD,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,aAAa;AAElE,SACE,qCAAC,cAAD;AAAA,IACE;AAAA,IACA;AAAA,IACA;AAAA,IACA,YAAY,aAAa;AAAA,IACzB;AAAA,OACI,aAAa;AAAA,OACb,aAAa;AAAA,KAEhB,YAAY,SAAS,qCAAC,aAAD,QAAkB,MACxC,qCAAC,OAAD;AAAA,IAAO,OAAO;AAAA,MACb,YAAY,UAAU,qCAAC,cAAD,QAAmB;AAAA;AAKhD,gBAAgB,YAAY;AAE5B,MAAM,4BAA4B,SAAS;AAC3C,0BAA0B,YAAY;",
-  "names": []
-}

package/esm/index.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './Stepper';\nexport * from './StepperButton';\n"],
-  "mappings": "AAAA;ACAA;AACA;",
-  "names": []
-}

package/esm/props.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/props.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { noop } from 'lodash';\nimport { PropTypes } from 'react-desc';\n\nconst BUTTON_SIZES = {\n  normal: 'normal',\n  large: 'large',\n} as const;\n\ntype ButtonSizesT = typeof BUTTON_SIZES[keyof typeof BUTTON_SIZES];\n\nconst CHEVRON_TYPE = {\n  left: 'left',\n  right: 'right',\n} as const;\n\ntype ChevronT = typeof CHEVRON_TYPE[keyof typeof CHEVRON_TYPE];\n\nexport declare namespace DSStepperInternalsT {\n  export interface StepperPropsT {\n    [property: string]: unknown;\n    steps: number;\n    current: number | null;\n    visited: number[];\n  }\n\n  export interface StepperButtonPropsT {\n    [property: string]: unknown;\n    chevron?: ChevronT;\n    fontSize?: ButtonSizesT;\n    label: string;\n    disabled?: boolean;\n    onClick: VoidFunction;\n    innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);\n    'aria-label'?: string;\n    'aria-pressed'?: boolean;\n    'data-testid'?: string;\n  }\n}\nexport const defaultProps = {\n  steps: 5,\n  current: undefined,\n  visited: [],\n};\n\nexport const dsStepperProps = {\n  steps: PropTypes.number.description('Number of steps').isRequired,\n  current: PropTypes.number.description('Index of active step'),\n  visited: PropTypes.arrayOf(PropTypes.number).description('Array of visited steps').isRequired,\n};\n\nexport const defaultButtonProps = {\n  chevron: undefined,\n  fontSize: BUTTON_SIZES.normal,\n  disabled: false,\n  onClick: noop,\n};\n\nexport const dsStepperButtonProps = {\n  chevron: PropTypes.oneOf(['left', 'right', null])\n    .description('Chevron icon position, if null/undefined no chevron will be shown')\n    .defaultValue(null),\n  fontSize: PropTypes.oneOf(['normal', 'large'])\n    .description('Label size, used for marking last step')\n    .defaultValue('normal'),\n  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),\n  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  'aria-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description(\n    'accept all the aria-* props, MUST receive aria-label',\n  ),\n  'data-': PropTypes.oneOfType([PropTypes.string, PropTypes.bool]).description('accept all the data-* props'),\n};\n"],
-  "mappings": "AAAA;ACAA;AACA;AAEA,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AAAA;AAKT,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AAAA;AA0BF,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS;AAAA;AAGJ,MAAM,iBAAiB;AAAA,EAC5B,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,SAAS,UAAU,OAAO,YAAY;AAAA,EACtC,SAAS,UAAU,QAAQ,UAAU,QAAQ,YAAY,0BAA0B;AAAA;AAG9E,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS;AAAA;AAGJ,MAAM,uBAAuB;AAAA,EAClC,SAAS,UAAU,MAAM,CAAC,QAAQ,SAAS,OACxC,YAAY,qEACZ,aAAa;AAAA,EAChB,UAAU,UAAU,MAAM,CAAC,UAAU,UAClC,YAAY,0CACZ,aAAa;AAAA,EAChB,OAAO,UAAU,OAAO,YAAY,qDAAqD;AAAA,EACzF,UAAU,UAAU,KAAK,YAAY;AAAA,EACrC,SAAS,UAAU,KAAK,YAAY,6BAA6B,aAAa;AAAA,EAC9E,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,YAAY;AAAA,EAC9E,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,YAC/D;AAAA,EAEF,SAAS,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,OAAO,YAAY;AAAA;",
-  "names": []
-}

package/esm/styled.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import styled from 'styled-components';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSStepperInternalsT } from './props';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: flex-end;\n    grid-template-columns repeat(${(props: DSStepperInternalsT.StepperPropsT) => props.steps}, 1fr);\n    column-gap: ${(props) => (props.steps >= 8 ? props.theme.space.xxxs : props.theme.space.xxs)};\n`;\n\ninterface StepProps {\n  active: boolean;\n  visited: boolean;\n}\n\nexport const Step = styled.div<StepProps>`\n  display: grid;\n  border-radius: 1px;\n  height: ${(props) => (props.active ? '5px' : '3px')};\n  background: ${(props) => (props.active || props.visited ? props.theme.colors.brand[700] : '#A9B1BE')};\n`;\n\nexport const Label = styled(SimpleTruncatedTooltipText)`\n  position: relative;\n  top: 1px;\n`;\n\nexport const StyledButton = styled(DSButtonV2)`\n  white-space: nowrap;\n  overflow: hidden;\n  max-width: 100%;\n  padding-left: ${(props) => props.theme.space.xxs};\n  padding-right: ${(props) => props.theme.space.xxs};\n  color: ${(props) => props.theme.colors.brand[600]};\n  & > span:not(.em-ds-icon) {\n    position: relative;\n    top: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '2px' : '1px')};\n    font-size: ${(props: DSStepperInternalsT.StepperButtonPropsT) => (props.fontSize === 'large' ? '22px' : '18px')};\n  }\n`;\n"],
-  "mappings": "AAAA;ACAA;AACA;AACA;AAGO,MAAM,iBAAiB,OAAO;AAAA;AAAA;AAAA,mCAGF,CAAC,UAA6C,MAAM;AAAA,kBACrE,CAAC,UAAW,MAAM,SAAS,IAAI,MAAM,MAAM,MAAM,OAAO,MAAM,MAAM,MAAM;AAAA;AAQrF,MAAM,OAAO,OAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,OAAO;AAAA;AAGrF,MAAM,QAAQ,OAAO;AAAA;AAAA;AAAA;AAKrB,MAAM,eAAe,OAAO;AAAA;AAAA;AAAA;AAAA,kBAIjB,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
-  "names": []
-}