@elliemae/ds-legacy-indeterminate-progress-indicator 1.0.0-rc.1

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-legacy-system';\nimport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-legacy-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

@@ -0,0 +1,79 @@
+import * as React from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback } from "react";
+import { describe, useGetGlobalAttributes, useGetXstyledProps } from "@elliemae/ds-legacy-props-helpers";
+import {
+  DSIndeterminateProgressIndicatorPropTypes
+} from "./react-desc-prop-types.js";
+import { useIndeterminateProgressIndicator } from "./config/useIndeterminateProgressIndicator.js";
+import { DSIndeterminateProgressIndicatorName } from "./constants/index.js";
+import { TooltipTextProvider } from "@elliemae/ds-legacy-truncated-tooltip-text";
+import { Bar, BarIndicator, Container, StyledTruncatedTooltipText } from "./styled.js";
+const DSIndeterminateProgressIndicator = (props) => {
+  const { propsWithDefault, label } = useIndeterminateProgressIndicator(props);
+  const {
+    containerProps,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingFail,
+    animated,
+    percent,
+    lineOnly
+  } = propsWithDefault;
+  const 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(TooltipTextProvider, { children: /* @__PURE__ */ jsx(
+          StyledTruncatedTooltipText,
+          {
+            value: label,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ) }) : null,
+        /* @__PURE__ */ jsx(Bar, { getOwnerProps, getOwnerPropsArguments, children: /* @__PURE__ */ jsx(
+          BarIndicator,
+          {
+            complete,
+            failed,
+            processing,
+            animated,
+            processingComplete,
+            processingFail,
+            percent,
+            getOwnerProps,
+            getOwnerPropsArguments
+          }
+        ) })
+      ]
+    }
+  );
+};
+DSIndeterminateProgressIndicator.propTypes = DSIndeterminateProgressIndicatorPropTypes;
+DSIndeterminateProgressIndicator.displayName = DSIndeterminateProgressIndicatorName;
+const IndeterminateProgressIndicatorWithSchema = describe(DSIndeterminateProgressIndicator);
+IndeterminateProgressIndicatorWithSchema.propTypes = DSIndeterminateProgressIndicatorPropTypes;
+var DSIndeterminateProgressIndicator_default = DSIndeterminateProgressIndicator;
+export {
+  DSIndeterminateProgressIndicator,
+  IndeterminateProgressIndicatorWithSchema,
+  DSIndeterminateProgressIndicator_default as default
+};
+//# sourceMappingURL=DSIndeterminateProgressIndicator.js.map

package/dist/esm/DSIndeterminateProgressIndicator.js.map

@@ -0,0 +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-legacy-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-legacy-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/config/useIndeterminateProgressIndicator.js

@@ -0,0 +1,51 @@
+import * as React from "react";
+import React2, { useMemo } from "react";
+import { useMemoMergePropsWithDefault } from "@elliemae/ds-legacy-props-helpers";
+import {
+  DSIndeterminateProgressIndicatorPropTypes,
+  defaultProps
+} from "../react-desc-prop-types.js";
+import { useValidateProps } from "./useValidateProps.js";
+const useIndeterminateProgressIndicator = (propsFromUser) => {
+  const propsWithDefault = useMemoMergePropsWithDefault(
+    propsFromUser,
+    defaultProps
+  );
+  useValidateProps(propsWithDefault, DSIndeterminateProgressIndicatorPropTypes);
+  const {
+    title,
+    complete,
+    failed,
+    processing,
+    processingComplete,
+    processingCompleteTitle,
+    processingFail,
+    processingFailTitle
+  } = propsWithDefault;
+  const label = useMemo(() => {
+    if ((processingComplete || processingFail || processing) && (complete || failed)) {
+      return complete ? processingCompleteTitle : processingFailTitle;
+    }
+    return title;
+  }, [
+    processingComplete,
+    processingFail,
+    processing,
+    complete,
+    failed,
+    title,
+    processingCompleteTitle,
+    processingFailTitle
+  ]);
+  return React2.useMemo(
+    () => ({
+      propsWithDefault,
+      label
+    }),
+    [propsWithDefault, label]
+  );
+};
+export {
+  useIndeterminateProgressIndicator
+};
+//# sourceMappingURL=useIndeterminateProgressIndicator.js.map

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

@@ -0,0 +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-legacy-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;",
+  "names": ["React"]
+}

package/dist/esm/config/useValidateProps.js

@@ -0,0 +1,10 @@
+import * as React from "react";
+import { useValidateTypescriptPropTypes } from "@elliemae/ds-legacy-props-helpers";
+import { DSIndeterminateProgressIndicatorName } from "../constants/index.js";
+const useValidateProps = (props, propTypes) => {
+  useValidateTypescriptPropTypes(props, propTypes, DSIndeterminateProgressIndicatorName);
+};
+export {
+  useValidateProps
+};
+//# sourceMappingURL=useValidateProps.js.map

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

