@elliemae/ds-circular-progress-indicator 2.2.0-next.6 → 2.2.0-next.7

package/cjs/index.js

@@ -3,12 +3,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var DSCircularProgressIndicator = require('./DSCircularProgressIndicator.js');
-var DSCircularProgressIndicatorV2 = require('./v2/DSCircularProgressIndicatorV2.js');
+var DSCircularIndeterminateIndicator = require('./v2/DSCircularIndeterminateIndicator.js');
 
 
 
 exports.CircularProgressIndicatorWithSchema = DSCircularProgressIndicator.CircularProgressIndicatorWithSchema;
 exports.DSCircularProgressIndicator = DSCircularProgressIndicator["default"];
 exports["default"] = DSCircularProgressIndicator["default"];
-exports.DSCircularIndeterminateIndicator = DSCircularProgressIndicatorV2.DSCircularIndeterminateIndicator;
-exports.DSCircularIndeterminateIndicatorWithSchema = DSCircularProgressIndicatorV2.DSCircularIndeterminateIndicatorWithSchema;
+exports.DSCircularIndeterminateIndicator = DSCircularIndeterminateIndicator.DSCircularIndeterminateIndicator;
+exports.DSCircularIndeterminateIndicatorWithSchema = DSCircularIndeterminateIndicator.DSCircularIndeterminateIndicatorWithSchema;

package/cjs/v2/{DSCircularProgressIndicatorV2.js → DSCircularIndeterminateIndicator.js}

