@repobit/dex-system-design 0.17.0 → 0.18.0

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.18.0](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.17.0...@repobit/dex-system-design@0.18.0) (2025-09-11)
+
+
+### Features
+
+* **DEX-1001:** update header.stories.js + fix for input issue on build ([44cb5df](https://github.com/bitdefender/dex-core/commit/44cb5dfc74c45d3c6835d47a09694006517864b3))
+
+
+### Bug Fixes
+
+* **DEX-1001:** rename Input file -> input ([c05257c](https://github.com/bitdefender/dex-core/commit/c05257c690eeef94ee035a69feef8e393cffe5ea))
+* **DEX-1001:** rename Input folder -> input ([940877d](https://github.com/bitdefender/dex-core/commit/940877dceabc897918a56dfa37f4e7107397229b))
+
+
+
 ## [0.17.0](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.16.0...@repobit/dex-system-design@0.17.0) (2025-09-11)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.17.0",
+  "version": "0.18.0",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -25,7 +25,7 @@
     "./faq": "./src/components/FAQ/faq.js",
     "./header": "./src/components/header/header.js",
     "./highlight": "./src/components/highlight/highlight.js",
-    "./input": "./src/components/Input/Input.js",
+    "./input": "./src/components/input/input.js",
     "./light-carousel": "./src/components/light-carousel/light-carousel.js",
     "./paragraph": "./src/components/paragraph/paragraph.js",
     "./pricing-cards": "./src/components/pricing-cards/pricing-card.js",
@@ -68,5 +68,5 @@
   "volta": {
     "node": "22.14.0"
   },
-  "gitHead": "4cf73a3f7bfd6c03c9b3f2fa8967d3e8de0e8f40"
+  "gitHead": "c1703cc9842c8865680663be250e49206986f44e"
 }

package/src/components/header/header.stories.js

@@ -2,16 +2,21 @@ import { html } from 'lit';
 import './header.js';
 
 export default {
-  title: 'Sections/Header', 
+  title    : 'Sections/Header',
   component: 'bd-header',
-  argTypes: {
-    productName: { control: 'text' },
-    valueProp: { control: 'text' },
-    description: { control: 'text' },
-    fullPrice: { control: 'text' },
-    discount: { control: 'text' },
-    finalPrice: { control: 'text' },
-  },
+  argTypes : {
+    productName          : { control: 'text' },
+    valueProp            : { control: 'text' },
+    description          : { control: 'text' },
+    fullPrice            : { control: 'text' },
+    discount             : { control: 'text' },
+    finalPrice           : { control: 'text' },
+    headerImage          : { control: 'text' },
+    disclaimerTop        : { control: 'text' },
+    disclaimerBottomStart: { control: 'text' },
+    disclaimerBottomLink : { control: 'text' },
+    disclaimerBottomEnd  : { control: 'text' }
+  }
 };
 
 const Template = (args) => html`
@@ -23,35 +28,56 @@ const Template = (args) => html`
     .discount=${args.discount}
     .finalPrice=${args.finalPrice}
   >
+    ${args.headerImage
+      ? html`<img slot="header-image" src="${args.headerImage}" alt="Header Image">`
+      : ''}
+
+    ${args.disclaimerTop
+      ? html`<span slot="disclaimer-top">${args.disclaimerTop}</span>`
+      : ''}
+
+    ${args.disclaimerBottomStart || args.disclaimerBottomLink || args.disclaimerBottomEnd
+      ? html`
+          <span slot="disclaimer-bottom-text-start">${args.disclaimerBottomStart || ''}</span>
+          <a slot="disclaimer-bottom-link" href="#">${args.disclaimerBottomLink || ''}</a>
+          <span slot="disclaimer-bottom-text-end">${args.disclaimerBottomEnd || ''}</span>
+        `
+      : ''}
   </bd-header>
 `;
 
 export const Default = Template.bind({});
 Default.args = {
-  productName: 'Bitdefender Ultimate Security',
-  valueProp: 'Complete Security, Advanced Privacy, and Identity Protection',
-  description: 'All in one plan to incorporate multi-awarded device protection, solid password management, unlimited VPN traffic & personalized protection for your online identity.',
-  fullPrice: '$139.99',
-  discount: 'Save 44%',
-  finalPrice: '$79.99*',
+  productName          : 'Bitdefender Ultimate Security',
+  valueProp            : 'Complete Security, Advanced Privacy, and Identity Protection',
+  description          : 'All in one plan to incorporate multi-awarded device protection, solid password management, unlimited VPN traffic & personalized protection for your online identity.',
+  fullPrice            : '$139.99',
+  discount             : 'Save 44%',
+  finalPrice           : '$79.99*',
+  headerImage          : '/assets/bd-header-us.jpg',
+  disclaimerTop        : 'Protection for 1 account & 5 PCs, Macs, tablets, or smartphones. Windows® | macOS® | Android™ | iOS®',
+  disclaimerBottomStart: 'Learn more about',
+  disclaimerBottomLink : 'Terms & Conditions',
+  disclaimerBottomEnd  : 'before purchasing.'
 };
 
 export const WithCustomImage = Template.bind({});
 WithCustomImage.args = {
-  productName: 'Bitdefender Ultimate Security',
-  valueProp: 'Complete Security, Advanced Privacy, and Identity Protection',
-  description: 'All in one plan to incorporate multi-awarded device protection, solid password management, unlimited VPN traffic & personalized protection for your online identity.',
-  fullPrice: '$139.99',
-  discount: 'Save 44%',
-  finalPrice: '$79.99*',
+  ...Default.args,
+  headerImage: '/assets/bd-header-us.jpg'
 };
 
 export const WithDiscountedPrice = Template.bind({});
 WithDiscountedPrice.args = {
-  productName: 'Bitdefender Premium Security',
-  valueProp: 'Advanced Security, Privacy & Identity Protection',
-  description: 'Comprehensive security for all your devices with enhanced features and privacy options.',
-  fullPrice: '$199.99',
-  discount: 'Save 35%',
-  finalPrice: '$129.99*',
+  productName          : 'Bitdefender Premium Security',
+  valueProp            : 'Advanced Security, Privacy & Identity Protection',
+  description          : 'Comprehensive security for all your devices with enhanced features and privacy options.',
+  fullPrice            : '$199.99',
+  discount             : 'Save 35%',
+  finalPrice           : '$129.99*',
+  headerImage          : '/assets/bd-header-us.jpg',
+  disclaimerTop        : 'Protection for 1 account & 5 devices.',
+  disclaimerBottomStart: 'See',
+  disclaimerBottomLink : 'Details',
+  disclaimerBottomEnd  : 'for more info.'
 };

package/src/components/{Input → input}/custom-form.stories.js

@@ -2,7 +2,7 @@ import { html } from 'lit';
 
 import '../dropdown/dropdown.js';
 import './input-clipboard.js';
-import './Input.js';
+import './input.js';
 
 
 export default {