fix: gift-animated gpu rendering

AbhishekA1509 · AbhishekA1509 · commit c4ba138325d4 · 2025-09-19T16:30:11.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.20.2",
+    "version": "1.20.2-beta-0",
     "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
@@ -1 +1,66 @@
-<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg"><style>@keyframes top-move{0%,20%,to{transform:translateY(0)}10%{transform:translateY(-5px)}}@keyframes top-shake{0%,25%,5%,to{transform:rotate(0deg)}10%{transform:rotate(-8deg)}15%{transform:rotate(8deg)}}@keyframes bottom-jump{0%{transform:translateY(0)}5%{transform:translateY(-5px)}15%,to{transform:translateX(0)}}</style><g style="animation:bottom-jump 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><path d="M8 27.996h34v19a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3z" fill="#D0DBF7"/><path fill="#376CFB" d="M19 27.996h12v22H19z"/></g><g style="animation:top-move 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><g style="animation:top-shake 5s infinite ease-out;transform-origin:center;transform-box:fill-box"><path d="M12.49 12.819c1.226-2.666 4.074-3.172 6.21-2.619 1.97.512 3.69 1.925 4.93 3.37 1.227 1.428 2.146 3.078 2.354 4.252l.208 1.174H16.036c-1.625 0-2.904-.794-3.56-2.037-.642-1.213-.632-2.734.014-4.14m5.708-.683c-1.58-.41-3.214.048-3.89 1.519-.427.928-.373 1.787-.065 2.37.293.553.87.971 1.793.971h7.526a11.3 11.3 0 0 0-1.449-2.124c-1.106-1.289-2.498-2.369-3.915-2.736" fill="#376CFB"/><path d="M37.51 12.819c-1.226-2.666-4.075-3.172-6.21-2.619-1.97.512-3.69 1.925-4.93 3.37-1.227 1.428-2.146 3.078-2.354 4.252l-.208 1.174h10.156c1.625 0 2.904-.794 3.56-2.037.642-1.213.632-2.734-.014-4.14m-5.708-.683c1.58-.41 3.214.048 3.89 1.519.427.928.373 1.787.065 2.37-.293.553-.87.971-1.793.971h-7.526a11.3 11.3 0 0 1 1.449-2.124c1.106-1.289 2.499-2.369 3.915-2.736" fill="#376CFB"/><path fill="#00173F" opacity=".15" d="M8 27.996h34v3H8z"/><rect x="5" y="16.996" width="40" height="11" rx="3" fill="#E6ECFF"/><path fill="#4294FF" d="M16 16.996h18v11H16z"/></g></g></svg>
+<svg width="50" height="50" viewBox="0 0 50 50" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <style>
+        @keyframes top-move {
+
+            0%,
+            20%,
+            to {
+                transform: translateY(0)
+            }
+
+            10% {
+                transform: translateY(-5px)
+            }
+        }
+
+        @keyframes top-shake {
+
+            0%,
+            25%,
+            5%,
+            to {
+                transform: rotate(0deg)
+            }
+
+            10% {
+                transform: rotate(-8deg)
+            }
+
+            15% {
+                transform: rotate(8deg)
+            }
+        }
+
+        @keyframes bottom-jump {
+            0% {
+                transform: translateY(0)
+            }
+
+            5% {
+                transform: translateY(-5px)
+            }
+
+            15%,
+            to {
+                transform: translateX(0)
+            }
+        }
+    </style>
+    <g style="animation:bottom-jump 5s infinite ease-out;transform-origin:center">
+        <path d="M8 27.996h34v19a3 3 0 0 1-3 3H11a3 3 0 0 1-3-3z" fill="#D0DBF7" />
+        <path fill="#376CFB" d="M19 27.996h12v22H19z" />
+    </g>
+    <g style="animation:top-move 5s infinite ease-out;transform-origin:center">
+        <g style="animation:top-shake 5s infinite ease-out;transform-origin:center">
+            <path
+                d="M12.49 12.819c1.226-2.666 4.074-3.172 6.21-2.619 1.97.512 3.69 1.925 4.93 3.37 1.227 1.428 2.146 3.078 2.354 4.252l.208 1.174H16.036c-1.625 0-2.904-.794-3.56-2.037-.642-1.213-.632-2.734.014-4.14m5.708-.683c-1.58-.41-3.214.048-3.89 1.519-.427.928-.373 1.787-.065 2.37.293.553.87.971 1.793.971h7.526a11.3 11.3 0 0 0-1.449-2.124c-1.106-1.289-2.498-2.369-3.915-2.736"
+                fill="#376CFB" />
+            <path
+                d="M37.51 12.819c-1.226-2.666-4.075-3.172-6.21-2.619-1.97.512-3.69 1.925-4.93 3.37-1.227 1.428-2.146 3.078-2.354 4.252l-.208 1.174h10.156c1.625 0 2.904-.794 3.56-2.037.642-1.213.632-2.734-.014-4.14m-5.708-.683c1.58-.41 3.214.048 3.89 1.519.427.928.373 1.787.065 2.37-.293.553-.87.971-1.793.971h-7.526a11.3 11.3 0 0 1 1.449-2.124c1.106-1.289 2.499-2.369 3.915-2.736"
+                fill="#376CFB" />
+            <path fill="#00173F" opacity=".15" d="M8 27.996h34v3H8z" />
+            <rect x="5" y="16.996" width="40" height="11" rx="3" fill="#E6ECFF" />
+            <path fill="#4294FF" d="M16 16.996h18v11H16z" />
+        </g>
+    </g>
+</svg>

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.20.2",`
	`3`	`+ "version": "1.20.2-beta-0",`
`4`	`4`	`"description": "Supporting common component library",`
`5`	`5`	`"type": "module",`
`6`	`6`	`"main": "dist/index.js",`