@repobit/dex-system-design 0.23.38 → 0.23.40

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.23.40](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.39...@repobit/dex-system-design@0.23.40) (2026-05-27)
+
+### Bug Fixes
+
+* **DEX-1014:** update accordion paddings
+
+
+## [0.23.39](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.38...@repobit/dex-system-design@0.23.39) (2026-05-27)
+
+### Bug Fixes
+
+* **DEX-1014:** update accordion background styles and logic
+
+
 ## [0.23.38](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.37...@repobit/dex-system-design@0.23.38) (2026-05-26)
 
 ### Bug Fixes

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@repobit/dex-system-design",
-  "version": "0.23.38",
+  "version": "0.23.40",
   "description": "Design system based on Web Components.",
   "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
   "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -70,8 +70,8 @@
     "url": "https://github.com/bitdefender/dex-core/issues"
   },
   "dependencies": {
-    "@repobit/dex-store": "1.3.34",
-    "@repobit/dex-store-elements": "1.4.26",
+    "@repobit/dex-store": "1.3.36",
+    "@repobit/dex-store-elements": "1.4.28",
     "lit": "^3.3.2"
   },
   "devDependencies": {
@@ -88,5 +88,5 @@
   "volta": {
     "node": "24.14.0"
   },
-  "gitHead": "e639a21f5618fc23aff63c32c9447ce67df63558"
+  "gitHead": "7c0438c5fa395495c98a08c726229c230ba0299b"
 }

package/src/components/accordion/accordion-bg.css.js

@@ -31,15 +31,14 @@ export default css`
     border-radius: var(--radius-sm);
   }
 
-  /* Focus ring pentru varianta terms-of-use — fara background deci ring simplu */
   :host(bd-accordion-bg-item[data-variant="terms-of-use"][data-bd-acc-focus]) {
-    // box-shadow: var(--focus-outline-primary);
+    box-shadow: var(--focus-outline-primary);
     border-radius: var(--radius-sm);
   }
 
-  :host(bd-accordion-bg-item:last-of-type) {
-    margin-bottom: 0;
-  }
+  // :host(bd-accordion-bg-item:last-of-type) {
+  //   margin-bottom: 0;
+  // }
 
   :host(bd-accordion-bg-item[no-bg]) {
     margin-bottom: var(--spacing-16);
@@ -58,11 +57,8 @@ export default css`
     box-shadow: var(--focus-outline-primary);
   }
 
+  /* bd-p in bd-accordion-bg — fara padding bottom */
   ::slotted(bd-p) {
-    padding-bottom: var(--spacing-16);
-  }
-
-  ::slotted(bd-p:last-child) {
     padding-bottom: 0;
   }
 
@@ -76,7 +72,6 @@ export default css`
     margin-bottom: 0;
   }
 
-  /* Footer slot — italic, spacing deasupra */
   ::slotted([slot="footer"]) {
     display: block;
     padding-top: var(--spacing-16);
@@ -207,14 +202,25 @@ export default css`
     overflow: hidden;
   }
 
+  /* FAQ container — padding 64px top/bottom */
   .bd-accordion-bg-container {
     margin: auto;
+    padding-top: var(--spacing-64);
+    padding-bottom: var(--spacing-64);
   }
 
   .bd-accordion-bg-container.no-bg {
     background: none;
   }
 
+  /* Inner — max-width 1290px centrat */
+  .bd-accordion-bg-inner {
+    max-width: 1290px;
+    margin-inline: auto;
+    padding-inline: var(--layout-ensemble-inline-padding, var(--spacing-24));
+    box-sizing: border-box;
+  }
+
   .bd-accordion-bg-item.no-bg {
     background-color: transparent;
     border: none;

package/src/components/accordion/accordion-bg.js

@@ -68,14 +68,16 @@ class BdAccordionBg extends LitElement {
 
   _renderFaq() {
     return html`
-      <div class="bd-accordion-bg-container ${this.noBg ? "no-bg" : ""}">
+    <div class="bd-accordion-bg-container ${this.noBg ? "no-bg" : ""}">
+      <div class="bd-accordion-bg-inner">
         <div class="bd-accordion-bg-header">
           <bd-h as="h2" class="bd-accordion-bg-title">${this.title}</bd-h>
         </div>
         <slot></slot>
         <slot name="footer"></slot>
       </div>
-    `;
+    </div>
+  `;
   }
 
   _renderTerms() {

package/src/components/accordion/accordion.css.js

@@ -65,6 +65,15 @@ export const accordionItem = css`
     margin-bottom: 0;
   }
 
+  /* bd-p in bd-accordion simplu — spacing-16 intre paragrafe */
+  ::slotted(bd-p) {
+    padding-bottom: var(--spacing-16);
+  }
+
+  ::slotted(bd-p:last-of-type) {
+    padding-bottom: 0;
+  }
+
   .header {
     display: flex;
     align-items: flex-start;
@@ -153,14 +162,6 @@ export const accordionItem = css`
     display: none !important;
   }
 
-  ::slotted(bd-p) {
-    padding-bottom: var(--spacing-16);
-  }
-
-  ::slotted(bd-p:last-child) {
-    padding-bottom: 0px;
-  }
-
   ::slotted(p) {
     margin-top: 0;
     margin-bottom: var(--bd-acc-panel-paragraph-gap, var(--spacing-16));
@@ -193,7 +194,6 @@ export const accordionSection = css`
     padding-right: calc(50vw - 50%);
   }
 
-  /* Inner — max-width 1290px, centrat, cu padding lateral ca anchor-nav */
   .bd-accordion-section-inner {
     max-width: 1290px;
     margin-inline: auto;