diff --git a/package-lock.json b/package-lock.json
index 044a6e637..7e78a47b7 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -1,12 +1,12 @@
{
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.1",
+ "version": "1.20.2",
"lockfileVersion": 3,
"requires": true,
"packages": {
"": {
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.1",
+ "version": "1.20.2",
"hasInstallScript": true,
"license": "ISC",
"dependencies": {
diff --git a/package.json b/package.json
index 0f6b464e4..9c82b80b3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@devtron-labs/devtron-fe-common-lib",
- "version": "1.20.1",
+ "version": "1.20.2",
"description": "Supporting common component library",
"type": "module",
"main": "dist/index.js",
diff --git a/src/Assets/IconV2/ic-gift-animated.svg b/src/Assets/IconV2/ic-gift-animated.svg
new file mode 100644
index 000000000..18ac348e2
--- /dev/null
+++ b/src/Assets/IconV2/ic-gift-animated.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/src/Assets/IconV2/ic-ratings.svg b/src/Assets/IconV2/ic-ratings.svg
new file mode 100644
index 000000000..94b05fce8
--- /dev/null
+++ b/src/Assets/IconV2/ic-ratings.svg
@@ -0,0 +1,13 @@
+
diff --git a/src/Assets/IconV2/ic-success-blue.svg b/src/Assets/IconV2/ic-success-blue.svg
new file mode 100644
index 000000000..0367c93a8
--- /dev/null
+++ b/src/Assets/IconV2/ic-success-blue.svg
@@ -0,0 +1,4 @@
+
\ No newline at end of file
diff --git a/src/Assets/Illustration/img-devtron-freemium.webp b/src/Assets/Illustration/img-devtron-freemium.webp
new file mode 100644
index 000000000..30f708b5e
Binary files /dev/null and b/src/Assets/Illustration/img-devtron-freemium.webp differ
diff --git a/src/Shared/Components/Icon/Icon.tsx b/src/Shared/Components/Icon/Icon.tsx
index 0f886fe00..9182ed7c6 100644
--- a/src/Shared/Components/Icon/Icon.tsx
+++ b/src/Shared/Components/Icon/Icon.tsx
@@ -101,6 +101,7 @@ import { ReactComponent as ICFolderUser } from '@IconsV2/ic-folder-user.svg'
import { ReactComponent as ICGavel } from '@IconsV2/ic-gavel.svg'
import { ReactComponent as ICGear } from '@IconsV2/ic-gear.svg'
import { ReactComponent as ICGift } from '@IconsV2/ic-gift.svg'
+import { ReactComponent as ICGiftAnimated } from '@IconsV2/ic-gift-animated.svg'
import { ReactComponent as ICGiftGradient } from '@IconsV2/ic-gift-gradient.svg'
import { ReactComponent as ICGit } from '@IconsV2/ic-git.svg'
import { ReactComponent as ICGitBranch } from '@IconsV2/ic-git-branch.svg'
@@ -177,6 +178,7 @@ import { ReactComponent as ICPencil } from '@IconsV2/ic-pencil.svg'
import { ReactComponent as ICPlayOutline } from '@IconsV2/ic-play-outline.svg'
import { ReactComponent as ICQuay } from '@IconsV2/ic-quay.svg'
import { ReactComponent as ICQuote } from '@IconsV2/ic-quote.svg'
+import { ReactComponent as ICRatings } from '@IconsV2/ic-ratings.svg'
import { ReactComponent as ICResizeHandle } from '@IconsV2/ic-resize-handle.svg'
import { ReactComponent as ICRocketGear } from '@IconsV2/ic-rocket-gear.svg'
import { ReactComponent as ICRocketLaunch } from '@IconsV2/ic-rocket-launch.svg'
@@ -205,6 +207,7 @@ import { ReactComponent as ICStrategyRecreateColor } from '@IconsV2/ic-strategy-
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 ICSuccessBlue } from '@IconsV2/ic-success-blue.svg'
import { ReactComponent as ICSun } from '@IconsV2/ic-sun.svg'
import { ReactComponent as ICSuspended } from '@IconsV2/ic-suspended.svg'
import { ReactComponent as ICTag } from '@IconsV2/ic-tag.svg'
@@ -339,6 +342,7 @@ export const iconMap = {
'ic-folder': ICFolder,
'ic-gavel': ICGavel,
'ic-gear': ICGear,
+ 'ic-gift-animated': ICGiftAnimated,
'ic-gift-gradient': ICGiftGradient,
'ic-gift': ICGift,
'ic-git-branch': ICGitBranch,
@@ -416,6 +420,7 @@ export const iconMap = {
'ic-play-outline': ICPlayOutline,
'ic-quay': ICQuay,
'ic-quote': ICQuote,
+ 'ic-ratings': ICRatings,
'ic-resize-handle': ICResizeHandle,
'ic-rocket-gear': ICRocketGear,
'ic-rocket-launch': ICRocketLaunch,
@@ -443,6 +448,7 @@ export const iconMap = {
'ic-strategy-recreate': ICStrategyRecreate,
'ic-strategy-rolling-color': ICStrategyRollingColor,
'ic-strategy-rolling': ICStrategyRolling,
+ 'ic-success-blue': ICSuccessBlue,
'ic-success': ICSuccess,
'ic-sun': ICSun,
'ic-suspended': ICSuspended,
diff --git a/src/Shared/Components/Illustration/Illustration.tsx b/src/Shared/Components/Illustration/Illustration.tsx
index c20769267..8beee2a4b 100644
--- a/src/Shared/Components/Illustration/Illustration.tsx
+++ b/src/Shared/Components/Illustration/Illustration.tsx
@@ -1,6 +1,7 @@
// NOTE: This file is auto-generated. Do not edit directly. Run the script `npm run generate-illustration` to update.
import ImgCode from '@Illustrations/img-code.webp'
+import ImgDevtronFreemium from '@Illustrations/img-devtron-freemium.webp'
import ImgManOnRocket from '@Illustrations/img-man-on-rocket.webp'
import { ReactComponent as ImgMechanicalOperation } from '@Illustrations/img-mechanical-operation.svg'
import ImgNoResult from '@Illustrations/img-no-result.webp'
@@ -12,6 +13,7 @@ import { IllustrationBaseProps } from './types'
export const illustrationMap = {
'img-mechanical-operation': ImgMechanicalOperation,
'img-code': ImgCode,
+ 'img-devtron-freemium': ImgDevtronFreemium,
'img-man-on-rocket': ImgManOnRocket,
'img-no-result': ImgNoResult,
}