@elliemae/ds-stepper 3.16.0 → 3.16.1

package/dist/cjs/DSStepperDefinitions.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/DSStepperDefinitions.js.map

@@ -2,6 +2,6 @@
   "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;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,gBAAgB;AAEtB,MAAM,sBAAsB;",
   "names": []
 }

package/dist/cjs/Stepper.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -33,9 +37,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var import_react = __toESM(require("react"));
 var import_uid = require("uid");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
-var import_props = require("./props");
-var import_styled = require("./styled");
-var import_DSStepperDefinitions = require("./DSStepperDefinitions");
+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_props_helpers.useMemoMergePropsWithDefault)(props, import_props.defaultProps);
   (0, import_ds_props_helpers.useValidateTypescriptPropTypes)(propsWithDefaults, import_props.dsStepperProps, import_DSStepperDefinitions.DSStepperName);

package/dist/cjs/Stepper.js.map

@@ -1,7 +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-props-helpers';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\nimport { DSStepperName } from './DSStepperDefinitions';\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,8BAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,sDAA6B,OAAO,yBAAY;AAC1E,8DAA+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,gDAAuB,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,iBAAiB,GAAG,MAAM,wBAAkC;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,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport { uid } from 'uid';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-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,8BAKO;AAEP,mBAA6C;AAC7C,oBAAqC;AACrC,kCAA8B;AAE9B,MAAM,YAAY,CAAC,UAA6C;AAC9D,QAAM,wBAAoB,sDAA6B,OAAO,yBAAY;AAC1E,8DAA+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,gDAAuB,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,kCAAS,SAAS;AAC5C,kBAAkB,YAAY;",
   "names": ["React"]
 }

package/dist/cjs/StepperButton.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));
@@ -33,9 +37,9 @@ var import_jsx_runtime = require("react/jsx-runtime");
 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");
-var import_DSStepperDefinitions = require("./DSStepperDefinitions");
+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_props_helpers.useMemoMergePropsWithDefault)(
     props,

package/dist/cjs/StepperButton.js.map

@@ -1,7 +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-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\nimport { DSStepperButtonName } from './DSStepperDefinitions';\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,8BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,mBAAmB,mCAAsB,+CAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,8BAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
+  "sourcesContent": ["import React from 'react';\nimport {\n  describe,\n  useMemoMergePropsWithDefault,\n  useValidateTypescriptPropTypes,\n  useGetGlobalAttributes,\n} from '@elliemae/ds-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-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,8BAKO;AACP,uBAA6B;AAC7B,sBAA0C;AAE1C,mBAAyD;AACzD,oBAAoC;AACpC,kCAAoC;AAEpC,MAAM,kBAAkB,CAAC,UAAmD;AAC1E,QAAM,wBAAoB;AAAA,IACxB;AAAA,IACA;AAAA,EACF;AACA,8DAA+B,mBAAmB,mCAAsB,+CAAmB;AAE3F,QAAM,EAAE,SAAS,UAAU,OAAO,UAAU,SAAS,SAAS,IAAI;AAClE,QAAM,uBAAmB,gDAAuB,iBAAiB;AAEjE,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA,YAAY,8BAAa;AAAA,MACzB;AAAA,MACA,eAAY;AAAA,MACX,GAAG;AAAA,MAEH;AAAA,oBAAY,SAAS,4CAAC,+BAAY,IAAK;AAAA,QACxC,4CAAC,uBAAM,OAAO,OAAO;AAAA,QACpB,YAAY,UAAU,4CAAC,gCAAa,IAAK;AAAA;AAAA;AAAA,EAC5C;AAEJ;AAEA,gBAAgB,YAAY;AAC5B,gBAAgB,cAAc;AAC9B,MAAM,gCAA4B,kCAAS,eAAe;AAC1D,0BAA0B,YAAY;",
   "names": []
 }

package/dist/cjs/index.js

@@ -15,6 +15,10 @@ var __copyProps = (to, from, except, desc) => {
 };
 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
 ));
@@ -22,6 +26,6 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var src_exports = {};
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
-__reExport(src_exports, require("./Stepper"), module.exports);
-__reExport(src_exports, require("./StepperButton"), module.exports);
+__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

@@ -1,7 +1,7 @@
 {
   "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;AAAA;ACAA,YAAuB;ADAvB,wBAAc,sBAAd;AACA,wBAAc,4BADd;",
+  "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

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/props.js.map

@@ -2,6 +2,6 @@
   "version": 3,
   "sources": ["../../src/props.ts", "../../../../scripts/build/transpile/react-shim.js"],
   "sourcesContent": ["import type { WeakValidationMap } from 'react';\nimport { PropTypes, globalAttributesPropTypes } from '@elliemae/ds-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,8BAAqD;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,kCAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,kCAAU,QAAQ,kCAAU,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,kCAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,UAAU,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,kCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,kCAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAqD;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,kCAAU,OAAO,YAAY,iBAAiB,EAAE;AAAA,EACvD,SAAS,kCAAU,OAAO,YAAY,sBAAsB;AAAA,EAC5D,SAAS,kCAAU,QAAQ,kCAAU,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,kCAAU,MAAM,CAAC,QAAQ,SAAS,IAAI,CAAC,EAC7C,YAAY,mEAAmE,EAC/E,aAAa,IAAI;AAAA,EACpB,UAAU,kCAAU,MAAM,CAAC,UAAU,OAAO,CAAC,EAC1C,YAAY,wCAAwC,EACpD,aAAa,QAAQ;AAAA,EACxB,UAAU,kCAAU,UAAU,CAAC,kCAAU,QAAQ,kCAAU,IAAI,CAAC,EAAE,YAAY,gCAAgC;AAAA,EAC9G,UAAU,kCAAU,KAAK,YAAY,sBAAsB;AAAA,EAC3D,SAAS,kCAAU,KAAK,YAAY,2BAA2B,EAAE,aAAa,QAAQ;AAAA,EACtF,OAAO,kCAAU,OAAO,YAAY,mDAAmD,EAAE;AAC3F;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -18,6 +18,10 @@ var __copyProps = (to, from, except, desc) => {
   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
 ));

