@elliemae/ds-legacy-stepper 1.0.0-rc.1

package/dist/cjs/DSStepperDefinitions.js

@@ -0,0 +1,38 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var DSStepperDefinitions_exports = {};
+__export(DSStepperDefinitions_exports, {
+  DSStepperButtonName: () => DSStepperButtonName,
+  DSStepperName: () => DSStepperName
+});
+module.exports = __toCommonJS(DSStepperDefinitions_exports);
+var React = __toESM(require("react"));
+const DSStepperName = "DSStepper";
+const DSStepperButtonName = "DSStepperButton";
+//# sourceMappingURL=DSStepperDefinitions.js.map

package/dist/cjs/DSStepperDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/DSStepperDefinitions.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["export const DSStepperName = 'DSStepper';\n\nexport const DSStepperButtonName = 'DSStepperButton';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;",
+  "names": []
+}

package/dist/cjs/Stepper.js

@@ -0,0 +1,65 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var Stepper_exports = {};
+__export(Stepper_exports, {
+  DSStepper: () => DSStepper,
+  StepperWithSchema: () => StepperWithSchema
+});
+module.exports = __toCommonJS(Stepper_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = __toESM(require("react"));
+var import_uid = require("uid");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_props = require("./props.js");
+var import_styled = require("./styled.js");
+var import_DSStepperDefinitions = require("./DSStepperDefinitions.js");
+const DSStepper = (props) => {
+  const propsWithDefaults = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
+  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps, import_DSStepperDefinitions.DSStepperName);
+  const { steps, current, visited } = propsWithDefaults;
+  const stepsArray = import_react.default.useMemo(() => new Array(steps).fill(1), [steps]);
+  const globalAttributes = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.StepperWrapper, { steps, current, visited, ...globalAttributes, children: stepsArray.map((item, index) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_styled.Step,
+    {
+      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)
+    },
+    `${(0, import_uid.uid)(4)}step-key-${index}`
+  )) });
+};
+DSStepper.propTypes = import_props.dsStepperProps;
+DSStepper.displayName = import_DSStepperDefinitions.DSStepperName;
+const StepperWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSStepper);
+StepperWithSchema.propTypes = import_props.dsStepperProps;
+//# sourceMappingURL=Stepper.js.map

package/dist/cjs/Stepper.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/Stepper.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-legacy-props-helpers';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperProps, defaultProps } from './props.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\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;\nDSStepper.displayName = DSStepperName;\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;AAAA;ACAA,YAAuB;ADwBf;AAxBR,mBAAkB;AAClB,iBAAoB;AACpB,qCAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,6DAA6B,OAAO,yBAAY;AAC1E,qEAA+B,mBAAmB,6BAAgB,yCAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAa,aAAAA,QAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,uBAAmB,uDAAuB,iBAAiB;AAEjE,SACE,4CAAC,gCAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,WAAqB;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,OAAG,gBAAI,CAAC,aAAa;AAAA,EAM5B,CACD,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,wBAAoB,yCAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "names": ["React"]
+}

package/dist/cjs/StepperButton.js

