From f867e5e19e8a6ab5fdb6230bdf12ca803b1d77cd Mon Sep 17 00:00:00 2001
From: elevatebart <bart@cypress.io>
Date: Fri, 25 Aug 2023 15:15:47 +0200
Subject: [PATCH] add needed icons

---
 components/StatusIcon/constants/src/constants.ts       | 8 ++++++++
 components/StatusIcon/constants/src/outline-imports.ts | 9 +++++++++
 icon-registry/icons/status-failing-outline_x12.svg     | 8 ++++++++
 icon-registry/icons/status-failing-outline_x4.svg      | 5 +++++
 icon-registry/icons/status-failing-outline_x8.svg      | 8 ++++++++
 5 files changed, 38 insertions(+)
 create mode 100644 icon-registry/icons/status-failing-outline_x12.svg
 create mode 100644 icon-registry/icons/status-failing-outline_x4.svg
 create mode 100644 icon-registry/icons/status-failing-outline_x8.svg

diff --git a/components/StatusIcon/constants/src/constants.ts b/components/StatusIcon/constants/src/constants.ts
index feb8dfbc8..fee2ac3ec 100644
--- a/components/StatusIcon/constants/src/constants.ts
+++ b/components/StatusIcon/constants/src/constants.ts
@@ -35,6 +35,14 @@ const constStatuses = {
     // <tw-keep fillColor="gray-100" />
     secondaryColor: 'gray-100',
   },
+  failing: {
+    // <tw-keep strokeColor="red-400" />
+    color: 'red-400',
+    use: 'Runs, specs, groups, test results',
+    variants: ['outline'],
+    // <tw-keep fillColor="gray-100" />
+    secondaryColor: 'gray-100',
+  },
   passed: {
     // <tw-keep strokeColor="jade-400" />
     color: 'jade-400',
diff --git a/components/StatusIcon/constants/src/outline-imports.ts b/components/StatusIcon/constants/src/outline-imports.ts
index 11d49a175..ee00bd5e0 100644
--- a/components/StatusIcon/constants/src/outline-imports.ts
+++ b/components/StatusIcon/constants/src/outline-imports.ts
@@ -41,6 +41,8 @@ import {
   cyStatusRunningOutlineX24,
   cyStatusRunningSimpleX4,
   cyStatusRunningSimpleX8,
+  cyStatusFailingOutlineX16,
+  cyStatusFailingOutlineX24,
   cyStatusPlaceholderSolidX12,
   cyStatusPlaceholderSolidX16,
   cyStatusPlaceholderSolidX24,
@@ -56,6 +58,13 @@ export const statuses: Record<string, IconSet> = {
     size16Icon: cyStatusRunningOutlineX16,
     size24Icon: cyStatusRunningOutlineX24,
   },
+  failing: {
+    size4Icon: cyStatusRunningSimpleX4,
+    size8Icon: cyStatusRunningSimpleX8,
+    size12Icon: cyStatusRunningOutlineX12,
+    size16Icon: cyStatusFailingOutlineX16,
+    size24Icon: cyStatusFailingOutlineX24,
+  },
   passed: {
     size4Icon: cyStatusPassedSimpleX4,
     size8Icon: cyStatusPassedSimpleX8,
diff --git a/icon-registry/icons/status-failing-outline_x12.svg b/icon-registry/icons/status-failing-outline_x12.svg
new file mode 100644
index 000000000..0e0fbd18a
--- /dev/null
+++ b/icon-registry/icons/status-failing-outline_x12.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 12 12" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <circle cx="6" cy="6" r="4" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/>
+  <circle cx="6" cy="6" r="4" stroke="currentColor" stroke-width="2" stroke-dasharray="7 18" stroke-linecap="round" stroke-linejoin="round" class="icon-dark">
+    <animate attributeName="stroke-dashoffset" values="25.12;0" dur="1s" repeatCount="indefinite" />
+  </circle>
+</svg>
+  
\ No newline at end of file
diff --git a/icon-registry/icons/status-failing-outline_x4.svg b/icon-registry/icons/status-failing-outline_x4.svg
new file mode 100644
index 000000000..e0259bc35
--- /dev/null
+++ b/icon-registry/icons/status-failing-outline_x4.svg
@@ -0,0 +1,5 @@
+<svg width="4" height="4" viewBox="0 0 4 4" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <circle cx="2" cy="2" r="1.5" fill="currentColor" stroke="currentColor" class="icon-dark-stroke icon-light-fill"/>
+</svg>
+  
\ No newline at end of file
diff --git a/icon-registry/icons/status-failing-outline_x8.svg b/icon-registry/icons/status-failing-outline_x8.svg
new file mode 100644
index 000000000..84158b5e7
--- /dev/null
+++ b/icon-registry/icons/status-failing-outline_x8.svg
@@ -0,0 +1,8 @@
+<svg viewBox="0 0 8 8" fill="none"
+  xmlns="http://www.w3.org/2000/svg">
+  <circle cx="4" cy="4" r="3" stroke="#E1E3ED" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="icon-light"/>
+  <circle cx="4" cy="4" r="3" stroke="currentColor" stroke-width="2" stroke-dasharray="5 14" stroke-linecap="round" stroke-linejoin="round" class="icon-dark">
+    <animate attributeName="stroke-dashoffset" values="18.84;0" dur="1s" repeatCount="indefinite" />
+  </circle>
+</svg>
+  
\ No newline at end of file