@elliemae/ds-indeterminate-progress-indicator 3.80.0-next.4 → 3.80.0-next.40

package/dist/cjs/typescript-testing/typescript-indeterminate-progress-indicator-valid.js

@@ -0,0 +1,125 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __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 React = __toESM(require("react"));
+var import_jsx_runtime = require("react/jsx-runtime");
+var import__ = require("../index.js");
+const testRequiredProps = {};
+const testOptionalProps = {
+  dsIndeterminateprogressindicatorRoot: { "data-testid": "custom-root" },
+  dsIndeterminateprogressindicatorBar_indicator: () => ({ "aria-hidden": true })
+};
+const testPartialDefaults = {
+  title: "Loading",
+  processing: true
+};
+const testProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testPartialDefaults
+};
+const testCompleteDefaults = {
+  containerProps: {},
+  title: "",
+  complete: false,
+  failed: false,
+  processing: false,
+  processingComplete: false,
+  processingCompleteTitle: "Complete",
+  processingFail: false,
+  processingFailTitle: "Fail",
+  animated: true,
+  percent: 50,
+  lineOnly: false
+};
+const testInternalProps = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testInternalPropsAsSyntax = {
+  ...testRequiredProps,
+  ...testOptionalProps,
+  ...testCompleteDefaults
+};
+const testExplicitDefinition = {
+  containerProps: { "data-testid": "custom-root" },
+  title: "Loading documents",
+  complete: false,
+  failed: false,
+  processing: true,
+  processingComplete: false,
+  processingCompleteTitle: "Done",
+  processingFail: false,
+  processingFailTitle: "Failed",
+  animated: true,
+  percent: 50,
+  lineOnly: false,
+  id: "documents-loader",
+  mt: "xs"
+};
+const testInferedTypeCompatibility = {
+  containerProps: { "data-testid": "custom-root" },
+  title: "Loading documents",
+  processing: true,
+  processingCompleteTitle: "Done",
+  processingFailTitle: "Failed",
+  animated: false,
+  percent: 40
+};
+const testDefinitionAsConst = {
+  containerProps: { "data-testid": "custom-root" },
+  title: "Loading documents",
+  processing: true,
+  lineOnly: true
+};
+const ExampleUsageComponent = () => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSIndeterminateProgressIndicator, { ...testExplicitDefinition }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSIndeterminateProgressIndicator, { ...testInferedTypeCompatibility }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import__.DSIndeterminateProgressIndicator, { ...testDefinitionAsConst }),
+  /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.DSIndeterminateProgressIndicator,
+    {
+      containerProps: { "data-testid": "custom-root" },
+      title: "Loading documents",
+      complete: false,
+      failed: false,
+      processing: true,
+      processingComplete: false,
+      processingCompleteTitle: "Done",
+      processingFail: false,
+      processingFailTitle: "Failed",
+      animated: true,
+      percent: 50,
+      lineOnly: false,
+      dsIndeterminateprogressindicatorLabel: { "aria-hidden": true },
+      dsIndeterminateprogressindicatorBar_indicator: () => ({ "data-custom": "bar" })
+    }
+  )
+] });
+//# sourceMappingURL=typescript-indeterminate-progress-indicator-valid.js.map