@@ -0,0 +1,73 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var StepperButton_exports = {};
+__export(StepperButton_exports, {
+  DSStepperButton: () => DSStepperButton,
+  DSStepperButtonWithSchema: () => DSStepperButtonWithSchema
+});
+module.exports = __toCommonJS(StepperButton_exports);
+var React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+var import_ds_legacy_button_v2 = require("@elliemae/ds-legacy-button-v2");
+var import_ds_legacy_icons = require("@elliemae/ds-legacy-icons");
+var import_props = require("./props.js");
+var import_styled = require("./styled.js");
+var import_DSStepperDefinitions = require("./DSStepperDefinitions.js");
+const DSStepperButton = (props) => {
+  const propsWithDefaults = (0, import_ds_legacy_props_helpers.useMemoMergePropsWithDefault)(
+    props,
+    import_props.defaultButtonProps
+  );
+  (0, import_ds_legacy_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperButtonProps, import_DSStepperDefinitions.DSStepperButtonName);
+  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
+  const globalAttributes = (0, import_ds_legacy_props_helpers.useGetGlobalAttributes)(propsWithDefaults);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_styled.StyledButton,
+    {
+      disabled,
+      onClick,
+      innerRef,
+      buttonType: import_ds_legacy_button_v2.BUTTON_TYPES.TEXT,
+      fontSize,
+      "data-testid": "ds-stepper-btn",
+      ...globalAttributes,
+      children: [
+        chevron === "left" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.ChevronLeft, {}) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Label, { value: label }),
+        chevron === "right" ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_legacy_icons.ChevronRight, {}) : null
+      ]
+    }
+  );
+};
+DSStepperButton.propTypes = import_props.dsStepperButtonProps;
+DSStepperButton.displayName = import_DSStepperDefinitions.DSStepperButtonName;
+const DSStepperButtonWithSchema = (0, import_ds_legacy_props_helpers.describe)(DSStepperButton);
+DSStepperButtonWithSchema.propTypes = import_props.dsStepperButtonProps;
+//# sourceMappingURL=StepperButton.js.map

package/dist/cjs/StepperButton.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/StepperButton.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-legacy-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-legacy-button-v2';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-legacy-icons';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperButtonProps, defaultButtonProps } from './props.js';\nimport { StyledButton, Label } from './styled.js';\nimport { DSStepperButtonName } from './DSStepperDefinitions.js';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = DSStepperButtonName;\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;AAAA;ACAA,YAAuB;ADyBnB;AAxBJ,qCAKO;AACP,iCAA6B;AAC7B,6BAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,qEAA+B,mBAAmB,mCAAsB,+CAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,uDAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,wCAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,4CAAC,sCAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,uCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,yCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/cjs/index.js

