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