@@ -0,0 +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-legacy-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"],
+  "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

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

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

@@ -0,0 +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-legacy-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

@@ -0,0 +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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "export * from './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/package.json

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

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

@@ -0,0 +1,37 @@
+import * as React from "react";
+import { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from "@elliemae/ds-legacy-props-helpers";
+const defaultProps = {
+  containerProps: {},
+  title: "",
+  complete: false,
+  failed: false,
+  processing: false,
+  processingComplete: false,
+  processingCompleteTitle: "Complete",
+  processingFail: false,
+  processingFailTitle: "Fail",
+  animated: true,
+  percent: 50,
+  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),
+  failed: PropTypes.bool.description("Sets the process state to failed").defaultValue(false),
+  processing: PropTypes.bool.description("Sets the process state to processing").defaultValue(false),
+  processingComplete: PropTypes.bool.description("Sets the process state to processing and then completed").defaultValue(false),
+  processingCompleteTitle: PropTypes.string.description("label to display when the process is completed"),
+  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),
+  lineOnly: PropTypes.bool.description("hide the label from rendering")
+};
+export {
+  DSIndeterminateProgressIndicatorPropTypes,
+  defaultProps
+};
+//# sourceMappingURL=react-desc-prop-types.js.map

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

@@ -0,0 +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", "import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';\nimport { PropTypes, globalAttributesPropTypes, xstyledPropTypes } from '@elliemae/ds-legacy-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-legacy-system";
+import { DSTruncatedTooltipText } from "@elliemae/ds-legacy-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-legacy-system';\nimport { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';\nimport { DSTruncatedTooltipText } from '@elliemae/ds-legacy-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/DSIndeterminateProgressIndicator.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+import { type DSIndeterminateProgressIndicatorT } from './react-desc-prop-types.js';
+declare const DSIndeterminateProgressIndicator: React.ComponentType<DSIndeterminateProgressIndicatorT.Props>;
+declare const IndeterminateProgressIndicatorWithSchema: import("@elliemae/ds-legacy-props-helpers/dist/types/propTypes/types.js").DocumentedReactComponent<DSIndeterminateProgressIndicatorT.Props>;
+export { DSIndeterminateProgressIndicator, IndeterminateProgressIndicatorWithSchema };
+export default DSIndeterminateProgressIndicator;

package/dist/types/config/useIndeterminateProgressIndicator.d.ts

@@ -0,0 +1,8 @@
+import { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';
+export interface IndeterminateProgressIndicatorCTX {
+    propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;
+}
+export declare const useIndeterminateProgressIndicator: (propsFromUser: DSIndeterminateProgressIndicatorT.Props) => {
+    propsWithDefault: DSIndeterminateProgressIndicatorT.InternalProps;
+    label: string;
+};

package/dist/types/config/useValidateProps.d.ts

@@ -0,0 +1,3 @@
+import type { WeakValidationMap } from 'react';
+import { type DSIndeterminateProgressIndicatorT } from '../react-desc-prop-types.js';
+export declare const useValidateProps: (props: DSIndeterminateProgressIndicatorT.InternalProps, propTypes: WeakValidationMap<unknown>) => void;

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

@@ -0,0 +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

@@ -0,0 +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

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import type { GlobalAttributesT, XstyledProps } from '@elliemae/ds-legacy-props-helpers';
+export declare namespace DSIndeterminateProgressIndicatorT {
+    interface RequiredProps {
+    }
+    interface DefaultProps {
+        containerProps: object;
+        title: string;
+        complete: boolean;
+        failed: boolean;
+        processing: boolean;
+        processingComplete: boolean;
+        processingCompleteTitle: string;
+        processingFail: boolean;
+        processingFailTitle: string;
+        animated: boolean;
+        percent: number;
+        lineOnly: boolean;
+    }
+    interface OptionalProps {
+    }
+    interface Props extends Partial<DefaultProps>, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
+    }
+    interface InternalProps extends DefaultProps, OptionalProps, Omit<GlobalAttributesT<HTMLDivElement>, keyof DefaultProps>, XstyledProps, RequiredProps {
+    }
+}
+export declare const defaultProps: DSIndeterminateProgressIndicatorT.DefaultProps;
+export declare const DSIndeterminateProgressIndicatorPropTypes: import("react").WeakValidationMap<unknown>;

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-legacy-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-legacy-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-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const Bar: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, object & import("@elliemae/ds-legacy-system").OwnerInterface, never>;
+export declare const BarIndicator: import("styled-components").StyledComponent<"div", import("@elliemae/ds-legacy-system").Theme, DSIndeterminateProgressIndicatorT.Props & import("@elliemae/ds-legacy-system").OwnerInterface, never>;