@@ -0,0 +1,31 @@
+"use strict";
+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 __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var src_exports = {};
+module.exports = __toCommonJS(src_exports);
+var React = __toESM(require("react"));
+__reExport(src_exports, require("./Stepper.js"), module.exports);
+__reExport(src_exports, require("./StepperButton.js"), module.exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/index.js.map

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

package/dist/cjs/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "commonjs",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/cjs/props.js

@@ -0,0 +1,74 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var props_exports = {};
+__export(props_exports, {
+  defaultButtonProps: () => defaultButtonProps,
+  defaultProps: () => defaultProps,
+  dsStepperButtonProps: () => dsStepperButtonProps,
+  dsStepperProps: () => dsStepperProps
+});
+module.exports = __toCommonJS(props_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_props_helpers = require("@elliemae/ds-legacy-props-helpers");
+const BUTTON_SIZES = {
+  normal: "normal",
+  large: "large"
+};
+const CHEVRON_TYPE = {
+  left: "left",
+  right: "right"
+};
+const defaultProps = {
+  steps: 5,
+  current: void 0,
+  visited: []
+};
+const dsStepperProps = {
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  steps: import_ds_legacy_props_helpers.PropTypes.number.description("Number of steps").isRequired,
+  current: import_ds_legacy_props_helpers.PropTypes.number.description("Index of active step"),
+  visited: import_ds_legacy_props_helpers.PropTypes.arrayOf(import_ds_legacy_props_helpers.PropTypes.number).description("Array of visited steps").isRequired
+};
+const defaultButtonProps = {
+  chevron: void 0,
+  fontSize: BUTTON_SIZES.normal,
+  disabled: false,
+  onClick: () => {
+  }
+};
+const dsStepperButtonProps = {
+  ...import_ds_legacy_props_helpers.globalAttributesPropTypes,
+  chevron: import_ds_legacy_props_helpers.PropTypes.oneOf(["left", "right", null]).description("Chevron icon position, if null/undefined no chevron will be shown").defaultValue(null),
+  fontSize: import_ds_legacy_props_helpers.PropTypes.oneOf(["normal", "large"]).description("Label size, used for marking last step").defaultValue("normal"),
+  innerRef: import_ds_legacy_props_helpers.PropTypes.oneOfType([import_ds_legacy_props_helpers.PropTypes.object, import_ds_legacy_props_helpers.PropTypes.func]).description("Inner ref to button component."),
+  disabled: import_ds_legacy_props_helpers.PropTypes.bool.description("Adds disabled state."),
+  onClick: import_ds_legacy_props_helpers.PropTypes.func.description("OnClick callback handler.").defaultValue("()=>{}"),
+  label: import_ds_legacy_props_helpers.PropTypes.string.description("Text Label, this only accepts text, no custom JSX").isRequired
+};
+//# sourceMappingURL=props.js.map

package/dist/cjs/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/props.ts", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-legacy-props-helpers';\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  ...globalAttributesPropTypes,\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} as WeakValidationMap<unknown>;\n\nexport const defaultButtonProps = {\n  chevron: undefined,\n  fontSize: BUTTON_SIZES.normal,\n  disabled: false,\n  onClick: () => {},\n};\n\nexport const dsStepperButtonProps = {\n  ...globalAttributesPropTypes,\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  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),\n  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,\n} as WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,qCAAqD;AAErD,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAIA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AACT;AAyBO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,GAAG;AAAA,EACH,OAAO,yCAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,yCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,yCAAU,QAAQ,yCAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE;AACrF;AAEO,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,SAAS,yCAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,yCAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,yCAAU,UAAU,CAAC,yCAAU,QAAQ,yCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,UAAU,yCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,yCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,yCAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
+  "names": []
+}

package/dist/cjs/styled.js

@@ -0,0 +1,70 @@
+"use strict";
+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 __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var styled_exports = {};
+__export(styled_exports, {
+  Label: () => Label,
+  Step: () => Step,
+  StepperWrapper: () => StepperWrapper,
+  StyledButton: () => StyledButton
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_legacy_system = require("@elliemae/ds-legacy-system");
+var import_ds_legacy_button_v2 = require("@elliemae/ds-legacy-button-v2");
+var import_ds_legacy_truncated_tooltip_text = require("@elliemae/ds-legacy-truncated-tooltip-text");
+const StepperWrapper = import_ds_legacy_system.styled.div`
+    display: grid;
+    align-items: center;
+    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_ds_legacy_system.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 = (0, import_ds_legacy_system.styled)(import_ds_legacy_truncated_tooltip_text.SimpleTruncatedTooltipText)`
+  position: relative;
+  top: 1px;
+`;
+const StyledButton = (0, import_ds_legacy_system.styled)(import_ds_legacy_button_v2.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"};
+  }
+`;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../src/styled.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
+  "sourcesContent": ["import { styled } from '@elliemae/ds-legacy-system';\nimport { DSButtonV2 } from '@elliemae/ds-legacy-button-v2';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-legacy-truncated-tooltip-text';\nimport type { DSStepperInternalsT } from './props.js';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: center;\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;AAAA;ACAA,YAAuB;ADAvB,8BAAuB;AACvB,iCAA2B;AAC3B,8CAA2C;AAGpC,MAAM,iBAAiB,+BAAO;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,+BAAO;AAAA;AAAA;AAAA,YAGf,CAAC,UAAW,MAAM,SAAS,QAAQ;AAAA,gBAC/B,CAAC,UAAW,MAAM,UAAU,MAAM,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG,IAAI;AAAA;AAGrF,MAAM,YAAQ,gCAAO,kEAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,mBAAe,gCAAO,qCAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,WAGvC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/dist/esm/DSStepperDefinitions.js

@@ -0,0 +1,8 @@
+import * as React from "react";
+const DSStepperName = "DSStepper";
+const DSStepperButtonName = "DSStepperButton";
+export {
+  DSStepperButtonName,
+  DSStepperName
+};
+//# sourceMappingURL=DSStepperDefinitions.js.map

package/dist/esm/DSStepperDefinitions.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSStepperDefinitions.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSStepperName = 'DSStepper';\n\nexport const DSStepperButtonName = 'DSStepperButton';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;",
+  "names": []
+}

package/dist/esm/Stepper.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { jsx } from "react/jsx-runtime";
+import React2 from "react";
+import { uid } from "uid";
+import {
+  describe,
+  useMemoMergePropsWithDefault,
+  useValidateTypescriptPropTypes,
+  useGetGlobalAttributes
+} from "@elliemae/ds-legacy-props-helpers";
+import { dsStepperProps, defaultProps } from "./props.js";
+import { Step, StepperWrapper } from "./styled.js";
+import { DSStepperName } from "./DSStepperDefinitions.js";
+const DSStepper = (props) => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps);
+  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);
+  const { steps, current, visited } = propsWithDefaults;
+  const stepsArray = React2.useMemo(() => new Array(steps).fill(1), [steps]);
+  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
+  return /* @__PURE__ */ jsx(StepperWrapper, { steps, current, visited, ...globalAttributes, children: stepsArray.map((item, index) => /* @__PURE__ */ jsx(
+    Step,
+    {
+      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)
+    },
+    `${uid(4)}step-key-${index}`
+  )) });
+};
+DSStepper.propTypes = dsStepperProps;
+DSStepper.displayName = DSStepperName;
+const StepperWithSchema = describe(DSStepper);
+StepperWithSchema.propTypes = dsStepperProps;
+export {
+  DSStepper,
+  StepperWithSchema
+};
+//# sourceMappingURL=Stepper.js.map