package/dist/cjs/typescript-testing/typescript-indeterminate-progress-indicator-valid.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/typescript-indeterminate-progress-indicator-valid.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport React from 'react';\nimport { DSIndeterminateProgressIndicator } from '../index.js';\nimport type { DSIndeterminateProgressIndicatorT } from '../index.js';\n\n// test we expose the namespace and the namespace follows our deliverable conventions\ntype ComponentPropsForApp = DSIndeterminateProgressIndicatorT.Props;\ntype ComponentPropsInternals = DSIndeterminateProgressIndicatorT.InternalProps;\ntype ComponentPropsDefaultProps = DSIndeterminateProgressIndicatorT.DefaultProps;\ntype ComponentPropsOptionalProps = DSIndeterminateProgressIndicatorT.OptionalProps;\ntype ComponentPropsRequiredProps = DSIndeterminateProgressIndicatorT.RequiredProps;\n\nconst testRequiredProps: ComponentPropsRequiredProps = {};\n\nconst testOptionalProps: ComponentPropsOptionalProps = {\n  dsIndeterminateprogressindicatorRoot: { 'data-testid': 'custom-root' },\n  dsIndeterminateprogressindicatorBar_indicator: () => ({ 'aria-hidden': true }),\n};\n\n// difference Props and InternalProps is that InternalProps has all the default props filled in\n// Props allows for partial defaults\nconst testPartialDefaults: Partial<ComponentPropsDefaultProps> = {\n  title: 'Loading',\n  processing: true,\n};\n\nconst testProps: ComponentPropsForApp = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n};\n\nconst testPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testPartialDefaults,\n} as ComponentPropsForApp;\n\n// InternalProps requires all defaults to be filled in\nconst testCompleteDefaults: Required<ComponentPropsDefaultProps> = {\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\nconst testInternalProps: ComponentPropsInternals = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n};\n\nconst testInternalPropsAsSyntax = {\n  ...testRequiredProps,\n  ...testOptionalProps,\n  ...testCompleteDefaults,\n} as ComponentPropsInternals;\n\n// using the explicit type definition, if there is an error, it will be marked on the key that is wrong\nconst testExplicitDefinition: ComponentPropsForApp = {\n  containerProps: { 'data-testid': 'custom-root' },\n  title: 'Loading documents',\n  complete: false,\n  failed: false,\n  processing: true,\n  processingComplete: false,\n  processingCompleteTitle: 'Done',\n  processingFail: false,\n  processingFailTitle: 'Failed',\n  animated: true,\n  percent: 50,\n  lineOnly: false,\n  id: 'documents-loader',\n  mt: 'xs',\n};\n\n// using the \"as\" syntax, if there is an error, it will be marking the whole object as wrong because it is not compatible with the type\nconst testInferedTypeCompatibility = {\n  containerProps: { 'data-testid': 'custom-root' },\n  title: 'Loading documents',\n  processing: true,\n  processingCompleteTitle: 'Done',\n  processingFailTitle: 'Failed',\n  animated: false,\n  percent: 40,\n} as ComponentPropsForApp;\n\nconst testDefinitionAsConst = {\n  containerProps: { 'data-testid': 'custom-root' },\n  title: 'Loading documents',\n  processing: true,\n  lineOnly: true,\n} as const;\n\nconst ExampleUsageComponent = () => (\n  <>\n    {/* works with explicitly casted props, all syntaxes */}\n    <DSIndeterminateProgressIndicator {...testExplicitDefinition} />\n    <DSIndeterminateProgressIndicator {...testInferedTypeCompatibility} />\n    <DSIndeterminateProgressIndicator {...testDefinitionAsConst} />\n    {/* works with inline values */}\n    <DSIndeterminateProgressIndicator\n      containerProps={{ 'data-testid': 'custom-root' }}\n      title=\"Loading documents\"\n      complete={false}\n      failed={false}\n      processing\n      processingComplete={false}\n      processingCompleteTitle=\"Done\"\n      processingFail={false}\n      processingFailTitle=\"Failed\"\n      animated\n      percent={50}\n      lineOnly={false}\n      dsIndeterminateprogressindicatorLabel={{ 'aria-hidden': true }}\n      dsIndeterminateprogressindicatorBar_indicator={() => ({ 'data-custom': 'bar' })}\n    />\n  </>\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;AAAA,YAAuB;ACuGrB;AArGF,eAAiD;AAUjD,MAAM,oBAAiD,CAAC;AAExD,MAAM,oBAAiD;AAAA,EACrD,sCAAsC,EAAE,eAAe,cAAc;AAAA,EACrE,+CAA+C,OAAO,EAAE,eAAe,KAAK;AAC9E;AAIA,MAAM,sBAA2D;AAAA,EAC/D,OAAO;AAAA,EACP,YAAY;AACd;AAEA,MAAM,YAAkC;AAAA,EACtC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,oBAAoB;AAAA,EACxB,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,uBAA6D;AAAA,EACjE,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;AAEA,MAAM,oBAA6C;AAAA,EACjD,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAEA,MAAM,4BAA4B;AAAA,EAChC,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACL;AAGA,MAAM,yBAA+C;AAAA,EACnD,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,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;AAAA,EACV,IAAI;AAAA,EACJ,IAAI;AACN;AAGA,MAAM,+BAA+B;AAAA,EACnC,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,yBAAyB;AAAA,EACzB,qBAAqB;AAAA,EACrB,UAAU;AAAA,EACV,SAAS;AACX;AAEA,MAAM,wBAAwB;AAAA,EAC5B,gBAAgB,EAAE,eAAe,cAAc;AAAA,EAC/C,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,UAAU;AACZ;AAEA,MAAM,wBAAwB,MAC5B,4EAEE;AAAA,8CAAC,6CAAkC,GAAG,wBAAwB;AAAA,EAC9D,4CAAC,6CAAkC,GAAG,8BAA8B;AAAA,EACpE,4CAAC,6CAAkC,GAAG,uBAAuB;AAAA,EAE7D;AAAA,IAAC;AAAA;AAAA,MACC,gBAAgB,EAAE,eAAe,cAAc;AAAA,MAC/C,OAAM;AAAA,MACN,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAU;AAAA,MACV,oBAAoB;AAAA,MACpB,yBAAwB;AAAA,MACxB,gBAAgB;AAAA,MAChB,qBAAoB;AAAA,MACpB,UAAQ;AAAA,MACR,SAAS;AAAA,MACT,UAAU;AAAA,MACV,uCAAuC,EAAE,eAAe,KAAK;AAAA,MAC7D,+CAA+C,OAAO,EAAE,eAAe,MAAM;AAAA;AAAA,EAC/E;AAAA,GACF;",
+  "names": []
+}

package/dist/esm/DSIndeterminateProgressIndicator.js

@@ -3,11 +3,12 @@ import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback } from "react";
 import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-props-helpers";
 import {
-  DSIndeterminateProgressIndicatorPropTypes
+  DSIndeterminateProgressIndicatorPropTypesSchema
 } from "./react-desc-prop-types.js";
 import { useIndeterminateProgressIndicator } from "./config/useIndeterminateProgressIndicator.js";
 import { DSIndeterminateProgressIndicatorName } from "./constants/index.js";
-import { Bar, BarIndicator, Container, StyledTruncatedTooltipText } from "./styled.js";
+import { Bar, BarIndicator, Container } from "./styled.js";
+import { TruncatedTooltipText } from "./TruncatedTooltipText.js";
 const DSIndeterminateProgressIndicator = (props) => {
   const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);
   const {
@@ -21,46 +22,59 @@ const DSIndeterminateProgressIndicator = (props) => {
     percent,
     lineOnly
   } = propsWithDefault;
-  const globalAttributes = useGetGlobalAttributes(propsWithDefault);
+  const { title: titleConsumed, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);
   const xstyledAttributes = useGetXstyledProps(propsWithDefault);
   const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);
   const getOwnerPropsArguments = useCallback(() => ({}), []);
