@repobit/dex-system-design 0.23.69 → 0.23.71

package/CHANGELOG.md

@@ -3,6 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.71](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.70...@repobit/dex-system-design@0.23.71) (2026-07-07)
+
+### Bug Fixes
+
+* **DEX-1014:** card adjustments css
+* **DEX-1014:** card adjustments css
+
+
+## [0.23.70](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.69...@repobit/dex-system-design@0.23.70) (2026-07-07)
+
+### Bug Fixes
+
+* **DEX-1014:** card import issue
+
+
 ## [0.23.69](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.68...@repobit/dex-system-design@0.23.69) (2026-07-06)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.23.69",
+  "version": "0.23.71",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -24,12 +24,14 @@
     "./anchor": "./src/components/anchor/anchor-nav.js",
     "./badge": "./src/components/badge/badge.js",
     "./button": "./src/components/Button/Button.js",
+    "./cards": "./src/components/cards/card.js",
     "./carousel": "./src/components/carousel/carousel.js",
     "./compare": "./src/components/compare/compare.js",
     "./checkbox": "./src/components/checkbox/checkbox.js",
     "./divider-horizontal": "./src/components/divider/divider-horizontal.js",
     "./divider-vertical": "./src/components/divider/divider-vertical.js",
     "./dropdown": "./src/components/dropdown/dropdown.js",
+    "./features": "./src/components/features/features.js",
     "./footer": "./src/components/footer/footer.js",
     "./footer-links-group": "./src/components/footer/footer-links-group.js",
     "./footer-lp": "./src/components/footer/footer-lp.js",
@@ -70,8 +72,8 @@
     "url": "https://github.com/bitdefender/dex-core/issues"
   },
   "dependencies": {
-    "@repobit/dex-store": "1.3.65",
-    "@repobit/dex-store-elements": "1.4.57",
+    "@repobit/dex-store": "1.3.67",
+    "@repobit/dex-store-elements": "1.4.59",
     "lit": "^3.3.2"
   },
   "devDependencies": {
@@ -88,5 +90,5 @@
   "volta": {
     "node": "24.14.0"
   },
-  "gitHead": "0aaaca522a0df5a3f1aab65e1127610eda9bec73"
+  "gitHead": "b8bacc469b17438b97fb365454579a626a3c2b43"
 }

package/src/components/cards/card.css.js

@@ -5,8 +5,6 @@ export default css`
     display: block;
     --background-card-grey: var(--color-neutral-25);
     --border-card-grey: var(--color-neutral-50);
-    padding-top: var(--spacing-64);
-    padding-bottom: var(--spacing-64);
     max-width: 1290px;
     margin: 0 auto;
   }

package/src/components/cards/card.js

@@ -1,6 +1,6 @@
 import { LitElement, html } from "lit";
 import { tokens } from "../../tokens/tokens.js";
-import "../button/button.js";
+import "../Button/Button.js";
 import "../heading/heading.js";
 import carouselCSS from "./card.css.js";
 
@@ -187,15 +187,29 @@ class CardItem extends LitElement {
       clone.style.height    = "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) {
+        innerImg.style.maxWidth  = "120px";
+        innerImg.style.maxHeight = "120px";
+        innerImg.style.width     = "auto";
+        innerImg.style.height    = "auto";
+        innerImg.style.objectFit = "contain";
+        innerImg.style.display   = "block";
+        innerImg.removeAttribute("width");
+        innerImg.removeAttribute("height");
+      }
+
       return clone;
     }
 
     if (this.icon) {
       return html`<img
-        src="${this.icon}"
-        alt="icon"
-        class="bd-light-icon-s"
-      />`;
+      src="${this.icon}"
+      alt="icon"
+      class="bd-light-icon-s"
+    />`;
     }
 
     return "";