package/dist/esm/Stepper.js.map

@@ -0,0 +1,7 @@
+{
+  "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 {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-legacy-props-helpers';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperProps, defaultProps } from './props.js';\nimport { Step, StepperWrapper } from './styled.js';\nimport { DSStepperName } from './DSStepperDefinitions.js';\n\nconst DSStepper = (props: DSStepperInternalsT.StepperPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(props, defaultProps) as DSStepperInternalsT.StepperPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperProps, DSStepperName);\n\n  const { steps, current, visited } = propsWithDefaults;\n  const stepsArray = React.useMemo(() => new Array(steps).fill(1) as number[], [steps]);\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StepperWrapper steps={steps} current={current} visited={visited} {...globalAttributes}>\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;\nDSStepper.displayName = DSStepperName;\nconst StepperWithSchema = describe(DSStepper);\nStepperWithSchema.propTypes = dsStepperProps;\n\nexport { DSStepper, StepperWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwBf;AAxBR,OAAOA,YAAW;AAClB,SAAS,WAAW;AACpB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,SAAS,gBAAgB,oBAAoB;AAC7C,SAAS,MAAM,sBAAsB;AACrC,SAAS,qBAAqB;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,oBAAoB,6BAA6B,OAAO,YAAY;AAC1E,iCAA+B,mBAAmB,gBAAgB,aAAa;AAE/E,QAAM,EAAE,OAAO,SAAS,QAAQ,IAAI;AACpC,QAAM,aAAaA,OAAM,QAAQ,MAAM,IAAI,MAAM,KAAK,EAAE,KAAK,CAAC,GAAe,CAAC,KAAK,CAAC;AACpF,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE,oBAAC,kBAAe,OAAc,SAAkB,SAAmB,GAAG,kBACnE,qBAAW,IAAI,CAAC,MAAM,UACrB;AAAA,IAAC;AAAA;AAAA,MAGC,QAAQ,YAAY;AAAA,MACpB,SAAS,QAAQ,SAAS,KAAK;AAAA,MAC/B,eAAa,MAAM,aAAa,IAAI,GAAG,MAAM,aAAa,WAAqB;AAAA,MAC/E,eAAa,YAAY;AAAA,MACzB,gBAAc,QAAQ,SAAS,KAAK;AAAA;AAAA,IAL/B,GAAG,IAAI,CAAC,aAAa;AAAA,EAM5B,CACD,GACH;AAEJ;AAEA,UAAU,YAAY;AACtB,UAAU,cAAc;AACxB,MAAM,oBAAoB,SAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "names": ["React"]
+}

