@bytebrand/fe-ui-core-autobahn 1.0.43 → 1.0.45

package/locales/de/autobahn.json

@@ -488,10 +488,10 @@
     "immediately": "Sofort verfügbar"
   },
   "tier": {
-    "top": "Top Preis",
+    "top": "Top-Preis",
     "good": "Guter Preis",
-    "fair": "Fairer Preis",
-    "raised": "Erhöht",
+    "fair": "Fairer-Preis",
+    "raised": "Erhöhter Preis",
     "high": "Hoher Preis"
   },
   "sort": {
@@ -528,13 +528,13 @@
     }
   },
   "eco": {
-    "heading": "Umwelt & Verbrauch",
+    "heading": "Umwelt & Verbrauch*",
     "stat": {
       "powerConsumptionWeighted": "Stromverbrauch (gew.)",
       "fuelConsumptionWeighted": "Kraftstoff (gew.)",
       "fuelConsumptionDischarged": "Kraftstoff (entladen)",
       "co2WeightedCombined": "CO₂ (gew., komb.)",
-      "consumptionCombined": "Verbrauch komb. (WLTP)",
+      "consumptionCombined": "Verbrauch (WLTP-kombiniert)",
       "co2Emissions": "CO₂-Emissionen (WLTP)",
       "co2Class": "CO₂-Klasse (WLTP)"
     },
@@ -544,7 +544,8 @@
     "energyClassWltpSuffix": "Energieeffizienzklasse nach WLTP · Angaben gem. Pkw-EnVKV*",
     "energyClass": "Energieeffizienzklasse nach WLTP (kombiniert) · Angaben gem. Pkw-EnVKV*",
     "weightedShort": "gew. komb.",
-    "dischargedShort": "entladen komb."
+    "dischargedShort": "entladen komb.",
+    "co2ClassScaleLabel": "CO₂-Klasse (WLTP-kombiniert)"
   },
   "description": {
     "heading": "Fahrzeugbeschreibung",
@@ -570,7 +571,7 @@
   },
   "marketValue": {
     "heading": "Marktwert-Einordnung",
-    "belowAverage": "{{rating}} — {{amount}} € unter Marktdurchschnitt"
+    "belowAverage": "{{rating}} — {{amount}} € unter Marktwert"
   },
   "priceMarket": {
     "heading": "Preis & Marktwert",
@@ -680,11 +681,19 @@
     "ratePerMonth": "{{amount}} € /mtl.",
     "totalAmount": "Gesamtbetrag",
     "totalRepayment": "Gesamtrückzahlungsbetrag",
-    "legalLeasing": "Unverbindliches Leasingbeispiel (Kilometerleasing). Bonität vorausgesetzt. Dieses freibleibende Angebot wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
-    "legalFinancing": "Repräsentatives Berechnungsbeispiel gem. § 17a Abs. 4 PAngV, das 2/3 aller Kunden — Bonität vorausgesetzt — erhalten. Für Ihre Finanzierungswünsche stellen wir eine Bonitätsanfrage. Dieses freibleibende Angebot der Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach, wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
+    "legalLeasing": "Für Ihre Finanzierungswünsche stellen wir eine Bonitätsanfrage. Bonität vorausgesetzt, ist dies ein repräsentatives Berechnungsbeispiel gem. der Angaben, welches 2/3 aller Kunden, im Sinne des § 17a Abs. 4 PangV, erhalten. Dieses freibleibende Angebot der Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
+    "legalFinancing": "Für Ihre Finanzierungswünsche stellen wir eine Bonitätsanfrage. Bonität vorausgesetzt, ist dies ein repräsentatives Berechnungsbeispiel gem. der Angaben, welches 2/3 aller Kunden, im Sinne des § 17a Abs. 4 PangV, erhalten. Dieses freibleibende Angebot der Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach wird vermittelt durch die auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, die als ungebundener Vermittler nicht beratend tätig ist. Irrtümer vorbehalten. Preise ggf. inkl. MwSt.",
     "sheetTitleFinancing": "Kredit-Rate anpassen",
     "sheetTitleLeasing": "Leasing-Rate anpassen",
-    "sheetTitleCash": "Kaufen - Details"
+    "sheetTitleCash": "Kaufen - Details",
+    "exampleVehiclePrice": "Fahrzeugpreis",
+    "examplePriceSuffix": "ggf. inkl. anderer Services",
+    "exampleApr": "Effektiver Jahreszins",
+    "exampleNominal": "Sollzinssatz p. a. (gebunden für die gesamte Vertragslaufzeit)",
+    "exampleNet": "Nettodarlehensbetrag",
+    "exampleDown": "Anzahlung",
+    "exampleFinal": "Schlussrate",
+    "exampleGross": "Gesamtrückzahlungsbetrag"
   },
   "ratings": {
     "showLess": "Weniger anzeigen",

package/locales/en/autobahn.json

@@ -491,7 +491,7 @@
     "top": "Top price",
     "good": "Good price",
     "fair": "Fair price",
-    "raised": "Increased",
+    "raised": "Increased price",
     "high": "High price"
   },
   "sort": {
@@ -528,13 +528,13 @@
     }
   },
   "eco": {
-    "heading": "Environment & consumption",
+    "heading": "Environment & consumption*",
     "stat": {
       "powerConsumptionWeighted": "Power consumption (weighted)",
       "fuelConsumptionWeighted": "Fuel (weighted)",
       "fuelConsumptionDischarged": "Fuel (discharged)",
       "co2WeightedCombined": "CO₂ (weighted, combined)",
-      "consumptionCombined": "Consumption comb. (WLTP)",
+      "consumptionCombined": "Consumption (WLTP combined)",
       "co2Emissions": "CO₂ emissions (WLTP)",
       "co2Class": "CO₂ class (WLTP)"
     },
@@ -544,7 +544,8 @@
     "energyClassWltpSuffix": "Energy efficiency class per WLTP · figures pursuant to the German Pkw-EnVKV*",
     "energyClass": "Energy efficiency class per WLTP (combined) · figures pursuant to the German Pkw-EnVKV*",
     "weightedShort": "wtd. comb.",
-    "dischargedShort": "depleted comb."
+    "dischargedShort": "depleted comb.",
+    "co2ClassScaleLabel": "CO₂ class (WLTP combined)"
   },
   "description": {
     "heading": "Vehicle description",
@@ -570,7 +571,7 @@
   },
   "marketValue": {
     "heading": "Market-value positioning",
-    "belowAverage": "{{rating}} — {{amount}} € below the market average"
+    "belowAverage": "{{rating}} — {{amount}} € below market value"
   },
   "priceMarket": {
     "heading": "Price & market value",
@@ -680,11 +681,19 @@
     "ratePerMonth": "{{amount}} € /mo.",
     "totalAmount": "Total amount",
     "totalRepayment": "Total repayment amount",
-    "legalLeasing": "Non-binding leasing example (mileage leasing). Subject to creditworthiness. This non-binding offer is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, which acts as a non-tied intermediary and does not provide advice. Errors excepted. Prices incl. VAT where applicable.",
-    "legalFinancing": "Representative calculation example pursuant to § 17a (4) PAngV, obtained by 2/3 of all customers — subject to creditworthiness. For your financing requests we will submit a credit inquiry. This non-binding offer from Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach, is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, which acts as a non-tied intermediary and does not provide advice. Errors excepted. Prices incl. VAT where applicable.",
+    "legalLeasing": "We run a credit check for your financing request. Subject to creditworthiness, this is a representative example per § 17a (4) PangV received by 2/3 of all customers. This non-binding offer of Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, acting as an untied intermediary without advising. Errors excepted. Prices may incl. VAT.",
+    "legalFinancing": "We run a credit check for your financing request. Subject to creditworthiness, this is a representative example per § 17a (4) PangV received by 2/3 of all customers. This non-binding offer of Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach is brokered by auto.de GmbH, Max-Planck-Str. 19, 06796 Sandersdorf-Brehna, acting as an untied intermediary without advising. Errors excepted. Prices may incl. VAT.",
     "sheetTitleFinancing": "Adjust credit rate",
     "sheetTitleLeasing": "Adjust leasing rate",
-    "sheetTitleCash": "Purchase - Details"
+    "sheetTitleCash": "Purchase - Details",
+    "exampleVehiclePrice": "Vehicle price",
+    "examplePriceSuffix": "possibly incl. other services",
+    "exampleApr": "Effective annual rate",
+    "exampleNominal": "Nominal rate p.a. (fixed for the entire contract term)",
+    "exampleNet": "Net loan amount",
+    "exampleDown": "Down payment",
+    "exampleFinal": "Final installment",
+    "exampleGross": "Total repayment amount"
   },
   "ratings": {
     "showLess": "Show less",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.43",
+  "version": "1.0.45",
   "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.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -1195,8 +1195,17 @@
   border-radius: var(--md-r-full); font-size: 14px; font-weight: 700; line-height: 1; white-space: nowrap; }
 .md3 .fin-eval-pill .lucide { flex: none; }
 /* gradient spectrum bar + circle thumb — replaces opacity-segment design */
