@repobit/dex-system-design 0.23.73 → 0.23.74

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.74](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.73...@repobit/dex-system-design@0.23.74) (2026-07-10)
+
+### Bug Fixes
+
+* **DEX-1014:** card adjustment
+
+
 ## [0.23.73](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.72...@repobit/dex-system-design@0.23.73) (2026-07-08)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.23.73",
+  "version": "0.23.74",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -74,8 +74,8 @@
     "url": "https://github.com/bitdefender/dex-core/issues"
   },
   "dependencies": {
-    "@repobit/dex-store": "1.3.69",
-    "@repobit/dex-store-elements": "1.4.61",
+    "@repobit/dex-store": "1.3.70",
+    "@repobit/dex-store-elements": "1.4.62",
     "lit": "^3.3.2"
   },
   "devDependencies": {
@@ -92,5 +92,5 @@
   "volta": {
     "node": "24.14.0"
   },
-  "gitHead": "c2b31338e7ca8c4e8cc49cd4e7ed95419f23b369"
+  "gitHead": "34549da60da7a7d836007c32887fdc919ba77190"
 }

package/src/components/cards/card.js

@@ -181,20 +181,25 @@ class CardItem extends LitElement {
 
     if (iconEl) {
       const clone = iconEl.cloneNode(true);
+
+      const originalW = iconEl.getAttribute("width");
+      const originalH = iconEl.getAttribute("height");
+
       clone.style.maxWidth  = "120px";
       clone.style.maxHeight = "120px";
-      clone.style.width     = "auto";
-      clone.style.height    = "auto";
+      clone.style.width     = originalW ? `${originalW}px` : "auto";
+      clone.style.height    = originalH ? `${originalH}px` : "auto";
       clone.style.objectFit = "contain";
       clone.style.display   = "block";
 
-      // Aplica si pe img din interior (ex: picture > img)
       const innerImg = clone.querySelector("img");
       if (innerImg) {
+        const imgW = innerImg.getAttribute("width");
+        const imgH = innerImg.getAttribute("height");
         innerImg.style.maxWidth  = "120px";
         innerImg.style.maxHeight = "120px";
-        innerImg.style.width     = "auto";
-        innerImg.style.height    = "auto";
+        innerImg.style.width     = imgW ? `${Math.min(parseInt(imgW), 120)}px` : "auto";
+        innerImg.style.height    = imgH ? `${Math.min(parseInt(imgH), 120)}px` : "auto";
         innerImg.style.objectFit = "contain";
         innerImg.style.display   = "block";
         innerImg.removeAttribute("width");