-  return /* @__PURE__ */ jsxs(
-    Container,
-    {
-      "aria-busy": processing,
-      "aria-label": label,
-      "aria-live": "polite",
-      role: "alert",
-      lineOnly,
-      getOwnerProps,
-      getOwnerPropsArguments,
-      ...globalAttributes,
-      ...xstyledAttributes,
-      ...containerProps,
-      children: [
-        !lineOnly ? /* @__PURE__ */ jsx(StyledTruncatedTooltipText, { value: label }) : null,
-        /* @__PURE__ */ jsx(Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(
-          BarIndicator,
-          {
-            complete,
-            failed,
-            processing,
-            animated,
-            processingComplete,
-            processingFail,
-            percent,
-            getOwnerProps,
-            getOwnerPropsArguments
-          }
-        ) })
-      ]
-    }
+  return (
+    // Live-region contract, per the Accessibility Expert Validation (PUI-18878, PUI-18879, PUI-18622):
+    // - `role="status"` in every state: a loader is ambient feedback and must not interrupt, which the assertive
+    //   `role="alert"` did. Its implicit polite/atomic semantics make an explicit `aria-live` redundant, and the
+    //   explicit `aria-live="polite"` next to `role="alert"` was the conflicting signal.
+    // - no `aria-busy`: it belongs on the region being loaded, which only the consumer renders.
+    // These are defaults, so global attributes, containerProps and the root slot can still override them.
+    /* @__PURE__ */ jsxs(
+      Container,
+      {
+        role: "status",
+        "aria-label": label,
+        lineOnly,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        ...globalAttributes,
+        ...xstyledAttributes,
+        ...containerProps,
+        children: [
+          !lineOnly ? /* @__PURE__ */ jsx(
+            TruncatedTooltipText,
+            {
+              value: label,
+              getOwnerProps,
+              getOwnerPropsArguments
+            }
+          ) : null,
+          /* @__PURE__ */ jsx(Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(
+            BarIndicator,
+            {
+              complete,
+              failed,
+              processing,
+              animated,
+              processingComplete,
+              processingFail,
+              percent,
+              getOwnerProps,
+              getOwnerPropsArguments
+            }
+          ) })
+        ]
+      }
+    )
   );
 };
 DSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;
 const IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);
-IndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;
+IndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypesSchema;
 var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
 export {
   DSIndeterminateProgressIndicator,

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", "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 { 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 ? <StyledTruncatedTooltipText value={label} /> : 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.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC8BnB,SAYe,KAZf;AA9BJ,SAAgB,mBAAmB;AACnC,SAAS,UAAU,wBAAwB,0BAA0B;AACrE;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yCAAyC;AAClD,SAAS,4CAA4C;AACrD,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,WAAW,oBAAC,8BAA2B,OAAO,OAAO,IAAK;AAAA,QAC5D,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,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  DSIndeterminateProgressIndicatorPropTypesSchema,\n  type DSIndeterminateProgressIndicatorT,\n} from './react-desc-prop-types.js';\nimport { useIndeterminateProgressIndicator } from './config/useIndeterminateProgressIndicator.js';\nimport { DSIndeterminateProgressIndicatorName } from './constants/index.js';\nimport { Bar, BarIndicator, Container } from './styled.js';\nimport { TruncatedTooltipText } from './TruncatedTooltipText.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  // exclude `title` \u2014 it is consumed as the accessible name (aria-label); forwarding it as the HTML\n  // `title` attribute would make some screen readers announce the label twice (PUI-18880).\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  const { title: titleConsumed, ...globalAttributes } = useGetGlobalAttributes(propsWithDefault);\n  const xstyledAttributes = useGetXstyledProps(propsWithDefault);\n  const getOwnerProps = useCallback(() => propsWithDefault, [propsWithDefault]);\n  const getOwnerPropsArguments = useCallback(() => ({}), []);\n\n  return (\n    // Live-region contract, per the Accessibility Expert Validation (PUI-18878, PUI-18879, PUI-18622):\n    // - `role=\"status\"` in every state: a loader is ambient feedback and must not interrupt, which the assertive\n    //   `role=\"alert\"` did. Its implicit polite/atomic semantics make an explicit `aria-live` redundant, and the\n    //   explicit `aria-live=\"polite\"` next to `role=\"alert\"` was the conflicting signal.\n    // - no `aria-busy`: it belongs on the region being loaded, which only the consumer renders.\n    // These are defaults, so global attributes, containerProps and the root slot can still override them.\n    <Container\n      role=\"status\"\n      aria-label={label}\n      lineOnly={lineOnly}\n      getOwnerProps={getOwnerProps}\n      getOwnerPropsArguments={getOwnerPropsArguments}\n      {...globalAttributes}\n      {...xstyledAttributes}\n      {...containerProps}\n    >\n      {!lineOnly ? (\n        <TruncatedTooltipText\n          value={label}\n          getOwnerProps={getOwnerProps}\n          getOwnerPropsArguments={getOwnerPropsArguments}\n        />\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.displayName = DSIndeterminateProgressIndicatorName;\nconst IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);\nIndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypesSchema;\n\nexport { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };\nexport default DSIndeterminateProgressIndicator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACwCnB,SAWI,KAXJ;AAxCJ,SAAgB,mBAAmB;AACnC,SAAS,UAAU,wBAAwB,0BAA0B;AACrE;AAAA,EACE;AAAA,OAEK;AACP,SAAS,yCAAyC;AAClD,SAAS,4CAA4C;AACrD,SAAS,KAAK,cAAc,iBAAiB;AAC7C,SAAS,4BAA4B;AAErC,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;AAKJ,QAAM,EAAE,OAAO,eAAe,GAAG,iBAAiB,IAAI,uBAAuB,gBAAgB;AAC7F,QAAM,oBAAoB,mBAAmB,gBAAgB;AAC7D,QAAM,gBAAgB,YAAY,MAAM,kBAAkB,CAAC,gBAAgB,CAAC;AAC5E,QAAM,yBAAyB,YAAY,OAAO,CAAC,IAAI,CAAC,CAAC;AAEzD;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,IAOE;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAY;AAAA,QACZ;AAAA,QACA;AAAA,QACA;AAAA,QACC,GAAG;AAAA,QACH,GAAG;AAAA,QACH,GAAG;AAAA,QAEH;AAAA,WAAC,WACA;AAAA,YAAC;AAAA;AAAA,cACC,OAAO;AAAA,cACP;AAAA,cACA;AAAA;AAAA,UACF,IACE;AAAA,UACJ,oBAAC,OAAI,eAA8B,wBACjC;AAAA,YAAC;AAAA;AAAA,cACC;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA,cACA;AAAA;AAAA,UACF,GACF;AAAA;AAAA;AAAA,IACF;AAAA;AAEJ;AAEA,iCAAiC,cAAc;AAC/C,MAAM,2CAA2C,SAAS,gCAAgC;AAC1F,yCAAyC,YAAY;AAGrD,IAAO,2CAAQ;",
   "names": []
 }