package/dist/esm/StepperButton.js

@@ -0,0 +1,48 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import {
+  describe,
+  useMemoMergePropsWithDefault,
+  useValidateTypescriptPropTypes,
+  useGetGlobalAttributes
+} from "@elliemae/ds-legacy-props-helpers";
+import { BUTTON_TYPES } from "@elliemae/ds-legacy-button-v2";
+import { ChevronLeft, ChevronRight } from "@elliemae/ds-legacy-icons";
+import { dsStepperButtonProps, defaultButtonProps } from "./props.js";
+import { StyledButton, Label } from "./styled.js";
+import { DSStepperButtonName } from "./DSStepperDefinitions.js";
+const DSStepperButton = (props) => {
+  const propsWithDefaults = useMemoMergePropsWithDefault(
+    props,
+    defaultButtonProps
+  );
+  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);
+  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;
+  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);
+  return /* @__PURE__ */ jsxs(
+    StyledButton,
+    {
+      disabled,
+      onClick,
+      innerRef,
+      buttonType: BUTTON_TYPES.TEXT,
+      fontSize,
+      "data-testid": "ds-stepper-btn",
+      ...globalAttributes,
+      children: [
+        chevron === "left" ? /* @__PURE__ */ jsx(ChevronLeft, {}) : null,
+        /* @__PURE__ */ jsx(Label, { value: label }),
+        chevron === "right" ? /* @__PURE__ */ jsx(ChevronRight, {}) : null
+      ]
+    }
+  );
+};
+DSStepperButton.propTypes = dsStepperButtonProps;
+DSStepperButton.displayName = DSStepperButtonName;
+const DSStepperButtonWithSchema = describe(DSStepperButton);
+DSStepperButtonWithSchema.propTypes = dsStepperButtonProps;
+export {
+  DSStepperButton,
+  DSStepperButtonWithSchema
+};
+//# sourceMappingURL=StepperButton.js.map

package/dist/esm/StepperButton.js.map

@@ -0,0 +1,7 @@
+{
+  "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 {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-legacy-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-legacy-button-v2';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-legacy-icons';\nimport type { DSStepperInternalsT } from './props.js';\nimport { dsStepperButtonProps, defaultButtonProps } from './props.js';\nimport { StyledButton, Label } from './styled.js';\nimport { DSStepperButtonName } from './DSStepperDefinitions.js';\n\nconst DSStepperButton = (props: DSStepperInternalsT.StepperButtonPropsT) => {\n  const propsWithDefaults = useMemoMergePropsWithDefault(\n    props,\n    defaultButtonProps,\n  ) as DSStepperInternalsT.StepperButtonPropsT;\n  useValidateTypescriptPropTypes(propsWithDefaults, dsStepperButtonProps, DSStepperButtonName);\n\n  const { chevron, fontSize, label, disabled, onClick, innerRef } = propsWithDefaults;\n  const globalAttributes = useGetGlobalAttributes(propsWithDefaults);\n\n  return (\n    <StyledButton\n      disabled={disabled}\n      onClick={onClick}\n      innerRef={innerRef}\n      buttonType={BUTTON_TYPES.TEXT}\n      fontSize={fontSize}\n      data-testid=\"ds-stepper-btn\"\n      {...globalAttributes}\n    >\n      {chevron === 'left' ? <ChevronLeft /> : null}\n      <Label value={label} />\n      {chevron === 'right' ? <ChevronRight /> : null}\n    </StyledButton>\n  );\n};\n\nDSStepperButton.propTypes = dsStepperButtonProps;\nDSStepperButton.displayName = DSStepperButtonName;\nconst DSStepperButtonWithSchema = describe(DSStepperButton);\nDSStepperButtonWithSchema.propTypes = dsStepperButtonProps;\n\nexport { DSStepperButton, DSStepperButtonWithSchema };\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACyBnB,SASwB,KATxB;AAxBJ;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,SAAS,oBAAoB;AAC7B,SAAS,aAAa,oBAAoB;AAE1C,SAAS,sBAAsB,0BAA0B;AACzD,SAAS,cAAc,aAAa;AACpC,SAAS,2BAA2B;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,oBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,iCAA+B,mBAAmB,sBAAsB,mBAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,mBAAmB,uBAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,aAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,oBAAC,eAAY,IAAK;AAAA,QACxC,oBAAC,SAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,oBAAC,gBAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,4BAA4B,SAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "names": []
+}