-.md3 .fin-eval-bar { position: relative; width: 100%; height: 9px; border-radius: 5px;
-  background: linear-gradient(to right, #0F7B43, #72C02C, #FFC107, #FF6B35, #C62828); }
+/* segmented evaluation bar (Figma round 12/13: discrete tier segments, CONTINUOUS —
+   no gaps; only the outer corners are rounded so the thumb can overflow) */
+.md3 .fin-eval-seg { flex: 1; height: 100%; border-radius: 0; }
+.md3 .fin-eval-seg:first-child { border-radius: 5px 0 0 5px; }
+.md3 .fin-eval-seg:last-child { border-radius: 0 5px 5px 0; }
+.md3 .fin-eval-bar { display: flex; gap: 0; overflow: visible; }
+.md3 .slider-bubble { position: absolute; top: 0; transform: translateX(-50%); z-index: 1;
+  padding: 4px 10px; border: 1px solid var(--md-outline-variant); border-radius: 8px;
+  background: var(--md-sc-lowest); box-shadow: var(--md-e1); font-size: 13px; font-weight: 700;
+  white-space: nowrap; }
+.md3 .fin-eval-bar { position: relative; width: 100%; height: 9px; border-radius: 5px; }
 .md3 .fin-eval-thumb { position: absolute; top: 50%; transform: translate(-50%, -50%);
   width: 17px; height: 17px; border-radius: 50%; background: #fff;
   border: 3px solid currentColor; box-shadow: 0 1px 4px rgba(0,0,0,.3); pointer-events: none; }
@@ -1630,6 +1639,34 @@
   .md3 .bb-cta-row .mbtn--outlined:not(.bb-adjust) { box-shadow: inset 0 0 0 1.5px var(--md-primary); }
   /* mobile page is WHITE like the Figma master — beats the .vdp-tint inline gray */
   .md3 .vdp-tint { background: var(--md-sc-lowest) !important; }
+  /* ---- round 12 (9-screenshot review) ---- */
+  /* Laufzeit chips = one-row segmented control (Figma), unit suffix hidden */
+  .md3 .fin-sheet-terms .term-chips { display: flex; flex-wrap: nowrap; gap: 0;
+    border: 1px solid var(--fig-border); border-radius: 10px; overflow: hidden; }
+  .md3 .fin-sheet-terms .term-chip { flex: 1 1 0; min-width: 0; height: 46px; border: 0;
+    border-left: 1px solid var(--fig-border); border-radius: 0; padding: 0; font-size: 14px; }
+  .md3 .fin-sheet-terms .term-chip:first-child { border-left: 0; }
+  .md3 .fin-sheet-terms .term-chip .tc-unit { display: none; }
+  /* sheet: no divider under the header; one under the rate row instead (Figma) */
+  .md3 .fin-modal-head { border-bottom: 0; padding-bottom: 8px; }
+  .md3 .fin-sheet-adjust { border-top: 1px solid var(--fig-tile-border); padding-top: 16px; }
+  /* sheet cash rows (Zahlung/Garantie/Lieferung) — Figma sizes (round 13: bigger still) */
+  .md3 .fin-modal .calcrow { padding: 17px 0; }
+  .md3 .fin-modal .calcrow-label { font-size: 15px; color: var(--fig-gray); }
+  .md3 .fin-modal .calcrow-value { font-size: 16px !important; color: var(--fig-navy); font-weight: 700 !important; }
+  /* breathing room at the sheet's bottom edge — content must not stick to the viewport lip */
+  .md3 .fin-modal-body { padding-bottom: 44px; }
+  /* condition tiles: Figma value size + roomier gap to the pills above */
+  .md3 .zustand-tile .md-title-sm { font-size: 16.5px; }
+  .md3 .vdp-header-extras .zustand-grid { margin-top: 10px; }
+  /* enquiry: aside without background (Figma), blue-bordered active contact chip,
+     underlined legal links */
+  .md3 .enquiry-aside { background: transparent; border-bottom: 0; }
+  .md3 .enquiry-form .chip--selected { box-shadow: inset 0 0 0 1.5px var(--md-primary);
+    background: var(--fig-chip-bg); color: var(--md-primary); }
+  .md3 .enq-consent a { text-decoration: underline; }
+  /* HowItWorks: text column beside the circle (title above description) */
+  .md3 .hiw-body { display: flex; flex-direction: column; min-width: 0; }
   /* phone hero rate: 44px — with the € folded into the big span (round 11) 52px pushed the
      stacked /mtl. unit onto a second line; 44px fits "143 €" + stack beside the rating column */
   .md3 .fin-rate-main .num { font-size: 44px !important; letter-spacing: -1.2px !important; }