@elliemae/ds-indeterminate-progress-indicator 3.22.1-rc.0 → 3.23.0-rc.1

package/dist/cjs/DSIndeterminateProgressIndicator.js

@@ -35,15 +35,13 @@ __export(DSIndeterminateProgressIndicator_exports, {
 module.exports = __toCommonJS(DSIndeterminateProgressIndicator_exports);
 var React = __toESM(require("react"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var import_react = require("react");
 var import_ds_props_helpers = require("@elliemae/ds-props-helpers");
 var import_react_desc_prop_types = require("./react-desc-prop-types.js");
 var import_useIndeterminateProgressIndicator = require("./config/useIndeterminateProgressIndicator.js");
 var import_constants = require("./constants/index.js");
-var import_ds_classnames = require("@elliemae/ds-classnames");
-var import_ds_truncated_tooltip_text = __toESM(require("@elliemae/ds-truncated-tooltip-text"));
-const { cssClassName, classNameBlock, classNameElement } = (0, import_ds_classnames.convertPropToCssClassName)(
-  "indeterminate-progress-indicator"
-);
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_styled = require("./styled.js");
 const DSIndeterminateProgressIndicator = (props) => {
   const { propsWithDefault, label } = (0, import_useIndeterminateProgressIndicator.useIndeterminateProgressIndicator)(props);
   const {
@@ -57,29 +55,44 @@ const DSIndeterminateProgressIndicator = (props) => {
     percent,
     lineOnly
   } = propsWithDefault;
+  const globalAttributes = (0, import_ds_props_helpers.useGetGlobalAttributes)(propsWithDefault);
+  const xstyledAttributes = (0, import_ds_props_helpers.useGetXstyledProps)(propsWithDefault);
+  const getOwnerProps = (0, import_react.useCallback)(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = (0, import_react.useCallback)(() => ({}), []);
   return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
-    "div",
+    import_styled.Container,
     {
       "aria-busy": processing,
       "aria-label": label,
       "aria-live": "polite",
-      className: `${cssClassName} ${!complete && !failed && !processing ? classNameBlock("default") : ""} ${complete ? classNameBlock("complete") : ""}  ${// eslint-disable-next-line max-len
-      failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
-         ${processingComplete ? classNameBlock("processing-complete") : ""} 
-         ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : ""}
-      `,
       role: "alert",
+      lineOnly,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      ...globalAttributes,
+      ...xstyledAttributes,
       ...containerProps,
       children: [
-        !lineOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.default, { className: classNameBlock("tooltip-text"), containerComponent: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", {}), value: label }) : null,
-        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: `${classNameElement("bar")}`, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "div",
+        !lineOnly ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_ds_truncated_tooltip_text.TooltipTextProvider, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.StyledTruncatedTooltipText,
           {
-            className: `${classNameElement("bar-indicator")}`,
-            style: {
-              width: `${!complete && !failed && !animated && processing ? percent : 100}%`
-            }
+            value: label,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ) }) : null,
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_styled.Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_styled.BarIndicator,
+          {
+            complete,
+            failed,
+            processing,
+            animated,
+            processingComplete,
+            processingFail,
+            percent,
+            getOwnerProps,
+            getOwnerPropsArguments
           }
         ) })
       ]

package/dist/cjs/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/DSIndeterminateProgressIndicator.tsx", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/unbound-method */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : ''}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADgCnB;AA7BJ,8BAAyB;AACzB,mCAGO;AACP,+CAAkD;AAClD,uBAAqD;AACrD,2BAA0C;AAC1C,uCAAmC;AAEnC,MAAM,EAAE,cAAc,gBAAgB,iBAAiB,QAAI;AAAA,EACzD;AACF;AAEA,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,QAAI,4EAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,SAAS,IAAI,MAC9F,WAAW,eAAe,UAAU,IAAI;AAAA,MAGxC,SAAS,eAAe,QAAQ,IAAI,MAClC,aAAa,eAAe,YAAY,IAAI,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,qBAAqB,IAAI;AAAA,WAC7D,iBAAiB,eAAe,iBAAiB,IAAI;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,MAE9B,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,4CAAC,iCAAAA,SAAA,EAAuB,WAAW,eAAe,cAAc,GAAG,oBAAoB,4CAAC,SAAI,GAAI,OAAO,OAAO,IAC5G;AAAA,QACJ,4CAAC,SAAI,WAAW,GAAG,iBAAiB,KAAK,KACvC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,eAAe;AAAA,YAC9C,OAAO;AAAA,cACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA,YACxE;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,+CAA2C,kCAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
-  "names": ["DSTruncatedTooltipText"]
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { Bar, BarIndicator, Container, StyledTruncatedTooltipText } from './styled.js';\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  return (\n    <Container\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      role=\"alert\"\n      lineOnly={lineOnly}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      {...globalAttributes}\n      {...xstyledAttributes}\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <TooltipTextProvider>\n          <StyledTruncatedTooltipText\n            value={label}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          />\n        </TooltipTextProvider>\n      ) : null}\n      <Bar getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <BarIndicator\n          complete={complete}\n          failed={failed}\n          processing={processing}\n          animated={animated}\n          processingComplete={processingComplete}\n          processingFail={processingFail}\n          percent={percent}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      </Bar>\n    </Container>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;AD+BnB;AA/BJ,mBAAmC;AACnC,8BAAqE;AACrE,mCAGO;AACP,+CAAkD;AAClD,uBAAqD;AACrD,uCAAoC;AACpC,oBAAyE;AAEzE,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,QAAI,4EAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,uBAAmB,gDAAuB,gBAAgB;AAChE,QAAM,wBAAoB,4CAAmB,gBAAgB;AAC7D,QAAM,oBAAgB,0BAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,6BAAyB,0BAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,4CAAC,wDACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP;AAAA,YACA;AAAA;AAAA,QACF,GACF,IACE;AAAA,QACJ,4CAAC,qBAAI,eAA8B,wBACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,+CAA2C,kCAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
+  "names": []
 }

package/dist/cjs/constants/index.js

@@ -28,9 +28,22 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var constants_exports = {};
 __export(constants_exports, {
-  DSIndeterminateProgressIndicatorName: () => DSIndeterminateProgressIndicatorName
+  DSIndeterminateProgressIndicatorDataTestIds: () => DSIndeterminateProgressIndicatorDataTestIds,
+  DSIndeterminateProgressIndicatorName: () => DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots: () => DSIndeterminateProgressIndicatorSlots
 });
 module.exports = __toCommonJS(constants_exports);
 var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
 const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";
+const DSIndeterminateProgressIndicatorSlots = {
+  ROOT: "root",
+  LABEL: "label",
+  BAR: "bar",
+  BAR_INDICATOR: "bar_indicator"
+};
+const DSIndeterminateProgressIndicatorDataTestIds = (0, import_ds_system.slotObjectToDataTestIds)(
+  DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots
+);
 //# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/constants/index.ts", "../../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["export const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAhB,MAAM,uCAAuC;",
+  "sourcesContent": ["import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n\nexport const DSIndeterminateProgressIndicatorSlots = {\n  ROOT: 'root',\n  LABEL: 'label',\n  BAR: 'bar',\n  BAR_INDICATOR: 'bar_indicator',\n};\n\nexport const DSIndeterminateProgressIndicatorDataTestIds = slotObjectToDataTestIds(\n  DSIndeterminateProgressIndicatorName,\n  DSIndeterminateProgressIndicatorSlots,\n);\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,uBAAwC;AAEjC,MAAM,uCAAuC;AAE7C,MAAM,wCAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,eAAe;AACjB;AAEO,MAAM,kDAA8C;AAAA,EACzD;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/cjs/index.js

@@ -29,10 +29,13 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 var src_exports = {};
 __export(src_exports, {
+  DSIndeterminateProgressIndicatorName: () => import_constants.DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots: () => import_constants.DSIndeterminateProgressIndicatorSlots,
   default: () => import_DSIndeterminateProgressIndicator.default
 });
 module.exports = __toCommonJS(src_exports);
 var React = __toESM(require("react"));
 __reExport(src_exports, require("./DSIndeterminateProgressIndicator.js"), module.exports);
 var import_DSIndeterminateProgressIndicator = __toESM(require("./DSIndeterminateProgressIndicator.js"));
+var import_constants = require("./constants/index.js");
 //# 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 './DSIndeterminateProgressIndicator.js';\nexport { default } from './DSIndeterminateProgressIndicator.js';\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,kDAAd;AACA,8CAAwB;",
+  "sourcesContent": ["export * from './DSIndeterminateProgressIndicator.js';\nexport { default } from './DSIndeterminateProgressIndicator.js';\nexport { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADAvB,wBAAc,kDAAd;AACA,8CAAwB;AACxB,uBAA4F;",
   "names": []
 }

package/dist/cjs/react-desc-prop-types.js

@@ -49,6 +49,8 @@ const defaultProps = {
   lineOnly: false
 };
 const DSIndeterminateProgressIndicatorPropTypes = {
+  ...import_ds_props_helpers.globalAttributesPropTypes,
+  ...import_ds_props_helpers.xstyledPropTypes,
   containerProps: import_ds_props_helpers.PropTypes.object.description("Set of Properties attached to the main container"),
   title: import_ds_props_helpers.PropTypes.string.description("component s label"),
   complete: import_ds_props_helpers.PropTypes.bool.description("Sets the process state to completed").defaultValue(false),

package/dist/cjs/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../src/react-desc-prop-types.ts", "../../../../../scripts/build/transpile/react-shim.js"],
-  "sourcesContent": ["/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAA0B;AA2BnB,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,kCAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,kCAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,kCAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,kCAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,kCAAU,KAAK,YAAY,+BAA+B;AACtE;",
+  "sourcesContent": ["import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;ACAA,YAAuB;ADCvB,8BAAuE;AAqChE,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,kCAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,kCAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,kCAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,kCAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,kCAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,kCAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,kCAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,kCAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,kCAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,kCAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,kCAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,kCAAU,KAAK,YAAY,+BAA+B;AACtE;",
   "names": []
 }

package/dist/cjs/styled.js

@@ -0,0 +1,182 @@
+"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, {
+  Bar: () => Bar,
+  BarIndicator: () => BarIndicator,
+  Container: () => Container,
+  StyledTruncatedTooltipText: () => StyledTruncatedTooltipText
+});
+module.exports = __toCommonJS(styled_exports);
+var React = __toESM(require("react"));
+var import_ds_system = require("@elliemae/ds-system");
+var import_ds_truncated_tooltip_text = require("@elliemae/ds-truncated-tooltip-text");
+var import_constants = require("./constants/index.js");
+const IndeterminateAnimation = (color) => import_ds_system.kfrm`
+  0% {
+    transform: scaleX(0.015);
+    transform-origin: 0% 0%;
+    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  25% {
+    transform: scaleX(0.4);
+  }
+  50% {
+    transform: scaleX(0.015);
+    transform-origin: 100% 0%;
+    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  50.1% {
+    transform: scaleX(0.015);
+    transform-origin: 100% 0%;
+    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  75% {
+    transform: scaleX(0.4);
+  }
+  100% {
+    transform: scaleX(0.015);
+    transform-origin: 0% 0%;
+    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});
+  }
+`;
+const ProcessingSuccess = import_ds_system.kfrm`
+  0%, 30% { transform: translateX(-50%); width: 50% }
+  15%     { transform: translateX(150%); width: 50% }
+  0%, 60% { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  0%, 90% { transform: translateX(-50%); width: 50% }
+  75%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); }
+`;
+const ProcessingSuccessEnd = (color) => import_ds_system.kfrm`
+  0%      { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); background-color: ${color}; }
+`;
+const ProcessingFail = import_ds_system.kfrm`
+  0%, 30% { transform: translateX(-50%); width: 50% }
+  15%     { transform: translateX(150%); width: 50% }
+  0%, 60% { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  0%, 90% { transform: translateX(-50%); width: 50% }
+  75%     { transform: translateX(150%); width: 50%; }
+  100%    { transform: translateX(0%); }
+`;
+const ProcessingFailEnd = import_ds_system.kfrm`
+  0%      { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); background-color: #e34256; }
+`;
+const Container = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSIndeterminateProgressIndicatorName,
+  slot: import_constants.DSIndeterminateProgressIndicatorSlots.ROOT
+})`
+  width: 100%;
+  padding: ${({ theme, lineOnly }) => lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`};
+`;
+const StyledTruncatedTooltipText = (0, import_ds_system.styled)(import_ds_truncated_tooltip_text.DSTruncatedTooltipText, {
+  name: import_constants.DSIndeterminateProgressIndicatorName,
+  slot: import_constants.DSIndeterminateProgressIndicatorSlots.LABEL
+})``;
+const Bar = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSIndeterminateProgressIndicatorName,
+  slot: import_constants.DSIndeterminateProgressIndicatorSlots.BAR
+})`
+  background-color: ${({ theme }) => theme.colors.neutral[100]};
+  overflow: hidden;
+`;
+const BarIndicator = (0, import_ds_system.styled)("div", {
+  name: import_constants.DSIndeterminateProgressIndicatorName,
+  slot: import_constants.DSIndeterminateProgressIndicatorSlots.BAR_INDICATOR
+})`
+  height: ${({ theme }) => theme.space.xxxs};
+  width: ${({ complete, failed, animated, processing, percent }) => `${!complete && !failed && !animated && processing ? percent : 100}%`};
+  ${({ theme, complete, failed, processing, animated, processingComplete, processingFail }) => {
+  if (!complete && !failed && !processing && !processingComplete && !processingFail)
+    return import_ds_system.css`
+        background-color: ${theme.colors.neutral[500]};
+      `;
+  else if (complete && processing)
+    return import_ds_system.css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+  else if (complete && !processingComplete && !processing)
+    return import_ds_system.css`
+        background-color: ${theme.colors.success[900]};
+      `;
+  else if (failed && !processingFail && !processing)
+    return import_ds_system.css`
+        background-color: #e34256;
+      `;
+  else if (processing) {
+    if (animated) {
+      return import_ds_system.css`
+          width: 100%;
+          animation: ${IndeterminateAnimation(theme.colors.brand[500])} 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
+          background-color: ${theme.colors.brand[500]};
+        `;
+    }
+    return import_ds_system.css`
+        background-color: ${theme.colors.brand[500]};
+      `;
+  } else if (processingComplete && !complete) {
+    return import_ds_system.css`
+        width: 50%;
+        animation: ${ProcessingSuccess} 4s infinite;
+        animation-fill-mode: forwards;
+        background-color: ${theme.colors.brand[500]};
+      `;
+  } else if (processingComplete && complete)
+    return import_ds_system.css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+  else if (processingFail && !failed)
+    return import_ds_system.css`
+        width: 50%;
+        animation: ${ProcessingFail} 4s infinite;
+        animation-fill-mode: forwards;
+        background-color: ${theme.colors.brand[500]};
+      `;
+  else if (processingFail && failed)
+    return import_ds_system.css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingFailEnd} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+}};
+`;
+//# 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": ["/* eslint-disable complexity */\nimport { css, kfrm, styled } from '@elliemae/ds-system';\nimport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';\n\nconst IndeterminateAnimation = (color: string) => kfrm`\n  0% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  25% {\n    transform: scaleX(0.4);\n  }\n  50% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  50.1% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  75% {\n    transform: scaleX(0.4);\n  }\n  100% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n  }\n`;\n\nconst ProcessingSuccess = kfrm`\n  0%, 30% { transform: translateX(-50%); width: 50% }\n  15%     { transform: translateX(150%); width: 50% }\n  0%, 60% { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  0%, 90% { transform: translateX(-50%); width: 50% }\n  75%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); }\n`;\n\nconst ProcessingSuccessEnd = (color: string) => kfrm`\n  0%      { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); background-color: ${color}; }\n`;\n\nconst ProcessingFail = kfrm`\n  0%, 30% { transform: translateX(-50%); width: 50% }\n  15%     { transform: translateX(150%); width: 50% }\n  0%, 60% { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  0%, 90% { transform: translateX(-50%); width: 50% }\n  75%     { transform: translateX(150%); width: 50%; }\n  100%    { transform: translateX(0%); }\n`;\n\nconst ProcessingFailEnd = kfrm`\n  0%      { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); background-color: #e34256; }\n`;\n\nexport const Container = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.ROOT,\n})<DSIndeterminateProgressIndicatorT.Props>`\n  width: 100%;\n  padding: ${({ theme, lineOnly }) => (lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`)};\n`;\n\nexport const StyledTruncatedTooltipText = styled(DSTruncatedTooltipText, {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.LABEL,\n})``;\n\nexport const Bar = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.BAR,\n})`\n  background-color: ${({ theme }) => theme.colors.neutral[100]};\n  overflow: hidden;\n`;\n\nexport const BarIndicator = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.BAR_INDICATOR,\n})<DSIndeterminateProgressIndicatorT.Props>`\n  height: ${({ theme }) => theme.space.xxxs};\n  width: ${({ complete, failed, animated, processing, percent }) =>\n    `${!complete && !failed && !animated && processing ? percent : 100}%`};\n  ${({ theme, complete, failed, processing, animated, processingComplete, processingFail }) => {\n    // Default\n    if (!complete && !failed && !processing && !processingComplete && !processingFail)\n      return css`\n        background-color: ${theme.colors.neutral[500]};\n      `;\n    // Completed\n    else if (complete && processing)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n    else if (complete && !processingComplete && !processing)\n      return css`\n        background-color: ${theme.colors.success[900]};\n      `;\n    // Failed\n    else if (failed && !processingFail && !processing)\n      return css`\n        background-color: #e34256;\n      `;\n    // Processing\n    else if (processing) {\n      if (animated) {\n        return css`\n          width: 100%;\n          animation: ${IndeterminateAnimation(theme.colors.brand[500])} 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;\n          background-color: ${theme.colors.brand[500]};\n        `;\n      }\n      return css`\n        background-color: ${theme.colors.brand[500]};\n      `;\n    }\n    // Processing -> Completed\n    else if (processingComplete && !complete) {\n      return css`\n        width: 50%;\n        animation: ${ProcessingSuccess} 4s infinite;\n        animation-fill-mode: forwards;\n        background-color: ${theme.colors.brand[500]};\n      `;\n    } else if (processingComplete && complete)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n    // Processing -> Failed\n    else if (processingFail && !failed)\n      return css`\n        width: 50%;\n        animation: ${ProcessingFail} 4s infinite;\n        animation-fill-mode: forwards;\n        background-color: ${theme.colors.brand[500]};\n      `;\n    else if (processingFail && failed)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingFailEnd} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n  }};\n`;\n", "import * as React from 'react';\nexport { React };\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/esm/DSIndeterminateProgressIndicator.js

@@ -1,16 +1,14 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-import { describe } from "@elliemae/ds-props-helpers";
+import { useCallback } from "react";
+import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import {
   DSIndeterminateProgressIndicatorPropTypes
 } from "./react-desc-prop-types.js";
 import { useIndeterminateProgressIndicator } from "./config/useIndeterminateProgressIndicator.js";
 import { DSIndeterminateProgressIndicatorName } from "./constants/index.js";
-import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import DSTruncatedTooltipText from "@elliemae/ds-truncated-tooltip-text";
-const { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(
-  "indeterminate-progress-indicator"
-);
+import { TooltipTextProvider } from "@elliemae/ds-truncated-tooltip-text";
+import { Bar, BarIndicator, Container, StyledTruncatedTooltipText } from "./styled.js";
 const DSIndeterminateProgressIndicator = (props) => {
   const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);
   const {
@@ -24,29 +22,44 @@ const DSIndeterminateProgressIndicator = (props) => {
     percent,
     lineOnly
   } = propsWithDefault;
+  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const xstyledAttributes = useGetXstyledProps(propsWithDefault);
+  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);
+  const getOwnerPropsArguments = useCallback(() => ({}), []);
   return /* @__PURE__ */ jsxs(
-    "div",
+    Container,
     {
       "aria-busy": processing,
       "aria-label": label,
       "aria-live": "polite",
-      className: `${cssClassName} ${!complete && !failed && !processing ? classNameBlock("default") : ""} ${complete ? classNameBlock("complete") : ""}  ${// eslint-disable-next-line max-len
-      failed ? classNameBlock("failed") : ""} ${processing ? classNameBlock("processing") : ""} ${animated && processing ? "animated" : ""} 
-         ${processingComplete ? classNameBlock("processing-complete") : ""} 
-         ${processingFail ? classNameBlock("processing-fail") : ""} 
-         ${lineOnly ? "line-only" : ""}
-      `,
       role: "alert",
+      lineOnly,
+      getOwnerProps,
+      getOwnerPropsArguments,
+      ...globalAttributes,
+      ...xstyledAttributes,
       ...containerProps,
       children: [
-        !lineOnly ? /* @__PURE__ */ jsx(DSTruncatedTooltipText, { className: classNameBlock("tooltip-text"), containerComponent: /* @__PURE__ */ jsx("div", {}), value: label }) : null,
-        /* @__PURE__ */ jsx("div", { className: `${classNameElement("bar")}`, children: /* @__PURE__ */ jsx(
-          "div",
+        !lineOnly ? /* @__PURE__ */ jsx(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
+          StyledTruncatedTooltipText,
           {
-            className: `${classNameElement("bar-indicator")}`,
-            style: {
-              width: `${!complete && !failed && !animated && processing ? percent : 100}%`
-            }
+            value: label,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx(Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(
+          BarIndicator,
+          {
+            complete,
+            failed,
+            processing,
+            animated,
+            processingComplete,
+            processingFail,
+            percent,
+            getOwnerProps,
+            getOwnerPropsArguments
           }
         ) })
       ]

package/dist/esm/DSIndeterminateProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSIndeterminateProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable complexity */\n/* eslint-disable @typescript-eslint/unbound-method */\nimport React from 'react';\nimport { describe } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport DSTruncatedTooltipText from '@elliemae/ds-truncated-tooltip-text';\n\nconst { cssClassName, classNameBlock, classNameElement } = convertPropToCssClassName(\n  'indeterminate-progress-indicator',\n);\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  return (\n    <div\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      className={`${cssClassName} ${!complete && !failed && !processing ? classNameBlock('default') : ''} ${\n        complete ? classNameBlock('complete') : ''\n      }  ${\n        // eslint-disable-next-line max-len\n        failed ? classNameBlock('failed') : ''\n      } ${processing ? classNameBlock('processing') : ''} ${animated && processing ? 'animated' : ''} \n         ${processingComplete ? classNameBlock('processing-complete') : ''} \n         ${processingFail ? classNameBlock('processing-fail') : ''} \n         ${lineOnly ? 'line-only' : ''}\n      `}\n      role=\"alert\"\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <DSTruncatedTooltipText className={classNameBlock('tooltip-text')} containerComponent={<div />} value={label} />\n      ) : null}\n      <div className={`${classNameElement('bar')}`}>\n        <div\n          className={`${classNameElement('bar-indicator')}`}\n          style={{\n            width: `${!complete && !failed && !animated && processing ? percent : 100}%`,\n          }}\n        />\n      </div>\n    </div>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACgCnB,SAkB2F,KAlB3F;AA7BJ,SAAS,gBAAgB;AACzB;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yCAAyC;AAClD,SAAS,4CAA4C;AACrD,SAAS,iCAAiC;AAC1C,OAAO,4BAA4B;AAEnC,MAAM,EAAE,cAAc,gBAAgB,iBAAiB,IAAI;AAAA,EACzD;AACF;AAEA,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,IAAI,kCAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,WAAW,GAAG,gBAAgB,CAAC,YAAY,CAAC,UAAU,CAAC,aAAa,eAAe,SAAS,IAAI,MAC9F,WAAW,eAAe,UAAU,IAAI;AAAA,MAGxC,SAAS,eAAe,QAAQ,IAAI,MAClC,aAAa,eAAe,YAAY,IAAI,MAAM,YAAY,aAAa,aAAa;AAAA,WACvF,qBAAqB,eAAe,qBAAqB,IAAI;AAAA,WAC7D,iBAAiB,eAAe,iBAAiB,IAAI;AAAA,WACrD,WAAW,cAAc;AAAA;AAAA,MAE9B,MAAK;AAAA,MACJ,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,oBAAC,0BAAuB,WAAW,eAAe,cAAc,GAAG,oBAAoB,oBAAC,SAAI,GAAI,OAAO,OAAO,IAC5G;AAAA,QACJ,oBAAC,SAAI,WAAW,GAAG,iBAAiB,KAAK,KACvC;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,GAAG,iBAAiB,eAAe;AAAA,YAC9C,OAAO;AAAA,cACL,OAAO,GAAG,CAAC,YAAY,CAAC,UAAU,CAAC,YAAY,aAAa,UAAU;AAAA,YACxE;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,2CAA2C,SAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback } from 'react';\nimport { describe, useGetGlobalAttributes, useGetXstyledProps } from '@elliemae/ds-props-helpers';\nimport {\n  DSIndeterminateProgressIndicatorPropTypes,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { TooltipTextProvider } from '@elliemae/ds-truncated-tooltip-text';\nimport { Bar, BarIndicator, Container, StyledTruncatedTooltipText } from './styled.js';\n\nconst DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props> = (props) => {\n  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);\n  const {\n    containerProps,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingFail,\n    animated,\n    percent,\n    lineOnly,\n  } = propsWithDefault;\n\n  const globalAttributes = useGetGlobalAttributes(propsWithDefault);\n  const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  return (\n    <Container\n      aria-busy={processing}\n      aria-label={label}\n      aria-live=\"polite\"\n      role=\"alert\"\n      lineOnly={lineOnly}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      {...globalAttributes}\n      {...xstyledAttributes}\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <TooltipTextProvider>\n          <StyledTruncatedTooltipText\n            value={label}\n            getOwnerProps={getOwnerProps}\n            getOwnerPropsArguments={getOwnerPropsArguments}\n          />\n        </TooltipTextProvider>\n      ) : null}\n      <Bar getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n        <BarIndicator\n          complete={complete}\n          failed={failed}\n          processing={processing}\n          animated={animated}\n          processingComplete={processingComplete}\n          processingFail={processingFail}\n          percent={percent}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\n      </Bar>\n    </Container>\n  );\n};\n\nDSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;\nDSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;AC+BnB,SAcM,KAdN;AA/BJ,SAAgB,mBAAmB;AACnC,SAAS,UAAU,wBAAwB,0BAA0B;AACrE;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yCAAyC;AAClD,SAAS,4CAA4C;AACrD,SAAS,2BAA2B;AACpC,SAAS,KAAK,cAAc,WAAW,kCAAkC;AAEzE,MAAM,mCAAiG,CAAC,UAAU;AAChH,QAAM,EAAE,kBAAkB,MAAM,IAAI,kCAAkC,KAAK;AAC3E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,mBAAmB,uBAAuB,gBAAgB;AAChE,QAAM,oBAAoB,mBAAmB,gBAAgB;AAC7D,QAAM,gBAAgB,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD,SACE;AAAA,IAAC;AAAA;AAAA,MACC,aAAW;AAAA,MACX,cAAY;AAAA,MACZ,aAAU;AAAA,MACV,MAAK;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACC,GAAG;AAAA,MACH,GAAG;AAAA,MACH,GAAG;AAAA,MAEH;AAAA,SAAC,WACA,oBAAC,uBACC;AAAA,UAAC;AAAA;AAAA,YACC,OAAO;AAAA,YACP;AAAA,YACA;AAAA;AAAA,QACF,GACF,IACE;AAAA,QACJ,oBAAC,OAAI,eAA8B,wBACjC;AAAA,UAAC;AAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA;AAAA,QACF,GACF;AAAA;AAAA;AAAA,EACF;AAEJ;AAEA,iCAAiC,YAAY;AAC7C,iCAAiC,cAAc;AAC/C,MAAM,2CAA2C,SAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -1,6 +1,19 @@
 import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
 const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";
+const DSIndeterminateProgressIndicatorSlots = {
+  ROOT: "root",
+  LABEL: "label",
+  BAR: "bar",
+  BAR_INDICATOR: "bar_indicator"
+};
+const DSIndeterminateProgressIndicatorDataTestIds = slotObjectToDataTestIds(
+  DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots
+);
 export {
-  DSIndeterminateProgressIndicatorName
+  DSIndeterminateProgressIndicatorDataTestIds,
+  DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/constants/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/constants/index.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAhB,MAAM,uCAAuC;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSIndeterminateProgressIndicatorName = 'DSIndeterminateProgressIndicator';\n\nexport const DSIndeterminateProgressIndicatorSlots = {\n  ROOT: 'root',\n  LABEL: 'label',\n  BAR: 'bar',\n  BAR_INDICATOR: 'bar_indicator',\n};\n\nexport const DSIndeterminateProgressIndicatorDataTestIds = slotObjectToDataTestIds(\n  DSIndeterminateProgressIndicatorName,\n  DSIndeterminateProgressIndicatorSlots,\n);\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,uCAAuC;AAE7C,MAAM,wCAAwC;AAAA,EACnD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,KAAK;AAAA,EACL,eAAe;AACjB;AAEO,MAAM,8CAA8C;AAAA,EACzD;AAAA,EACA;AACF;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,7 +1,10 @@
 import * as React from "react";
 export * from "./DSIndeterminateProgressIndicator.js";
 import { default as default2 } from "./DSIndeterminateProgressIndicator.js";
+import { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from "./constants/index.js";
 export {
+  DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots,
   default2 as default
 };
 //# 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 './DSIndeterminateProgressIndicator.js';\nexport { default } from './DSIndeterminateProgressIndicator.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './DSIndeterminateProgressIndicator.js';\nexport { default } from './DSIndeterminateProgressIndicator.js';\nexport { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,WAAAA,gBAAe;AACxB,SAAS,sCAAsC,6CAA6C;",
   "names": ["default"]
 }

package/dist/esm/react-desc-prop-types.js

@@ -1,5 +1,5 @@
 import * as React from "react";
-import { PropTypes } from "@elliemae/ds-props-helpers";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
 const defaultProps = {
   containerProps: {},
   title: "",
@@ -15,6 +15,8 @@ const defaultProps = {
   lineOnly: false
 };
 const DSIndeterminateProgressIndicatorPropTypes = {
+  ...globalAttributesPropTypes,
+  ...xstyledPropTypes,
   containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
   title: PropTypes.string.description("component s label"),
   complete: PropTypes.bool.description("Sets the process state to completed").defaultValue(false),

package/dist/esm/react-desc-prop-types.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/react-desc-prop-types.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-empty-interface */\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AA2BnB,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,UAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,UAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,UAAU,KAAK,YAAY,+BAA+B;AACtE;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-props-helpers';\n\nexport declare namespace DSIndeterminateProgressIndicatorT {\n  export interface RequiredProps {}\n\n  export interface DefaultProps {\n    containerProps: object;\n    title: string;\n    complete: boolean;\n    failed: boolean;\n    processing: boolean;\n    processingComplete: boolean;\n    processingCompleteTitle: string;\n    processingFail: boolean;\n    processingFailTitle: string;\n    animated: boolean;\n    percent: number;\n    lineOnly: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface Props\n    extends Partial<DefaultProps>,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>,\n      XstyledProps,\n      RequiredProps {}\n\n  export interface InternalProps\n    extends DefaultProps,\n      OptionalProps,\n      Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>,\n      XstyledProps,\n      RequiredProps {}\n}\n\nexport const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps = {\n  containerProps: {},\n  title: '',\n  complete: false,\n  failed: false,\n  processing: false,\n  processingComplete: false,\n  processingCompleteTitle: 'Complete',\n  processingFail: false,\n  processingFailTitle: 'Fail',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n};\n\nexport const DSIndeterminateProgressIndicatorPropTypes = {\n  ...globalAttributesPropTypes,\n  ...xstyledPropTypes,\n  containerProps: PropTypes.object.description('Set of Properties attached to the main container'),\n  title: PropTypes.string.description('component s label'),\n  complete: PropTypes.bool.description('Sets the process state to completed').defaultValue(false),\n  failed: PropTypes.bool.description('Sets the process state to failed').defaultValue(false),\n  processing: PropTypes.bool.description('Sets the process state to processing').defaultValue(false),\n  processingComplete: PropTypes.bool\n    .description('Sets the process state to processing and then completed')\n    .defaultValue(false),\n  processingCompleteTitle: PropTypes.string.description('label to display when the process is completed'),\n  processingFail: PropTypes.bool\n    .description('Sets the process state to processing and then failed')\n    .defaultValue(false),\n  processingFailTitle: PropTypes.string.description('label to display when the process has failed'),\n  animated: PropTypes.bool.description('animate or not').defaultValue(true),\n  percent: PropTypes.number.description('completion percentage').defaultValue(50),\n  lineOnly: PropTypes.bool.description('hide the label from rendering'),\n} as React.WeakValidationMap<unknown>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,WAAW,2BAA2B,wBAAwB;AAqChE,MAAM,eAA+D;AAAA,EAC1E,gBAAgB,CAAC;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ,oBAAoB;AAAA,EACpB,yBAAyB;AAAA,EACzB,gBAAgB;AAAA,EAChB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AAAA,EACT,UAAU;AACZ;AAEO,MAAM,4CAA4C;AAAA,EACvD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,gBAAgB,UAAU,OAAO,YAAY,kDAAkD;AAAA,EAC/F,OAAO,UAAU,OAAO,YAAY,mBAAmB;AAAA,EACvD,UAAU,UAAU,KAAK,YAAY,qCAAqC,EAAE,aAAa,KAAK;AAAA,EAC9F,QAAQ,UAAU,KAAK,YAAY,kCAAkC,EAAE,aAAa,KAAK;AAAA,EACzF,YAAY,UAAU,KAAK,YAAY,sCAAsC,EAAE,aAAa,KAAK;AAAA,EACjG,oBAAoB,UAAU,KAC3B,YAAY,yDAAyD,EACrE,aAAa,KAAK;AAAA,EACrB,yBAAyB,UAAU,OAAO,YAAY,gDAAgD;AAAA,EACtG,gBAAgB,UAAU,KACvB,YAAY,sDAAsD,EAClE,aAAa,KAAK;AAAA,EACrB,qBAAqB,UAAU,OAAO,YAAY,8CAA8C;AAAA,EAChG,UAAU,UAAU,KAAK,YAAY,gBAAgB,EAAE,aAAa,IAAI;AAAA,EACxE,SAAS,UAAU,OAAO,YAAY,uBAAuB,EAAE,aAAa,EAAE;AAAA,EAC9E,UAAU,UAAU,KAAK,YAAY,+BAA+B;AACtE;",
   "names": []
 }

package/dist/esm/styled.js

@@ -0,0 +1,152 @@
+import * as React from "react";
+import { css, kfrm, styled } from "@elliemae/ds-system";
+import { DSTruncatedTooltipText } from "@elliemae/ds-truncated-tooltip-text";
+import { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from "./constants/index.js";
+const IndeterminateAnimation = (color) => kfrm`
+  0% {
+    transform: scaleX(0.015);
+    transform-origin: 0% 0%;
+    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  25% {
+    transform: scaleX(0.4);
+  }
+  50% {
+    transform: scaleX(0.015);
+    transform-origin: 100% 0%;
+    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  50.1% {
+    transform: scaleX(0.015);
+    transform-origin: 100% 0%;
+    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});
+  }
+  75% {
+    transform: scaleX(0.4);
+  }
+  100% {
+    transform: scaleX(0.015);
+    transform-origin: 0% 0%;
+    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});
+  }
+`;
+const ProcessingSuccess = kfrm`
+  0%, 30% { transform: translateX(-50%); width: 50% }
+  15%     { transform: translateX(150%); width: 50% }
+  0%, 60% { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  0%, 90% { transform: translateX(-50%); width: 50% }
+  75%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); }
+`;
+const ProcessingSuccessEnd = (color) => kfrm`
+  0%      { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); background-color: ${color}; }
+`;
+const ProcessingFail = kfrm`
+  0%, 30% { transform: translateX(-50%); width: 50% }
+  15%     { transform: translateX(150%); width: 50% }
+  0%, 60% { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  0%, 90% { transform: translateX(-50%); width: 50% }
+  75%     { transform: translateX(150%); width: 50%; }
+  100%    { transform: translateX(0%); }
+`;
+const ProcessingFailEnd = kfrm`
+  0%      { transform: translateX(-50%); width: 50% }
+  45%     { transform: translateX(150%); width: 50% }
+  100%    { transform: translateX(0%); background-color: #e34256; }
+`;
+const Container = styled("div", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: DSIndeterminateProgressIndicatorSlots.ROOT
+})`
+  width: 100%;
+  padding: ${({ theme, lineOnly }) => lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`};
+`;
+const StyledTruncatedTooltipText = styled(DSTruncatedTooltipText, {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: DSIndeterminateProgressIndicatorSlots.LABEL
+})``;
+const Bar = styled("div", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: DSIndeterminateProgressIndicatorSlots.BAR
+})`
+  background-color: ${({ theme }) => theme.colors.neutral[100]};
+  overflow: hidden;
+`;
+const BarIndicator = styled("div", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: DSIndeterminateProgressIndicatorSlots.BAR_INDICATOR
+})`
+  height: ${({ theme }) => theme.space.xxxs};
+  width: ${({ complete, failed, animated, processing, percent }) => `${!complete && !failed && !animated && processing ? percent : 100}%`};
+  ${({ theme, complete, failed, processing, animated, processingComplete, processingFail }) => {
+  if (!complete && !failed && !processing && !processingComplete && !processingFail)
+    return css`
+        background-color: ${theme.colors.neutral[500]};
+      `;
+  else if (complete && processing)
+    return css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+  else if (complete && !processingComplete && !processing)
+    return css`
+        background-color: ${theme.colors.success[900]};
+      `;
+  else if (failed && !processingFail && !processing)
+    return css`
+        background-color: #e34256;
+      `;
+  else if (processing) {
+    if (animated) {
+      return css`
+          width: 100%;
+          animation: ${IndeterminateAnimation(theme.colors.brand[500])} 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;
+          background-color: ${theme.colors.brand[500]};
+        `;
+    }
+    return css`
+        background-color: ${theme.colors.brand[500]};
+      `;
+  } else if (processingComplete && !complete) {
+    return css`
+        width: 50%;
+        animation: ${ProcessingSuccess} 4s infinite;
+        animation-fill-mode: forwards;
+        background-color: ${theme.colors.brand[500]};
+      `;
+  } else if (processingComplete && complete)
+    return css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+  else if (processingFail && !failed)
+    return css`
+        width: 50%;
+        animation: ${ProcessingFail} 4s infinite;
+        animation-fill-mode: forwards;
+        background-color: ${theme.colors.brand[500]};
+      `;
+  else if (processingFail && failed)
+    return css`
+        width: 100%;
+        background-color: ${theme.colors.brand[500]};
+        animation: ${ProcessingFailEnd} 1s ease-in-out;
+        animation-fill-mode: forwards;
+      `;
+}};
+`;
+export {
+  Bar,
+  BarIndicator,
+  Container,
+  StyledTruncatedTooltipText
+};
+//# 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", "/* eslint-disable complexity */\nimport { css, kfrm, styled } from '@elliemae/ds-system';\nimport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-truncated-tooltip-text';\nimport { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';\n\nconst IndeterminateAnimation = (color: string) => kfrm`\n  0% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  25% {\n    transform: scaleX(0.4);\n  }\n  50% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: linear-gradient(to right, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  50.1% {\n    transform: scaleX(0.015);\n    transform-origin: 100% 0%;\n    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n  }\n  75% {\n    transform: scaleX(0.4);\n  }\n  100% {\n    transform: scaleX(0.015);\n    transform-origin: 0% 0%;\n    background-image: linear-gradient(to left, rgba(255,255,255,0.8) 10%, ${color});\n  }\n`;\n\nconst ProcessingSuccess = kfrm`\n  0%, 30% { transform: translateX(-50%); width: 50% }\n  15%     { transform: translateX(150%); width: 50% }\n  0%, 60% { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  0%, 90% { transform: translateX(-50%); width: 50% }\n  75%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); }\n`;\n\nconst ProcessingSuccessEnd = (color: string) => kfrm`\n  0%      { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); background-color: ${color}; }\n`;\n\nconst ProcessingFail = kfrm`\n  0%, 30% { transform: translateX(-50%); width: 50% }\n  15%     { transform: translateX(150%); width: 50% }\n  0%, 60% { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  0%, 90% { transform: translateX(-50%); width: 50% }\n  75%     { transform: translateX(150%); width: 50%; }\n  100%    { transform: translateX(0%); }\n`;\n\nconst ProcessingFailEnd = kfrm`\n  0%      { transform: translateX(-50%); width: 50% }\n  45%     { transform: translateX(150%); width: 50% }\n  100%    { transform: translateX(0%); background-color: #e34256; }\n`;\n\nexport const Container = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.ROOT,\n})<DSIndeterminateProgressIndicatorT.Props>`\n  width: 100%;\n  padding: ${({ theme, lineOnly }) => (lineOnly ? 0 : `${theme.space.xxs} ${theme.space.xs}`)};\n`;\n\nexport const StyledTruncatedTooltipText = styled(DSTruncatedTooltipText, {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.LABEL,\n})``;\n\nexport const Bar = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.BAR,\n})`\n  background-color: ${({ theme }) => theme.colors.neutral[100]};\n  overflow: hidden;\n`;\n\nexport const BarIndicator = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: DSIndeterminateProgressIndicatorSlots.BAR_INDICATOR,\n})<DSIndeterminateProgressIndicatorT.Props>`\n  height: ${({ theme }) => theme.space.xxxs};\n  width: ${({ complete, failed, animated, processing, percent }) =>\n    `${!complete && !failed && !animated && processing ? percent : 100}%`};\n  ${({ theme, complete, failed, processing, animated, processingComplete, processingFail }) => {\n    // Default\n    if (!complete && !failed && !processing && !processingComplete && !processingFail)\n      return css`\n        background-color: ${theme.colors.neutral[500]};\n      `;\n    // Completed\n    else if (complete && processing)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n    else if (complete && !processingComplete && !processing)\n      return css`\n        background-color: ${theme.colors.success[900]};\n      `;\n    // Failed\n    else if (failed && !processingFail && !processing)\n      return css`\n        background-color: #e34256;\n      `;\n    // Processing\n    else if (processing) {\n      if (animated) {\n        return css`\n          width: 100%;\n          animation: ${IndeterminateAnimation(theme.colors.brand[500])} 2s cubic-bezier(0.645, 0.045, 0.355, 1) infinite;\n          background-color: ${theme.colors.brand[500]};\n        `;\n      }\n      return css`\n        background-color: ${theme.colors.brand[500]};\n      `;\n    }\n    // Processing -> Completed\n    else if (processingComplete && !complete) {\n      return css`\n        width: 50%;\n        animation: ${ProcessingSuccess} 4s infinite;\n        animation-fill-mode: forwards;\n        background-color: ${theme.colors.brand[500]};\n      `;\n    } else if (processingComplete && complete)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingSuccessEnd(theme.colors.success[900])} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n    // Processing -> Failed\n    else if (processingFail && !failed)\n      return css`\n        width: 50%;\n        animation: ${ProcessingFail} 4s infinite;\n        animation-fill-mode: forwards;\n        background-color: ${theme.colors.brand[500]};\n      `;\n    else if (processingFail && failed)\n      return css`\n        width: 100%;\n        background-color: ${theme.colors.brand[500]};\n        animation: ${ProcessingFailEnd} 1s ease-in-out;\n        animation-fill-mode: forwards;\n      `;\n  }};\n`;\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/types/constants/index.d.ts

@@ -1 +1,8 @@
 export declare const DSIndeterminateProgressIndicatorName = "DSIndeterminateProgressIndicator";
+export declare const DSIndeterminateProgressIndicatorSlots: {
+    ROOT: string;
+    LABEL: string;
+    BAR: string;
+    BAR_INDICATOR: string;
+};
+export declare const DSIndeterminateProgressIndicatorDataTestIds: Record<string, string>;

package/dist/types/index.d.ts

@@ -1,2 +1,3 @@
 export * from './DSIndeterminateProgressIndicator.js';
 export { default } from './DSIndeterminateProgressIndicator.js';
+export { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';

package/dist/types/react-desc-prop-types.d.ts

@@ -1,4 +1,5 @@
 /// <reference types="react" />
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-props-helpers';
 export declare namespace DSIndeterminateProgressIndicatorT {
     interface RequiredProps {
     }
@@ -18,9 +19,9 @@ export declare namespace DSIndeterminateProgressIndicatorT {
     }
     interface OptionalProps {
     }
-    interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
     }
-    interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
     }
 }
 export declare const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps;

package/dist/types/styled.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';
+export declare const Container: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const StyledTruncatedTooltipText: import("styled-components").StyledComponent<keyof JSX.IntrinsicElements | import("react").ComponentType<any> | import("styled-components").AnyStyledComponent, import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const Bar: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, object & import("@elliemae/ds-system").OwnerInterface, never>;
+export declare const BarIndicator: import("styled-components").StyledComponent<"div", import("@elliemae/ds-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-system").OwnerInterface, never>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-indeterminate-progress-indicator",
-  "version": "3.22.1-rc.0",
+  "version": "3.23.0-rc.1",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Indeterminate Progress Indicator",
   "files": [
@@ -39,9 +39,9 @@
     "indent": 4
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "3.22.1-rc.0",
-    "@elliemae/ds-props-helpers": "3.22.1-rc.0",
-    "@elliemae/ds-truncated-tooltip-text": "3.22.1-rc.0"
+    "@elliemae/ds-classnames": "3.23.0-rc.1",
+    "@elliemae/ds-props-helpers": "3.23.0-rc.1",
+    "@elliemae/ds-truncated-tooltip-text": "3.23.0-rc.1"
   },
   "devDependencies": {
     "@elliemae/pui-cli": "~9.0.0-next.22",
@@ -50,7 +50,7 @@
     "@testing-library/user-event": "~13.5.0",
     "jest-axe": "^7.0.1",
     "styled-components": "~5.3.9",
-    "@elliemae/ds-monorepo-devops": "3.22.1-rc.0"
+    "@elliemae/ds-monorepo-devops": "3.23.0-rc.1"
   },
   "peerDependencies": {
     "react": "^17.0.2",