@elliemae/ds-circular-progress-indicator 2.0.0-next.3 → 2.0.0-next.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -104,7 +104,7 @@ const CircularProgressIndicator = ({
104
104
  "data-testid": "circular-indicator-label",
105
105
  className: classNameElement('label'),
106
106
  style: {
107
- fontSize: `${sizeLabel}px`
107
+ fontSize: "".concat(sizeLabel, "px")
108
108
  }
109
109
  }, void 0, currentLabel); // Only adds the tooltip if sizePx < 17 or showTooltip is true
110
110
 
@@ -126,26 +126,26 @@ const CircularProgressIndicator = ({
126
126
  cy: "50%",
127
127
  fill: "none",
128
128
  r: "28",
129
- strokeWidth: `${trackWidth}px`
129
+ strokeWidth: "".concat(trackWidth, "px")
130
130
  });
131
131
 
132
132
  const grayArc = /*#__PURE__*/_jsx__default["default"]("circle", {
133
133
  className: classNameElement('arc-gray'),
134
134
  stroke: "#E0E3E8",
135
- strokeDasharray: `${grayArcStrokeDasharray}`,
136
- strokeDashoffset: `${grayArcStrokeDashoffset}`,
135
+ strokeDasharray: "".concat(grayArcStrokeDasharray),
136
+ strokeDashoffset: "".concat(grayArcStrokeDashoffset),
137
137
  cx: "50%",
138
138
  cy: "50%",
139
139
  fill: "none",
140
140
  r: "28",
141
- strokeWidth: `${trackWidth}px`
141
+ strokeWidth: "".concat(trackWidth, "px")
142
142
  });
143
143
 
