@cypress-design/react-statusicon 0.0.9 → 0.0.10

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.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,7 +117,6 @@ var statuses$2 = {
113
117
  size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
114
118
  },
115
119
  noTests: {
116
- shouldSpin: false,
117
120
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
118
121
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
119
122
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -121,7 +124,6 @@ var statuses$2 = {
121
124
  size24Icon: iconsRegistry.cyStatusCancelledOutlineX24
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,96 @@ 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
+ shouldSpin: true
175
+ },
176
+ passed: {
177
+ // <windi-keep strokeColor="jade-400" />
178
+ color: 'jade-400',
179
+ use: 'Runs, specs, groups, test results',
180
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Passed',
181
+ variants: ['outline', 'simple', 'solid']
182
+ },
183
+ failed: {
184
+ // <windi-keep strokeColor="red-400" />
185
+ color: 'red-400',
186
+ use: 'Runs, specs, groups, test results',
187
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Failed',
188
+ variants: ['outline', 'simple', 'solid']
189
+ },
190
+ unclaimed: {
191
+ // <windi-keep strokeColor="gray-100" />
192
+ color: 'gray-100',
193
+ use: 'Specs',
194
+ variants: ['outline']
195
+ },
196
+ placeholder: {
197
+ // <windi-keep strokeColor="gray-300" />
198
+ color: 'gray-300',
199
+ use: 'Placeholder',
200
+ variants: ['solid']
201
+ },
202
+ cancelled: {
203
+ // <windi-keep strokeColor="gray-300" />
204
+ color: 'gray-300',
205
+ use: 'Runs, specs, groups, test results',
206
+ variants: ['outline', 'solid']
207
+ },
208
+ noTests: {
209
+ // <windi-keep strokeColor="gray-400" />
210
+ color: 'gray-400',
211
+ use: 'Runs, specs, groups',
212
+ variants: ['outline', 'solid']
213
+ },
214
+ errored: {
215
+ // <windi-keep strokeColor="orange-400" />
216
+ color: 'orange-400',
217
+ use: 'Runs, specs, groups, test results',
218
+ variants: ['outline', 'solid']
219
+ },
220
+ timedOut: {
221
+ // <windi-keep strokeColor="orange-400" />
222
+ color: 'orange-400',
223
+ use: 'Runs, specs, groups, test results',
224
+ variants: ['outline', 'solid']
225
+ },
226
+ overLimit: {
227
+ // <windi-keep strokeColor="orange-400" />
228
+ color: 'orange-400',
229
+ use: 'Runs, specs, groups',
230
+ link: 'https://docs.cypress.io/faq/questions/dashboard-faq#What-happens-once-I-reach-the-test-results-limit',
231
+ variants: ['outline', 'solid']
232
+ },
233
+ skipped: {
234
+ // <windi-keep strokeColor="gray-400" />
235
+ color: 'gray-400',
236
+ use: 'Test results',
237
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Skipped',
238
+ variants: ['outline']
239
+ },
240
+ pending: {
241
+ // <windi-keep strokeColor="gray-300" />
242
+ color: 'gray-300',
243
+ use: 'Test results',
244
+ link: 'https://docs.cypress.io/guides/core-concepts/writing-and-organizing-tests#Pending',
245
+ variants: ['outline']
246
+ }
247
+ };
248
+ /**
249
+ * The status we have here, allow us to check the validity of the constant
250
+ */
251
+ var statuses$2 = constStatuses;
252
+
165
253
  /******************************************************************************
166
254
  Copyright (c) Microsoft Corporation.
167
255
 
@@ -226,11 +314,19 @@ var compileReactIconProperties = function (_a) {
226
314
  var compileProps = function (_a) {
227
315
  var status = _a.status, statuses = _a.statuses, className = _a.className, size = _a.size;
228
316
  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' : '');
317
+ var iconInfo = status ? statuses$2[status] : statuses$2.placeholder;
318
+ var _b = statusInfo["size" + size + "Icon"], iconData = _b.data, name = _b.name;
319
+ var classes = "inline-block " + (className || '') + " " + (iconInfo.shouldSpin && size !== '4' ? 'animate-spin' : '');
320
+ var compiledClasses = iconsRegistry.getComponentAttributes({
321
+ name: name,
322
+ strokeColor: iconInfo.color,
323
+ size: size,
324
+ availableSizes: [size],
325
+ fillColor: iconInfo.secondaryColor
326
+ }).compiledClasses;
231
327
  return compileReactIconProperties({
232
- body: icon.data,
233
- compiledClasses: [classes],
328
+ body: iconData,
329
+ compiledClasses: __spreadArray(__spreadArray([], compiledClasses, true), [classes], false),
234
330
  size: size
235
331
  });
236
332
  };
@@ -239,7 +335,7 @@ var OutlineStatusIcon = function (_a) {
239
335
  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
336
  return React__namespace.createElement('svg', compileProps({
241
337
  status: status,
242
- statuses: statuses$2,
338
+ statuses: statuses$3,
243
339
  className: rest.className,
244
340
  size: size
245
341
  }));
@@ -247,7 +343,6 @@ var OutlineStatusIcon = function (_a) {
247
343
 
248
344
  var statuses$1 = {
249
345
  running: {
250
- shouldSpin: true,
251
346
  size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
252
347
  size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
253
348
  size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
@@ -255,7 +350,6 @@ var statuses$1 = {
255
350
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24
256
351
  },
257
352
  passed: {
258
- shouldSpin: false,
259
353
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
260
354
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
261
355
  size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
@@ -263,7 +357,6 @@ var statuses$1 = {
263
357
  size24Icon: iconsRegistry.cyStatusPassedSimpleX24
264
358
  },
265
359
  failed: {
266
- shouldSpin: false,
267
360
  size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
268
361
  size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
269
362
  size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
@@ -271,7 +364,6 @@ var statuses$1 = {
271
364
  size24Icon: iconsRegistry.cyStatusFailedSimpleX24
272
365
  },
273
366
  unclaimed: {
274
- shouldSpin: false,
275
367
  size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
276
368
  size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
277
369
  size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
@@ -279,7 +371,6 @@ var statuses$1 = {
279
371
  size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
280
372
  },
281
373
  placeholder: {
282
- shouldSpin: false,
283
374
  size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
284
375
  size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
285
376
  size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
@@ -287,7 +378,6 @@ var statuses$1 = {
287
378
  size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
288
379
  },
289
380
  cancelled: {
290
- shouldSpin: false,
291
381
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
292
382
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
293
383
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -295,7 +385,6 @@ var statuses$1 = {
295
385
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
296
386
  },
297
387
  noTests: {
298
- shouldSpin: false,
299
388
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
300
389
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
301
390
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -303,7 +392,6 @@ var statuses$1 = {
303
392
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
304
393
  },
305
394
  errored: {
306
- shouldSpin: false,
307
395
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
308
396
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
309
397
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -311,7 +399,6 @@ var statuses$1 = {
311
399
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
312
400
  },
313
401
  timedOut: {
314
- shouldSpin: false,
315
402
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
316
403
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
317
404
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -319,7 +406,6 @@ var statuses$1 = {
319
406
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
320
407
  },
321
408
  overLimit: {
322
- shouldSpin: false,
323
409
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
324
410
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
325
411
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -327,7 +413,6 @@ var statuses$1 = {
327
413
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
328
414
  },
329
415
  skipped: {
330
- shouldSpin: false,
331
416
  size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
332
417
  size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
333
418
  size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
@@ -335,7 +420,6 @@ var statuses$1 = {
335
420
  size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
336
421
  },
337
422
  pending: {
338
- shouldSpin: false,
339
423
  size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
340
424
  size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
341
425
  size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
@@ -356,7 +440,6 @@ var SimpleStatusIcon = function (_a) {
356
440
 
357
441
  var statuses = {
358
442
  running: {
359
- shouldSpin: true,
360
443
  size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
361
444
  size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
362
445
  size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
@@ -364,7 +447,6 @@ var statuses = {
364
447
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24
365
448
  },
366
449
  passed: {
367
- shouldSpin: false,
368
450
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
369
451
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
370
452
  size12Icon: iconsRegistry.cyStatusPassedSimpleX12,
@@ -372,7 +454,6 @@ var statuses = {
372
454
  size24Icon: iconsRegistry.cyStatusPassedSolidX24
373
455
  },
374
456
  failed: {
375
- shouldSpin: false,
376
457
  size4Icon: iconsRegistry.cyStatusFailedSimpleX4,
377
458
  size8Icon: iconsRegistry.cyStatusFailedSimpleX8,
378
459
  size12Icon: iconsRegistry.cyStatusFailedSimpleX12,
@@ -380,7 +461,6 @@ var statuses = {
380
461
  size24Icon: iconsRegistry.cyStatusFailedSolidX24
381
462
  },
382
463
  unclaimed: {
383
- shouldSpin: false,
384
464
  size4Icon: iconsRegistry.cyStatusQueuedSimpleX4,
385
465
  size8Icon: iconsRegistry.cyStatusQueuedSimpleX8,
386
466
  size12Icon: iconsRegistry.cyStatusQueuedOutlineX12,
@@ -388,7 +468,6 @@ var statuses = {
388
468
  size24Icon: iconsRegistry.cyStatusQueuedOutlineX24
389
469
  },
390
470
  placeholder: {
391
- shouldSpin: false,
392
471
  size4Icon: iconsRegistry.cyStatusPlaceholderSimpleX4,
393
472
  size8Icon: iconsRegistry.cyStatusPlaceholderSimpleX8,
394
473
  size12Icon: iconsRegistry.cyStatusPlaceholderSolidX12,
@@ -396,7 +475,6 @@ var statuses = {
396
475
  size24Icon: iconsRegistry.cyStatusPlaceholderSolidX24
397
476
  },
398
477
  cancelled: {
399
- shouldSpin: false,
400
478
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
401
479
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
402
480
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -404,7 +482,6 @@ var statuses = {
404
482
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
405
483
  },
406
484
  noTests: {
407
- shouldSpin: false,
408
485
  size4Icon: iconsRegistry.cyStatusCancelledSimpleX4,
409
486
  size8Icon: iconsRegistry.cyStatusCancelledSimpleX8,
410
487
  size12Icon: iconsRegistry.cyStatusCancelledSolidX12,
@@ -412,7 +489,6 @@ var statuses = {
412
489
  size24Icon: iconsRegistry.cyStatusCancelledSolidX24
413
490
  },
414
491
  errored: {
415
- shouldSpin: false,
416
492
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
417
493
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
418
494
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -420,7 +496,6 @@ var statuses = {
420
496
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
421
497
  },
422
498
  timedOut: {
423
- shouldSpin: false,
424
499
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
425
500
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
426
501
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -428,7 +503,6 @@ var statuses = {
428
503
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
429
504
  },
430
505
  overLimit: {
431
- shouldSpin: false,
432
506
  size4Icon: iconsRegistry.cyStatusErroredSimpleX4,
433
507
  size8Icon: iconsRegistry.cyStatusErroredSimpleX8,
434
508
  size12Icon: iconsRegistry.cyStatusErroredSolidX12,
@@ -436,7 +510,6 @@ var statuses = {
436
510
  size24Icon: iconsRegistry.cyStatusErroredSolidX24
437
511
  },
438
512
  skipped: {
439
- shouldSpin: false,
440
513
  size4Icon: iconsRegistry.cyStatusSkippedSimpleX4,
441
514
  size8Icon: iconsRegistry.cyStatusSkippedSimpleX8,
442
515
  size12Icon: iconsRegistry.cyStatusSkippedOutlineX12,
@@ -444,7 +517,6 @@ var statuses = {
444
517
  size24Icon: iconsRegistry.cyStatusSkippedOutlineX24
445
518
  },
446
519
  pending: {
447
- shouldSpin: false,
448
520
  size4Icon: iconsRegistry.cyStatusPendingSimpleX4,
449
521
  size8Icon: iconsRegistry.cyStatusPendingSimpleX8,
450
522
  size12Icon: iconsRegistry.cyStatusPendingOutlineX12,
@@ -479,5 +551,5 @@ exports.SimpleStatusIcon = SimpleStatusIcon;
479
551
  exports.SolidStatusIcon = SolidStatusIcon;
480
552
  exports["default"] = StatusIcon;
481
553
 
482
- /* <windicss-keep class="outline inline-block animate-spin"> */
554
+ /* <windicss-keep class="outline inline-block animate-spin 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-gray-400 icon-dark-orange-400"> */
483
555
  //# sourceMappingURL=index.umd.js.map