@cypress-design/react-statusicon 0.0.9 → 0.1.0

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.
Files changed (18) hide show
  1. package/CHANGELOG.md +24 -0
  2. package/OutlineStatusIcon.ts +5 -5
  3. package/SimpleStatusIcon.ts +5 -5
  4. package/SolidStatusIcon.ts +5 -5
  5. package/StatusIcon.rootstory.tsx +3 -5
  6. package/StatusIconReact.cy.tsx +0 -18
  7. package/compileProps.ts +16 -6
  8. package/dist/constants.d.ts +5 -3
  9. package/dist/constants.d.ts.map +1 -1
  10. package/dist/index.es.mjs +136 -65
  11. package/dist/index.es.mjs.map +1 -1
  12. package/dist/index.umd.js +135 -64
  13. package/dist/index.umd.js.map +1 -1
  14. package/dist/outline-imports.d.ts.map +1 -1
  15. package/dist/react/compileProps.d.ts.map +1 -1
  16. package/dist/simple-imports.d.ts.map +1 -1
  17. package/dist/solid-imports.d.ts.map +1 -1
  18. package/package.json +3 -3
package/dist/index.umd.js CHANGED
@@ -61,11 +61,20 @@ function __rest$1(s, e) {
61
61
  t[p[i]] = s[p[i]];
62
62
  }
63
63
  return t;
64
+ }
65
+
66
+ function __spreadArray(to, from, pack) {
67
+ if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
68
+ if (ar || !(i in from)) {
69
+ if (!ar) ar = Array.prototype.slice.call(from, 0, i);
70
+ ar[i] = from[i];
71
+ }
72
+ }
73
+ return to.concat(ar || Array.prototype.slice.call(from));
64
74
  }
65
75
 
