@bytebrand/fe-ui-core-autobahn 1.0.44 → 1.0.46
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/package.json +1 -1
- package/theme/md3.css +12 -8
- package/vdp/FinanceCalculator.tsx +623 -599
- package/vdp/VdpModules.tsx +41 -14
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bytebrand/fe-ui-core-autobahn",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.46",
|
|
4
4
|
"description": "auto.de md3 (Autobahn) design system — UI primitives, cards, chrome, VDP modules, theme CSS and locales. Ships raw TypeScript source (like fe-ui-core before it); each consumer's bundler compiles it.",
|
|
5
5
|
"main": "index.ts",
|
|
6
6
|
"license": "UNLICENSED",
|
package/theme/md3.css
CHANGED
|
@@ -1195,10 +1195,12 @@
|
|
|
1195
1195
|
border-radius: var(--md-r-full); font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
|
|
1196
1196
|
.md3 .fin-eval-pill .lucide { flex: none; }
|
|
1197
1197
|
/* gradient spectrum bar + circle thumb — replaces opacity-segment design */
|
|
1198
|
-
/* segmented evaluation bar (Figma round 12: discrete tier segments,
|
|
1199
|
-
|
|
1200
|
-
.md3 .fin-eval-seg { flex: 1; height: 100%; border-radius:
|
|
1201
|
-
.md3 .fin-eval-
|
|
1198
|
+
/* segmented evaluation bar (Figma round 12/13: discrete tier segments, CONTINUOUS —
|
|
1199
|
+
no gaps; only the outer corners are rounded so the thumb can overflow) */
|
|
1200
|
+
.md3 .fin-eval-seg { flex: 1; height: 100%; border-radius: 0; }
|
|
1201
|
+
.md3 .fin-eval-seg:first-child { border-radius: 5px 0 0 5px; }
|
|
1202
|
+
.md3 .fin-eval-seg:last-child { border-radius: 0 5px 5px 0; }
|
|
1203
|
+
.md3 .fin-eval-bar { display: flex; gap: 0; overflow: visible; }
|
|
1202
1204
|
.md3 .slider-bubble { position: absolute; top: 0; transform: translateX(-50%); z-index: 1;
|
|
1203
1205
|
padding: 4px 10px; border: 1px solid var(--md-outline-variant); border-radius: 8px;
|
|
1204
1206
|
background: var(--md-sc-lowest); box-shadow: var(--md-e1); font-size: 13px; font-weight: 700;
|
|
@@ -1648,10 +1650,12 @@
|
|
|
1648
1650
|
/* sheet: no divider under the header; one under the rate row instead (Figma) */
|
|
1649
1651
|
.md3 .fin-modal-head { border-bottom: 0; padding-bottom: 8px; }
|
|
1650
1652
|
.md3 .fin-sheet-adjust { border-top: 1px solid var(--fig-tile-border); padding-top: 16px; }
|
|
1651
|
-
/* sheet cash rows (Zahlung/Garantie/Lieferung) — Figma sizes */
|
|
1652
|
-
.md3 .fin-modal .calcrow { padding:
|
|
1653
|
-
.md3 .fin-modal .calcrow-label { font-size:
|
|
1654
|
-
.md3 .fin-modal .calcrow-value { font-size:
|
|
1653
|
+
/* sheet cash rows (Zahlung/Garantie/Lieferung) — Figma sizes (round 13: bigger still) */
|
|
1654
|
+
.md3 .fin-modal .calcrow { padding: 17px 0; }
|
|
1655
|
+
.md3 .fin-modal .calcrow-label { font-size: 15px; color: var(--fig-gray); }
|
|
1656
|
+
.md3 .fin-modal .calcrow-value { font-size: 16px !important; color: var(--fig-navy); font-weight: 700 !important; }
|
|
1657
|
+
/* breathing room at the sheet's bottom edge — content must not stick to the viewport lip */
|
|
1658
|
+
.md3 .fin-modal-body { padding-bottom: 44px; }
|
|
1655
1659
|
/* condition tiles: Figma value size + roomier gap to the pills above */
|
|
1656
1660
|
.md3 .zustand-tile .md-title-sm { font-size: 16.5px; }
|
|
1657
1661
|
.md3 .vdp-header-extras .zustand-grid { margin-top: 10px; }
|