@@ -24,8 +24,8 @@ var _templateObject, _templateObject2, _circle;
 const r = dsSystem.kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral__default["default"](["to { transform: rotate(2turn) }"])));
 const s = dsSystem.kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default["default"](["0%, 39% { stroke-dasharray: 942px 2826px }"])));
 const StyledSvg = /*#__PURE__*/styled__default["default"].svg.withConfig({
-  componentId: "sc-1x34z2a-0"
-})(["#gg{transform:rotate(45deg);stroke:url(#", ");mask:url(#", ");}mask use{stroke:#fff;stroke-linecap:round;stroke-dasharray:942px 2826px;animation:", " 1.5s cubic-bezier(0.5,-0.43,0.5,1.43) infinite,", " 0.75s ease-in-out infinite alternate;}"], props => props.linearGradientUid, props => props.maskUid, r, s);
+  componentId: "sc-3syz25-0"
+})(["#gg{transform:rotate(45deg);stroke:url(#", ");mask:url(#", ");}mask use{stroke:#fff;stroke-linecap:round;stroke-dasharray:942px 2826px;animation:", " ", "s cubic-bezier(0.5,-0.43,0.5,1.43) infinite,", " ", "s ease-in-out infinite alternate;}"], props => props.linearGradientUid, props => props.maskUid, r, props => props.duration, s, props => props.duration / 2);
 const sizeToPx = {
   xs: '16px',
   s: '24px',
@@ -61,7 +61,8 @@ const DSCircularIndeterminateIndicator = _ref => {
     text = '',
     showText = true,
     withTooltip = false,
-    tooltipStartPlacementPreference = 'bottom'
+    tooltipStartPlacementPreference = 'bottom',
+    __duration = 1.5
   } = _ref;
   const Wrapper = withTooltip ? DSTooltip.DSTooltipV3 : _ref2 => {
     let {
@@ -94,7 +95,8 @@ const DSCircularIndeterminateIndicator = _ref => {
       margin: 'auto'
     },
     linearGradientUid: linearGradientUid,
-    maskUid: maskUid
+    maskUid: maskUid,
+    duration: __duration
   }, void 0, /*#__PURE__*/_jsx__default["default"]("g", {
     transform: "scale(2.298)"
   }, void 0, /*#__PURE__*/_jsx__default["default"]("linearGradient", {

package/cjs/v2/index.js

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var DSCircularProgressIndicatorV2 = require('./DSCircularProgressIndicatorV2.js');
+var DSCircularIndeterminateIndicator = require('./DSCircularIndeterminateIndicator.js');
 
 
 
-exports.DSCircularIndeterminateIndicator = DSCircularProgressIndicatorV2.DSCircularIndeterminateIndicator;
-exports.DSCircularIndeterminateIndicatorWithSchema = DSCircularProgressIndicatorV2.DSCircularIndeterminateIndicatorWithSchema;
+exports.DSCircularIndeterminateIndicator = DSCircularIndeterminateIndicator.DSCircularIndeterminateIndicator;
+exports.DSCircularIndeterminateIndicatorWithSchema = DSCircularIndeterminateIndicator.DSCircularIndeterminateIndicatorWithSchema;

package/esm/index.js

@@ -1,2 +1,2 @@
 export { CircularProgressIndicatorWithSchema, default as DSCircularProgressIndicator, default } from './DSCircularProgressIndicator.js';
-export { DSCircularIndeterminateIndicator, DSCircularIndeterminateIndicatorWithSchema } from './v2/DSCircularProgressIndicatorV2.js';
+export { DSCircularIndeterminateIndicator, DSCircularIndeterminateIndicatorWithSchema } from './v2/DSCircularIndeterminateIndicator.js';

package/esm/v2/{DSCircularProgressIndicatorV2.js → DSCircularIndeterminateIndicator.js}

@@ -14,8 +14,8 @@ var _templateObject, _templateObject2, _circle;
 const r = kfrm(_templateObject || (_templateObject = _taggedTemplateLiteral(["to { transform: rotate(2turn) }"])));
 const s = kfrm(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["0%, 39% { stroke-dasharray: 942px 2826px }"])));
 const StyledSvg = /*#__PURE__*/styled.svg.withConfig({
-  componentId: "sc-1x34z2a-0"
-})(["#gg{transform:rotate(45deg);stroke:url(#", ");mask:url(#", ");}mask use{stroke:#fff;stroke-linecap:round;stroke-dasharray:942px 2826px;animation:", " 1.5s cubic-bezier(0.5,-0.43,0.5,1.43) infinite,", " 0.75s ease-in-out infinite alternate;}"], props => props.linearGradientUid, props => props.maskUid, r, s);
+  componentId: "sc-3syz25-0"
+})(["#gg{transform:rotate(45deg);stroke:url(#", ");mask:url(#", ");}mask use{stroke:#fff;stroke-linecap:round;stroke-dasharray:942px 2826px;animation:", " ", "s cubic-bezier(0.5,-0.43,0.5,1.43) infinite,", " ", "s ease-in-out infinite alternate;}"], props => props.linearGradientUid, props => props.maskUid, r, props => props.duration, s, props => props.duration / 2);
 const sizeToPx = {
   xs: '16px',
   s: '24px',
@@ -51,7 +51,8 @@ const DSCircularIndeterminateIndicator = _ref => {
     text = '',
     showText = true,
     withTooltip = false,
-    tooltipStartPlacementPreference = 'bottom'
+    tooltipStartPlacementPreference = 'bottom',
+    __duration = 1.5
   } = _ref;
   const Wrapper = withTooltip ? DSTooltipV3 : _ref2 => {
     let {
@@ -84,7 +85,8 @@ const DSCircularIndeterminateIndicator = _ref => {
       margin: 'auto'
     },
     linearGradientUid: linearGradientUid,
-    maskUid: maskUid
+    maskUid: maskUid,
+    duration: __duration
   }, void 0, /*#__PURE__*/_jsx("g", {
     transform: "scale(2.298)"
   }, void 0, /*#__PURE__*/_jsx("linearGradient", {

package/esm/v2/index.js

@@ -1 +1 @@
-export { DSCircularIndeterminateIndicator, DSCircularIndeterminateIndicatorWithSchema } from './DSCircularProgressIndicatorV2.js';
+export { DSCircularIndeterminateIndicator, DSCircularIndeterminateIndicatorWithSchema } from './DSCircularIndeterminateIndicator.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@elliemae/ds-circular-progress-indicator",
-  "version": "2.2.0-next.6",
+  "version": "2.2.0-next.7",
   "license": "MIT",
   "description": "ICE MT - Dimsum - Circular progress indicator",
   "module": "./esm/index.js",
@@ -19,9 +19,9 @@
       "import": "./esm/v2/index.js",
       "require": "./cjs/v2/index.js"
     },
-    "./v2/DSCircularProgressIndicatorV2": {
-      "import": "./esm/v2/DSCircularProgressIndicatorV2.js",
-      "require": "./cjs/v2/DSCircularProgressIndicatorV2.js"
+    "./v2/DSCircularIndeterminateIndicator": {
+      "import": "./esm/v2/DSCircularIndeterminateIndicator.js",
+      "require": "./cjs/v2/DSCircularIndeterminateIndicator.js"
     },
     "./DSCircularProgressIndicator": {
       "import": "./esm/DSCircularProgressIndicator.js",
@@ -48,8 +48,8 @@
     "build": "node ../../scripts/build/build.js"
   },
   "dependencies": {
-    "@elliemae/ds-classnames": "2.2.0-next.6",
-    "@elliemae/ds-tooltip": "2.2.0-next.6",
+    "@elliemae/ds-classnames": "2.2.0-next.7",
+    "@elliemae/ds-tooltip": "2.2.0-next.7",
     "react-desc": "~4.1.3"
   },
   "devDependencies": {

package/types/v2/index.d.ts

@@ -1 +1 @@
-export * from './DSCircularProgressIndicatorV2';
+export * from './DSCircularIndeterminateIndicator';

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

@@ -7,6 +7,7 @@ export declare namespace DSCircularIndeterminateIndicatorT {
         showText?: boolean;
         withTooltip: boolean;
         tooltipStartPlacementPreference?: 'top-start' | 'top' | 'top-end' | 'right-start' | 'right' | 'right-end' | 'bottom-end' | 'bottom' | 'bottom-start' | 'left-end' | 'left' | 'left-start';
+        __duration: number;
     }
 }
 export declare const CircularIndeterminateIndicatorPropTypes: {