144
144
  const indicator = /*#__PURE__*/_jsx__default["default"]("svg", {
145
- height: `${sizePx}px`,
145
+ height: "".concat(sizePx, "px"),
146
146
  version: "1.1",
147
147
  viewBox: "0 0 66 66",
148
- width: `${sizePx}px`,
148
+ width: "".concat(sizePx, "px"),
149
149
  "data-testid": "circular-indicator"
150
150
  }, void 0, /*#__PURE__*/_jsx__default["default"]("defs", {}, void 0, /*#__PURE__*/_jsx__default["default"]("linearGradient", {
151
151
  id: "grad1",
@@ -199,10 +199,10 @@ const CircularProgressIndicator = ({
199
199
  id: "inverseL",
200
200
  viewBox: "0 0 5 10",
201
201
  refX: "0.5",
202
- refY: `${markerRefY}`,
202
+ refY: "".concat(markerRefY),
203
203
  markerUnits: "strokeWidth",
204
204
  markerWidth: "0.5",
205
- markerHeight: `${markerHeight}`,
205
+ markerHeight: "".concat(markerHeight),
206
206
  orient: "auto"
207
207
  }, void 0, _path || (_path = /*#__PURE__*/_jsx__default["default"]("path", {
208
208
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
@@ -214,7 +214,7 @@ const CircularProgressIndicator = ({
214
214
  refY: "5",
215
215
  markerUnits: "strokeWidth",
216
216
  markerWidth: "0.7",
217
- markerHeight: `${markerHeight}`
217
+ markerHeight: "".concat(markerHeight)
218
218
  }, void 0, _path2 || (_path2 = /*#__PURE__*/_jsx__default["default"]("path", {
219
219
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
220
220
  fill: "#FFF"
@@ -227,14 +227,14 @@ const CircularProgressIndicator = ({
227
227
  className: classNameElement('arc-blue'),
228
228
  d: "M30,5 C17.536025,6 6,17.536027 5,31",
229
229
  stroke: "#5594e2",
230
- strokeWidth: `${strokeWidth - 0.5}px`,
230
+ strokeWidth: "".concat(strokeWidth - 0.5, "px"),
231
231
  strokeLinecap: "round",
232
232
  "data-testid": "circular-indicator-blue-arc"
233
233
  }), /*#__PURE__*/_jsx__default["default"]("path", {
234
234
  className: classNameElement('arc-white'),
235
235
  d: "M33,5 C17.536027,5 5,17.536027 5,33",
236
236
  stroke: "#FFF",
237
- strokeWidth: `${strokeWidth + 2}px`,
237
+ strokeWidth: "".concat(strokeWidth + 2, "px"),
238
238
  markerStart: "url(#inverseR)",
239
239
  markerEnd: "url(#inverseL)"
240
240
  }), grayArc));
@@ -95,7 +95,7 @@ const CircularProgressIndicator = ({
95
95
  "data-testid": "circular-indicator-label",
96
96
  className: classNameElement('label'),
97
97
  style: {
98
- fontSize: `${sizeLabel}px`
98
+ fontSize: "".concat(sizeLabel, "px")
99
99
  }
100
100
  }, void 0, currentLabel); // Only adds the tooltip if sizePx < 17 or showTooltip is true
101
101
 
@@ -117,26 +117,26 @@ const CircularProgressIndicator = ({
117
117
  cy: "50%",
118
118
  fill: "none",
119
119
  r: "28",
120
- strokeWidth: `${trackWidth}px`
120
+ strokeWidth: "".concat(trackWidth, "px")
121
121
  });
122
122
 
123
123
  const grayArc = /*#__PURE__*/_jsx("circle", {
124
124
  className: classNameElement('arc-gray'),
125
125
  stroke: "#E0E3E8",
126
- strokeDasharray: `${grayArcStrokeDasharray}`,
127
- strokeDashoffset: `${grayArcStrokeDashoffset}`,
126
+ strokeDasharray: "".concat(grayArcStrokeDasharray),
127
+ strokeDashoffset: "".concat(grayArcStrokeDashoffset),
128
128
  cx: "50%",
129
129
  cy: "50%",
130
130
  fill: "none",
131
131
  r: "28",
132
- strokeWidth: `${trackWidth}px`
132
+ strokeWidth: "".concat(trackWidth, "px")
133
133
  });
134
134
 
135
135
  const indicator = /*#__PURE__*/_jsx("svg", {
136
- height: `${sizePx}px`,
136
+ height: "".concat(sizePx, "px"),
137
137
  version: "1.1",
138
138
  viewBox: "0 0 66 66",
139
- width: `${sizePx}px`,
139
+ width: "".concat(sizePx, "px"),
140
140
  "data-testid": "circular-indicator"
141
141
  }, void 0, /*#__PURE__*/_jsx("defs", {}, void 0, /*#__PURE__*/_jsx("linearGradient", {
142
142
  id: "grad1",
@@ -190,10 +190,10 @@ const CircularProgressIndicator = ({
190
190
  id: "inverseL",
191
191
  viewBox: "0 0 5 10",
192
192
  refX: "0.5",
193
- refY: `${markerRefY}`,
193
+ refY: "".concat(markerRefY),
194
194
  markerUnits: "strokeWidth",
195
195
  markerWidth: "0.5",
196
- markerHeight: `${markerHeight}`,
196
+ markerHeight: "".concat(markerHeight),
197
197
  orient: "auto"
198
198
  }, void 0, _path || (_path = /*#__PURE__*/_jsx("path", {
199
199
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
@@ -205,7 +205,7 @@ const CircularProgressIndicator = ({
205
205
  refY: "5",
206
206
  markerUnits: "strokeWidth",
207
207
  markerWidth: "0.7",
208
- markerHeight: `${markerHeight}`
208
+ markerHeight: "".concat(markerHeight)
209
209
  }, void 0, _path2 || (_path2 = /*#__PURE__*/_jsx("path", {
210
210
  d: "M 0 0 L 6 0 A 5 5 0 0 0 6 10 L 0 10 z",
211
211
  fill: "#FFF"
@@ -218,14 +218,14 @@ const CircularProgressIndicator = ({
218
218
  className: classNameElement('arc-blue'),
219
219
  d: "M30,5 C17.536025,6 6,17.536027 5,31",
220
220
  stroke: "#5594e2",
221
- strokeWidth: `${strokeWidth - 0.5}px`,
221
+ strokeWidth: "".concat(strokeWidth - 0.5, "px"),
222
222
  strokeLinecap: "round",
223
223
  "data-testid": "circular-indicator-blue-arc"
224
224
  }), /*#__PURE__*/_jsx("path", {
225
225
  className: classNameElement('arc-white'),
226
226
  d: "M33,5 C17.536027,5 5,17.536027 5,33",
227
227
  stroke: "#FFF",
228
- strokeWidth: `${strokeWidth + 2}px`,
228
+ strokeWidth: "".concat(strokeWidth + 2, "px"),
229
229
  markerStart: "url(#inverseR)",
230
230
  markerEnd: "url(#inverseL)"
231
231
  }), grayArc));
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@elliemae/ds-circular-progress-indicator",
3
- "version": "2.0.0-next.3",
3
+ "version": "2.0.0-next.7",
4
4
  "license": "MIT",
5
5
  "description": "ICE MT - Dimsum - Circular progress indicator",
6
6
  "module": "./esm/index.js",
@@ -36,8 +36,8 @@
36
36
  "build": "node ../../scripts/build/build.js"
37
37
  },
38
38
  "dependencies": {
39
- "@elliemae/ds-classnames": "2.0.0-next.3",
40
- "@elliemae/ds-tooltip": "2.0.0-next.3",
39
+ "@elliemae/ds-classnames": "2.0.0-next.7",
40
+ "@elliemae/ds-tooltip": "2.0.0-next.7",
41
41
  "react-desc": "^4.1.3"
42
42
  },
43
43
  "peerDependencies": {
package/cjs/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "commonjs",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }
package/esm/package.json DELETED
@@ -1,7 +0,0 @@
1
- {
2
- "type": "module",
3
- "sideEffects": [
4
- "*.css",
5
- "*.scss"
6
- ]
7
- }