@cypress-design/react-statusicon 0.4.8 → 0.4.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
@@ -92,6 +92,14 @@ const constStatuses = {
92
92
  // <tw-keep fillColor="gray-100" />
93
93
  secondaryColor: 'gray-100',
94
94
  },
95
+ failing: {
96
+ // <tw-keep strokeColor="red-400" />
97
+ color: 'red-400',
98
+ use: 'Runs, specs, groups, test results',
99
+ variants: ['outline'],
100
+ // <tw-keep fillColor="gray-100" />
101
+ secondaryColor: 'gray-100',
102
+ },
95
103
  passed: {
96
104
  // <tw-keep strokeColor="jade-400" />
97
105
  color: 'jade-400',
@@ -177,6 +185,13 @@ const statuses$2 = {
177
185
  size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
178
186
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
179
187
  },
188
+ failing: {
189
+ size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
190
+ size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
191
+ size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
192
+ size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
193
+ size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
194
+ },
180
195
  passed: {
181
196
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
182
197
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
@@ -264,6 +279,13 @@ const statuses$1 = {
264
279
  size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
265
280
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
266
281
  },
282
+ failing: {
283
+ size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
284
+ size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
285
+ size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
286
+ size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
287
+ size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
288
+ },
267
289
  passed: {
268
290
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
269
291
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
@@ -351,6 +373,13 @@ const statuses = {
351
373
  size16Icon: iconsRegistry.cyStatusRunningOutlineX16,
352
374
  size24Icon: iconsRegistry.cyStatusRunningOutlineX24,
353
375
  },
376
+ failing: {
377
+ size4Icon: iconsRegistry.cyStatusRunningSimpleX4,
378
+ size8Icon: iconsRegistry.cyStatusRunningSimpleX8,
379
+ size12Icon: iconsRegistry.cyStatusRunningOutlineX12,
380
+ size16Icon: iconsRegistry.cyStatusFailingOutlineX16,
381
+ size24Icon: iconsRegistry.cyStatusFailingOutlineX24,
382
+ },
354
383
  passed: {
355
384
  size4Icon: iconsRegistry.cyStatusPassedSimpleX4,
356
385
  size8Icon: iconsRegistry.cyStatusPassedSimpleX8,
@@ -487,6 +516,7 @@ var compileReactIconProperties = function (_a) {
487
516
  }
488
517
  return newAttributes;
489
518
  }, {});
519
+ // eslint-disable-next-line react-hooks/rules-of-hooks
490
520
  React__namespace.useEffect(function () {
491
521
  var iconFileId = "".concat(name, "_").concat(size);
492
522
  if (defs) {
@@ -500,7 +530,7 @@ var compileReactIconProperties = function (_a) {
500
530
  svgElement.innerHTML = defs;
501
531
  document.body.appendChild(svgElement);
502
532
  }
503
- }, [defs]);
533
+ }, [defs, name, size]);
504
534
  var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
505
535
  __html: body,
506
536
  }, className: undefined }, filteredAttributes);
@@ -586,4 +616,4 @@ exports.SolidStatusIcon = SolidStatusIcon;
586
616
  exports.default = StatusIcon;
587
617
  //# sourceMappingURL=index.umd.js.map
588
618
 
589
- /* <wind-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"> */
619
+ /* <wind-keep class="outline inline-block icon-dark-indigo-400 icon-light-gray-100 icon-dark-red-400 icon-dark-jade-400 icon-dark-gray-100 icon-dark-gray-300 icon-dark-orange-400 icon-dark-gray-400"> */