package/dist/esm/index.js

@@ -0,0 +1,4 @@
+import * as React from "react";
+export * from "./Stepper.js";
+export * from "./StepperButton.js";
+//# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

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

package/dist/esm/package.json

@@ -0,0 +1,7 @@
+{
+  "type": "module",
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ]
+}

package/dist/esm/props.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes } from "@elliemae/ds-legacy-props-helpers";
+const BUTTON_SIZES = {
+  normal: "normal",
+  large: "large"
+};
+const CHEVRON_TYPE = {
+  left: "left",
+  right: "right"
+};
+const defaultProps = {
+  steps: 5,
+  current: void 0,
+  visited: []
+};
+const dsStepperProps = {
+  ...globalAttributesPropTypes,
+  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,
+  fontSize: BUTTON_SIZES.normal,
+  disabled: false,
+  onClick: () => {
+  }
+};
+const dsStepperButtonProps = {
+  ...globalAttributesPropTypes,
+  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"),
+  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description("Inner ref to button component."),
+  disabled: PropTypes.bool.description("Adds disabled state."),
+  onClick: PropTypes.func.description("OnClick callback handler.").defaultValue("()=>{}"),
+  label: PropTypes.string.description("Text Label, this only accepts text, no custom JSX").isRequired
+};
+export {
+  defaultButtonProps,
+  defaultProps,
+  dsStepperButtonProps,
+  dsStepperProps
+};
+//# sourceMappingURL=props.js.map

package/dist/esm/props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-legacy-props-helpers';\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  ...globalAttributesPropTypes,\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} as WeakValidationMap<unknown>;\n\nexport const defaultButtonProps = {\n  chevron: undefined,\n  fontSize: BUTTON_SIZES.normal,\n  disabled: false,\n  onClick: () => {},\n};\n\nexport const dsStepperButtonProps = {\n  ...globalAttributesPropTypes,\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  innerRef: PropTypes.oneOfType([PropTypes.object, PropTypes.func]).description('Inner ref to button component.'),\n  disabled: PropTypes.bool.description('Adds disabled state.'),\n  onClick: PropTypes.func.description('OnClick callback handler.').defaultValue('()=>{}'),\n  label: PropTypes.string.description('Text Label, this only accepts text, no custom JSX').isRequired,\n} as WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,iCAAiC;AAErD,MAAM,eAAe;AAAA,EACnB,QAAQ;AAAA,EACR,OAAO;AACT;AAIA,MAAM,eAAe;AAAA,EACnB,MAAM;AAAA,EACN,OAAO;AACT;AAyBO,MAAM,eAAe;AAAA,EAC1B,OAAO;AAAA,EACP,SAAS;AAAA,EACT,SAAS,CAAC;AACZ;AAEO,MAAM,iBAAiB;AAAA,EAC5B,GAAG;AAAA,EACH,OAAO,UAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,UAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,UAAU,QAAQ,UAAU,MAAM,EAAE,YAAY,wBAAwB,EAAE;AACrF;AAEO,MAAM,qBAAqB;AAAA,EAChC,SAAS;AAAA,EACT,UAAU,aAAa;AAAA,EACvB,UAAU;AAAA,EACV,SAAS,MAAM;AAAA,EAAC;AAClB;AAEO,MAAM,uBAAuB;AAAA,EAClC,GAAG;AAAA,EACH,SAAS,UAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,UAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,UAAU,UAAU,CAAC,UAAU,QAAQ,UAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,UAAU,UAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,UAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,UAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
+  "names": []
+}