package/dist/esm/TruncatedTooltipText.js

@@ -1,20 +1,40 @@
 import * as React from "react";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { styled } from "@elliemae/ds-system";
+import { css, styled } from "@elliemae/ds-system";
+import { DSTypography } from "@elliemae/ds-typography";
 import {
   useFloatingContext,
   FloatingWrapper,
   PopoverArrow
 } from "@elliemae/ds-floating-context";
-const TruncatedSpan = styled.span`
+import { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from "./constants/index.js";
+const inheritedTypography = css`
+  font: inherit;
+  line-height: inherit;
+  color: inherit;
+  white-space: inherit;
+  overflow-wrap: inherit;
+  margin: 0;
+  padding: 0;
+`;
+const StyledLabel = styled("span", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.LABEL
+})`
   text-overflow: ellipsis;
   white-space: nowrap;
   overflow: hidden;
   display: inline-block;
   max-width: 100%;
+  && > * {
+    ${inheritedTypography}
+  }
 `;
-const TooltipContainer = styled.div`
+const StyledTooltipContainer = styled("div", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_CONTAINER
+})`
   text-align: center;
   min-width: ${({ theme }) => theme.space.l};
   max-width: 250px;
@@ -31,7 +51,20 @@ const TooltipContainer = styled.div`
   color: ${({ theme }) => theme.colors.neutral[600]};
   pointer-events: none;
 `;
-const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
+const StyledTooltipText = styled("span", {
+  name: DSIndeterminateProgressIndicatorName,
+  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_TEXT
+})`
+  && > * {
+    ${inheritedTypography}
+  }
+`;
+const TruncatedTooltipText = ({
+  value = "",
+  placement = "top",
+  getOwnerProps,
+  getOwnerPropsArguments
+}) => {
   const [showTooltip, setShowTooltip] = useState(false);
   const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({
     placement,
@@ -46,7 +79,17 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
     setShowTooltip(false);
   }, []);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx(TruncatedSpan, { innerRef: refs.setReference, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, children: value }),
+    /* @__PURE__ */ jsx(
+      StyledLabel,
+      {
+        innerRef: refs.setReference,
+        onMouseEnter: handleMouseEnter,
+        onMouseLeave: handleMouseLeave,
+        getOwnerProps,
+        getOwnerPropsArguments,
+        children: /* @__PURE__ */ jsx(DSTypography, { component: "span", variant: "b2", children: value })
+      }
+    ),
     /* @__PURE__ */ jsx(
       FloatingWrapper,
       {
@@ -54,8 +97,8 @@ const TruncatedTooltipText = ({ value = "", placement = "top" }) => {
         isOpen: showTooltip,
         floatingStyles,
         context,
-        children: /* @__PURE__ */ jsxs(TooltipContainer, { children: [
-          value,
+        children: /* @__PURE__ */ jsxs(StyledTooltipContainer, { getOwnerProps, getOwnerPropsArguments, children: [
+          /* @__PURE__ */ jsx(StyledTooltipText, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(DSTypography, { component: "span", variant: "b2-light", children: value }) }),
           /* @__PURE__ */ jsx(PopoverArrow, { ...arrowStyles })
         ] })
       }

package/dist/esm/TruncatedTooltipText.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/TruncatedTooltipText.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport { styled } from '@elliemae/ds-system';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\n\nconst TruncatedSpan = styled.span`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst TooltipContainer = styled.div`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n}\n\nconst TruncatedTooltipText = ({ value = '', placement = 'top' }: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <TruncatedSpan innerRef={refs.setReference} onMouseEnter={handleMouseEnter} onMouseLeave={handleMouseLeave}>\n        {value}\n      </TruncatedSpan>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <TooltipContainer>\n          {value}\n          <PopoverArrow {...arrowStyles} />\n        </TooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n"],
-  "mappings": "AAAA,YAAY,WAAW;AC4DnB,mBACE,KASE,YAVJ;AA5DJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,cAAc;AACvB;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AAEP,MAAM,gBAAgB,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAS7B,MAAM,mBAAmB,OAAO;AAAA;AAAA,eAEjB,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AASnD,MAAM,uBAAuB,CAAC,EAAE,QAAQ,IAAI,YAAY,MAAM,MAAiC;AAC7F,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA,wBAAC,iBAAc,UAAU,KAAK,cAAc,cAAc,kBAAkB,cAAc,kBACvF,iBACH;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,+BAAC,oBACE;AAAA;AAAA,UACD,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useCallback, useState } from 'react';\nimport { css, styled } from '@elliemae/ds-system';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport {\n  useFloatingContext,\n  FloatingWrapper,\n  PopoverArrow,\n  type DSHookFloatingContextT,\n} from '@elliemae/ds-floating-context';\nimport { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from './constants/index.js';\n\n// ============================================================================================================\n// Typography (PUI-18944)\n// ============================================================================================================\n// The label and the tooltip text render through DSTypography, following the ds-form-radio reference pattern\n// (b2 / b2-light). Three constraints shape how:\n//\n// - Each DSTypography is nested inside its slot element (LABEL, TOOLTIP_TEXT) rather than being the slot.\n//   Making DSTypography the slot would let the nested-slot mechanism rewrite `data-dimsum-slot` to\n//   `dsTypographyRoot` and demote ours to `data-dimsum-parent-slot` (see ds-progress-indicator, PUI-18942).\n//   `dsIndeterminateprogressindicatorLabel` shipped on the label span until the ds-truncated-tooltip-text\n//   deprecation (PUI-17903) silently dropped it, so it is restored here with its original value.\n// - No visual change. Today the label inherits the consumer's typography and the tooltip text inherits the\n//   body's, inside a container that pins 13px / neutral-600. DSTypography's own metrics (b2 line-height,\n//   font-family, `white-space: pre-wrap`) would change both, so the DSTypography elements inherit everything\n//   from their slot. `&& > *` gives 0-2-0, which beats DSTypography's single class whatever the injection order.\n// - Slot customization must still reach the text. The theme's `styleOverrides` for a slot are emitted at the end\n//   of the slot's own class (0-1-0), so the inherit rules target the child only: a 0-2-0 rule on the slot\n//   element itself would silently beat a consumer's `styleOverrides` color or font for that slot.\n//\n// Deliberately neutral: adopting the b2 / b2-light metrics is a UX decision, not a side effect of this change.\n// When it is taken, drop `font` / `line-height` / `color` from these blocks and let the variants apply.\nconst inheritedTypography = css`\n  font: inherit;\n  line-height: inherit;\n  color: inherit;\n  white-space: inherit;\n  overflow-wrap: inherit;\n  margin: 0;\n  padding: 0;\n`;\n\nconst StyledLabel = styled('span', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.LABEL,\n})`\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  overflow: hidden;\n  display: inline-block;\n  max-width: 100%;\n  && > * {\n    ${inheritedTypography}\n  }\n`;\n\n// Matches DSTooltipV3's StyledTooltipContainer styles for visual consistency\nconst StyledTooltipContainer = styled('div', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_CONTAINER,\n})`\n  text-align: center;\n  min-width: ${({ theme }) => theme.space.l};\n  max-width: 250px;\n  overflow-wrap: break-word;\n  word-break: break-word;\n  min-height: 30px;\n  display: grid;\n  align-items: center;\n  padding: ${({ theme }) => `${theme.space.xxs} ${theme.space.xs}`};\n  position: relative;\n  background-color: white;\n  border-radius: 2px;\n  font-size: 13px;\n  color: ${({ theme }) => theme.colors.neutral[600]};\n  pointer-events: none;\n`;\n\nconst StyledTooltipText = styled('span', {\n  name: DSIndeterminateProgressIndicatorName,\n  slot: INDETERMINATE_PROGRESS_INDICATOR_SLOTS.TOOLTIP_TEXT,\n})`\n  && > * {\n    ${inheritedTypography}\n  }\n`;\n\ninterface TruncatedTooltipTextProps {\n  value?: string;\n  placement?: DSHookFloatingContextT.PopperPlacementsT;\n  getOwnerProps?: () => object;\n  getOwnerPropsArguments?: () => object;\n}\n\nconst TruncatedTooltipText = ({\n  value = '',\n  placement = 'top',\n  getOwnerProps,\n  getOwnerPropsArguments,\n}: TruncatedTooltipTextProps) => {\n  const [showTooltip, setShowTooltip] = useState(false);\n\n  const { refs, floatingStyles, arrowStyles, context } = useFloatingContext({\n    placement,\n    externallyControlledIsOpen: showTooltip,\n    withoutAnimation: true,\n  });\n\n  const handleMouseEnter = useCallback((e: React.MouseEvent<HTMLSpanElement>) => {\n    const el = e.currentTarget;\n    setShowTooltip(el.offsetWidth < el.scrollWidth);\n  }, []);\n\n  const handleMouseLeave = useCallback(() => {\n    setShowTooltip(false);\n  }, []);\n\n  return (\n    <>\n      <StyledLabel\n        innerRef={refs.setReference}\n        onMouseEnter={handleMouseEnter}\n        onMouseLeave={handleMouseLeave}\n        getOwnerProps={getOwnerProps}\n        getOwnerPropsArguments={getOwnerPropsArguments}\n      >\n        <DSTypography component=\"span\" variant=\"b2\">\n          {value}\n        </DSTypography>\n      </StyledLabel>\n      <FloatingWrapper\n        innerRef={refs.setFloating}\n        isOpen={showTooltip}\n        floatingStyles={floatingStyles}\n        context={context}\n      >\n        <StyledTooltipContainer getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n          <StyledTooltipText getOwnerProps={getOwnerProps} getOwnerPropsArguments={getOwnerPropsArguments}>\n            <DSTypography component=\"span\" variant=\"b2-light\">\n              {value}\n            </DSTypography>\n          </StyledTooltipText>\n          <PopoverArrow {...arrowStyles} />\n        </StyledTooltipContainer>\n      </FloatingWrapper>\n    </>\n  );\n};\n\nexport { TruncatedTooltipText };\nexport default TruncatedTooltipText;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACsHnB,mBAQI,KAUA,YAlBJ;AAtHJ,SAAgB,aAAa,gBAAgB;AAC7C,SAAS,KAAK,cAAc;AAC5B,SAAS,oBAAoB;AAC7B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OAEK;AACP,SAAS,sCAAsC,8CAA8C;AAuB7F,MAAM,sBAAsB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAU5B,MAAM,cAAc,OAAO,QAAQ;AAAA,EACjC,MAAM;AAAA,EACN,MAAM,uCAAuC;AAC/C,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,MAOK,mBAAmB;AAAA;AAAA;AAKzB,MAAM,yBAAyB,OAAO,OAAO;AAAA,EAC3C,MAAM;AAAA,EACN,MAAM,uCAAuC;AAC/C,CAAC;AAAA;AAAA,eAEc,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,CAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAO9B,CAAC,EAAE,MAAM,MAAM,GAAG,MAAM,MAAM,GAAG,IAAI,MAAM,MAAM,EAAE,EAAE;AAAA;AAAA;AAAA;AAAA;AAAA,WAKvD,CAAC,EAAE,MAAM,MAAM,MAAM,OAAO,QAAQ,GAAG,CAAC;AAAA;AAAA;AAInD,MAAM,oBAAoB,OAAO,QAAQ;AAAA,EACvC,MAAM;AAAA,EACN,MAAM,uCAAuC;AAC/C,CAAC;AAAA;AAAA,MAEK,mBAAmB;AAAA;AAAA;AAWzB,MAAM,uBAAuB,CAAC;AAAA,EAC5B,QAAQ;AAAA,EACR,YAAY;AAAA,EACZ;AAAA,EACA;AACF,MAAiC;AAC/B,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,KAAK;AAEpD,QAAM,EAAE,MAAM,gBAAgB,aAAa,QAAQ,IAAI,mBAAmB;AAAA,IACxE;AAAA,IACA,4BAA4B;AAAA,IAC5B,kBAAkB;AAAA,EACpB,CAAC;AAED,QAAM,mBAAmB,YAAY,CAAC,MAAyC;AAC7E,UAAM,KAAK,EAAE;AACb,mBAAe,GAAG,cAAc,GAAG,WAAW;AAAA,EAChD,GAAG,CAAC,CAAC;AAEL,QAAM,mBAAmB,YAAY,MAAM;AACzC,mBAAe,KAAK;AAAA,EACtB,GAAG,CAAC,CAAC;AAEL,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,cAAc;AAAA,QACd,cAAc;AAAA,QACd;AAAA,QACA;AAAA,QAEA,8BAAC,gBAAa,WAAU,QAAO,SAAQ,MACpC,iBACH;AAAA;AAAA,IACF;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,UAAU,KAAK;AAAA,QACf,QAAQ;AAAA,QACR;AAAA,QACA;AAAA,QAEA,+BAAC,0BAAuB,eAA8B,wBACpD;AAAA,8BAAC,qBAAkB,eAA8B,wBAC/C,8BAAC,gBAAa,WAAU,QAAO,SAAQ,YACpC,iBACH,GACF;AAAA,UACA,oBAAC,gBAAc,GAAG,aAAa;AAAA,WACjC;AAAA;AAAA,IACF;AAAA,KACF;AAEJ;AAGA,IAAO,+BAAQ;",
   "names": []
 }

package/dist/esm/config/useIndeterminateProgressIndicator.js

@@ -2,7 +2,7 @@ import * as React from "react";
 import React2, { useMemo } from "react";
 import { useMemoMergePropsWithDefault } from "@elliemae/ds-props-helpers";
 import {
-  DSIndeterminateProgressIndicatorPropTypes,
+  DSIndeterminateProgressIndicatorPropTypesSchema,
   defaultProps
 } from "../react-desc-prop-types.js";
 import { useValidateProps } from "./useValidateProps.js";
@@ -11,7 +11,7 @@ const useIndeterminateProgressIndicator = (propsFromUser) => {
     propsFromUser,
     defaultProps
   );
-  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);
+  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypesSchema);
   const {
     title,
     complete,

package/dist/esm/config/useIndeterminateProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useIndeterminateProgressIndicator.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSIndeterminateProgressIndicatorT,\n  DSIndeterminateProgressIndicatorPropTypes,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface IndeterminateProgressIndicatorCTX {\n  propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;\n}\n\nexport const useIndeterminateProgressIndicator = (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSIndeterminateProgressIndicatorT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const {\n    title,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingCompleteTitle,\n    processingFail,\n    processingFailTitle,\n  } = propsWithDefault;\n\n  const label = useMemo(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      return complete ? processingCompleteTitle : processingFailTitle;\n    }\n    return title;\n  }, [\n    processingComplete,\n    processingFail,\n    processing,\n    complete,\n    failed,\n    title,\n    processingCompleteTitle,\n    processingFailTitle,\n  ]);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      label,\n    }),\n    [propsWithDefault, label],\n  );\n};\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAC/B,SAAS,oCAAoC;AAC7C;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,yCAAyC;AAI5E,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,QAAQ,MAAM;AAC1B,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,aAAO,WAAW,0BAA0B;AAAA,IAC9C;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAC1B;AACF;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React, { useMemo } from 'react';\nimport { useMemoMergePropsWithDefault } from '@elliemae/ds-props-helpers';\nimport {\n  type DSIndeterminateProgressIndicatorT,\n  DSIndeterminateProgressIndicatorPropTypesSchema,\n  defaultProps,\n} from '../react-desc-prop-types.js';\nimport { useValidateProps } from './useValidateProps.js';\n\nexport interface IndeterminateProgressIndicatorCTX {\n  propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;\n}\n\nexport const useIndeterminateProgressIndicator = (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {\n  // =============================================================================\n  // MERGE WITH DEFAULT AND VALIDATE PROPS\n  // =============================================================================\n  const propsWithDefault = useMemoMergePropsWithDefault<DSIndeterminateProgressIndicatorT.InternalProps>(\n    propsFromUser,\n    defaultProps,\n  );\n  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypesSchema);\n  // =============================================================================\n  // AD HOC PER COMPONENT LOGIC\n  // =============================================================================\n  const {\n    title,\n    complete,\n    failed,\n    processing,\n    processingComplete,\n    processingCompleteTitle,\n    processingFail,\n    processingFailTitle,\n  } = propsWithDefault;\n\n  const label = useMemo(() => {\n    if ((processingComplete || processingFail || processing) && (complete || failed)) {\n      return complete ? processingCompleteTitle : processingFailTitle;\n    }\n    return title;\n  }, [\n    processingComplete,\n    processingFail,\n    processing,\n    complete,\n    failed,\n    title,\n    processingCompleteTitle,\n    processingFailTitle,\n  ]);\n\n  return React.useMemo(\n    () => ({\n      propsWithDefault,\n      label,\n    }),\n    [propsWithDefault, label],\n  );\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,OAAOA,UAAS,eAAe;AAC/B,SAAS,oCAAoC;AAC7C;AAAA,EAEE;AAAA,EACA;AAAA,OACK;AACP,SAAS,wBAAwB;AAM1B,MAAM,oCAAoC,CAAC,kBAA2D;AAI3G,QAAM,mBAAmB;AAAA,IACvB;AAAA,IACA;AAAA,EACF;AACA,mBAAiB,kBAAkB,+CAA+C;AAIlF,QAAM;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,IAAI;AAEJ,QAAM,QAAQ,QAAQ,MAAM;AAC1B,SAAK,sBAAsB,kBAAkB,gBAAgB,YAAY,SAAS;AAChF,aAAO,WAAW,0BAA0B;AAAA,IAC9C;AACA,WAAO;AAAA,EACT,GAAG;AAAA,IACD;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,IACA;AAAA,EACF,CAAC;AAED,SAAOA,OAAM;AAAA,IACX,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IACF;AAAA,IACA,CAAC,kBAAkB,KAAK;AAAA,EAC1B;AACF;",
   "names": ["React"]
 }

package/dist/esm/config/useValidateProps.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/config/useValidateProps.ts"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { WeakValidationMap } from 'react';\nimport { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSIndeterminateProgressIndicatorT.InternalProps,\n  propTypes: WeakValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);\n};\n"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { useValidateTypescriptPropTypes } from '@elliemae/ds-props-helpers';\nimport type { ValidationMap } from '@elliemae/ds-props-helpers';\nimport { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';\nimport { DSIndeterminateProgressIndicatorName } from '../constants/index.js';\n\nexport const useValidateProps = (\n  props: DSIndeterminateProgressIndicatorT.InternalProps,\n  propTypes: ValidationMap<unknown>,\n): void => {\n  // we validate the \"required if\" via 'isRequiredIf from our custom PropTypes\n  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);\n};\n"],
   "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,sCAAsC;AAG/C,SAAS,4CAA4C;AAE9C,MAAM,mBAAmB,CAC9B,OACA,cACS;AAET,iCAA+B,OAAO,WAAW,oCAAoC;AACvF;",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -1,19 +1,24 @@
 import * as React from "react";
 import { slotObjectToDataTestIds } from "@elliemae/ds-system";
 const DSIndeterminateProgressIndicatorName = "DSIndeterminateprogressindicator";
-const DSIndeterminateProgressIndicatorSlots = {
+const INDETERMINATE_PROGRESS_INDICATOR_SLOTS = {
   ROOT: "root",
   LABEL: "label",
+  TOOLTIP_CONTAINER: "tooltip-container",
+  TOOLTIP_TEXT: "tooltip-text",
   BAR: "bar",
+  // legacy snake_case value — shipped as "ds-indeterminateprogressindicator-bar_indicator", breaking change if renamed
   BAR_INDICATOR: "bar_indicator"
 };
-const DSIndeterminateProgressIndicatorDataTestIds = slotObjectToDataTestIds(
+const INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID = slotObjectToDataTestIds(
   DSIndeterminateProgressIndicatorName,
-  DSIndeterminateProgressIndicatorSlots
+  INDETERMINATE_PROGRESS_INDICATOR_SLOTS
 );
+const DSIndeterminateProgressIndicatorSlots = INDETERMINATE_PROGRESS_INDICATOR_SLOTS;
 export {
-  DSIndeterminateProgressIndicatorDataTestIds,
   DSIndeterminateProgressIndicatorName,
-  DSIndeterminateProgressIndicatorSlots
+  DSIndeterminateProgressIndicatorSlots,
+  INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,
+  INDETERMINATE_PROGRESS_INDICATOR_SLOTS
 };
 //# 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", "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;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\nexport const DSIndeterminateProgressIndicatorName = 'DSIndeterminateprogressindicator';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const INDETERMINATE_PROGRESS_INDICATOR_SLOTS = {\n  ROOT: 'root',\n  LABEL: 'label',\n  TOOLTIP_CONTAINER: 'tooltip-container',\n  TOOLTIP_TEXT: 'tooltip-text',\n  BAR: 'bar',\n  // legacy snake_case value \u2014 shipped as \"ds-indeterminateprogressindicator-bar_indicator\", breaking change if renamed\n  BAR_INDICATOR: 'bar_indicator',\n} as const;\n\n// we are naming this with the ${component_name}_data_testid convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID = slotObjectToDataTestIds(\n  DSIndeterminateProgressIndicatorName,\n  INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n);\n\n// pre-convention public name, kept so existing imports keep working\nexport const DSIndeterminateProgressIndicatorSlots = INDETERMINATE_PROGRESS_INDICATOR_SLOTS;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,+BAA+B;AAEjC,MAAM,uCAAuC;AAG7C,MAAM,yCAAyC;AAAA,EACpD,MAAM;AAAA,EACN,OAAO;AAAA,EACP,mBAAmB;AAAA,EACnB,cAAc;AAAA,EACd,KAAK;AAAA;AAAA,EAEL,eAAe;AACjB;AAGO,MAAM,+CAA+C;AAAA,EAC1D;AAAA,EACA;AACF;AAGO,MAAM,wCAAwC;",
   "names": []
 }

package/dist/esm/index.js

@@ -1,8 +1,20 @@
 import * as React from "react";
-export * from "./DSIndeterminateProgressIndicator.js";
-import { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from "./constants/index.js";
-export {
+import {
+  DSIndeterminateProgressIndicator,
+  IndeterminateProgressIndicatorWithSchema
+} from "./DSIndeterminateProgressIndicator.js";
+import {
   DSIndeterminateProgressIndicatorName,
+  INDETERMINATE_PROGRESS_INDICATOR_SLOTS,
+  INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,
   DSIndeterminateProgressIndicatorSlots
+} from "./constants/index.js";
+export {
+  DSIndeterminateProgressIndicator,
+  DSIndeterminateProgressIndicatorName,
+  DSIndeterminateProgressIndicatorSlots,
+  INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,
+  INDETERMINATE_PROGRESS_INDICATOR_SLOTS,
+  IndeterminateProgressIndicatorWithSchema
 };
 //# 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 { DSIndeterminateProgressIndicatorName, DSIndeterminateProgressIndicatorSlots } from './constants/index.js';\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACAvB,cAAc;AACd,SAAS,sCAAsC,6CAA6C;",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export {\n  DSIndeterminateProgressIndicator,\n  IndeterminateProgressIndicatorWithSchema,\n} from './DSIndeterminateProgressIndicator.js';\nexport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nexport {\n  DSIndeterminateProgressIndicatorName,\n  INDETERMINATE_PROGRESS_INDICATOR_SLOTS,\n  INDETERMINATE_PROGRESS_INDICATOR_DATA_TESTID,\n  DSIndeterminateProgressIndicatorSlots,\n} from './constants/index.js';\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB;AAAA,EACE;AAAA,EACA;AAAA,OACK;AAEP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;",
   "names": []
 }

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

@@ -1,5 +1,11 @@
 import * as React from "react";
-import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-props-helpers";
+import {
+  PropTypes,
+  getPropsPerSlotPropTypes,
+  globalAttributesPropTypes,
+  xstyledPropTypes
+} from "@elliemae/ds-props-helpers";
+import { DSIndeterminateProgressIndicatorName, INDETERMINATE_PROGRESS_INDICATOR_SLOTS } from "./constants/index.js";
 const defaultProps = {
   containerProps: {},
   title: "",
@@ -14,7 +20,14 @@ const defaultProps = {
   percent: 50,
   lineOnly: false
 };
+const slotPropTypes = getPropsPerSlotPropTypes(
+  DSIndeterminateProgressIndicatorName,
+  INDETERMINATE_PROGRESS_INDICATOR_SLOTS
+);
 const DSIndeterminateProgressIndicatorPropTypes = {
+  ...slotPropTypes,
+  // already built by the spread above under its real (underscore) key — restated so TypeScript sees that key too
+  dsIndeterminateprogressindicatorBar_indicator: slotPropTypes.dsIndeterminateprogressindicatorBar_indicator,
   ...globalAttributesPropTypes,
   ...xstyledPropTypes,
   containerProps: PropTypes.object.description("Set of Properties attached to the main container"),
@@ -27,11 +40,15 @@ const DSIndeterminateProgressIndicatorPropTypes = {
   processingFail: PropTypes.bool.description("Sets the process state to processing and then failed").defaultValue(false),
   processingFailTitle: PropTypes.string.description("label to display when the process has failed"),
   animated: PropTypes.bool.description("animate or not").defaultValue(true),
-  percent: PropTypes.number.description("completion percentage").defaultValue(50),
+  percent: PropTypes.number.description(
+    'Width of the static fill shown while "processing" with "animated" set to false. Visual only: it is not exposed to assistive technology and does not represent measurable progress \u2014 use DSProgressIndicator for determinate progress.'
+  ).defaultValue(50),
   lineOnly: PropTypes.bool.description("hide the label from rendering")
 };
+const DSIndeterminateProgressIndicatorPropTypesSchema = DSIndeterminateProgressIndicatorPropTypes;
 export {
   DSIndeterminateProgressIndicatorPropTypes,
+  DSIndeterminateProgressIndicatorPropTypesSchema,
   defaultProps
 };
 //# sourceMappingURL=react-desc-prop-types.js.map