@repobit/dex-system-design 0.24.2 → 0.24.4
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.24.4](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.24.3...@repobit/dex-system-design@0.24.4) (2026-09-01)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **DEX-1014:** padding adjustments
|
|
11
|
+
* **DEX-1014:** padding adjustments
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
## [0.24.3](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.24.2...@repobit/dex-system-design@0.24.3) (2026-08-25)
|
|
15
|
+
|
|
16
|
+
### Bug Fixes
|
|
17
|
+
|
|
18
|
+
* **DEX-1014:** padding adjustments
|
|
19
|
+
|
|
20
|
+
|
|
6
21
|
## [0.24.2](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.24.1...@repobit/dex-system-design@0.24.2) (2026-08-25)
|
|
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.24.
|
|
3
|
+
"version": "0.24.4",
|
|
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",
|
|
@@ -74,8 +74,8 @@
|
|
|
74
74
|
"url": "https://github.com/bitdefender/dex-core/issues"
|
|
75
75
|
},
|
|
76
76
|
"dependencies": {
|
|
77
|
-
"@repobit/dex-store": "1.6.
|
|
78
|
-
"@repobit/dex-store-elements": "2.0.
|
|
77
|
+
"@repobit/dex-store": "1.6.20",
|
|
78
|
+
"@repobit/dex-store-elements": "2.0.25",
|
|
79
79
|
"lit": "^3.3.2"
|
|
80
80
|
},
|
|
81
81
|
"devDependencies": {
|
|
@@ -92,5 +92,5 @@
|
|
|
92
92
|
"volta": {
|
|
93
93
|
"node": "24.14.0"
|
|
94
94
|
},
|
|
95
|
-
"gitHead": "
|
|
95
|
+
"gitHead": "ce79d0c8b5feaab29ecbb54359d1035221a854b9"
|
|
96
96
|
}
|
|
@@ -207,7 +207,7 @@ export default css`
|
|
|
207
207
|
/* FAQ container — padding 64px top/bottom */
|
|
208
208
|
.bd-accordion-bg-container {
|
|
209
209
|
margin: auto;
|
|
210
|
-
|
|
210
|
+
padding-top: var(--spacing-64);
|
|
211
211
|
padding-bottom: var(--spacing-64);
|
|
212
212
|
}
|
|
213
213
|
|
|
@@ -215,6 +215,11 @@ export default css`
|
|
|
215
215
|
background: none;
|
|
216
216
|
}
|
|
217
217
|
|
|
218
|
+
.bd-accordion-bg-container.no-padding {
|
|
219
|
+
padding-top: 0;
|
|
220
|
+
padding-bottom: 0;
|
|
221
|
+
}
|
|
222
|
+
|
|
218
223
|
/* Inner — max-width 1290px centrat */
|
|
219
224
|
.bd-accordion-bg-inner {
|
|
220
225
|
max-width: 1290px;
|
|
@@ -11,6 +11,7 @@ class BdAccordionBg extends LitElement {
|
|
|
11
11
|
static properties = {
|
|
12
12
|
title : { type: String },
|
|
13
13
|
noBg : { type: Boolean, reflect: true, attribute: "no-bg" },
|
|
14
|
+
noPadding : { type: Boolean, reflect: true, attribute: "no-padding" },
|
|
14
15
|
guideIcon : { type: String, reflect: true, attribute: "guide-icon" },
|
|
15
16
|
guideLabel: { type: String, reflect: true, attribute: "guide-label" },
|
|
16
17
|
guideHref : { type: String, reflect: true, attribute: "guide-href" },
|
|
@@ -21,6 +22,7 @@ class BdAccordionBg extends LitElement {
|
|
|
21
22
|
constructor() {
|
|
22
23
|
super();
|
|
23
24
|
this.noBg = false;
|
|
25
|
+
this.noPadding = false;
|
|
24
26
|
this._variant = "default";
|
|
25
27
|
this.variant = "default";
|
|
26
28
|
this.guideIcon = "";
|
|
@@ -68,7 +70,7 @@ class BdAccordionBg extends LitElement {
|
|
|
68
70
|
|
|
69
71
|
_renderFaq() {
|
|
70
72
|
return html`
|
|
71
|
-
<div class="bd-accordion-bg-container ${this.noBg ? "no-bg" : ""}">
|
|
73
|
+
<div class="bd-accordion-bg-container ${this.noBg ? "no-bg" : ""} ${this.noPadding ? "no-padding" : ""}">
|
|
72
74
|
<div class="bd-accordion-bg-inner">
|
|
73
75
|
<div class="bd-accordion-bg-header">
|
|
74
76
|
<bd-h as="h2" class="bd-accordion-bg-title">${this.title}</bd-h>
|
|
@@ -50,6 +50,7 @@ Componenta urcă în DOM și detectează clasa părintelui:
|
|
|
50
50
|
|---|---|---|---|
|
|
51
51
|
| \`title\` | String | — | Titlul secțiunii |
|
|
52
52
|
| \`no-bg\` | Boolean | \`false\` | Elimină background-ul containerului |
|
|
53
|
+
| \`no-padding\` | Boolean | \`false\` | Elimină padding-top/bottom (64px) al containerului \`.bd-accordion-bg-container\` — util când secțiunea e lipită de alta deasupra/dedesubt. Se aplică doar variantei \`faq\` |
|
|
53
54
|
| \`guide-icon\` | String | — | Cale icon pentru link-ul ghid (doar terms-of-use) |
|
|
54
55
|
| \`guide-label\` | String | — | Text link ghid (doar terms-of-use) |
|
|
55
56
|
| \`guide-href\` | String | \`#\` | URL link ghid (doar terms-of-use) |
|
|
@@ -166,6 +167,54 @@ export const FaqNoBgItems = {
|
|
|
166
167
|
`
|
|
167
168
|
};
|
|
168
169
|
|
|
170
|
+
// ─── FAQ — Fără padding (no-padding) ──────────────────────────────────────────
|
|
171
|
+
|
|
172
|
+
export const FaqNoPadding = {
|
|
173
|
+
name : "FAQ — Fără padding (no-padding)",
|
|
174
|
+
parameters: {
|
|
175
|
+
docs: {
|
|
176
|
+
description: {
|
|
177
|
+
story: "Compară aceeași secțiune FAQ cu și fără atributul `no-padding`. Fără el, containerul `.bd-accordion-bg-container` are 64px padding-top/bottom (vezi chenarul roșu de deasupra, care marchează unde s-ar termina normal spațiul). Cu `no-padding`, acel spațiu dispare complet — util când secțiunea trebuie lipită imediat de blocul de deasupra sau de dedesubt."
|
|
178
|
+
}
|
|
179
|
+
}
|
|
180
|
+
},
|
|
181
|
+
render: () => html`
|
|
182
|
+
<div>
|
|
183
|
+
<bd-p kind="small" style="color: var(--color-neutral-500); margin-bottom: 8px;">
|
|
184
|
+
Fără <code>no-padding</code> — 64px padding-top/bottom (spațiul albastru de sus/jos):
|
|
185
|
+
</bd-p>
|
|
186
|
+
<div style="outline: 2px dashed red;">
|
|
187
|
+
<div class="accordion faq block">
|
|
188
|
+
<bd-accordion-bg title="Questions? Answers.">
|
|
189
|
+
<bd-accordion-bg-item title="How does Bitdefender protect me?">
|
|
190
|
+
<bd-p kind="small">Bitdefender provides multi-layer protection against all cyber threats.</bd-p>
|
|
191
|
+
</bd-accordion-bg-item>
|
|
192
|
+
<bd-accordion-bg-item title="Does it work on Mac?">
|
|
193
|
+
<bd-p kind="small">Yes, Bitdefender is fully compatible with macOS 10.14 and later.</bd-p>
|
|
194
|
+
</bd-accordion-bg-item>
|
|
195
|
+
</bd-accordion-bg>
|
|
196
|
+
</div>
|
|
197
|
+
</div>
|
|
198
|
+
|
|
199
|
+
<bd-p kind="small" style="color: var(--color-neutral-500); margin: 24px 0 8px;">
|
|
200
|
+
Cu <code>no-padding</code> — 0px padding-top/bottom (secțiunea lipită de chenar):
|
|
201
|
+
</bd-p>
|
|
202
|
+
<div style="outline: 2px dashed red;">
|
|
203
|
+
<div class="accordion faq block">
|
|
204
|
+
<bd-accordion-bg title="Questions? Answers." no-padding>
|
|
205
|
+
<bd-accordion-bg-item title="How does Bitdefender protect me?">
|
|
206
|
+
<bd-p kind="small">Bitdefender provides multi-layer protection against all cyber threats.</bd-p>
|
|
207
|
+
</bd-accordion-bg-item>
|
|
208
|
+
<bd-accordion-bg-item title="Does it work on Mac?">
|
|
209
|
+
<bd-p kind="small">Yes, Bitdefender is fully compatible with macOS 10.14 and later.</bd-p>
|
|
210
|
+
</bd-accordion-bg-item>
|
|
211
|
+
</bd-accordion-bg>
|
|
212
|
+
</div>
|
|
213
|
+
</div>
|
|
214
|
+
</div>
|
|
215
|
+
`
|
|
216
|
+
};
|
|
217
|
+
|
|
169
218
|
// ─── Terms of Use ─────────────────────────────────────────────────────────────
|
|
170
219
|
|
|
171
220
|
export const TermsOfUse = {
|