package/dist/cjs/styled.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/styled.tsx", "../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSStepperInternalsT } from './props';\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,uBAAuB;AACvB,uBAA2B;AAC3B,uCAA2C;AAGpC,MAAM,iBAAiB,wBAAO;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,wBAAO;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,YAAQ,yBAAO,2DAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,mBAAe,yBAAO,2BAAU;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;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "sourcesContent": ["import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-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,uBAAuB;AACvB,uBAA2B;AAC3B,uCAA2C;AAGpC,MAAM,iBAAiB,wBAAO;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,wBAAO;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,yBAAO,2DAA0B;AAAA;AAAA;AAAA;AAK/C,MAAM,mBAAe,yBAAO,2BAAU;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/Stepper.js

@@ -8,9 +8,9 @@ import {
   useValidateTypescriptPropTypes,
   useGetGlobalAttributes
 } from "@elliemae/ds-props-helpers";
-import { dsStepperProps, defaultProps } from "./props";
-import { Step, StepperWrapper } from "./styled";
-import { DSStepperName } from "./DSStepperDefinitions";
+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);

package/dist/esm/Stepper.js.map

@@ -1,7 +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-props-helpers';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperProps, defaultProps } from './props';\nimport { Step, StepperWrapper } from './styled';\nimport { DSStepperName } from './DSStepperDefinitions';\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,iBAAiB,GAAG,MAAM,wBAAkC;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;",
+  "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-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

@@ -8,9 +8,9 @@ import {
 } 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";
-import { DSStepperButtonName } from "./DSStepperDefinitions";
+import { dsStepperButtonProps, defaultButtonProps } from "./props.js";
+import { StyledButton, Label } from "./styled.js";
+import { DSStepperButtonName } from "./DSStepperDefinitions.js";
 const DSStepperButton = (props) => {
   const propsWithDefaults = useMemoMergePropsWithDefault(
     props,

package/dist/esm/StepperButton.js.map

@@ -1,7 +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-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-icons';\nimport type { DSStepperInternalsT } from './props';\nimport { dsStepperButtonProps, defaultButtonProps } from './props';\nimport { StyledButton, Label } from './styled';\nimport { DSStepperButtonName } from './DSStepperDefinitions';\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"],
+  "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-props-helpers';\nimport { BUTTON_TYPES } from '@elliemae/ds-button';\nimport { ChevronLeft, ChevronRight } from '@elliemae/ds-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

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

package/dist/esm/index.js.map

@@ -1,7 +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';\nexport * from './StepperButton';\n"],
+  "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/styled.js.map

@@ -1,7 +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-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport type { DSStepperInternalsT } from './props';\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,OAAO;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;AAAA;AAAA;AAAA,WAGpC,CAAC,UAAoD,MAAM,aAAa,UAAU,QAAQ;AAAA,iBACpF,CAAC,UAAoD,MAAM,aAAa,UAAU,SAAS;AAAA;AAAA;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { styled } from '@elliemae/ds-system';\nimport { DSButtonV2 } from '@elliemae/ds-button';\nimport { SimpleTruncatedTooltipText } from '@elliemae/ds-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/Stepper.d.ts

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

package/dist/types/StepperButton.d.ts

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

package/dist/types/index.d.ts

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

package/dist/types/styled.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import type { DSStepperInternalsT } from './props';
+import type { DSStepperInternalsT } from './props.js';
 export declare const StepperWrapper: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements, import("@elliemae/ds-system").Theme, Record<string, unknown> & DSStepperInternalsT.StepperPropsT, never>;
 interface StepProps {
     active: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-stepper",
-  "version": "3.16.0",
+  "version": "3.16.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Stepper",
   "files": [
@@ -53,18 +53,18 @@
   "dependencies": {
     "lodash": "~4.17.21",
     "prop-types": "~15.8.1",
-    "uid": "~2.0.0",
-    "@elliemae/ds-button": "3.16.0",
-    "@elliemae/ds-icons": "3.16.0",
-    "@elliemae/ds-props-helpers": "3.16.0",
-    "@elliemae/ds-system": "3.16.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.16.0",
-    "@elliemae/ds-utilities": "3.16.0"
+    "uid": "~2.0.1",
+    "@elliemae/ds-button": "3.16.1",
+    "@elliemae/ds-icons": "3.16.1",
+    "@elliemae/ds-props-helpers": "3.16.1",
+    "@elliemae/ds-system": "3.16.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.16.1",
+    "@elliemae/ds-utilities": "3.16.1"
   },
   "devDependencies": {
-    "@testing-library/jest-dom": "~5.16.4",
+    "@testing-library/jest-dom": "~5.16.5",
     "@testing-library/react": "~12.1.3",
-    "styled-components": "~5.3.6"
+    "styled-components": "~5.3.9"
   },
   "peerDependencies": {
     "react": "^17.0.2",