@repobit/dex-system-design 0.23.39 → 0.23.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,21 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.23.41](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.40...@repobit/dex-system-design@0.23.41) (2026-05-28)
7
+
8
+ **Note:** Version bump only for package @repobit/dex-system-design
9
+
10
+
11
+
12
+
13
+
14
+ ## [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)
15
+
16
+ ### Bug Fixes
17
+
18
+ * **DEX-1014:** update accordion paddings
19
+
20
+
6
21
  ## [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)
7
22
 
8
23
  ### Bug Fixes
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@repobit/dex-system-design",
3
- "version": "0.23.39",
3
+ "version": "0.23.41",
4
4
  "description": "Design system based on Web Components.",
5
5
  "author": "Iordache Matei Cezar <miordache@bitdefender.com>",
6
6
  "homepage": "https://github.com/bitdefender/dex-core#readme",
@@ -70,8 +70,8 @@
70
70
  "url": "https://github.com/bitdefender/dex-core/issues"
71
71
  },
72
72
  "dependencies": {
73
- "@repobit/dex-store": "1.3.35",
74
- "@repobit/dex-store-elements": "1.4.27",
73
+ "@repobit/dex-store": "1.3.37",
74
+ "@repobit/dex-store-elements": "1.4.29",
75
75
  "lit": "^3.3.2"
76
76
  },
77
77
  "devDependencies": {
@@ -88,5 +88,5 @@
88
88
  "volta": {
89
89
  "node": "24.14.0"
90
90
  },
91
- "gitHead": "de85da7811e34bd95e7873bf75dd612a54bfc4b1"
91
+ "gitHead": "d28f4c5a125c11e1515df9f08b5897092a7fe573"
92
92
  }
@@ -30,21 +30,15 @@ export default css`
30
30
  z-index: 1;
31
31
  border-radius: var(--radius-sm);
32
32
  }
33
- .bd-accordion-bg-inner {
34
- max-width: 1290px;
35
- margin-inline: auto;
36
- padding-inline: var(--layout-ensemble-inline-padding, var(--spacing-24));
37
- box-sizing: border-box;
38
- }
39
- /* Focus ring pentru varianta terms-of-use — fara background deci ring simplu */
33
+
40
34
  :host(bd-accordion-bg-item[data-variant="terms-of-use"][data-bd-acc-focus]) {
41
- // box-shadow: var(--focus-outline-primary);
35
+ box-shadow: var(--focus-outline-primary);
42
36
  border-radius: var(--radius-sm);
43
37
  }
44
38
 
45
- :host(bd-accordion-bg-item:last-of-type) {
46
- margin-bottom: 0;
47
- }
39
+ // :host(bd-accordion-bg-item:last-of-type) {
40
+ // margin-bottom: 0;
41
+ // }
48
42
 
49
43
  :host(bd-accordion-bg-item[no-bg]) {
50
44
  margin-bottom: var(--spacing-16);
@@ -63,11 +57,8 @@ export default css`
63
57
  box-shadow: var(--focus-outline-primary);
64
58
  }
65
59
 
60
+ /* bd-p in bd-accordion-bg — fara padding bottom */
66
61
  ::slotted(bd-p) {
67
- padding-bottom: var(--spacing-16);
68
- }
69
-
70
- ::slotted(bd-p:last-child) {
71
62
  padding-bottom: 0;
72
63
  }
73
64
 
@@ -81,7 +72,6 @@ export default css`
81
72
  margin-bottom: 0;
82
73
  }
83
74
 
84
- /* Footer slot — italic, spacing deasupra */
85
75
  ::slotted([slot="footer"]) {
86
76
  display: block;
87
77
  padding-top: var(--spacing-16);
@@ -212,14 +202,25 @@ export default css`
212
202
  overflow: hidden;
213
203
  }
214
204
 
205
+ /* FAQ container — padding 64px top/bottom */
215
206
  .bd-accordion-bg-container {
216
207
  margin: auto;
208
+ padding-top: var(--spacing-64);
209
+ padding-bottom: var(--spacing-64);
217
210
  }
218
211
 
219
212
  .bd-accordion-bg-container.no-bg {
220
213
  background: none;
221
214
  }
222
215
 
216
+ /* Inner — max-width 1290px centrat */
217
+ .bd-accordion-bg-inner {
218
+ max-width: 1290px;
219
+ margin-inline: auto;
220
+ padding-inline: var(--layout-ensemble-inline-padding, var(--spacing-24));
221
+ box-sizing: border-box;
222
+ }
223
+
223
224
  .bd-accordion-bg-item.no-bg {
224
225
  background-color: transparent;
225
226
  border: none;
@@ -65,6 +65,15 @@ export const accordionItem = css`
65
65
  margin-bottom: 0;
66
66
  }
67
67
 
68
+ /* bd-p in bd-accordion simplu — spacing-16 intre paragrafe */
69
+ ::slotted(bd-p) {
70
+ padding-bottom: var(--spacing-16);
71
+ }
72
+
73
+ ::slotted(bd-p:last-of-type) {
74
+ padding-bottom: 0;
75
+ }
76
+
68
77
  .header {
69
78
  display: flex;
70
79
  align-items: flex-start;
@@ -153,14 +162,6 @@ export const accordionItem = css`
153
162
  display: none !important;
154
163
  }
155
164
 
156
- ::slotted(bd-p) {
157
- padding-bottom: var(--spacing-16);
158
- }
159
-
160
- ::slotted(bd-p:last-child) {
161
- padding-bottom: 0px;
162
- }
163
-
164
165
  ::slotted(p) {
165
166
  margin-top: 0;
166
167
  margin-bottom: var(--bd-acc-panel-paragraph-gap, var(--spacing-16));
@@ -193,7 +194,6 @@ export const accordionSection = css`
193
194
  padding-right: calc(50vw - 50%);
194
195
  }
195
196
 
196
- /* Inner — max-width 1290px, centrat, cu padding lateral ca anchor-nav */
197
197
  .bd-accordion-section-inner {
198
198
  max-width: 1290px;
199
199
  margin-inline: auto;