package/dist/esm/styled.js

@@ -0,0 +1,40 @@
+import * as React from "react";
+import { styled } from "@elliemae/ds-legacy-system";
+import { DSButtonV2 } from "@elliemae/ds-legacy-button-v2";
+import { SimpleTruncatedTooltipText } from "@elliemae/ds-legacy-truncated-tooltip-text";
+const StepperWrapper = styled.div`
+    display: grid;
+    align-items: center;
+    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

package/dist/esm/styled.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/styled.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-legacy-system';\nimport { DSButtonV2 } from '@elliemae/ds-legacy-button-v2';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-legacy-truncated-tooltip-text';\nimport type { DSStepperInternalsT } from './props.js';\n\nexport const StepperWrapper = styled.div`\n    display: grid;\n    align-items: center;\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,YAAY,WAAW;ACAvB,SAAS,cAAc;AACvB,SAAS,kBAAkB;AAC3B,SAAS,kCAAkC;AAGpC,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,GAAG,IAAI;AAAA;AAGrF,MAAM,QAAQ,OAAO,0BAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,eAAe,OAAO,UAAU;AAAA;AAAA;AAAA;AAAA,kBAI3B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,mBAC5B,CAAC,UAAU,MAAM,MAAM,MAAM;AAAA,WACrC,CAAC,UAAU,MAAM,MAAM,OAAO,MAAM,GAAG;AAAA;AAAA;AAAA,WAGvC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "names": []
+}

package/dist/types/DSStepperDefinitions.d.ts

@@ -0,0 +1,2 @@
+export declare const DSStepperName = "DSStepper";
+export declare const DSStepperButtonName = "DSStepperButton";

