@elliemae/ds-circular-progress-indicator 3.80.0-next.6 → 3.80.0-next.61

package/dist/esm/DSCircularProgressIndicator.js

@@ -1,102 +1,74 @@
 import * as React from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { convertPropToCssClassName } from "@elliemae/ds-classnames";
-import { describe, PropTypes, useDeprecateComponent } from "@elliemae/ds-props-helpers";
+import { describe, useDeprecateComponent } from "@elliemae/ds-props-helpers";
 import { DSTooltipV3 } from "@elliemae/ds-tooltip-v3";
-const { classNameBlock, classNameElement } = convertPropToCssClassName("circular-progress-indicator");
-const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {
+import { DSTypography } from "@elliemae/ds-typography";
+import {
+  DSCircularProgressIndicatorPropTypesSchema,
+  defaultProps
+} from "./react-desc-prop-types.js";
+import {
+  CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID,
+  CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID,
+  DSCircularProgressIndicatorName,
+  legacyBaseGeometry,
+  legacyGeometryBySize,
+  legacyInheritedTypography
+} from "./constants/index.js";
+const legacyClassNames = convertPropToCssClassName("circular-progress-indicator");
+const withLegacyDefaults = ({
+  size = defaultProps.size,
+  showLabel = defaultProps.showLabel,
+  showTooltip = defaultProps.showTooltip,
+  waiting = defaultProps.waiting,
+  loading = defaultProps.loading
+}) => ({
+  size,
+  showLabel,
+  showTooltip,
+  waiting,
+  loading
+});
+const DSCircularProgressIndicator = (props) => {
   useDeprecateComponent({ componentName: "ds-circular-progress-indicator", version: "TBD Date: 2023 Q3" });
+  const { size, showLabel, showTooltip, waiting, loading } = withLegacyDefaults(props);
   const waitingLabel = "Waiting...";
   const loadingLabel = "Loading...";
   const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;
-  let sizePx;
-  let sizeLabel;
-  let strokeWidth;
-  let trackWidth;
-  let markerHeight = "0.7";
-  let markerRefY = "4.8";
-  let grayArcStrokeDasharray = "45 170";
-  let grayArcStrokeDashoffset = "127.5";
-  switch (size.toUpperCase()) {
-    case "XS":
-      sizePx = 8;
-      sizeLabel = 12;
-      strokeWidth = 10;
-      trackWidth = 3;
-      markerHeight = "1";
-      grayArcStrokeDasharray = "46 174";
-      grayArcStrokeDashoffset = "133";
-      break;
-    case "S":
-      sizePx = 16;
-      sizeLabel = 12;
-      strokeWidth = 8;
-      trackWidth = 3;
-      markerHeight = "1";
-      grayArcStrokeDasharray = "46 174";
-      grayArcStrokeDashoffset = "133";
-      break;
-    case "M":
-      sizePx = 24;
-      sizeLabel = 12;
-      strokeWidth = 7;
-      trackWidth = 3;
-      markerHeight = "1";
-      markerRefY = "5.5";
-      grayArcStrokeDasharray = "46 174";
-      grayArcStrokeDashoffset = "133";
-      break;
-    case "L":
-      sizePx = 32;
-      sizeLabel = 13;
-      strokeWidth = 6;
-      trackWidth = 3;
-      markerRefY = "5";
-      break;
-    case "XL":
-      sizePx = 48;
-      sizeLabel = 14;
-      strokeWidth = 5;
-      trackWidth = 1;
-      break;
-    case "XXL":
-      sizePx = 56;
-      sizeLabel = 16;
-      strokeWidth = 4;
-      trackWidth = 1;
-      break;
-    case "XXXL":
-      sizePx = 64;
-      sizeLabel = 16;
-      strokeWidth = 5;
-      trackWidth = 2;
-      break;
-    default:
-      break;
-  }
+  const {
+    sizePx,
+    sizeLabel,
+    strokeWidth,
+    trackWidth,
+    markerHeight,
+    markerRefY,
+    grayArcStrokeDasharray,
+    grayArcStrokeDashoffset
+  } = { ...legacyBaseGeometry, ...legacyGeometryBySize[size.toUpperCase()] };
   const labelText = /* @__PURE__ */ jsx(
     "p",
     {
-      "data-testid": "circular-indicator-label",
-      className: classNameElement("label"),
+      "data-testid": CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.LABEL,
+      className: legacyClassNames.classNameElement("label"),
       style: { fontSize: `${sizeLabel}px` },
-      children: currentLabel
+      children: /* @__PURE__ */ jsx(DSTypography, { component: "span", variant: "b2", style: legacyInheritedTypography, children: currentLabel })
     }
   );
-  const buildIndicator = (Component) => sizePx < 17 || showTooltip ? /* @__PURE__ */ jsx(
+  const buildIndicator = (indicatorElement) => sizePx !== void 0 && sizePx < 17 || showTooltip ? /* @__PURE__ */ jsx(
     DSTooltipV3,
     {
-      id: "circular-indicator-title",
+      id: CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID,
       text: currentLabel,
       startPlacementPreference: "bottom",
-      "data-testid": "circular-indicator-title",
-      children: Component
+      "data-testid": CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID,
+      children: indicatorElement
     }
-  ) : Component;
+  ) : indicatorElement;
   const grayTrack = /* @__PURE__ */ jsx(
     "circle",
     {
-      className: classNameElement("track"),
+      className: legacyClassNames.classNameElement("track"),
       cx: "50%",
       cy: "50%",
       fill: "none",
@@ -107,7 +79,7 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
   const grayArc = /* @__PURE__ */ jsx(
     "circle",
     {
-      className: classNameElement("arc-gray"),
+      className: legacyClassNames.classNameElement("arc-gray"),
       stroke: "#E0E3E8",
       strokeDasharray: `${grayArcStrokeDasharray}`,
       strokeDashoffset: `${grayArcStrokeDashoffset}`,
@@ -125,7 +97,7 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
       version: "1.1",
       viewBox: "0 0 66 66",
       width: `${sizePx}px`,
-      "data-testid": "circular-indicator",
+      "data-testid": CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.INDICATOR,
       "aria-label": waiting && !loading ? waitingLabel : loadingLabel,
       children: [
         /* @__PURE__ */ jsxs("defs", { children: [
@@ -172,18 +144,18 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
           /* @__PURE__ */ jsx(
             "path",
             {
-              className: classNameElement("arc-blue"),
+              className: legacyClassNames.classNameElement("arc-blue"),
               d: "M30,5 C17.536025,6 6,17.536027 5,31",
               stroke: "#5594e2",
               strokeWidth: `${strokeWidth - 0.5}px`,
               strokeLinecap: "round",
-              "data-testid": "circular-indicator-blue-arc"
+              "data-testid": CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.BLUE_ARC
             }
           ),
           /* @__PURE__ */ jsx(
             "path",
             {
-              className: classNameElement("arc-white"),
+              className: legacyClassNames.classNameElement("arc-white"),
               d: "M33,5 C17.536027,5 5,17.536027 5,33",
               stroke: "#FFF",
               strokeWidth: `${strokeWidth + 2}px`,
@@ -196,31 +168,26 @@ const CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, load
       ]
     }
   );
-  return /* @__PURE__ */ jsxs("div", { className: classNameBlock("wrapper"), role: "status", "aria-hidden": waiting || loading ? "false" : "true", children: [
-    buildIndicator(indicator),
-    showLabel && labelText
-  ] });
-};
-CircularProgressIndicator.defaultProps = {
-  size: "m",
-  showLabel: false,
-  showTooltip: false,
-  waiting: false,
-  loading: false
-};
-const circularProgressIndicatorProps = {
-  size: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl", "xxxl"]).description("Defines the size of the indicator").defaultValue("m"),
-  showLabel: PropTypes.bool.description("Wheter the indicator displays its state on a label or not").defaultValue(false),
-  showTooltip: PropTypes.bool.description("Wheter the indicator displays its state on a tooltip or not").defaultValue(false),
-  waiting: PropTypes.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(false),
-  loading: PropTypes.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(false)
+  return /* @__PURE__ */ jsxs(
+    "div",
+    {
+      className: legacyClassNames.classNameBlock("wrapper"),
+      role: "status",
+      "aria-hidden": waiting || loading ? "false" : "true",
+      children: [
+        buildIndicator(indicator),
+        showLabel && labelText
+      ]
+    }
+  );
 };
-CircularProgressIndicator.displayName = "CircularProgressIndicator";
-const CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);
-CircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;
-var DSCircularProgressIndicator_default = CircularProgressIndicator;
+DSCircularProgressIndicator.displayName = DSCircularProgressIndicatorName;
+const CircularProgressIndicatorWithSchema = describe(DSCircularProgressIndicator);
+CircularProgressIndicatorWithSchema.propTypes = DSCircularProgressIndicatorPropTypesSchema;
+var DSCircularProgressIndicator_default = DSCircularProgressIndicator;
 export {
   CircularProgressIndicatorWithSchema,
+  DSCircularProgressIndicator,
   DSCircularProgressIndicator_default as default
 };
 //# sourceMappingURL=DSCircularProgressIndicator.js.map

package/dist/esm/DSCircularProgressIndicator.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/DSCircularProgressIndicator.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable eslint-comments/no-unlimited-disable */\n/* eslint-disable */\n// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\n\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { describe, PropTypes, useDeprecateComponent } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\n\nconst { classNameBlock, classNameElement } = convertPropToCssClassName('circular-progress-indicator');\n\nconst CircularProgressIndicator = ({ size, showLabel, showTooltip, waiting, loading }) => {\n  useDeprecateComponent({ componentName: 'ds-circular-progress-indicator', version: 'TBD Date: 2023 Q3' });\n\n  const waitingLabel = 'Waiting...';\n  const loadingLabel = 'Loading...';\n  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;\n  let sizePx;\n  let sizeLabel;\n  let strokeWidth;\n  let trackWidth;\n  let markerHeight = '0.7';\n  let markerRefY = '4.8';\n  let grayArcStrokeDasharray = '45 170';\n  let grayArcStrokeDashoffset = '127.5';\n\n  switch (size.toUpperCase()) {\n    case 'XS':\n      sizePx = 8;\n      sizeLabel = 12;\n      strokeWidth = 10;\n      trackWidth = 3;\n      markerHeight = '1';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'S':\n      sizePx = 16;\n      sizeLabel = 12;\n      strokeWidth = 8;\n      trackWidth = 3;\n      markerHeight = '1';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'M':\n      sizePx = 24;\n      sizeLabel = 12;\n      strokeWidth = 7;\n      trackWidth = 3;\n      markerHeight = '1';\n      markerRefY = '5.5';\n      grayArcStrokeDasharray = '46 174';\n      grayArcStrokeDashoffset = '133';\n      break;\n    case 'L':\n      sizePx = 32;\n      sizeLabel = 13;\n      strokeWidth = 6;\n      trackWidth = 3;\n      markerRefY = '5';\n      break;\n    case 'XL':\n      sizePx = 48;\n      sizeLabel = 14;\n      strokeWidth = 5;\n      trackWidth = 1;\n      break;\n    case 'XXL':\n      sizePx = 56;\n      sizeLabel = 16;\n      strokeWidth = 4;\n      trackWidth = 1;\n      break;\n    case 'XXXL':\n      sizePx = 64;\n      sizeLabel = 16;\n      strokeWidth = 5;\n      trackWidth = 2;\n      break;\n    default:\n      break;\n  }\n\n  const labelText = (\n    <p\n      data-testid=\"circular-indicator-label\"\n      className={classNameElement('label')}\n      style={{ fontSize: `${sizeLabel}px` }}\n    >\n      {currentLabel}\n    </p>\n  );\n\n  // Only adds the tooltip if sizePx < 17 or showTooltip is true\n  const buildIndicator = (Component: JSX.Element) =>\n    sizePx < 17 || showTooltip ? (\n      <DSTooltipV3\n        id=\"circular-indicator-title\"\n        text={currentLabel}\n        startPlacementPreference=\"bottom\"\n        data-testid=\"circular-indicator-title\"\n      >\n        {Component}\n      </DSTooltipV3>\n    ) : (\n      Component\n    );\n\n  const grayTrack = (\n    <circle\n      className={classNameElement('track')}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const grayArc = (\n    <circle\n      className={classNameElement('arc-gray')}\n      stroke=\"#E0E3E8\"\n      strokeDasharray={`${grayArcStrokeDasharray}`}\n      strokeDashoffset={`${grayArcStrokeDashoffset}`}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const indicator = (\n    <svg\n      height={`${sizePx}px`}\n      version=\"1.1\"\n      viewBox=\"0 0 66 66\"\n      width={`${sizePx}px`}\n      data-testid=\"circular-indicator\"\n      aria-label={waiting && !loading ? waitingLabel : loadingLabel}\n    >\n      <defs>\n        <linearGradient id=\"grad1\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n          <stop offset=\"89%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n        </linearGradient>\n        <linearGradient id=\"grad2\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"11%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n        </linearGradient>\n        <marker\n          id=\"inverseL\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0.5\"\n          refY={`${markerRefY}`}\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.5\"\n          markerHeight={`${markerHeight}`}\n          orient=\"auto\"\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n        <marker\n          id=\"inverseR\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0\"\n          refY=\"5\"\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.7\"\n          markerHeight={`${markerHeight}`}\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n      </defs>\n      {grayTrack}\n      {!waiting && (\n        <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n          <path\n            className={classNameElement('arc-blue')}\n            d=\"M30,5 C17.536025,6 6,17.536027 5,31\"\n            stroke=\"#5594e2\"\n            strokeWidth={`${strokeWidth - 0.5}px`}\n            strokeLinecap=\"round\"\n            data-testid=\"circular-indicator-blue-arc\"\n          />\n          <path\n            className={classNameElement('arc-white')}\n            d=\"M33,5 C17.536027,5 5,17.536027 5,33\"\n            stroke=\"#FFF\"\n            strokeWidth={`${strokeWidth + 2}px`}\n            markerStart=\"url(#inverseR)\"\n            markerEnd=\"url(#inverseL)\"\n          />\n          {grayArc}\n        </g>\n      )}\n    </svg>\n  );\n\n  return (\n    <div className={classNameBlock('wrapper')} role=\"status\" aria-hidden={waiting || loading ? 'false' : 'true'}>\n      {buildIndicator(indicator)}\n      {showLabel && labelText}\n    </div>\n  );\n};\n\nCircularProgressIndicator.defaultProps = {\n  size: 'm',\n  showLabel: false,\n  showTooltip: false,\n  waiting: false,\n  loading: false,\n};\n\nconst circularProgressIndicatorProps = {\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'])\n    .description('Defines the size of the indicator')\n    .defaultValue('m'),\n  showLabel: PropTypes.bool\n    .description('Wheter the indicator displays its state on a label or not')\n    .defaultValue(false),\n  showTooltip: PropTypes.bool\n    .description('Wheter the indicator displays its state on a tooltip or not')\n    .defaultValue(false),\n  waiting: PropTypes.bool\n    .description('Defines the state of the indicator as Waiting and only displays the gray track')\n    .defaultValue(false),\n  loading: PropTypes.bool\n    .description('Defines the state of the indicator as Loading and displays a blue spinner animation')\n    .defaultValue(false),\n};\n\nCircularProgressIndicator.displayName = 'CircularProgressIndicator';\nconst CircularProgressIndicatorWithSchema = describe(CircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = circularProgressIndicatorProps;\n\nexport { CircularProgressIndicatorWithSchema };\nexport default CircularProgressIndicator;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import React from 'react';\nimport { convertPropToCssClassName } from '@elliemae/ds-classnames';\nimport { describe, useDeprecateComponent } from '@elliemae/ds-props-helpers';\nimport { DSTooltipV3 } from '@elliemae/ds-tooltip-v3';\nimport { DSTypography } from '@elliemae/ds-typography';\nimport {\n  type DSCircularProgressIndicatorT,\n  DSCircularProgressIndicatorPropTypesSchema,\n  defaultProps,\n} from './react-desc-prop-types.js';\nimport {\n  CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID,\n  CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID,\n  DSCircularProgressIndicatorName,\n  legacyBaseGeometry,\n  legacyGeometryBySize,\n  legacyInheritedTypography,\n} from './constants/index.js';\n\nconst legacyClassNames = convertPropToCssClassName('circular-progress-indicator');\n\n// Destructuring defaults keep the semantics of the static `defaultProps` this component used to declare:\n// a prop that is missing or explicitly `undefined` gets its default, any other value (`null` included) is kept.\nconst withLegacyDefaults = ({\n  size = defaultProps.size,\n  showLabel = defaultProps.showLabel,\n  showTooltip = defaultProps.showTooltip,\n  waiting = defaultProps.waiting,\n  loading = defaultProps.loading,\n}: DSCircularProgressIndicatorT.Props): DSCircularProgressIndicatorT.InternalProps => ({\n  size,\n  showLabel,\n  showTooltip,\n  waiting,\n  loading,\n});\n\nconst DSCircularProgressIndicator: React.ComponentType<DSCircularProgressIndicatorT.Props> = (props) => {\n  useDeprecateComponent({ componentName: 'ds-circular-progress-indicator', version: 'TBD Date: 2023 Q3' });\n\n  const { size, showLabel, showTooltip, waiting, loading } = withLegacyDefaults(props);\n\n  const waitingLabel = 'Waiting...';\n  const loadingLabel = 'Loading...';\n  const currentLabel = waiting && !loading ? waitingLabel : loadingLabel;\n  // a size outside the table keeps the base values (undefined sizes, NaN stroke width), which render the same\n  // attributes the switch this lookup replaced did\n  const {\n    sizePx,\n    sizeLabel,\n    strokeWidth,\n    trackWidth,\n    markerHeight,\n    markerRefY,\n    grayArcStrokeDasharray,\n    grayArcStrokeDashoffset,\n  } = { ...legacyBaseGeometry, ...legacyGeometryBySize[size.toUpperCase()] };\n\n  const labelText = (\n    <p\n      data-testid={CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.LABEL}\n      className={legacyClassNames.classNameElement('label')}\n      style={{ fontSize: `${sizeLabel}px` }}\n    >\n      <DSTypography component=\"span\" variant=\"b2\" style={legacyInheritedTypography}>\n        {currentLabel}\n      </DSTypography>\n    </p>\n  );\n\n  // Only adds the tooltip if sizePx < 17 or showTooltip is true\n  const buildIndicator = (indicatorElement: React.JSX.Element) =>\n    (sizePx !== undefined && sizePx < 17) || showTooltip ? (\n      <DSTooltipV3\n        id={CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID}\n        text={currentLabel}\n        startPlacementPreference=\"bottom\"\n        data-testid={CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID}\n      >\n        {indicatorElement}\n      </DSTooltipV3>\n    ) : (\n      indicatorElement\n    );\n\n  const grayTrack = (\n    <circle\n      className={legacyClassNames.classNameElement('track')}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const grayArc = (\n    <circle\n      className={legacyClassNames.classNameElement('arc-gray')}\n      stroke=\"#E0E3E8\"\n      strokeDasharray={`${grayArcStrokeDasharray}`}\n      strokeDashoffset={`${grayArcStrokeDashoffset}`}\n      cx=\"50%\"\n      cy=\"50%\"\n      fill=\"none\"\n      r=\"28\"\n      strokeWidth={`${trackWidth}px`}\n    />\n  );\n\n  const indicator = (\n    <svg\n      height={`${sizePx}px`}\n      version=\"1.1\"\n      viewBox=\"0 0 66 66\"\n      width={`${sizePx}px`}\n      data-testid={CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.INDICATOR}\n      aria-label={waiting && !loading ? waitingLabel : loadingLabel}\n    >\n      <defs>\n        <linearGradient id=\"grad1\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n          <stop offset=\"89%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n        </linearGradient>\n        <linearGradient id=\"grad2\" x1=\"0%\" x2=\"100%\" y1=\"100%\" y2=\"0%\">\n          <stop offset=\"0%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"11%\" style={{ stopColor: '#5594e2', stopOpacity: 1 }} />\n          <stop offset=\"100%\" style={{ stopColor: '#E0E3E8', stopOpacity: 1 }} />\n        </linearGradient>\n        <marker\n          id=\"inverseL\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0.5\"\n          refY={`${markerRefY}`}\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.5\"\n          markerHeight={`${markerHeight}`}\n          orient=\"auto\"\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n        <marker\n          id=\"inverseR\"\n          viewBox=\"0 0 5 10\"\n          refX=\"0\"\n          refY=\"5\"\n          markerUnits=\"strokeWidth\"\n          markerWidth=\"0.7\"\n          markerHeight={`${markerHeight}`}\n        >\n          <path d=\"M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z\" fill=\"#FFF\" />\n        </marker>\n      </defs>\n      {grayTrack}\n      {!waiting && (\n        <g fill=\"none\" fillRule=\"evenodd\" stroke=\"none\" strokeWidth=\"1\">\n          <path\n            className={legacyClassNames.classNameElement('arc-blue')}\n            d=\"M30,5 C17.536025,6 6,17.536027 5,31\"\n            stroke=\"#5594e2\"\n            strokeWidth={`${strokeWidth - 0.5}px`}\n            strokeLinecap=\"round\"\n            data-testid={CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID.BLUE_ARC}\n          />\n          <path\n            className={legacyClassNames.classNameElement('arc-white')}\n            d=\"M33,5 C17.536027,5 5,17.536027 5,33\"\n            stroke=\"#FFF\"\n            strokeWidth={`${strokeWidth + 2}px`}\n            markerStart=\"url(#inverseR)\"\n            markerEnd=\"url(#inverseL)\"\n          />\n          {grayArc}\n        </g>\n      )}\n    </svg>\n  );\n\n  return (\n    <div\n      className={legacyClassNames.classNameBlock('wrapper')}\n      role=\"status\"\n      aria-hidden={waiting || loading ? 'false' : 'true'}\n    >\n      {buildIndicator(indicator)}\n      {showLabel && labelText}\n    </div>\n  );\n};\n\nDSCircularProgressIndicator.displayName = DSCircularProgressIndicatorName;\nconst CircularProgressIndicatorWithSchema = describe(DSCircularProgressIndicator);\nCircularProgressIndicatorWithSchema.propTypes = DSCircularProgressIndicatorPropTypesSchema;\n\nexport { DSCircularProgressIndicator, CircularProgressIndicatorWithSchema };\nexport default DSCircularProgressIndicator;\n"],
+  "mappings": "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",
   "names": []
 }

package/dist/esm/constants/index.js

@@ -0,0 +1,128 @@
+import * as React from "react";
+import { slotObjectToDataTestIds } from "@elliemae/ds-system";
+const DSCircularIndeterminateIndicatorName = "DSCircularindeterminateindicator";
+const CIRCULAR_INDETERMINATE_INDICATOR_SLOTS = {
+  ROOT: "root",
+  SVG: "svg",
+  LABEL: "label",
+  CIRCLE: "circle",
+  PATH: "path",
+  RECT: "rect"
+};
+const CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID = {
+  ...slotObjectToDataTestIds(DSCircularIndeterminateIndicatorName, CIRCULAR_INDETERMINATE_INDICATOR_SLOTS),
+  // legacy value — the root has always rendered this data-testid, breaking change if removed
+  ROOT: "ds-circular-indeterminate-indicator-root"
+};
+const DSCircularIndeterminateIndicatorSlots = CIRCULAR_INDETERMINATE_INDICATOR_SLOTS;
+const DSCircularIndeterminateIndicatorDataTestIds = slotObjectToDataTestIds(
+  DSCircularIndeterminateIndicatorName,
+  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS
+);
+const sizeToPx = {
+  xs: 16,
+  s: 24,
+  m: 32,
+  l: 48,
+  xl: 56,
+  xxl: 64
+};
+const sizeToWeight = {
+  xs: "3px",
+  s: "3px",
+  m: "3px",
+  l: "4px",
+  xl: "5px",
+  xxl: "6px"
+};
+const colorToHex = {
+  light: "#EBF6FF",
+  dark: "#1394E5"
+};
+const sizeToTextSize = {
+  xs: "12px",
+  s: "12px",
+  m: "12px",
+  l: "13px",
+  xl: "14px",
+  xxl: "16px"
+};
+const DSCircularProgressIndicatorName = "CircularProgressIndicator";
+const CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID = {
+  INDICATOR: "circular-indicator",
+  LABEL: "circular-indicator-label",
+  BLUE_ARC: "circular-indicator-blue-arc"
+};
+const CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID = "circular-indicator-title";
+const legacyBaseGeometry = {
+  // the arcs derive their widths from it: NaN renders the same `NaNpx` the untyped `undefined - 0.5` used to
+  strokeWidth: NaN,
+  markerHeight: "0.7",
+  markerRefY: "4.8",
+  grayArcStrokeDasharray: "45 170",
+  grayArcStrokeDashoffset: "127.5"
+};
+const legacyGeometryBySize = {
+  XS: {
+    sizePx: 8,
+    sizeLabel: 12,
+    strokeWidth: 10,
+    trackWidth: 3,
+    markerHeight: "1",
+    grayArcStrokeDasharray: "46 174",
+    grayArcStrokeDashoffset: "133"
+  },
+  S: {
+    sizePx: 16,
+    sizeLabel: 12,
+    strokeWidth: 8,
+    trackWidth: 3,
+    markerHeight: "1",
+    grayArcStrokeDasharray: "46 174",
+    grayArcStrokeDashoffset: "133"
+  },
+  M: {
+    sizePx: 24,
+    sizeLabel: 12,
+    strokeWidth: 7,
+    trackWidth: 3,
+    markerHeight: "1",
+    markerRefY: "5.5",
+    grayArcStrokeDasharray: "46 174",
+    grayArcStrokeDashoffset: "133"
+  },
+  L: { sizePx: 32, sizeLabel: 13, strokeWidth: 6, trackWidth: 3, markerRefY: "5" },
+  XL: { sizePx: 48, sizeLabel: 14, strokeWidth: 5, trackWidth: 1 },
+  XXL: { sizePx: 56, sizeLabel: 16, strokeWidth: 4, trackWidth: 1 },
+  XXXL: { sizePx: 64, sizeLabel: 16, strokeWidth: 5, trackWidth: 2 }
+};
+const legacyInheritedTypography = {
+  fontFamily: "inherit",
+  fontSize: "inherit",
+  fontWeight: "inherit",
+  fontStyle: "inherit",
+  lineHeight: "inherit",
+  color: "inherit",
+  whiteSpace: "inherit",
+  overflowWrap: "inherit",
+  margin: 0,
+  padding: 0
+};
+export {
+  CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID,
+  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,
+  CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID,
+  CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID,
+  DSCircularIndeterminateIndicatorDataTestIds,
+  DSCircularIndeterminateIndicatorName,
+  DSCircularIndeterminateIndicatorSlots,
+  DSCircularProgressIndicatorName,
+  colorToHex,
+  legacyBaseGeometry,
+  legacyGeometryBySize,
+  legacyInheritedTypography,
+  sizeToPx,
+  sizeToTextSize,
+  sizeToWeight
+};
+//# 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 type { CSSProperties } from 'react';\nimport { slotObjectToDataTestIds } from '@elliemae/ds-system';\n\n// ============================================================================================================\n// DSCircularIndeterminateIndicator (v2)\n// ============================================================================================================\n\nexport const DSCircularIndeterminateIndicatorName = 'DSCircularindeterminateindicator';\n\n// we are naming this with the ${component_name}_slots convention to namespace & avoid errors on duplicate exports variables in aggregators\nexport const CIRCULAR_INDETERMINATE_INDICATOR_SLOTS = {\n  ROOT: 'root',\n  SVG: 'svg',\n  LABEL: 'label',\n  CIRCLE: 'circle',\n  PATH: 'path',\n  RECT: 'rect',\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 CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID = {\n  ...slotObjectToDataTestIds(DSCircularIndeterminateIndicatorName, CIRCULAR_INDETERMINATE_INDICATOR_SLOTS),\n  // legacy value \u2014 the root has always rendered this data-testid, breaking change if removed\n  ROOT: 'ds-circular-indeterminate-indicator-root',\n} as const;\n\n// pre-convention public names, kept so existing imports keep working.\n// DSCircularIndeterminateIndicatorDataTestIds.ROOT keeps its original value ('ds-circularindeterminateindicator-root'),\n// which never matched the rendered root \u2014 use CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID.ROOT to query the DOM.\nexport const DSCircularIndeterminateIndicatorSlots = CIRCULAR_INDETERMINATE_INDICATOR_SLOTS;\nexport const DSCircularIndeterminateIndicatorDataTestIds = slotObjectToDataTestIds(\n  DSCircularIndeterminateIndicatorName,\n  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,\n);\n\nexport const sizeToPx = {\n  xs: 16,\n  s: 24,\n  m: 32,\n  l: 48,\n  xl: 56,\n  xxl: 64,\n};\n\nexport const sizeToWeight = {\n  xs: '3px',\n  s: '3px',\n  m: '3px',\n  l: '4px',\n  xl: '5px',\n  xxl: '6px',\n};\n\nexport const colorToHex = {\n  light: '#EBF6FF',\n  dark: '#1394E5',\n};\n\nexport const sizeToTextSize = {\n  xs: '12px',\n  s: '12px',\n  m: '12px',\n  l: '13px',\n  xl: '14px',\n  xxl: '16px',\n};\n\n// ============================================================================================================\n// DSCircularProgressIndicator (legacy, deprecated in favour of DSCircularIndeterminateIndicator)\n// ============================================================================================================\n\nexport const DSCircularProgressIndicatorName = 'CircularProgressIndicator';\n\n// The legacy component predates the slot system and is deprecated, so it renders no slots: these are the\n// data-testid values it has always hardcoded \u2014 breaking change if any of them is removed or renamed.\nexport const CIRCULAR_PROGRESS_INDICATOR_DATA_TESTID = {\n  INDICATOR: 'circular-indicator',\n  LABEL: 'circular-indicator-label',\n  BLUE_ARC: 'circular-indicator-blue-arc',\n} as const;\n\n// The legacy tooltip `id`. DSTooltipV3 appends it to its own trigger data-testid\n// (`ds-tooltip-v3-trigger-wrapper_circular-indicator-title`) \u2014 breaking change if renamed.\nexport const CIRCULAR_PROGRESS_INDICATOR_TOOLTIP_ID = 'circular-indicator-title';\n\ninterface LegacyGeometry {\n  sizePx?: number;\n  sizeLabel?: number;\n  strokeWidth: number;\n  trackWidth?: number;\n  markerHeight: string;\n  markerRefY: string;\n  grayArcStrokeDasharray: string;\n  grayArcStrokeDashoffset: string;\n}\n\n// Geometry of the legacy indicator per size (matched case-insensitively), applied over the base values\nexport const legacyBaseGeometry: LegacyGeometry = {\n  // the arcs derive their widths from it: NaN renders the same `NaNpx` the untyped `undefined - 0.5` used to\n  strokeWidth: NaN,\n  markerHeight: '0.7',\n  markerRefY: '4.8',\n  grayArcStrokeDasharray: '45 170',\n  grayArcStrokeDashoffset: '127.5',\n};\n\nexport const legacyGeometryBySize: Record<string, Partial<LegacyGeometry>> = {\n  XS: {\n    sizePx: 8,\n    sizeLabel: 12,\n    strokeWidth: 10,\n    trackWidth: 3,\n    markerHeight: '1',\n    grayArcStrokeDasharray: '46 174',\n    grayArcStrokeDashoffset: '133',\n  },\n  S: {\n    sizePx: 16,\n    sizeLabel: 12,\n    strokeWidth: 8,\n    trackWidth: 3,\n    markerHeight: '1',\n    grayArcStrokeDasharray: '46 174',\n    grayArcStrokeDashoffset: '133',\n  },\n  M: {\n    sizePx: 24,\n    sizeLabel: 12,\n    strokeWidth: 7,\n    trackWidth: 3,\n    markerHeight: '1',\n    markerRefY: '5.5',\n    grayArcStrokeDasharray: '46 174',\n    grayArcStrokeDashoffset: '133',\n  },\n  L: { sizePx: 32, sizeLabel: 13, strokeWidth: 6, trackWidth: 3, markerRefY: '5' },\n  XL: { sizePx: 48, sizeLabel: 14, strokeWidth: 5, trackWidth: 1 },\n  XXL: { sizePx: 56, sizeLabel: 16, strokeWidth: 4, trackWidth: 1 },\n  XXXL: { sizePx: 64, sizeLabel: 16, strokeWidth: 5, trackWidth: 2 },\n};\n\n// Typography (PUI-18946): the label text renders through DSTypography, nested inside the original `<p>` so its\n// data-testid, class and inline font size stay where they were. The DSTypography span inherits everything from the\n// `<p>` so nothing renders differently: inline, because this deprecated component has no styled slots to carry a rule.\n// Longhands, one per property DSTypography's b2 variant sets (the `font` shorthand would also work in browsers).\nexport const legacyInheritedTypography: CSSProperties = {\n  fontFamily: 'inherit',\n  fontSize: 'inherit',\n  fontWeight: 'inherit',\n  fontStyle: 'inherit',\n  lineHeight: 'inherit',\n  color: 'inherit',\n  whiteSpace: 'inherit',\n  overflowWrap: 'inherit',\n  margin: 0,\n  padding: 0,\n};\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,+BAA+B;AAMjC,MAAM,uCAAuC;AAG7C,MAAM,yCAAyC;AAAA,EACpD,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,MAAM;AAAA,EACN,MAAM;AACR;AAGO,MAAM,+CAA+C;AAAA,EAC1D,GAAG,wBAAwB,sCAAsC,sCAAsC;AAAA;AAAA,EAEvG,MAAM;AACR;AAKO,MAAM,wCAAwC;AAC9C,MAAM,8CAA8C;AAAA,EACzD;AAAA,EACA;AACF;AAEO,MAAM,WAAW;AAAA,EACtB,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,eAAe;AAAA,EAC1B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAEO,MAAM,aAAa;AAAA,EACxB,OAAO;AAAA,EACP,MAAM;AACR;AAEO,MAAM,iBAAiB;AAAA,EAC5B,IAAI;AAAA,EACJ,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AAAA,EACH,IAAI;AAAA,EACJ,KAAK;AACP;AAMO,MAAM,kCAAkC;AAIxC,MAAM,0CAA0C;AAAA,EACrD,WAAW;AAAA,EACX,OAAO;AAAA,EACP,UAAU;AACZ;AAIO,MAAM,yCAAyC;AAc/C,MAAM,qBAAqC;AAAA;AAAA,EAEhD,aAAa;AAAA,EACb,cAAc;AAAA,EACd,YAAY;AAAA,EACZ,wBAAwB;AAAA,EACxB,yBAAyB;AAC3B;AAEO,MAAM,uBAAgE;AAAA,EAC3E,IAAI;AAAA,IACF,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AAAA,EACA,GAAG;AAAA,IACD,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AAAA,EACA,GAAG;AAAA,IACD,QAAQ;AAAA,IACR,WAAW;AAAA,IACX,aAAa;AAAA,IACb,YAAY;AAAA,IACZ,cAAc;AAAA,IACd,YAAY;AAAA,IACZ,wBAAwB;AAAA,IACxB,yBAAyB;AAAA,EAC3B;AAAA,EACA,GAAG,EAAE,QAAQ,IAAI,WAAW,IAAI,aAAa,GAAG,YAAY,GAAG,YAAY,IAAI;AAAA,EAC/E,IAAI,EAAE,QAAQ,IAAI,WAAW,IAAI,aAAa,GAAG,YAAY,EAAE;AAAA,EAC/D,KAAK,EAAE,QAAQ,IAAI,WAAW,IAAI,aAAa,GAAG,YAAY,EAAE;AAAA,EAChE,MAAM,EAAE,QAAQ,IAAI,WAAW,IAAI,aAAa,GAAG,YAAY,EAAE;AACnE;AAMO,MAAM,4BAA2C;AAAA,EACtD,YAAY;AAAA,EACZ,UAAU;AAAA,EACV,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,YAAY;AAAA,EACZ,cAAc;AAAA,EACd,QAAQ;AAAA,EACR,SAAS;AACX;",
+  "names": []
+}

package/dist/esm/index.js

@@ -1,22 +1,28 @@
 import * as React from "react";
-import DSCircularProgressIndicator from "./DSCircularProgressIndicator.js";
-import { CircularProgressIndicatorWithSchema } from "./DSCircularProgressIndicator.js";
+import { DSCircularProgressIndicator } from "./DSCircularProgressIndicator.js";
+import { DSCircularProgressIndicator as DSCircularProgressIndicator2, CircularProgressIndicatorWithSchema } from "./DSCircularProgressIndicator.js";
 import {
   DSCircularIndeterminateIndicator,
-  DSCircularIndeterminateIndicatorWithSchema,
+  DSCircularIndeterminateIndicatorWithSchema
+} from "./v2/index.js";
+import {
   DSCircularIndeterminateIndicatorName,
+  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,
+  CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID,
   DSCircularIndeterminateIndicatorSlots,
   DSCircularIndeterminateIndicatorDataTestIds
-} from "./v2/index.js";
+} from "./constants/index.js";
 var index_default = DSCircularProgressIndicator;
 export {
+  CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID,
+  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,
   CircularProgressIndicatorWithSchema,
   DSCircularIndeterminateIndicator,
   DSCircularIndeterminateIndicatorDataTestIds,
   DSCircularIndeterminateIndicatorName,
   DSCircularIndeterminateIndicatorSlots,
   DSCircularIndeterminateIndicatorWithSchema,
-  DSCircularProgressIndicator,
+  DSCircularProgressIndicator2 as DSCircularProgressIndicator,
   index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../../scripts/build/transpile/react-shim.js", "../../src/index.tsx"],
-  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable import/named */\nimport DSCircularProgressIndicator from './DSCircularProgressIndicator.js';\n\nexport { CircularProgressIndicatorWithSchema } from './DSCircularProgressIndicator.js';\nexport {\n  DSCircularIndeterminateIndicator,\n  DSCircularIndeterminateIndicatorWithSchema,\n  DSCircularIndeterminateIndicatorName,\n  DSCircularIndeterminateIndicatorSlots,\n  DSCircularIndeterminateIndicatorDataTestIds,\n} from './v2/index.js';\n\nexport { DSCircularProgressIndicator };\nexport default DSCircularProgressIndicator;\n"],
-  "mappings": "AAAA,YAAY,WAAW;ACCvB,OAAO,iCAAiC;AAExC,SAAS,2CAA2C;AACpD;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAO,gBAAQ;",
-  "names": []
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "import { DSCircularProgressIndicator } from './DSCircularProgressIndicator.js';\n\nexport { DSCircularProgressIndicator, CircularProgressIndicatorWithSchema } from './DSCircularProgressIndicator.js';\nexport { type DSCircularProgressIndicatorT } from './react-desc-prop-types.js';\nexport {\n  DSCircularIndeterminateIndicator,\n  DSCircularIndeterminateIndicatorWithSchema,\n  type DSCircularIndeterminateIndicatorT,\n} from './v2/index.js';\nexport {\n  DSCircularIndeterminateIndicatorName,\n  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,\n  CIRCULAR_INDETERMINATE_INDICATOR_DATA_TESTID,\n  DSCircularIndeterminateIndicatorSlots,\n  DSCircularIndeterminateIndicatorDataTestIds,\n} from './constants/index.js';\n\n// leftover default export, kept to avoid a breaking change\nexport default DSCircularProgressIndicator;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACAvB,SAAS,mCAAmC;AAE5C,SAAS,+BAAAA,8BAA6B,2CAA2C;AAEjF;AAAA,EACE;AAAA,EACA;AAAA,OAEK;AACP;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAGP,IAAO,gBAAQ;",
+  "names": ["DSCircularProgressIndicator"]
 }

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

@@ -0,0 +1,23 @@
+import * as React from "react";
+import { PropTypes } from "@elliemae/ds-props-helpers";
+const defaultProps = {
+  size: "m",
+  showLabel: false,
+  showTooltip: false,
+  waiting: false,
+  loading: false
+};
+const DSCircularProgressIndicatorPropTypes = {
+  size: PropTypes.oneOf(["xs", "s", "m", "l", "xl", "xxl", "xxxl"]).description("Defines the size of the indicator").defaultValue("m"),
+  showLabel: PropTypes.bool.description("Whether the indicator displays its state on a label or not").defaultValue(false),
+  showTooltip: PropTypes.bool.description("Whether the indicator displays its state on a tooltip or not").defaultValue(false),
+  waiting: PropTypes.bool.description("Defines the state of the indicator as Waiting and only displays the gray track").defaultValue(false),
+  loading: PropTypes.bool.description("Defines the state of the indicator as Loading and displays a blue spinner animation").defaultValue(false)
+};
+const DSCircularProgressIndicatorPropTypesSchema = DSCircularProgressIndicatorPropTypes;
+export {
+  DSCircularProgressIndicatorPropTypes,
+  DSCircularProgressIndicatorPropTypesSchema,
+  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 { DSPropTypesSchema, ValidationMap } from '@elliemae/ds-props-helpers';\nimport { PropTypes } from '@elliemae/ds-props-helpers';\n\n// Types of the legacy DSCircularProgressIndicator, deprecated in favour of DSCircularIndeterminateIndicator.\n// The component predates global attributes, xstyled props and slots, and only ever read these five props.\nexport declare namespace DSCircularProgressIndicatorT {\n  type TShirtSizes = 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | 'xxxl';\n\n  export interface DefaultProps {\n    // the size is matched case-insensitively, so the uppercase spellings have always worked too\n    size: TShirtSizes | Uppercase<TShirtSizes>;\n    showLabel: boolean;\n    showTooltip: boolean;\n    waiting: boolean;\n    loading: boolean;\n  }\n\n  export interface OptionalProps {}\n\n  export interface RequiredProps {}\n\n  export interface Props extends Partial<DefaultProps>, OptionalProps, RequiredProps {}\n\n  export interface InternalProps extends DefaultProps, OptionalProps, RequiredProps {}\n}\n\nexport const defaultProps: DSCircularProgressIndicatorT.DefaultProps = {\n  size: 'm',\n  showLabel: false,\n  showTooltip: false,\n  waiting: false,\n  loading: false,\n};\n\nexport const DSCircularProgressIndicatorPropTypes: DSPropTypesSchema<DSCircularProgressIndicatorT.Props> = {\n  size: PropTypes.oneOf(['xs', 's', 'm', 'l', 'xl', 'xxl', 'xxxl'])\n    .description('Defines the size of the indicator')\n    .defaultValue('m'),\n  showLabel: PropTypes.bool\n    .description('Whether the indicator displays its state on a label or not')\n    .defaultValue(false),\n  showTooltip: PropTypes.bool\n    .description('Whether the indicator displays its state on a tooltip or not')\n    .defaultValue(false),\n  waiting: PropTypes.bool\n    .description('Defines the state of the indicator as Waiting and only displays the gray track')\n    .defaultValue(false),\n  loading: PropTypes.bool\n    .description('Defines the state of the indicator as Loading and displays a blue spinner animation')\n    .defaultValue(false),\n};\n\nexport const DSCircularProgressIndicatorPropTypesSchema =\n  DSCircularProgressIndicatorPropTypes as unknown as ValidationMap<DSCircularProgressIndicatorT.Props>;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACCvB,SAAS,iBAAiB;AAyBnB,MAAM,eAA0D;AAAA,EACrE,MAAM;AAAA,EACN,WAAW;AAAA,EACX,aAAa;AAAA,EACb,SAAS;AAAA,EACT,SAAS;AACX;AAEO,MAAM,uCAA8F;AAAA,EACzG,MAAM,UAAU,MAAM,CAAC,MAAM,KAAK,KAAK,KAAK,MAAM,OAAO,MAAM,CAAC,EAC7D,YAAY,mCAAmC,EAC/C,aAAa,GAAG;AAAA,EACnB,WAAW,UAAU,KAClB,YAAY,4DAA4D,EACxE,aAAa,KAAK;AAAA,EACrB,aAAa,UAAU,KACpB,YAAY,8DAA8D,EAC1E,aAAa,KAAK;AAAA,EACrB,SAAS,UAAU,KAChB,YAAY,gFAAgF,EAC5F,aAAa,KAAK;AAAA,EACrB,SAAS,UAAU,KAChB,YAAY,qFAAqF,EACjG,aAAa,KAAK;AACvB;AAEO,MAAM,6CACX;",
+  "names": []
+}

package/dist/esm/typescript-testing/slot-props.js

@@ -0,0 +1,20 @@
+import * as React from "react";
+const SlotPropsAsObject = {
+  dsCircularindeterminateindicatorRoot: { "aria-label": "just a typescript test" },
+  dsCircularindeterminateindicatorSvg: { "aria-label": "just a typescript test" },
+  dsCircularindeterminateindicatorLabel: { "aria-label": "just a typescript test" },
+  dsCircularindeterminateindicatorCircle: { "aria-label": "just a typescript test" },
+  dsCircularindeterminateindicatorPath: { "aria-label": "just a typescript test" },
+  dsCircularindeterminateindicatorRect: { "aria-label": "just a typescript test" }
+};
+const SlotPropsAsFunctions = {
+  dsCircularindeterminateindicatorRoot: () => ({ "aria-label": "just a typescript test" }),
+  dsCircularindeterminateindicatorSvg: () => ({ "aria-label": "just a typescript test" }),
+  dsCircularindeterminateindicatorLabel: () => ({ "aria-label": "just a typescript test" }),
+  dsCircularindeterminateindicatorCircle: () => ({ "aria-label": "just a typescript test" }),
+  dsCircularindeterminateindicatorPath: () => ({ "aria-label": "just a typescript test" }),
+  dsCircularindeterminateindicatorRect: () => ({ "aria-label": "just a typescript test" })
+};
+const SlotFunctionsAreValidProps = SlotPropsAsFunctions;
+const EnsureAllSlotsExistInSlotFunctionArguments = SlotPropsAsFunctions;
+//# sourceMappingURL=slot-props.js.map

package/dist/esm/typescript-testing/slot-props.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../scripts/build/transpile/react-shim.js", "../../../src/typescript-testing/slot-props.ts"],
+  "sourcesContent": ["import * as React from 'react';\nexport { React };\n", "/* eslint-disable @typescript-eslint/no-unused-vars, no-unused-vars */\nimport { type TypescriptHelpersT } from '@elliemae/ds-typescript-helpers';\nimport type {\n  DSCircularIndeterminateIndicatorName,\n  CIRCULAR_INDETERMINATE_INDICATOR_SLOTS,\n} from '../constants/index.js';\nimport type { DSCircularIndeterminateIndicatorT } from '../v2/react-desc-prop-types.js';\n\nconst SlotPropsAsObject: Partial<DSCircularIndeterminateIndicatorT.Props> = {\n  dsCircularindeterminateindicatorRoot: { 'aria-label': 'just a typescript test' },\n  dsCircularindeterminateindicatorSvg: { 'aria-label': 'just a typescript test' },\n  dsCircularindeterminateindicatorLabel: { 'aria-label': 'just a typescript test' },\n  dsCircularindeterminateindicatorCircle: { 'aria-label': 'just a typescript test' },\n  dsCircularindeterminateindicatorPath: { 'aria-label': 'just a typescript test' },\n  dsCircularindeterminateindicatorRect: { 'aria-label': 'just a typescript test' },\n};\n\nconst SlotPropsAsFunctions: DSCircularIndeterminateIndicatorT.SlotFunctionArguments = {\n  dsCircularindeterminateindicatorRoot: () => ({ 'aria-label': 'just a typescript test' }),\n  dsCircularindeterminateindicatorSvg: () => ({ 'aria-label': 'just a typescript test' }),\n  dsCircularindeterminateindicatorLabel: () => ({ 'aria-label': 'just a typescript test' }),\n  dsCircularindeterminateindicatorCircle: () => ({ 'aria-label': 'just a typescript test' }),\n  dsCircularindeterminateindicatorPath: () => ({ 'aria-label': 'just a typescript test' }),\n  dsCircularindeterminateindicatorRect: () => ({ 'aria-label': 'just a typescript test' }),\n};\n\n// The function form must also be accepted by the public Props, slot by slot\nconst SlotFunctionsAreValidProps: Partial<DSCircularIndeterminateIndicatorT.Props> = SlotPropsAsFunctions;\n\n// Exhaustiveness check \u2014 fails compilation if a slot is missing from SlotFunctionArguments\nconst EnsureAllSlotsExistInSlotFunctionArguments: Required<\n  TypescriptHelpersT.PropsForSlots<\n    typeof DSCircularIndeterminateIndicatorName,\n    typeof CIRCULAR_INDETERMINATE_INDICATOR_SLOTS\n  >\n> = SlotPropsAsFunctions;\n"],
+  "mappings": "AAAA,YAAY,WAAW;ACQvB,MAAM,oBAAsE;AAAA,EAC1E,sCAAsC,EAAE,cAAc,yBAAyB;AAAA,EAC/E,qCAAqC,EAAE,cAAc,yBAAyB;AAAA,EAC9E,uCAAuC,EAAE,cAAc,yBAAyB;AAAA,EAChF,wCAAwC,EAAE,cAAc,yBAAyB;AAAA,EACjF,sCAAsC,EAAE,cAAc,yBAAyB;AAAA,EAC/E,sCAAsC,EAAE,cAAc,yBAAyB;AACjF;AAEA,MAAM,uBAAgF;AAAA,EACpF,sCAAsC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACtF,qCAAqC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACrF,uCAAuC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACvF,wCAAwC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACxF,sCAAsC,OAAO,EAAE,cAAc,yBAAyB;AAAA,EACtF,sCAAsC,OAAO,EAAE,cAAc,yBAAyB;AACxF;AAGA,MAAM,6BAA+E;AAGrF,MAAM,6CAKF;",
+  "names": []
+}