feat: add uncolored and colored strategy icons

arunjaindev · arunjaindev · commit e049908982cb · 2025-05-26T16:55:56.000+05:30
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.13.0-beta-10",
+    "version": "1.13.0-beta-11",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",
diff --git a/src/Assets/IconV2/ic-strategy-blue-green-color.svg b/src/Assets/IconV2/ic-strategy-blue-green-color.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#E9FBF4" d="M15.223 8.668a6.75 6.75 0 1 1-7.425 7.425"/>
+  <path stroke="#1DAD70" stroke-linejoin="round" stroke-width="1.5" d="M15.223 8.668a6.75 6.75 0 1 1-7.425 7.425" vector-effect="non-scaling-stroke"/>
+  <path stroke="#1DAD70" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m14.97 11.34 6 6m-7.687-3.187 6 6M10.47 15.84l6 6" vector-effect="non-scaling-stroke"/>
+  <path fill="#E5F2FF" stroke="#06C" stroke-width="1.5" d="M8.51 16.13a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5Z" vector-effect="non-scaling-stroke"/>
+</svg>
diff --git a/src/Assets/IconV2/ic-strategy-blue-green.svg b/src/Assets/IconV2/ic-strategy-blue-green.svg
@@ -1,6 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path fill="#E9FBF4" d="M15.223 8.668a6.75 6.75 0 1 1-7.425 7.425"/>
-  <path stroke="#1DAD70" stroke-linejoin="round" stroke-width="1.5" d="M15.223 8.668a6.75 6.75 0 1 1-7.425 7.425" vector-effect="non-scaling-stroke"/>
-  <path stroke="#1DAD70" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m14.97 11.34 6 6m-7.687-3.187 6 6M10.47 15.84l6 6" vector-effect="non-scaling-stroke"/>
-  <path fill="#E5F2FF" stroke="#06C" stroke-width="1.5" d="M8.51 16.13a6.75 6.75 0 1 0 0-13.5 6.75 6.75 0 0 0 0 13.5Z" vector-effect="non-scaling-stroke"/>
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M15.223 8.668a6.75 6.75 0 0 1 4.06 11.485m0 0a6.75 6.75 0 0 1-11.485-4.06m11.485 4.06-6-6m1.688-2.812 6 6m-10.5-1.5 6 6M15.26 9.38a6.75 6.75 0 1 1-13.5 0 6.75 6.75 0 0 1 13.5 0Z" vector-effect="non-scaling-stroke"/>
 </svg>
diff --git a/src/Assets/IconV2/ic-strategy-canary-color.svg b/src/Assets/IconV2/ic-strategy-canary-color.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#FFF5E5" stroke="#FFB549" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 9.33V7.208c0-2.697 2.156-4.945 4.85-4.958a4.875 4.875 0 0 1 4.743 3.646L21.75 7.5 19.5 9v2.25a9 9 0 0 1-9 9H2.25a.75.75 0 0 1-.586-1.219l8.086-9.7Z" vector-effect="non-scaling-stroke"/>
+  <path stroke="#FFB549" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 12-6.875 8.25" vector-effect="non-scaling-stroke"/>
+  <path fill="#FFB549" d="M15.375 7.5a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z"/>
+</svg>
diff --git a/src/Assets/IconV2/ic-strategy-canary.svg b/src/Assets/IconV2/ic-strategy-canary.svg
@@ -1,5 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path fill="#FFF5E5" stroke="#FFB549" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M9.75 9.33V7.208c0-2.697 2.156-4.945 4.85-4.958a4.875 4.875 0 0 1 4.743 3.646L21.75 7.5 19.5 9v2.25a9 9 0 0 1-9 9H2.25a.75.75 0 0 1-.586-1.219l8.086-9.7Z" vector-effect="non-scaling-stroke"/>
-  <path stroke="#FFB549" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 12-6.875 8.25" vector-effect="non-scaling-stroke"/>
-  <path fill="#FFB549" d="M15.375 7.5a1.125 1.125 0 1 0 0-2.25 1.125 1.125 0 0 0 0 2.25Z"/>
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="m12 12-6.875 8.25M15 7v-.5M9.75 9.33V7.208c0-2.697 2.156-4.945 4.85-4.958a4.875 4.875 0 0 1 4.743 3.646L21.75 7.5 19.5 9v2.25a9 9 0 0 1-9 9H2.25a.75.75 0 0 1-.586-1.219l8.086-9.7Z" vector-effect="non-scaling-stroke"/>
 </svg>
diff --git a/src/Assets/IconV2/ic-strategy-recreate-color.svg b/src/Assets/IconV2/ic-strategy-recreate-color.svg
@@ -0,0 +1,4 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#E5F2FF" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"/>
+  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0v-9m6.364-6.364L5.636 18.364M18 6v12.708M15 9v11.487M9 15v5.487" vector-effect="non-scaling-stroke"/>
+</svg>
diff --git a/src/Assets/IconV2/ic-strategy-recreate.svg b/src/Assets/IconV2/ic-strategy-recreate.svg
@@ -1,4 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path fill="#E5F2FF" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"/>
-  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0v-9m6.364-6.364L5.636 18.364M18 6v12.708M15 9v11.487M9 15v5.487" vector-effect="non-scaling-stroke"/>
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Zm0 0v-9m6.364-6.364L5.636 18.364M18 6v12.708M15 9v11.487M9 15v5.487" vector-effect="non-scaling-stroke"/>
 </svg>