package/dist/types/Stepper.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DSStepperInternalsT } from './props.js';
+declare const DSStepper: {
+    (props: DSStepperInternalsT.StepperPropsT): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: React.WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const StepperWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSStepperInternalsT.StepperPropsT>;
+export { DSStepper, StepperWithSchema };

package/dist/types/StepperButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { DSStepperInternalsT } from './props.js';
+declare const DSStepperButton: {
+    (props: DSStepperInternalsT.StepperButtonPropsT): import("react/jsx-runtime.js").JSX.Element;
+    propTypes: React.WeakValidationMap<unknown>;
+    displayName: string;
+};
+declare const DSStepperButtonWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSStepperInternalsT.StepperButtonPropsT>;
+export { DSStepperButton, DSStepperButtonWithSchema };

package/dist/types/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Stepper.js';
+export * from './StepperButton.js';

package/dist/types/props.d.ts

@@ -0,0 +1,45 @@
+import type { WeakValidationMap } from 'react';
+declare const BUTTON_SIZES: {
+    readonly normal: "normal";
+    readonly large: "large";
+};
+type ButtonSizesT = (typeof BUTTON_SIZES)[keyof typeof BUTTON_SIZES];
+declare const CHEVRON_TYPE: {
+    readonly left: "left";
+    readonly right: "right";
+};
+type ChevronT = (typeof CHEVRON_TYPE)[keyof typeof CHEVRON_TYPE];
+export declare namespace DSStepperInternalsT {
+    interface StepperPropsT {
+        [property: string]: unknown;
+        steps: number;
+        current: number | null;
+        visited: number[];
+    }
+    interface StepperButtonPropsT {
+        [property: string]: unknown;
+        chevron?: ChevronT;
+        fontSize?: ButtonSizesT;
+        label: string;
+        disabled?: boolean;
+        onClick: VoidFunction;
+        innerRef?: React.MutableRefObject<HTMLButtonElement> | ((_ref: HTMLButtonElement) => void);
+        'aria-label'?: string;
+        'aria-pressed'?: boolean;
+        'data-testid'?: string;
+    }
+}
+export declare const defaultProps: {
+    steps: number;
+    current: undefined;
+    visited: never[];
+};
+export declare const dsStepperProps: WeakValidationMap<unknown>;
+export declare const defaultButtonProps: {
+    chevron: undefined;
+    fontSize: "normal";
+    disabled: boolean;
+    onClick: () => void;
+};
+export declare const dsStepperButtonProps: WeakValidationMap<unknown>;
+export {};

package/dist/types/tests/Stepper.global-attributes.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/Stepper.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/tests/StepperButton.global-attributes.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -0,0 +1,88 @@
+{
+  "name": "@elliemae/ds-legacy-stepper",
+  "version": "1.0.0-rc.1",
+  "license": "MIT",
+  "description": "ICE MT - Dimsum - Stepper",
+  "files": [
+    "dist"
+  ],
+  "module": "./dist/esm/index.js",
+  "main": "./dist/cjs/index.js",
+  "types": "./dist/types/index.d.ts",
+  "exports": {
+    ".": {
+      "import": "./dist/esm/index.js",
+      "require": "./dist/cjs/index.js"
+    },
+    "./styled": {
+      "import": "./dist/esm/styled.js",
+      "require": "./dist/cjs/styled.js"
+    },
+    "./StepperButton": {
+      "import": "./dist/esm/StepperButton.js",
+      "require": "./dist/cjs/StepperButton.js"
+    },
+    "./Stepper": {
+      "import": "./dist/esm/Stepper.js",
+      "require": "./dist/cjs/Stepper.js"
+    },
+    "./props": {
+      "import": "./dist/esm/props.js",
+      "require": "./dist/cjs/props.js"
+    }
+  },
+  "sideEffects": [
+    "*.css",
+    "*.scss"
+  ],
+  "repository": {
+    "type": "git",
+    "url": "https://git.elliemae.io/platform-ui/dimsum-legacy.git"
+  },
+  "engines": {
+    "pnpm": ">=6",
+    "node": ">=16"
+  },
+  "author": "ICE MT",
+  "jestSonar": {
+    "sonar56x": true,
+    "reportPath": "reports",
+    "reportFile": "tests.xml",
+    "indent": 4
+  },
+  "dependencies": {
+    "prop-types": "~15.8.1",
+    "uid": "~2.0.1",
+    "@elliemae/ds-legacy-button-v2": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-props-helpers": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-truncated-tooltip-text": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-system": "1.0.0-rc.1",
+    "@elliemae/ds-legacy-icons": "1.0.0-rc.1"
+  },
+  "devDependencies": {
+    "@elliemae/pui-cli": "~9.0.0-next.31",
+    "styled-components": "~5.3.9",
+    "@elliemae/ds-legacy-monorepo-devops": "1.0.0-rc.1"
+  },
+  "peerDependencies": {
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
+    "styled-components": "~5.3.9",
+    "styled-system": "^5.1.5"
+  },
+  "publishConfig": {
+    "access": "public",
+    "typeSafety": false
+  },
+  "scripts": {
+    "dev": "cross-env NODE_ENV=development node ../../../scripts/build/build.mjs --watch",
+    "test": "pui-cli test --passWithNoTests",
+    "lint": "node ../../../scripts/lint.mjs",
+    "eslint:fix": "eslint --ext='.js,.jsx,.test.js,.ts,.tsx' --fix --config='../../../.eslintrc.js' src/",
+    "dts": "node ../../../scripts/dts.mjs",
+    "build": "cross-env NODE_ENV=production node ../../../scripts/build/build.mjs",
+    "dev:build": "pnpm --filter {.}... build",
+    "dev:install": "pnpm --filter {.}... i --no-lockfile && pnpm run dev:build",
+    "checkDeps": "npm exec ../../util/ds-codemods -- check-missing-packages --projectFolderPath=\"./\" --ignorePackagesGlobPattern=\"\" --ignoreFilesGlobPattern=\"**/test-ables/*,**/tests/*\""
+  }
+}