66
- var statuses$2 = {
76
+ var statuses$3 = {
67
77
  running: {
68
- shouldSpin: true,
69
78
  size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
70
79
  size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
71
80
  size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
@@ -73,7 +82,6 @@ var statuses$2 = {
73
82
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24
74
83
  },
75
84
  passed: {
76
- shouldSpin: false,
77
85
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
78
86
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
79
87
  size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
@@ -81,7 +89,6 @@ var statuses$2 = {
81
89
  size24Icon: iconsRegistry.cyStatusPassedOutlineX24
82
90
  },
83
91
  failed: {
84
- shouldSpin: false,
85
92
  size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
86
93
  size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
87
94
  size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
@@ -89,7 +96,6 @@ var statuses$2 = {
89
96
  size24Icon: iconsRegistry.cyStatusFailedOutlineX24
90
97
  },
91
98
  unclaimed: {
92
- shouldSpin: false,
93
99
  size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
94
100
  size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
95
101
  size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
@@ -97,7 +103,6 @@ var statuses$2 = {
97
103
  size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
98
104
  },
99
105
  placeholder: {
100
- shouldSpin: false,
101
106
  size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
102
107
  size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
103
108
  size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
@@ -105,7 +110,6 @@ var statuses$2 = {
105
110
  size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
106
111
  },
107
112
  cancelled: {
108
- shouldSpin: false,
109
113
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
110
114
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
111
115
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -113,15 +117,13 @@ var statuses$2 = {
113
117
  size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
114
118
  },
115
119
  noTests: {
116
- shouldSpin: false,
117
- size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
118
- size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
119
- size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
120
- size16Icon: iconsRegistry.cyStatusCancelledOutlineX16,
121
- size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
120
+ size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
121
+ size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
122
+ size12Icon: iconsRegistry.cyStatusErroredSolidX12,
123
+ size16Icon: iconsRegistry.cyStatusErroredOutlineX16,
124
+ size24Icon: iconsRegistry.cyStatusErroredOutlineX24
122
125
  },
123
126
  errored: {
124
- shouldSpin: false,
125
127
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
126
128
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
127
129
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -129,7 +131,6 @@ var statuses$2 = {
129
131
  size24Icon: iconsRegistry.cyStatusErroredOutlineX24
130
132
  },
131
133
  timedOut: {
132
- shouldSpin: false,
133
134
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
134
135
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
135
136
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -137,7 +138,6 @@ var statuses$2 = {
137
138
  size24Icon: iconsRegistry.cyStatusErroredOutlineX24
138
139
  },
139
140
  overLimit: {
140
- shouldSpin: false,
141
141
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
142
142
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
143
143
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -145,7 +145,6 @@ var statuses$2 = {
145
145
  size24Icon: iconsRegistry.cyStatusErroredOutlineX24
146
146
  },
147
147
  skipped: {
148
- shouldSpin: false,
149
148
  size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
150
149
  size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
151
150
  size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
@@ -153,7 +152,6 @@ var statuses$2 = {
153
152
  size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
154
153
  },
155
154
  pending: {
156
- shouldSpin: false,
157
155
  size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
158
156
  size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
159
157
  size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
@@ -162,6 +160,95 @@ var statuses$2 = {
162
160
  }
163
161
  };
164
162
 
163
+ /**
164
+ * This "const" is used to create the list of statuses
165
+ */
166
+ var constStatuses = {
167
+ running: {
168
+ // <windi-keep strokeColor="indigo-400" />
169
+ color: 'indigo-400',
170
+ use: 'Runs, specs, groups, test results',
171
+ variants: ['outline'],
172
+ // <windi-keep fillColor="gray-100" />
173
+ secondaryColor: 'gray-100'
174
+ },
175
+ passed: {
176
+ // <windi-keep strokeColor="jade-400" />
177
+ color: 'jade-400',
178
+ use: 'Runs, specs, groups, test results',
179
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
180
+ variants: ['outline', 'simple', 'solid']
181
+ },
182
+ failed: {
183
+ // <windi-keep strokeColor="red-400" />
184
+ color: 'red-400',
185
+ use: 'Runs, specs, groups, test results',
186
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
187
+ variants: ['outline', 'simple', 'solid']
188
+ },
189
+ unclaimed: {
190
+ // <windi-keep strokeColor="gray-100" />
191
+ color: 'gray-100',
192
+ use: 'Specs',
193
+ variants: ['outline']
194
+ },
195
+ placeholder: {
196
+ // <windi-keep strokeColor="gray-300" />
197
+ color: 'gray-300',
198
+ use: 'Placeholder',
199
+ variants: ['solid']
200
+ },
201
+ cancelled: {
202
+ // <windi-keep strokeColor="gray-300" />
203
+ color: 'gray-300',
204
+ use: 'Runs, specs, groups, test results',
205
+ variants: ['outline', 'solid']
206
+ },
207
+ noTests: {
208
+ // <windi-keep strokeColor="orange-400" />
209
+ color: 'orange-400',
210
+ use: 'Runs, specs, groups',
211
+ variants: ['outline', 'solid']
212
+ },
213
+ errored: {
214
+ // <windi-keep strokeColor="orange-400" />
215
+ color: 'orange-400',
216
+ use: 'Runs, specs, groups, test results',
217
+ variants: ['outline', 'solid']
218
+ },
219
+ timedOut: {
220
+ // <windi-keep strokeColor="orange-400" />
221
+ color: 'orange-400',
222
+ use: 'Runs, specs, groups, test results',
223
+ variants: ['outline', 'solid']
224
+ },
225
+ overLimit: {
226
+ // <windi-keep strokeColor="orange-400" />
227
+ color: 'orange-400',
228
+ use: 'Runs, specs, groups',
229
+ link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
230
+ variants: ['outline', 'solid']
231
+ },
232
+ skipped: {
233
+ // <windi-keep strokeColor="gray-400" />
234
+ color: 'gray-400',
235
+ use: 'Test results',
236
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
237
+ variants: ['outline']
238
+ },
239
+ pending: {
240
+ // <windi-keep strokeColor="gray-300" />
241
+ color: 'gray-300',
242
+ use: 'Test results',
243
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
244
+ variants: ['outline']
245
+ }
246
+ };
247
+ /**
248
+ * The status we have here, allow us to check the validity of the constant
249
+ */
250
+ var statuses$2 = constStatuses;
251
+
165
252
  /******************************************************************************
166
253
  Copyright (c) Microsoft Corporation.
167
254
 
@@ -226,28 +313,35 @@ var compileReactIconProperties = function (_a) {
226
313
  var compileProps = function (_a) {
227
314
  var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
228
315
  var statusInfo = status ? statuses[status] : statuses.placeholder;
229
- var icon = statusInfo["size" + size + "Icon"];
230
- var classes = "inline-block " + (className || '') + " " + (statusInfo.shouldSpin && size !== '4' ? 'animate-spin' : '');
316
+ var iconInfo = status ? statuses$2[status] : statuses$2.placeholder;
317
+ var _b = statusInfo["size" + size + "Icon"], iconData = _b.data, name = _b.name;
318
+ var classes = "inline-block " + (className || '');
319
+ var compiledClasses = iconsRegistry.getComponentAttributes({
320
+ name: name,
321
+ strokeColor: iconInfo.color,
322
+ size: size,
323
+ availableSizes: [size],
324
+ fillColor: iconInfo.secondaryColor
325
+ }).compiledClasses;
231
326
  return compileReactIconProperties({
232
- body: icon.data,
233
- compiledClasses: [classes],
327
+ body: iconData,
328
+ compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
234
329
  size: size
235
330
  });
236
331
  };
237
332
 
238
333
  var OutlineStatusIcon = function (_a) {
239
334
  var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
240
- return React__namespace.createElement('svg', compileProps({
335
+ return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
241
336
  status: status,
242
- statuses: statuses$2,
337
+ statuses: statuses$3,
243
338
  className: rest.className,
244
339
  size: size
245
- }));
340
+ })));
246
341
  };
247
342
 
248
343
  var statuses$1 = {
249
344
  running: {
250
- shouldSpin: true,
251
345
  size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
252
346
  size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
253
347
  size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
@@ -255,7 +349,6 @@ var statuses$1 = {
255
349
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24
256
350
  },
257
351
  passed: {
258
- shouldSpin: false,
259
352
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
260
353
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
261
354
  size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
@@ -263,7 +356,6 @@ var statuses$1 = {
263
356
  size24Icon: iconsRegistry.cyStatusPassedSimpleX24
264
357
  },
265
358
  failed: {
266
- shouldSpin: false,
267
359
  size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
268
360
  size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
269
361
  size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
@@ -271,7 +363,6 @@ var statuses$1 = {
271
363
  size24Icon: iconsRegistry.cyStatusFailedSimpleX24
272
364
  },
273
365
  unclaimed: {
274
- shouldSpin: false,
275
366
  size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
276
367
  size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
277
368
  size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
@@ -279,7 +370,6 @@ var statuses$1 = {
279
370
  size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
280
371
  },
281
372
  placeholder: {
282
- shouldSpin: false,
283
373
  size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
284
374
  size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
285
375
  size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
@@ -287,7 +377,6 @@ var statuses$1 = {
287
377
  size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
288
378
  },
289
379
  cancelled: {
290
- shouldSpin: false,
291
380
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
292
381
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
293
382
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -295,15 +384,13 @@ var statuses$1 = {
295
384
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
296
385
  },
297
386
  noTests: {
298
- shouldSpin: false,
299
- size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
300
- size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
301
- size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
302
- size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
303
- size24Icon: iconsRegistry.cyStatusCancelledSolidX24
387
+ size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
388
+ size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
389
+ size12Icon: iconsRegistry.cyStatusErroredSolidX12,
390
+ size16Icon: iconsRegistry.cyStatusErroredSolidX16,
391
+ size24Icon: iconsRegistry.cyStatusErroredSolidX24
304
392
  },
305
393
  errored: {
306
- shouldSpin: false,
307
394
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
308
395
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
309
396
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -311,7 +398,6 @@ var statuses$1 = {
311
398
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
312
399
  },
313
400
  timedOut: {
314
- shouldSpin: false,
315
401
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
316
402
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
317
403
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -319,7 +405,6 @@ var statuses$1 = {
319
405
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
320
406
  },
321
407
  overLimit: {
322
- shouldSpin: false,
323
408
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
324
409
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
325
410
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -327,7 +412,6 @@ var statuses$1 = {
327
412
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
328
413
  },
329
414
  skipped: {
330
- shouldSpin: false,
331
415
  size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
332
416
  size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
333
417
  size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
@@ -335,7 +419,6 @@ var statuses$1 = {
335
419
  size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
336
420
  },
337
421
  pending: {
338
- shouldSpin: false,
339
422
  size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
340
423
  size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
341
424
  size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
@@ -346,17 +429,16 @@ var statuses$1 = {
346
429
 
347
430
  var SimpleStatusIcon = function (_a) {
348
431
  var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
349
- return React__namespace.createElement('svg', compileProps({
432
+ return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
350
433
  status: status,
351
434
  statuses: statuses$1,
352
435
  className: rest.className,
353
436
  size: size
354
- }));
437
+ })));
355
438
  };
356
439
 
357
440
  var statuses = {
358
441
  running: {
359
- shouldSpin: true,
360
442
  size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
361
443
  size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
362
444
  size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
@@ -364,7 +446,6 @@ var statuses = {
364
446
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24
365
447
  },
366
448
  passed: {
367
- shouldSpin: false,
368
449
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
369
450
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
370
451
  size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
@@ -372,7 +453,6 @@ var statuses = {
372
453
  size24Icon: iconsRegistry.cyStatusPassedSolidX24
373
454
  },
374
455
  failed: {
375
- shouldSpin: false,
376
456
  size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
377
457
  size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
378
458
  size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
@@ -380,7 +460,6 @@ var statuses = {
380
460
  size24Icon: iconsRegistry.cyStatusFailedSolidX24
381
461
  },
382
462
  unclaimed: {
383
- shouldSpin: false,
384
463
  size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
385
464
  size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
386
465
  size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
@@ -388,7 +467,6 @@ var statuses = {
388
467
  size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
389
468
  },
390
469
  placeholder: {
391
- shouldSpin: false,
392
470
  size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
393
471
  size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
394
472
  size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
@@ -396,7 +474,6 @@ var statuses = {
396
474
  size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
397
475
  },
398
476
  cancelled: {
399
- shouldSpin: false,
400
477
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
401
478
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
402
479
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -404,15 +481,13 @@ var statuses = {
404
481
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
405
482
  },
406
483
  noTests: {
407
- shouldSpin: false,
408
- size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
409
- size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
410
- size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
411
- size16Icon: iconsRegistry.cyStatusCancelledSolidX16,
412
- size24Icon: iconsRegistry.cyStatusCancelledSolidX24
484
+ size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
485
+ size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
486
+ size12Icon: iconsRegistry.cyStatusErroredSolidX12,
487
+ size16Icon: iconsRegistry.cyStatusErroredSolidX16,
488
+ size24Icon: iconsRegistry.cyStatusErroredSolidX24
413
489
  },
414
490
  errored: {
415
- shouldSpin: false,
416
491
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
417
492
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
418
493
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -420,7 +495,6 @@ var statuses = {
420
495
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
421
496
  },
422
497
  timedOut: {
423
- shouldSpin: false,
424
498
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
425
499
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
426
500
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -428,7 +502,6 @@ var statuses = {
428
502
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
429
503
  },
430
504
  overLimit: {
431
- shouldSpin: false,
432
505
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
433
506
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
434
507
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -436,7 +509,6 @@ var statuses = {
436
509
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
437
510
  },
438
511
  skipped: {
439
- shouldSpin: false,
440
512
  size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
441
513
  size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
442
514
  size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
@@ -444,7 +516,6 @@ var statuses = {
444
516
  size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
445
517
  },
446
518
  pending: {
447
- shouldSpin: false,
448
519
  size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
449
520
  size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
450
521
  size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
@@ -455,12 +526,12 @@ var statuses = {
455
526
 
456
527
  var SolidStatusIcon = function (_a) {
457
528
  var _b = _a.size, size = _b === void 0 ? '24' : _b, _c = _a.status, status = _c === void 0 ? 'placeholder' : _c, rest = __rest$1(_a, ["size", "status"]);
458
- return React__namespace.createElement('svg', compileProps({
529
+ return React__namespace.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
459
530
  status: status,
460
531
  statuses: statuses,
461
532
  className: rest.className,
462
533
  size: size
463
- }));
534
+ })));
464
535
  };
465
536
 
466
537
  var StatusIcon = function (_a) {
@@ -479,5 +550,5 @@ exports.SimpleStatusIcon = SimpleStatusIcon;
479
550
  exports.SolidStatusIcon = SolidStatusIcon;
480
551
  exports["default"] = StatusIcon;
481
552
 
482
- /* <windicss-keep class="outline inline-block animate-spin"> */
553
+ /* <windicss-keep class="outline inline-block icon-dark-indigo-400 icon-light-gray-100 icon-dark-jade-400 icon-dark-red-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-orange-400 icon-dark-gray-400"> */
483
554
  //# sourceMappingURL=index.umd.js.map