diff --git a/src/Assets/IconV2/ic-strategy-rolling-color.svg b/src/Assets/IconV2/ic-strategy-rolling-color.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
+  <path fill="#E5F2FF" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"/>
+  <path fill="#E5F2FF" d="M12 3c1.657 0 3 4.031 3 9s-1.343 9-3 9"/>
+  <path fill="#E5F2FF" d="M21 12c0 1.657-4.031 3-9 3s-9-1.343-9-3"/>
+  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9c0 1.657-4.031 3-9 3s-9-1.343-9-3m9 9a9 9 0 0 1-9-9m9 9c1.657 0 3-4.031 3-9s-1.343-9-3-9m-9 9a9 9 0 0 1 9-9" vector-effect="non-scaling-stroke"/>
+</svg>
diff --git a/src/Assets/IconV2/ic-strategy-rolling.svg b/src/Assets/IconV2/ic-strategy-rolling.svg
@@ -1,6 +1,3 @@
 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="none" viewBox="0 0 24 24">
-  <path fill="#E5F2FF" d="M12 21a9 9 0 1 0 0-18 9 9 0 0 0 0 18Z"/>
-  <path fill="#E5F2FF" d="M12 3c1.657 0 3 4.031 3 9s-1.343 9-3 9"/>
-  <path fill="#E5F2FF" d="M21 12c0 1.657-4.031 3-9 3s-9-1.343-9-3"/>
-  <path stroke="#06C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9c0 1.657-4.031 3-9 3s-9-1.343-9-3m9 9a9 9 0 0 1-9-9m9 9c1.657 0 3-4.031 3-9s-1.343-9-3-9m-9 9a9 9 0 0 1 9-9" vector-effect="non-scaling-stroke"/>
+  <path stroke="#3B444C" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M21 12a9 9 0 0 1-9 9m9-9a9 9 0 0 0-9-9m9 9c0 1.657-4.031 3-9 3s-9-1.343-9-3m9 9a9 9 0 0 1-9-9m9 9c1.657 0 3-4.031 3-9s-1.343-9-3-9m-9 9a9 9 0 0 1 9-9" vector-effect="non-scaling-stroke"/>
 </svg>
diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx
@@ -116,9 +116,13 @@ import { ReactComponent as ICSpinny } from '@IconsV2/ic-spinny.svg'
 import { ReactComponent as ICStack } from '@IconsV2/ic-stack.svg'
 import { ReactComponent as ICStamp } from '@IconsV2/ic-stamp.svg'
 import { ReactComponent as ICStrategyBlueGreen } from '@IconsV2/ic-strategy-blue-green.svg'
+import { ReactComponent as ICStrategyBlueGreenColor } from '@IconsV2/ic-strategy-blue-green-color.svg'
 import { ReactComponent as ICStrategyCanary } from '@IconsV2/ic-strategy-canary.svg'
+import { ReactComponent as ICStrategyCanaryColor } from '@IconsV2/ic-strategy-canary-color.svg'
 import { ReactComponent as ICStrategyRecreate } from '@IconsV2/ic-strategy-recreate.svg'
+import { ReactComponent as ICStrategyRecreateColor } from '@IconsV2/ic-strategy-recreate-color.svg'
 import { ReactComponent as ICStrategyRolling } from '@IconsV2/ic-strategy-rolling.svg'
+import { ReactComponent as ICStrategyRollingColor } from '@IconsV2/ic-strategy-rolling-color.svg'
 import { ReactComponent as ICSuccess } from '@IconsV2/ic-success.svg'
 import { ReactComponent as ICSun } from '@IconsV2/ic-sun.svg'
 import { ReactComponent as ICSuspended } from '@IconsV2/ic-suspended.svg'
@@ -255,9 +259,13 @@ export const iconMap = {
     'ic-spinny': ICSpinny,
     'ic-stack': ICStack,
     'ic-stamp': ICStamp,
+    'ic-strategy-blue-green-color': ICStrategyBlueGreenColor,
     'ic-strategy-blue-green': ICStrategyBlueGreen,
+    'ic-strategy-canary-color': ICStrategyCanaryColor,
     'ic-strategy-canary': ICStrategyCanary,
+    'ic-strategy-recreate-color': ICStrategyRecreateColor,
     'ic-strategy-recreate': ICStrategyRecreate,
+    'ic-strategy-rolling-color': ICStrategyRollingColor,
     'ic-strategy-rolling': ICStrategyRolling,
     'ic-success': ICSuccess,
     'ic-sun': ICSun,

Original file line number	Diff line number	Diff line change
`@@ -1,6 +1,6 @@`
`1`	`1`	`{`
`2`	`2`	`"name": "@devtron-labs/devtron-fe-common-lib",`
`3`		`- "version": "1.13.0-beta-10",`
	`3`	`+ "version": "1.13.0-beta-11",`
`4`	`4`	`"description": "Supporting common component library",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "dist/index.js",`