@repobit/dex-system-design 0.21.0 → 0.21.2

package/CHANGELOG.md

@@ -3,6 +3,23 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.21.2](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.21.1...@repobit/dex-system-design@0.21.2) (2025-11-18)
+
+
+### Bug Fixes
+
+* **DEX-1005:** add missing button component and apply fixes ([06acf35](https://github.com/bitdefender/dex-core/commit/06acf35c1c7452916aa8598ab43479d6273bca71))
+
+
+
+## [0.21.1](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.21.0...@repobit/dex-system-design@0.21.1) (2025-11-18)
+
+**Note:** Version bump only for package @repobit/dex-system-design
+
+
+
+
+
 ## [0.21.0](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.20.0...@repobit/dex-system-design@0.21.0) (2025-11-05)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.21.0",
+  "version": "0.21.2",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -31,13 +31,18 @@
     "./footer-lp": "./src/components/footer/footer-lp.js",
     "./footer-nav-menu": "./src/components/footer/footer-nav-menu.js",
     "./grid": "./src/components/grid/grid.js",
+    "./heading": "./src/components/heading/heading.js",
     "./header": "./src/components/header/header.js",
     "./highlight": "./src/components/highlight/highlight.js",
+    "./image": "./src/components/image/image.js",
     "./input": "./src/components/input/input.js",
     "./link": "./src/components/link/link.js",
+    "./list": "./src/components/list/list.js",
+    "./list-item": "./src/components/list/list-item/list-item.js",
     "./light-carousel": "./src/components/light-carousel/light-carousel.js",
     "./modal": "./src/components/modal/modal.js",
     "./paragraph": "./src/components/paragraph/paragraph.js",
+    "./picture": "./src/components/picture/picture.js",
     "./pricing-cards": "./src/components/pricing-cards/pricing-card.js",
     "./radio": "./src/components/radio/radio.js",
     "./tabs": "./src/components/tabs/tabs.js",
@@ -78,5 +83,5 @@
   "volta": {
     "node": "22.14.0"
   },
-  "gitHead": "a1e5bfebddd95d02a095d4992fd7c5cf60423865"
+  "gitHead": "9eaded413b63ef26ea84fbfab95359397be9f140"
 }

package/src/components/anchor/anchor-nav.js

@@ -1,5 +1,6 @@
 import { LitElement, html } from "lit";
 import { tokens } from "../../tokens/tokens.js";
+import "../Button/Button.js";
 import { anchorNavStyles } from "./anchor-nav.css.js";
 
 class BdAnchorNavItem extends HTMLElement {

package/src/components/header/header.js

@@ -1,13 +1,14 @@
 import { LitElement, html } from "lit";
 import { tokens } from "../../tokens/tokens.js";
+import "../Button/Button.js";
 import headerCSS from "../header/header.css.js";
 import "../heading/heading.js";
 import "../paragraph/paragraph.js";
 
 class Header extends LitElement {
   static properties = {
-    productName: { type: String },
-    valueProp  : { type: String },
+    title      : { type: String },
+    subtitle   : { type: String },
     description: { type: String },
     fullPrice  : { type: String },
     discount   : { type: String },
@@ -16,6 +17,9 @@ class Header extends LitElement {
 
   constructor() {
     super();
+    this.title = "";
+    this.subtitle = "";
+    this.description = "";
   }
 
   attributeChangedCallback(name, oldVal, newVal) {
@@ -26,8 +30,8 @@ class Header extends LitElement {
     return html`
       <div class="bd-container">
         <div class="bd-header-left">
-          <bd-h as="h2" class="bd-product-name">${this.productName}</bd-h>
-          <bd-h as="h4" class="bd-value-prop">${this.valueProp}</bd-h>
+          <bd-h as="h2" class="bd-product-name">${this.title}</bd-h>
+          <bd-h as="h4" class="bd-value-prop">${this.subtitle}</bd-h>
           <bd-p kind="regular" class="bd-description">${this.description}</bd-p>
 
           <div class="bd-price-zone-top">

package/src/components/pricing-cards/pricing-card-actions.js

@@ -1,5 +1,6 @@
 import { LitElement, html } from 'lit';
 import { tokens } from "../../tokens/tokens.js";
+import "../Button/Button.js";
 import newActionsPricingCSS from "../pricing-cards/pricing-card-actions.css.js";
 
 class PricingCardActions extends LitElement {

package/src/components/pricing-cards/pricing-card.js

@@ -1,9 +1,9 @@
 import { LitElement, html } from "lit";
 import { tokens } from "../../tokens/tokens.js";
+import "../Button/Button.js";
 import "../heading/heading.js";
 import "../paragraph/paragraph.js";
 import pricingCardsCSS from "../pricing-cards/pricing-card.css.js";
-import "/src/components/Button/Button.js";
 
 class PricingContainer extends LitElement {
   static properties = {