@cypress-design/react-testresult 0.0.2 → 1.0.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.
@@ -2,5 +2,5 @@ $ yarn build:module && yarn build:types
2
2
  $ rollup -c ./rollup.config.mjs
3
3
  
4
4
  ./index.ts → ./dist/index.umd.js, ./dist/index.es.mjs...
5
- created ./dist/index.umd.js, ./dist/index.es.mjs in 5.2s
5
+ created ./dist/index.umd.js, ./dist/index.es.mjs in 3.5s
6
6
  $ tsc --project ./tsconfig.build.json
package/CHANGELOG.md CHANGED
@@ -1,5 +1,27 @@
1
1
  # @cypress-design/react-testresult
2
2
 
3
+ ## 1.0.0
4
+
5
+ ### Major Changes
6
+
7
+ - [`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87) Thanks [@elevatebart](https://github.com/elevatebart)! - Create 1.0
8
+
9
+ ### Patch Changes
10
+
11
+ - Updated dependencies [[`63fb4d9`](https://github.com/cypress-io/cypress-design/commit/63fb4d9e60f6c56c563d17e3b983d0ebd25e0e87)]:
12
+ - @cypress-design/react-icon@1.0.0
13
+ - @cypress-design/react-statusicon@1.0.0
14
+ - @cypress-design/constants-testresult@1.0.0
15
+
16
+ ## 0.0.3
17
+
18
+ ### Patch Changes
19
+
20
+ - [#396](https://github.com/cypress-io/cypress-design/pull/396) [`5a94f90`](https://github.com/cypress-io/cypress-design/commit/5a94f9082c6a37d9c0ceeaa8079c8ad61f26bd19) Thanks [@elevatebart](https://github.com/elevatebart)! - fix: publish constants package for testresults
21
+
22
+ - Updated dependencies [[`5a94f90`](https://github.com/cypress-io/cypress-design/commit/5a94f9082c6a37d9c0ceeaa8079c8ad61f26bd19)]:
23
+ - @cypress-design/constants-testresult@0.0.3
24
+
3
25
  ## 0.0.2
4
26
 
5
27
  ### Patch Changes
package/TestResult.tsx CHANGED
@@ -4,7 +4,7 @@ import {
4
4
  classes,
5
5
  type TestResultData,
6
6
  } from '@cypress-design/constants-testresult'
7
- import StatusIcon from '@cypress-design/react-statusicon'
7
+ import { SolidStatusIcon } from '@cypress-design/react-statusicon'
8
8
  import {
9
9
  IconChevronRightSmall,
10
10
  IconStatusFlaky,
@@ -39,9 +39,8 @@ export const TestResult: React.FC<
39
39
  <div data-cy="cd-tr-row" className={classes.row}>
40
40
  <div data-cy="cd-tr-list" className={classes.list}>
41
41
  <div data-cy="cd-tr-icon" className={classes.icon}>
42
- <StatusIcon
42
+ <SolidStatusIcon
43
43
  size="16"
44
- variant="solid"
45
44
  status={status}
46
45
  className={classes.status_icon}
47
46
  />
@@ -1 +1 @@
1
- {"version":3,"file":"TestResult.d.ts","sourceRoot":"./","sources":["TestResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,sCAAsC,CAAA;AAS7C,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAuHlD,CAAA;AAED,eAAe,UAAU,CAAA"}
1
+ {"version":3,"file":"TestResult.d.ts","sourceRoot":"./","sources":["TestResult.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,EAEL,KAAK,cAAc,EACpB,MAAM,sCAAsC,CAAA;AAS7C,MAAM,WAAW,eAAgB,SAAQ,cAAc;IACrD,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CACzB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAC/B,eAAe,GAAG,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,CAsHlD,CAAA;AAED,eAAe,UAAU,CAAA"}
package/dist/index.es.mjs CHANGED
@@ -1,7 +1,7 @@
1
1
  import * as React from 'react';
2
2
  import clsx from 'clsx';
3
3
  import * as iconsRegistry from '@cypress-design/icon-registry';
4
- import { cyStatusRunningSimpleX4, cyStatusRunningSimpleX8, cyStatusRunningOutlineX12, cyStatusRunningOutlineX16, cyStatusRunningOutlineX24, cyStatusFailingOutlineX16, cyStatusFailingOutlineX24, 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, cyStatusPassedSimpleX16, cyStatusPassedSimpleX24, cyStatusFailedSimpleX16, cyStatusFailedSimpleX24, cyStatusCancelledSolidX16, cyStatusCancelledSolidX24, cyStatusErroredSolidX16, cyStatusErroredSolidX24, cyStatusPassedSolidX16, cyStatusPassedSolidX24, cyStatusFailedSolidX16, cyStatusFailedSolidX24, getComponentAttributes, ICON_COLOR_PROP_NAMES } from '@cypress-design/icon-registry';
4
+ import { getComponentAttributes, cyStatusRunningSimpleX4, cyStatusRunningSimpleX8, cyStatusRunningOutlineX12, cyStatusRunningOutlineX16, cyStatusRunningOutlineX24, cyStatusFailingOutlineX16, cyStatusFailingOutlineX24, cyStatusPassedSimpleX4, cyStatusPassedSimpleX8, cyStatusPassedSimpleX12, cyStatusPassedSolidX16, cyStatusPassedSolidX24, cyStatusFailedSimpleX4, cyStatusFailedSimpleX8, cyStatusFailedSimpleX12, cyStatusFailedSolidX16, cyStatusFailedSolidX24, cyStatusQueuedSimpleX4, cyStatusQueuedSimpleX8, cyStatusQueuedOutlineX12, cyStatusQueuedOutlineX16, cyStatusQueuedOutlineX24, cyStatusPlaceholderSimpleX4, cyStatusPlaceholderSimpleX8, cyStatusPlaceholderSolidX12, cyStatusPlaceholderSolidX16, cyStatusPlaceholderSolidX24, cyStatusCancelledSimpleX4, cyStatusCancelledSimpleX8, cyStatusCancelledSolidX12, cyStatusCancelledSolidX16, cyStatusCancelledSolidX24, cyStatusErroredSimpleX4, cyStatusErroredSimpleX8, cyStatusErroredSolidX12, cyStatusErroredSolidX16, cyStatusErroredSolidX24, cyStatusSkippedSimpleX4, cyStatusSkippedSimpleX8, cyStatusSkippedOutlineX12, cyStatusSkippedOutlineX16, cyStatusSkippedOutlineX24, cyStatusPendingSimpleX4, cyStatusPendingSimpleX8, cyStatusPendingOutlineX12, cyStatusPendingOutlineX16, cyStatusPendingOutlineX24, ICON_COLOR_PROP_NAMES } from '@cypress-design/icon-registry';
5
5
 
6
6
  /******************************************************************************
7
7
  Copyright (c) Microsoft Corporation.
@@ -237,194 +237,6 @@ const constStatuses = {
237
237
  */
238
238
  const statuses$3 = constStatuses;
239
239
 
240
- const statuses$2 = {
241
- running: {
242
- size4Icon: cyStatusRunningSimpleX4,
243
- size8Icon: cyStatusRunningSimpleX8,
244
- size12Icon: cyStatusRunningOutlineX12,
245
- size16Icon: cyStatusRunningOutlineX16,
246
- size24Icon: cyStatusRunningOutlineX24,
247
- },
248
- failing: {
249
- size4Icon: cyStatusRunningSimpleX4,
250
- size8Icon: cyStatusRunningSimpleX8,
251
- size12Icon: cyStatusRunningOutlineX12,
252
- size16Icon: cyStatusFailingOutlineX16,
253
- size24Icon: cyStatusFailingOutlineX24,
254
- },
255
- passed: {
256
- size4Icon: cyStatusPassedSimpleX4,
257
- size8Icon: cyStatusPassedSimpleX8,
258
- size12Icon: cyStatusPassedSimpleX12,
259
- size16Icon: cyStatusPassedOutlineX16,
260
- size24Icon: cyStatusPassedOutlineX24,
261
- },
262
- failed: {
263
- size4Icon: cyStatusFailedSimpleX4,
264
- size8Icon: cyStatusFailedSimpleX8,
265
- size12Icon: cyStatusFailedSimpleX12,
266
- size16Icon: cyStatusFailedOutlineX16,
267
- size24Icon: cyStatusFailedOutlineX24,
268
- },
269
- unclaimed: {
270
- size4Icon: cyStatusQueuedSimpleX4,
271
- size8Icon: cyStatusQueuedSimpleX8,
272
- size12Icon: cyStatusQueuedOutlineX12,
273
- size16Icon: cyStatusQueuedOutlineX16,
274
- size24Icon: cyStatusQueuedOutlineX24,
275
- },
276
- placeholder: {
277
- size4Icon: cyStatusPlaceholderSimpleX4,
278
- size8Icon: cyStatusPlaceholderSimpleX8,
279
- size12Icon: cyStatusPlaceholderSolidX12,
280
- size16Icon: cyStatusPlaceholderSolidX16,
281
- size24Icon: cyStatusPlaceholderSolidX24,
282
- },
283
- cancelled: {
284
- size4Icon: cyStatusCancelledSimpleX4,
285
- size8Icon: cyStatusCancelledSimpleX8,
286
- size12Icon: cyStatusCancelledSolidX12,
287
- size16Icon: cyStatusCancelledOutlineX16,
288
- size24Icon: cyStatusCancelledOutlineX24,
289
- },
290
- noTests: {
291
- size4Icon: cyStatusErroredSimpleX4,
292
- size8Icon: cyStatusErroredSimpleX8,
293
- size12Icon: cyStatusErroredSolidX12,
294
- size16Icon: cyStatusErroredOutlineX16,
295
- size24Icon: cyStatusErroredOutlineX24,
296
- },
297
- errored: {
298
- size4Icon: cyStatusErroredSimpleX4,
299
- size8Icon: cyStatusErroredSimpleX8,
300
- size12Icon: cyStatusErroredSolidX12,
301
- size16Icon: cyStatusErroredOutlineX16,
302
- size24Icon: cyStatusErroredOutlineX24,
303
- },
304
- timedOut: {
305
- size4Icon: cyStatusErroredSimpleX4,
306
- size8Icon: cyStatusErroredSimpleX8,
307
- size12Icon: cyStatusErroredSolidX12,
308
- size16Icon: cyStatusErroredOutlineX16,
309
- size24Icon: cyStatusErroredOutlineX24,
310
- },
311
- overLimit: {
312
- size4Icon: cyStatusErroredSimpleX4,
313
- size8Icon: cyStatusErroredSimpleX8,
314
- size12Icon: cyStatusErroredSolidX12,
315
- size16Icon: cyStatusErroredOutlineX16,
316
- size24Icon: cyStatusErroredOutlineX24,
317
- },
318
- skipped: {
319
- size4Icon: cyStatusSkippedSimpleX4,
320
- size8Icon: cyStatusSkippedSimpleX8,
321
- size12Icon: cyStatusSkippedOutlineX12,
322
- size16Icon: cyStatusSkippedOutlineX16,
323
- size24Icon: cyStatusSkippedOutlineX24,
324
- },
325
- pending: {
326
- size4Icon: cyStatusPendingSimpleX4,
327
- size8Icon: cyStatusPendingSimpleX8,
328
- size12Icon: cyStatusPendingOutlineX12,
329
- size16Icon: cyStatusPendingOutlineX16,
330
- size24Icon: cyStatusPendingOutlineX24,
331
- },
332
- };
333
-
334
- const statuses$1 = {
335
- running: {
336
- size4Icon: cyStatusRunningSimpleX4,
337
- size8Icon: cyStatusRunningSimpleX8,
338
- size12Icon: cyStatusRunningOutlineX12,
339
- size16Icon: cyStatusRunningOutlineX16,
340
- size24Icon: cyStatusRunningOutlineX24,
341
- },
342
- failing: {
343
- size4Icon: cyStatusRunningSimpleX4,
344
- size8Icon: cyStatusRunningSimpleX8,
345
- size12Icon: cyStatusRunningOutlineX12,
346
- size16Icon: cyStatusFailingOutlineX16,
347
- size24Icon: cyStatusFailingOutlineX24,
348
- },
349
- passed: {
350
- size4Icon: cyStatusPassedSimpleX4,
351
- size8Icon: cyStatusPassedSimpleX8,
352
- size12Icon: cyStatusPassedSimpleX12,
353
- size16Icon: cyStatusPassedSimpleX16,
354
- size24Icon: cyStatusPassedSimpleX24,
355
- },
356
- failed: {
357
- size4Icon: cyStatusFailedSimpleX4,
358
- size8Icon: cyStatusFailedSimpleX8,
359
- size12Icon: cyStatusFailedSimpleX12,
360
- size16Icon: cyStatusFailedSimpleX16,
361
- size24Icon: cyStatusFailedSimpleX24,
362
- },
363
- unclaimed: {
364
- size4Icon: cyStatusQueuedSimpleX4,
365
- size8Icon: cyStatusQueuedSimpleX8,
366
- size12Icon: cyStatusQueuedOutlineX12,
367
- size16Icon: cyStatusQueuedOutlineX16,
368
- size24Icon: cyStatusQueuedOutlineX24,
369
- },
370
- placeholder: {
371
- size4Icon: cyStatusPlaceholderSimpleX4,
372
- size8Icon: cyStatusPlaceholderSimpleX8,
373
- size12Icon: cyStatusPlaceholderSolidX12,
374
- size16Icon: cyStatusPlaceholderSolidX16,
375
- size24Icon: cyStatusPlaceholderSolidX24,
376
- },
377
- cancelled: {
378
- size4Icon: cyStatusCancelledSimpleX4,
379
- size8Icon: cyStatusCancelledSimpleX8,
380
- size12Icon: cyStatusCancelledSolidX12,
381
- size16Icon: cyStatusCancelledSolidX16,
382
- size24Icon: cyStatusCancelledSolidX24,
383
- },
384
- noTests: {
385
- size4Icon: cyStatusErroredSimpleX4,
386
- size8Icon: cyStatusErroredSimpleX8,
387
- size12Icon: cyStatusErroredSolidX12,
388
- size16Icon: cyStatusErroredSolidX16,
389
- size24Icon: cyStatusErroredSolidX24,
390
- },
391
- errored: {
392
- size4Icon: cyStatusErroredSimpleX4,
393
- size8Icon: cyStatusErroredSimpleX8,
394
- size12Icon: cyStatusErroredSolidX12,
395
- size16Icon: cyStatusErroredSolidX16,
396
- size24Icon: cyStatusErroredSolidX24,
397
- },
398
- timedOut: {
399
- size4Icon: cyStatusErroredSimpleX4,
400
- size8Icon: cyStatusErroredSimpleX8,
401
- size12Icon: cyStatusErroredSolidX12,
402
- size16Icon: cyStatusErroredSolidX16,
403
- size24Icon: cyStatusErroredSolidX24,
404
- },
405
- overLimit: {
406
- size4Icon: cyStatusErroredSimpleX4,
407
- size8Icon: cyStatusErroredSimpleX8,
408
- size12Icon: cyStatusErroredSolidX12,
409
- size16Icon: cyStatusErroredSolidX16,
410
- size24Icon: cyStatusErroredSolidX24,
411
- },
412
- skipped: {
413
- size4Icon: cyStatusSkippedSimpleX4,
414
- size8Icon: cyStatusSkippedSimpleX8,
415
- size12Icon: cyStatusSkippedOutlineX12,
416
- size16Icon: cyStatusSkippedOutlineX16,
417
- size24Icon: cyStatusSkippedOutlineX24,
418
- },
419
- pending: {
420
- size4Icon: cyStatusPendingSimpleX4,
421
- size8Icon: cyStatusPendingSimpleX8,
422
- size12Icon: cyStatusPendingOutlineX12,
423
- size16Icon: cyStatusPendingOutlineX16,
424
- size24Icon: cyStatusPendingOutlineX24,
425
- },
426
- };
427
-
428
240
  const statuses = {
429
241
  running: {
430
242
  size4Icon: cyStatusRunningSimpleX4,
@@ -565,7 +377,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
565
377
  };
566
378
 
567
379
  var compileReactIconProperties$1 = function (_a) {
568
- var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest$2(_a, ["body", "defs", "compiledClasses", "size", "name"]);
380
+ var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, alt = _a.alt, attributes = __rest$2(_a, ["body", "defs", "compiledClasses", "size", "name", "alt"]);
569
381
  var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
570
382
  if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
571
383
  attrName !== 'name') {
@@ -592,7 +404,11 @@ var compileReactIconProperties$1 = function (_a) {
592
404
  }
593
405
  }, [defs, name, size]);
594
406
  var componentProps = __assign$2({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
595
- __html: body,
407
+ __html: alt
408
+ ? "<title>".concat(alt.replace(/[><]/g, function (s) {
409
+ return s === '>' ? '&gt;' : '&lt;';
410
+ }), "</title>").concat(body)
411
+ : body,
596
412
  }, className: undefined }, filteredAttributes);
597
413
  if (attributes.className) {
598
414
  compiledClasses.push(attributes.className);
@@ -626,28 +442,6 @@ var compileProps = function (_a) {
626
442
  });
627
443
  };
628
444
 
629
- var OutlineStatusIcon = function (_a) {
630
- 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"]);
631
- return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
632
- status: status,
633
- statuses: statuses$2,
634
- className: rest.className,
635
- size: size,
636
- variantName: 'outline',
637
- })));
638
- };
639
-
640
- var SimpleStatusIcon = function (_a) {
641
- 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"]);
642
- return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
643
- status: status,
644
- statuses: statuses$1,
645
- className: rest.className,
646
- size: size,
647
- variantName: 'simple',
648
- })));
649
- };
650
-
651
445
  var SolidStatusIcon = function (_a) {
652
446
  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"]);
653
447
  return React.createElement('svg', __assign$1(__assign$1({}, rest), compileProps({
@@ -659,17 +453,6 @@ var SolidStatusIcon = function (_a) {
659
453
  })));
660
454
  };
661
455
 
662
- var StatusIcon = function (_a) {
663
- var _b = _a.size, size = _b === void 0 ? '24' : _b, status = _a.status, _c = _a.variant, variant = _c === void 0 ? 'simple' : _c, rest = __rest$1(_a, ["size", "status", "variant"]);
664
- if (variant === 'outline') {
665
- return React.createElement(OutlineStatusIcon, __assign$1({ size: size, status: status }, rest));
666
- }
667
- if (variant === 'simple') {
668
- return React.createElement(SimpleStatusIcon, __assign$1({ size: size, status: status }, rest));
669
- }
670
- return React.createElement(SolidStatusIcon, __assign$1({ size: size, status: status }, rest));
671
- };
672
-
673
456
 
674
457
  /* <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"> */
675
458
 
@@ -719,7 +502,7 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
719
502
  };
720
503
 
721
504
  var compileReactIconProperties = function (_a) {
722
- var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name"]);
505
+ var body = _a.body, defs = _a.defs, compiledClasses = _a.compiledClasses, size = _a.size, name = _a.name, alt = _a.alt, attributes = __rest(_a, ["body", "defs", "compiledClasses", "size", "name", "alt"]);
723
506
  var filteredAttributes = Object.keys(attributes).reduce(function (newAttributes, attrName) {
724
507
  if (!ICON_COLOR_PROP_NAMES.includes(attrName) &&
725
508
  attrName !== 'name') {
@@ -746,7 +529,11 @@ var compileReactIconProperties = function (_a) {
746
529
  }
747
530
  }, [defs, name, size]);
748
531
  var componentProps = __assign({ width: size, height: size, viewBox: "0 0 ".concat(size, " ").concat(size), fill: 'none', dangerouslySetInnerHTML: {
749
- __html: body,
532
+ __html: alt
533
+ ? "<title>".concat(alt.replace(/[><]/g, function (s) {
534
+ return s === '>' ? '&gt;' : '&lt;';
535
+ }), "</title>").concat(body)
536
+ : body,
750
537
  }, className: undefined }, filteredAttributes);
751
538
  if (attributes.className) {
752
539
  compiledClasses.push(attributes.className);
@@ -768,34 +555,34 @@ function useIconProps(props, iconBodiesAndDefs, availableSizes, name) {
768
555
  }
769
556
  var IconChevronRightSmall = function (props) { return React.createElement('svg', useIconProps(props, {
770
557
  "8": {
771
- "body": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m2.5 1 3 3-3 3\" class=\"icon-dark\"/>"
558
+ "body": "<path d=\"m2.5 1 3 3-3 3\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
772
559
  },
773
560
  "16": {
774
- "body": "<path stroke=\"currentColor\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"m6 12 4-4-4-4\" class=\"icon-dark\"/>"
561
+ "body": "<path d=\"m6 12 4-4-4-4\" stroke=\"currentColor\" class=\"icon-dark\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"/>"
775
562
  }
776
563
  }, ["8", "16"], "chevron-right-small")); };
777
564
  var IconDocumentAddedSquarePlus = function (props) { return React.createElement('svg', useIconProps(props, {
778
565
  "16": {
779
- "body": "<path fill=\"#E4FBF2\" d=\"M2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M8 6v4m2-2H6m6-6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2\" class=\"icon-dark\"/>"
566
+ "body": "<path d=\"M2 12V4a2 2 0 0 1 2-2h8a2 2 0 0 1 2 2v8a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2Z\" fill=\"#E4FBF2\" class=\"icon-light\"/><path d=\"M8 6v4m2-2H6m6-6H4a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2Z\" stroke=\"#1FA971\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
780
567
  },
781
568
  "24": {
782
- "body": "<path fill=\"#E4FBF2\" d=\"M3 18V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3\" class=\"icon-light\"/><path stroke=\"#1FA971\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M12 8v8m4-4H8m10-9H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3\" class=\"icon-dark\"/>"
569
+ "body": "<path d=\"M3 18V6a3 3 0 0 1 3-3h12a3 3 0 0 1 3 3v12a3 3 0 0 1-3 3H6a3 3 0 0 1-3-3Z\" fill=\"#E4FBF2\" class=\"icon-light\"/><path d=\"M12 8v8m4-4H8m10-9H6a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3Z\" stroke=\"#1FA971\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
783
570
  }
784
571
  }, ["16", "24"], "document-added-square-plus")); };
785
572
  var IconDocumentModifiedSquareDot = function (props) { return React.createElement('svg', useIconProps(props, {
786
573
  "16": {
787
- "body": "<path fill=\"#F5F4D7\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" class=\"icon-light\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2\" class=\"icon-dark\" clip-rule=\"evenodd\"/>"
574
+ "body": "<path d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" fill=\"#F5F4D7\" class=\"icon-light\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" fill=\"#F5F4D7\" class=\"icon-light\"/><path d=\"M9 8a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z\" stroke=\"#DB7903\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/><path clip-rule=\"evenodd\" d=\"M4 2a2 2 0 0 0-2 2v8a2 2 0 0 0 2 2h8a2 2 0 0 0 2-2V4a2 2 0 0 0-2-2H4Zm4 7a1 1 0 1 0 0-2 1 1 0 0 0 0 2Z\" stroke=\"#DB7903\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
788
575
  },
789
576
  "24": {
790
- "body": "<path fill=\"#DB7903\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0\" class=\"icon-dark\"/><path fill=\"#F5F4D7\" fill-rule=\"evenodd\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" class=\"icon-light\" clip-rule=\"evenodd\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0\" class=\"icon-dark\"/><path stroke=\"#DB7903\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4\" class=\"icon-dark\" clip-rule=\"evenodd\"/>"
577
+ "body": "<path d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\" fill=\"#DB7903\" class=\"icon-dark\"/><path fill-rule=\"evenodd\" clip-rule=\"evenodd\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" fill=\"#F5F4D7\" class=\"icon-light\"/><path d=\"M14 12a2 2 0 1 1-4 0 2 2 0 0 1 4 0Z\" stroke=\"#DB7903\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/><path clip-rule=\"evenodd\" d=\"M6 3a3 3 0 0 0-3 3v12a3 3 0 0 0 3 3h12a3 3 0 0 0 3-3V6a3 3 0 0 0-3-3H6Zm6 11a2 2 0 1 0 0-4 2 2 0 0 0 0 4Z\" stroke=\"#DB7903\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
791
578
  }
792
579
  }, ["16", "24"], "document-modified-square-dot")); };
793
580
  var IconStatusFlaky = function (props) { return React.createElement('svg', useIconProps(props, {
794
581
  "16": {
795
- "body": "<path fill=\"#F5F4D7\" d=\"M1 12V4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M9.5 5h-3v3.5m0 2.5V8.5m0 0h2\" class=\"icon-dark\"/>"
582
+ "body": "<path d=\"M1 12V4a3 3 0 0 1 3-3h8a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H4a3 3 0 0 1-3-3Z\" fill=\"#F5F4D7\" class=\"icon-light\"/><path d=\"M9.5 5h-3v3.5m0 2.5V8.5m0 0h2\" stroke=\"#963F00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
796
583
  },
797
584
  "24": {
798
- "body": "<path fill=\"#F5F4D7\" d=\"M2 18V6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4\" class=\"icon-light\"/><path stroke=\"#963F00\" stroke-linecap=\"round\" stroke-linejoin=\"round\" stroke-width=\"2\" d=\"M14 8h-4v4.5m0 3.5v-3.5m0 0h3\" class=\"icon-dark\"/>"
585
+ "body": "<path d=\"M2 18V6a4 4 0 0 1 4-4h12a4 4 0 0 1 4 4v12a4 4 0 0 1-4 4H6a4 4 0 0 1-4-4Z\" fill=\"#F5F4D7\" class=\"icon-light\"/><path d=\"M14 8h-4v4.5m0 3.5v-3.5m0 0h3\" stroke=\"#963F00\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\" class=\"icon-dark\"/>"
799
586
  }
800
587
  }, ["16", "24"], "status-flaky")); };
801
588
 
@@ -808,7 +595,7 @@ var TestResult = function (_a) {
808
595
  React.createElement("div", { "data-cy": "cd-tr-row", className: classes.row },
809
596
  React.createElement("div", { "data-cy": "cd-tr-list", className: classes.list },
810
597
  React.createElement("div", { "data-cy": "cd-tr-icon", className: classes.icon },
811
- React.createElement(StatusIcon, { size: "16", variant: "solid", status: status, className: classes.status_icon })),
598
+ React.createElement(SolidStatusIcon, { size: "16", status: status, className: classes.status_icon })),
812
599
  React.createElement("div", { "data-cy": "cd-tr-name-container-column", className: classes.name.container.column },
813
600
  names.slice(0, -1).length > 0 && (React.createElement("div", { "data-cy": "cd-tr-name-container-describes", className: classes.name.container.describes }, names.slice(0, -1).map(function (name, index) {
814
601
  var _a;