@repobit/dex-system-design 0.23.4 → 0.23.6
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.6](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.5...@repobit/dex-system-design@0.23.6) (2026-03-24)
|
|
7
|
+
|
|
8
|
+
### Bug Fixes
|
|
9
|
+
|
|
10
|
+
* **DEX-1014:** add new compare component
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
## [0.23.5](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.4...@repobit/dex-system-design@0.23.5) (2026-03-20)
|
|
14
|
+
|
|
15
|
+
**Note:** Version bump only for package @repobit/dex-system-design
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
|
|
19
|
+
|
|
20
|
+
|
|
6
21
|
## [0.23.4](https://github.com/bitdefender/dex-core/compare/@repobit/dex-system-design@0.23.3...@repobit/dex-system-design@0.23.4) (2026-03-19)
|
|
7
22
|
|
|
8
23
|
**Note:** Version bump only for package @repobit/dex-system-design
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@repobit/dex-system-design",
|
|
3
|
-
"version": "0.23.
|
|
3
|
+
"version": "0.23.6",
|
|
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",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
},
|
|
69
69
|
"dependencies": {
|
|
70
70
|
"@repobit/dex-store": "^1.3.12",
|
|
71
|
-
"@repobit/dex-store-elements": "^1.4.
|
|
71
|
+
"@repobit/dex-store-elements": "^1.4.6",
|
|
72
72
|
"lit": "^3.3.2",
|
|
73
73
|
"lit-query": "^0.0.1"
|
|
74
74
|
},
|
|
@@ -86,5 +86,5 @@
|
|
|
86
86
|
"volta": {
|
|
87
87
|
"node": "24.14.0"
|
|
88
88
|
},
|
|
89
|
-
"gitHead": "
|
|
89
|
+
"gitHead": "0eb01ff6367988f114aa1314475a344554168fa5"
|
|
90
90
|
}
|
|
@@ -87,10 +87,6 @@ export default css`
|
|
|
87
87
|
flex-shrink: 0;
|
|
88
88
|
width: 42px;
|
|
89
89
|
height: 39px;
|
|
90
|
-
filter: var(
|
|
91
|
-
--cs-icon-filter,
|
|
92
|
-
invert(29%) sepia(98%) saturate(1200%) hue-rotate(207deg) brightness(97%) contrast(97%)
|
|
93
|
-
);
|
|
94
90
|
}
|
|
95
91
|
|
|
96
92
|
.card-icon-wrap bd-img {
|
|
@@ -163,7 +159,7 @@ export default css`
|
|
|
163
159
|
.bar-score {
|
|
164
160
|
font-family: var(--typography-fontFamily-sans);
|
|
165
161
|
font-size: var(--typography-body-regular-fontSize);
|
|
166
|
-
font-weight:
|
|
162
|
+
font-weight: var(--font-weight-mono-semibold);
|
|
167
163
|
}
|
|
168
164
|
|
|
169
165
|
/* ── primary variant ── */
|
|
@@ -186,6 +182,7 @@ export default css`
|
|
|
186
182
|
:host(compare-bar[variant="secondary"]) .bar-score,
|
|
187
183
|
:host(compare-bar:not([variant])) .bar-score {
|
|
188
184
|
color: var(--color-neutral-900);
|
|
185
|
+
font-weight: var(--font-weight-mono-regular);
|
|
189
186
|
}
|
|
190
187
|
|
|
191
188
|
|
|
@@ -38,7 +38,11 @@ class CompareBar extends LitElement {
|
|
|
38
38
|
const s = parseFloat(this.score) || 0;
|
|
39
39
|
const m = parseFloat(this.maxScore) || 6;
|
|
40
40
|
if (m === 0) return 0;
|
|
41
|
-
|
|
41
|
+
|
|
42
|
+
if (this.variant === "primary") return 100;
|
|
43
|
+
|
|
44
|
+
const rawPct = Math.min(100, Math.max(0, (s / m) * 100));
|
|
45
|
+
return rawPct * 0.75;
|
|
42
46
|
}
|
|
43
47
|
|
|
44
48
|
get _displayScore() {
|
|
@@ -158,7 +162,7 @@ class CompareCard extends LitElement {
|
|
|
158
162
|
}
|
|
159
163
|
${this.description
|
|
160
164
|
? html`
|
|
161
|
-
<bd-p kind="${isMobile ? "small" : "
|
|
165
|
+
<bd-p kind="${isMobile ? "small" : "regular"}" class="card-description">
|
|
162
166
|
${this.description}
|
|
163
167
|
</bd-p>
|
|
164
168
|
`
|
|
@@ -3,9 +3,9 @@ import "./compare.js";
|
|
|
3
3
|
|
|
4
4
|
// ─── Asset paths ──────────────────────────────────────────────────────────────
|
|
5
5
|
|
|
6
|
-
const SHIELD_ICON = "/assets/shield-check.
|
|
7
|
-
const SPEEDOMETER_ICON = "/assets/speedometer.
|
|
8
|
-
const REPAIR_ICON = "/assets/speedometer.
|
|
6
|
+
const SHIELD_ICON = "/assets/shield-check.svg";
|
|
7
|
+
const SPEEDOMETER_ICON = "/assets/speedometer.svg";
|
|
8
|
+
const REPAIR_ICON = "/assets/speedometer.svg"; // swap for a repair asset when available
|
|
9
9
|
|
|
10
10
|
const AV_TEST_URL = "https://www.av-test.org/en/antivirus/home-users/";
|
|
11
11
|
|