@bytebrand/fe-ui-core-autobahn 1.0.74 → 1.0.75

package/cards/CarCard.tsx

@@ -72,6 +72,15 @@ export interface CarCardProps {
    * the same one.
    */
   onOpenRateAdjust?: (mode: PaymentMode) => void;
+  /**
+   * takes over the "Finanzierungsdetails"/"Details" link under the price row — e.g. navigate to
+   * this car's own VDP and open its finance modal already expanded/scrolled to the breakdown,
+   * instead of the default plain onOpen(car) navigation. Receives the tab the card was showing
+   * (Finanzierung/Leasing/Kaufen) so the destination modal opens on the same one. Optional/
+   * page-owned like onOpenRateAdjust; the mobile CTA row's "Rate anpassen" button is untouched
+   * (still onOpenRateAdjust).
+   */
+  onShowFinancingDetails?: (car: AutobahnCar, mode: PaymentMode) => void;
 }
 
 const CarCard: React.FunctionComponent<CarCardProps> = ({
@@ -85,6 +94,7 @@ const CarCard: React.FunctionComponent<CarCardProps> = ({
   onRequestOffer,
   onCall,
   onOpenRateAdjust,
+  onShowFinancingDetails,
 }) => {
   const [mode, setMode] = useState<PaymentMode>('financing');
   const [photoIndex, setPhotoIndex] = useState(0);
@@ -103,11 +113,11 @@ const CarCard: React.FunctionComponent<CarCardProps> = ({
         onMouseEnter={onMediaEnter}
         onTouchStart={onMediaEnter}
       >
-        <CardCarousel images={car.gallery} height="100%" fit="contain" onChange={setPhotoIndex} />
+        <CardCarousel images={car.gallery} height="100%" fit="contain" padded={false} onChange={setPhotoIndex} />
         {/* max two overlays: heart + ONE deal signal — rating moved next to the price */}
         <div
           className="cc-fav"
-          style={{ position: 'absolute', top: 6, right: 6, zIndex: 3 }}
+          style={{ position: 'absolute', top: 6, right: 6, zIndex: 6 }}
           onClick={(e) => e.stopPropagation()}
         >
           <IconButton name="heart" filled active={isFavorite} onClick={onToggleFavorite} label={t('autobahn:card.action.save')} />
@@ -133,7 +143,24 @@ const CarCard: React.FunctionComponent<CarCardProps> = ({
             <div style={{ display: 'flex', flexWrap: 'nowrap', gap: 5, alignItems: 'center' }}>
               {car.isNew && <span className="neu-badge">NEU</span>}
               {car.drop != null ? <DropChip t={t} amount={car.drop} /> : showSave && <SaveChip t={t} amount={car.savings!} />}
-              <ZeroDownChip t={t} show={car.zeroDown} />
+              <ZeroDownChip
+                t={t}
+                show={car.zeroDown}
+                style={{
+                  width: 104,
+                  height: 30,
+                  padding: 0,
+                  justifyContent: 'center',
+                  background: 'rgb(204, 222, 255)',
+                  border: '1px solid rgba(0, 92, 255, 0.05)',
+                  borderRadius: 15,
+                  fontFamily: 'Arial',
+                  fontWeight: 700,
+                  fontSize: 13,
+                  lineHeight: '15px',
+                  color: '#005CFF',
+                }}
+              />
               <PercentChip pct={car.dropPct} />
             </div>
             <OfferBadge show={showOfferBadge} t={t} />
@@ -172,7 +199,13 @@ const CarCard: React.FunctionComponent<CarCardProps> = ({
           </div>
           {/* same fallback CardCtaRow already uses below: pages that haven't wired a real
               "Rate anpassen" sheet yet still get a working "Details" link (opens the car). */}
-          <PriceTerms car={car} mode={mode} onOpenRateAdjust={onOpenRateAdjust || (() => onOpen(car))} t={t} />
+          <PriceTerms
+            car={car}
+            mode={mode}
+            onOpenRateAdjust={onOpenRateAdjust || (() => onOpen(car))}
+            onShowDetails={onShowFinancingDetails ? () => onShowFinancingDetails(car, mode) : undefined}
+            t={t}
+          />
         </div>
         <EcoLine
           t={t}

package/cards/cardParts.tsx

@@ -564,22 +564,34 @@ export const PriceHero: React.FunctionComponent<PriceHeroProps> = ({ car, mode,
             eyebrow/unit have nothing to caption, so the whole group stays hidden. */}
         {!isMoney && showOld && (
           <span className="pp-hero-unit-group">
-            <span className="pp-eyebrow">
-              {t('autobahn:card.price.uvpRateLabel')}
-              <UvpBadge
-                n={3}
-                open={uvpTooltipOpen}
-                onToggle={() => setUvpTooltipOpen((v) => !v)}
-                onClose={() => setUvpTooltipOpen(false)}
-                closeLabel={t('autobahn:modal.close')}
-                body={t(
-                  mode === 'leasing'
-                    ? 'autobahn:card.price.uvpRateTooltipBodyLeasing'
-                    : 'autobahn:card.price.uvpRateTooltipBody',
-                )}
-              />
+            {/* a real (not display:contents) flex-column box, matching .pp-hero-unit-group's own
+                column layout exactly — so the click target covers the full area INCLUDING the
+                gap between the two stacked lines, not just their text glyphs (display:contents
+                has no box of its own there, so clicks in that gap fell through to the card link
+                behind it instead of opening the tooltip). */}
+            <span
+              style={{ display: 'flex', flexDirection: 'column' }}
+              role="button"
+              tabIndex={0}
+              onClick={() => setUvpTooltipOpen((v) => !v)}
+            >
+              <span className="pp-eyebrow">
+                {t('autobahn:card.price.uvpRateLabel')}
+                <UvpBadge
+                  n={3}
+                  open={uvpTooltipOpen}
+                  onToggle={() => setUvpTooltipOpen((v) => !v)}
+                  onClose={() => setUvpTooltipOpen(false)}
+                  closeLabel={t('autobahn:modal.close')}
+                  body={t(
+                    mode === 'leasing'
+                      ? 'autobahn:card.price.uvpRateTooltipBodyLeasing'
+                      : 'autobahn:card.price.uvpRateTooltipBody',
+                  )}
+                />
+              </span>
+              <span className={'pp-hero-old' + oldLenClass}>{Math.round(oldValue as number).toLocaleString('de-DE')} €</span>
             </span>
-            <span className={'pp-hero-old' + oldLenClass}>{Math.round(oldValue as number).toLocaleString('de-DE')} €</span>
             <span className="pp-hero-unit">{t('autobahn:card.price.perMonth')}</span>
           </span>
         )}
@@ -591,7 +603,15 @@ export const PriceHero: React.FunctionComponent<PriceHeroProps> = ({ car, mode,
             car.listPrice already used by DropChip/PpRow. */}
         {isMoney && showOld && (
           <span className="pp-hero-unit-group">
-            <span className={'pp-hero-old' + oldLenClass}>
+            <span
+              className={'pp-hero-old' + oldLenClass}
+              role="button"
+              tabIndex={0}
+              onClick={(e) => {
+                e.stopPropagation();
+                setUvpTooltipOpen((v) => !v);
+              }}
+            >
               {Math.round(oldValue as number).toLocaleString('de-DE')} €
               <UvpBadge
                 n={2}
@@ -621,8 +641,13 @@ export const PriceTerms: React.FunctionComponent<{
   car: AutobahnCar;
   mode: PaymentMode;
   onOpenRateAdjust?: (mode: PaymentMode) => void;
+  /** takes over the "Finanzierungsdetails"/"Details" link's click (e.g. navigate to the VDP and
+   *  open the finance modal already expanded, scrolled to the breakdown) — when given, it wins
+   *  over onOpenRateAdjust for THIS link only; the mobile CTA row's own "Rate anpassen" button
+   *  keeps using onOpenRateAdjust regardless. */
+  onShowDetails?: () => void;
   t: TranslationFunction;
-}> = ({ car, mode, onOpenRateAdjust, t }) => {
+}> = ({ car, mode, onOpenRateAdjust, onShowDetails, t }) => {
   if (mode === 'buy') return null;
   const finFirstInstallment =
     car.finFirstInstallment != null ? car.finFirstInstallment.toLocaleString('de-DE') : _finFirstInstallment;
@@ -639,7 +664,7 @@ export const PriceTerms: React.FunctionComponent<{
         ? t('autobahn:card.price.leaseTerms', { firstInstallment: leasFirstInstallment, months: leasMonths, mileage: leasMileageStr })
         : ''
       : t('autobahn:card.price.financeTerms', { firstInstallment: finFirstInstallment, months: finMonths, count: finMonths });
-  if (!termsText && !onOpenRateAdjust) return null;
+  if (!termsText && !onOpenRateAdjust && !onShowDetails) return null;
   const detailsLabel = mode === 'leasing' ? t('autobahn:card.price.detailsLink') : t('autobahn:modal.financingDetails');
   // split on the translation's own ' · ' separator so the dot can be styled lighter than the
   // two figures around it (same literal separator convention as FinanceCalculator's condParts).
@@ -652,7 +677,7 @@ export const PriceTerms: React.FunctionComponent<{
           {part}
         </React.Fragment>
       ))}
-      {onOpenRateAdjust && (
+      {(onOpenRateAdjust || onShowDetails) && (
         <>
           {termsText && <span className="cc-terms-dot"> · </span>}
           <button
@@ -660,7 +685,8 @@ export const PriceTerms: React.FunctionComponent<{
             className="cc-terms-link"
             onClick={(e) => {
               e.stopPropagation();
-              onOpenRateAdjust(mode);
+              if (onShowDetails) onShowDetails();
+              else onOpenRateAdjust!(mode);
             }}
           >
             {detailsLabel}
@@ -706,7 +732,7 @@ export interface CardCtaRowProps {
  * keeps its text label — only the phone button is icon-only, matching the mockup.
  */
 export const CardCtaRow: React.FunctionComponent<CardCtaRowProps> = ({ car, mode, onRequestOffer, onCall, onOpenRateAdjust, t }) => (
-  <div className="card-cta-row show-mobile" style={{ display: 'flex', gap: 8, marginTop: 10 }}>
+  <div className="card-cta-row show-mobile" style={{ display: 'flex', gap: 8 }}>
     <Button
       variant="filled"
       style={{ flex: 2 }}

package/chrome/Footer.tsx

@@ -1,6 +1,5 @@
 import React from 'react';
 import { TranslationFunction } from '../types';
-import { defaultConfig } from '@bytebrand/fe-financing';
 
 import logoUrl from '../assets/autode-logo.svg';
 
@@ -73,10 +72,6 @@ const APPS: ReadonlyArray<{ name: string; labelKey: string; href: string }> = [
   { name: 'android', labelKey: 'autobahn:chrome.androidApp', href: 'https://play.google.com/store/apps/details?id=de.auto.app' },
 ];
 
-/** financing defaults for the §17a PAngV representative example (same source the legacy footer uses). */
-const FIN = defaultConfig.financing;
-const fmt2 = (n: number): string => Number(n).toFixed(2);
-
 export interface FooterProps {
   /**
    * i18n function. The footer: namespace holds the LEGALLY REQUIRED disclaimer text (PAngV
@@ -93,7 +88,12 @@ export interface FooterProps {
  */
 const Footer: React.FunctionComponent<FooterProps> = ({ t }) => {
   const scrollTop = (): void => window.scroll({ top: 0, left: 0, behavior: 'smooth' });
-  const year = new Date().getFullYear();
+  const now = new Date();
+  const year = now.getFullYear();
+  // de-DE always renders DD.MM.YYYY — the disclaimer's "Stand: …" date, same format regardless
+  // of UI language (this is a German-market legal notice). Computed fresh on every render, so it
+  // reads correctly on any future day without needing a manual update.
+  const today = now.toLocaleDateString('de-DE');
 
   return (
     <footer style={{ background: 'var(--md-sc-low)', borderTop: '1px solid var(--md-outline-variant)' }}>
@@ -167,18 +167,23 @@ const Footer: React.FunctionComponent<FooterProps> = ({ t }) => {
           term, DAT CO₂-Leitfaden, MwSt, Streichpreis, image notice). Same text as the legacy footer. */}
       <div style={{ borderTop: '1px solid var(--md-outline-variant)' }}>
         <div className="container" style={{ padding: '18px 24px' }}>
-          <p className="md-label-sm" style={{ lineHeight: 1.55, color: 'var(--md-on-surface-variant)', margin: 0 }}>
-            {t('footer:vatReportable')}<br />
-            {t('footer:strikePrice')}<br />
-            {t('footer:financingInfo', {
-              rawPaybackPeriod: FIN.rawPaybackPeriod,
-              nominalInterestRate: fmt2(FIN.nominalInterestRate),
-              annualPercentageRate: fmt2(FIN.annualPercentageRate),
-            })}<br />
-            * {t('footer:co2Info')}<br />
-            {t('footer:EnvPremium')}<br />
-            {t('footer:images')}
-          </p>
+          <p
+            className="md-label-sm"
+            style={{ lineHeight: 1.55, color: 'var(--md-on-surface-variant)', margin: 0 }}
+            // legal disclaimer text only (no user input) — <b> tags on the defined terms
+            // (Hersteller-UVP / UVP-Vergleichsrate / Fahrzeugabbildungen und Fahrzeugdaten) live
+            // directly in the translation strings, one key per footnote like the rest of this file.
+            dangerouslySetInnerHTML={{
+              __html: [
+                t('footer:vatReportable'),
+                t('footer:manufacturerUvp'),
+                t('footer:uvpComparisonRate'),
+                t('footer:priceEvaluation', { date: today }),
+                t('footer:consumptionInfo'),
+                t('footer:vehicleImages'),
+              ].join('<br />'),
+            }}
+          />
         </div>
       </div>
 

package/constants.ts

@@ -1,31 +1,31 @@
-// Autobahn (auto.de redesign) — shared lookup constants barrel.
-// Pure data re-exported from ./constants/autobahn (kept import-safe for plain Node consumers,
-// see that file's header) plus the legacy fe-ui-core shim re-exports below.
-export * from './constants/autobahn';
-
-// ---------------------------------------------------------------------------
-// Legacy shared constants (moved here from fe-ui-core).
-//
-// This block mirrors the public symbol set of the old
-// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
-// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
-// implementations live under ./constants/ (core.ts, app.ts, price.ts,
-// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
-// ---------------------------------------------------------------------------
-
-export {
-  offers,
-  checkoutOffers,
-  checkoutWarranties,
-  checkoutSteps,
-  checkoutSubStep,
-  DELIVERY_PERIODS_EXTRA,
-  THREE,
-  WLTP_ENERGY_EFFICIENCY_CLASS
-} from './constants/core';
-
-export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
-
-export { priceRatings } from './constants/price';
-
-export { THROTTLE_DELAY } from './constants/Search';
+// Autobahn (auto.de redesign) — shared lookup constants barrel.
+// Pure data re-exported from ./constants/autobahn (kept import-safe for plain Node consumers,
+// see that file's header) plus the legacy fe-ui-core shim re-exports below.
+export * from './constants/autobahn';
+
+// ---------------------------------------------------------------------------
+// Legacy shared constants (moved here from fe-ui-core).
+//
+// This block mirrors the public symbol set of the old
+// `@bytebrand/fe-ui-core/constants` barrel so consumers can swap that
+// specifier for `@bytebrand/fe-ui-core-autobahn/constants` 1:1. The
+// implementations live under ./constants/ (core.ts, app.ts, price.ts,
+// Search.ts, …); fe-ui-core re-exports them via shims until it is deleted.
+// ---------------------------------------------------------------------------
+
+export {
+  offers,
+  checkoutOffers,
+  checkoutWarranties,
+  checkoutSteps,
+  checkoutSubStep,
+  DELIVERY_PERIODS_EXTRA,
+  THREE,
+  WLTP_ENERGY_EFFICIENCY_CLASS
+} from './constants/core';
+
+export { CUSTOM_ERROR_MESSAGES, supportPhone, supportPhoneLink } from './constants/app';
+
+export { priceRatings } from './constants/price';
+
+export { THROTTLE_DELAY } from './constants/Search';

package/locales/de/autobahn.json

@@ -66,7 +66,6 @@
   "finance": {
     "termSelection": "Laufzeit",
     "termSelectionMonths": "Laufzeit (Monate)",
-    "exampleLabel": "z.B.",
     "headerTitle": "Dein Angebot",
     "adjustRate": "Rate anpassen",
     "secureOffer": "Angebot anfragen",
@@ -91,19 +90,22 @@
     "warrantyValue": "1 Jahr inklusive",
     "deliveryLabel": "Lieferung",
     "deliveryValue": "ca. 7–14 Tage · oder Abholung",
+    "availabilityLabel": "Verfügbarkeit",
+    "availabilityValue": "Sofort",
     "downPaymentSliderLabel": "Anzahlung",
     "annualMileageLabel": "Laufleistung / Jahr",
     "purchasePrice": "Kaufpreis",
     "perMonth": "/mtl.",
     "leasingDetails": "Leasing-Details",
-    "financingDetails": "Finanzierungsdetails",
+    "financingDetails": "Finanzierungs-Details",
     "personalConsultationLine": "Persönliche Beratung. Wir sind für Sie da!",
     "requestRate": "Rate anfragen",
     "callCta": "Anrufen",
     "finalInstallmentToggle": "Mit Schlussrate",
     "addServicesToggle": "Rundum-Sorglos-Paket",
     "addServicesPerMonth": "+{{value}} € / Monat",
-    "addServicesOnce": "+{{value}} €"
+    "addServicesOnce": "+{{value}} €",
+    "addServicesIncluded": "inklusive"
   },
   "specTable": {
     "title": "Fahrzeugdaten",
@@ -684,7 +686,7 @@
   },
   "modal": {
     "leasingDetails": "Leasingdetails",
-    "financingDetails": "Finanzierungsdetails",
+    "financingDetails": "Finanzierungs-Details",
     "close": "Schließen",
     "vehiclePrice": "Fahrzeugpreis ggf. inkl. MwSt.",
     "leasingAmount": "Leasingbetrag",
@@ -699,8 +701,8 @@
     "finalInstallment": "Schlussrate",
     "leasingRate": "Leasingrate",
     "monthlyRate": "Monatsrate",
-    "leasingRateCount": "{{count}} Leasingrate à",
-    "leasingRateCount_plural": "{{count}} Leasingraten à",
+    "leasingRateCount": "{{count}} Monatsrate à",
+    "leasingRateCount_plural": "{{count}} Monatsraten à",
     "monthlyRateCount": "{{count}} Rate à",
     "monthlyRateCount_plural": "{{count}} Raten à",
     "addServicesRow": "Rundum-Sorglos-Paket (einmalig)",
@@ -709,11 +711,30 @@
     "totalRepayment": "Gesamtbetrag Finanzierung",
     "totalCostWithPackage": "Gesamtbelastung inkl. Anzahlung & Paket",
     "totalCost": "Gesamtbelastung inkl. Anzahlung",
-    "listPrice": "Listenpreis (UVP)",
+    "listPrice": "Listenpreis (UVP)³",
+    "leaseVehiclePrice": "Anschaffungspreis¹",
+    "leaseDownPayment": "Einmalige Sonderzahlung",
+    "finalPaymentDue": "Schlusszahlung (fällig am Vertragsende)",
+    "residualValue": "Restwert (verpflichtend)",
+    "rateSumLabel": "Summe der Leasingraten ({{term}} × {{amount}} €)",
+    "addServicesRowLease": "Rundum-Sorglos-Paket (Einmalzahlung)",
+    "subtotalWithPackage": "Gesamt inkl. Sonderzahl. & Paket",
+    "subtotalNoPackage": "Gesamt inkl. Sonderzahlung",
+    "grandTotalWithResidual": "Gesamt inkl. Restwert (verpflichtend)",
+    "listPriceLease": "Listenpreis (UVP)²",
     "representativeExample": "Repräsentatives Beispiel",
     "vatDisclaimer": "(alle Preisangaben ggf. inkl. der jeweils gesetzlich gültigen MwSt., derzeit 19%)",
     "lenderLabel": "Darlehensgeber:",
-    "lenderName": "Open Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "lenderName": "Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "leaseLenderLabel": "Leasinggeber:",
+    "leaseLenderName": "Santander Consumer Leasing GmbH, Santander-Platz 1, 41061 Mönchengladbach",
+    "contractTypeLabel": "Vertragsart:",
+    "contractTypeValue": "Restwertleasing",
+    "packageMandatoryNotice": "Das Rundum-Sorglos-Paket ist verpflichtend. In der dargestellten Konfiguration ist es als Einmalzahlung von {{amount}} € zu leisten und nicht in der Monatsrate enthalten. Bei Rateneinrechnung werden Monatsrate und Gesamtbeträge entsprechend angepasst.",
+    "legalFootnoteAcquisitionPrice": "¹ Der Anschaffungspreis bezeichnet den Preis, den die Santander Consumer Leasing GmbH für das Fahrzeug zu bezahlen hat.",
+    "legalFootnoteListPriceLease": "² Listenpreis (UVP) = unverbindliche Preisempfehlung des Herstellers.",
+    "closingDisclaimerLine1": "Änderungen und Irrtümer vorbehalten. Farbe und Ausstattung können vom Angebot abweichen.",
+    "closingDisclaimerLine2": "Kostenpflichtige Sonderausstattung möglich.",
     "legalNoticesTitle": "Rechtliche Hinweise",
     "legalNoticeCreditworthiness": "Bonität vorausgesetzt.",
     "legalNoticeExample": "Repräsentatives Beispiel gem. § 17 PAngV.",

package/locales/en/autobahn.json

@@ -66,7 +66,6 @@
   "finance": {
     "termSelection": "Term",
     "termSelectionMonths": "Term (months)",
-    "exampleLabel": "e.g.",
     "headerTitle": "Your offer",
     "adjustRate": "Adjust rate",
     "secureOffer": "Request offer",
@@ -91,6 +90,8 @@
     "warrantyValue": "1 year included",
     "deliveryLabel": "Delivery",
     "deliveryValue": "approx. 7–14 days · or collection",
+    "availabilityLabel": "Availability",
+    "availabilityValue": "Immediately",
     "downPaymentSliderLabel": "Down payment",
     "annualMileageLabel": "Mileage / year",
     "purchasePrice": "Purchase price",
@@ -103,7 +104,8 @@
     "finalInstallmentToggle": "With final installment",
     "addServicesToggle": "All-round care package",
     "addServicesPerMonth": "+€{{value}} / month",
-    "addServicesOnce": "+€{{value}}"
+    "addServicesOnce": "+€{{value}}",
+    "addServicesIncluded": "included"
   },
   "specTable": {
     "title": "Vehicle data",
@@ -699,8 +701,8 @@
     "finalInstallment": "Final installment",
     "leasingRate": "Leasing rate",
     "monthlyRate": "Monthly rate",
-    "leasingRateCount": "{{count}} leasing installment of",
-    "leasingRateCount_plural": "{{count}} leasing installments of",
+    "leasingRateCount": "{{count}} monthly installment of",
+    "leasingRateCount_plural": "{{count}} monthly installments of",
     "monthlyRateCount": "{{count}} installment of",
     "monthlyRateCount_plural": "{{count}} installments of",
     "addServicesRow": "Complete care package (one-time)",
@@ -709,11 +711,30 @@
     "totalRepayment": "Total financing amount",
     "totalCostWithPackage": "Total cost incl. down payment & package",
     "totalCost": "Total cost incl. down payment",
-    "listPrice": "List price (RRP)",
+    "listPrice": "List price (RRP)³",
+    "leaseVehiclePrice": "Acquisition price¹",
+    "leaseDownPayment": "One-time special payment",
+    "finalPaymentDue": "Final payment (due at contract end)",
+    "residualValue": "Residual value (mandatory)",
+    "rateSumLabel": "Sum of leasing installments ({{term}} × {{amount}} €)",
+    "addServicesRowLease": "Complete care package (one-time payment)",
+    "subtotalWithPackage": "Total incl. special payment & package",
+    "subtotalNoPackage": "Total incl. special payment",
+    "grandTotalWithResidual": "Total incl. residual value (mandatory)",
+    "listPriceLease": "List price (RRP)²",
     "representativeExample": "Representative example",
     "vatDisclaimer": "(all prices may incl. the applicable statutory VAT, currently 19%)",
     "lenderLabel": "Lender:",
-    "lenderName": "Open Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "lenderName": "Santander Consumer Bank AG, Santander-Platz 1, 41061 Mönchengladbach",
+    "leaseLenderLabel": "Lessor:",
+    "leaseLenderName": "Santander Consumer Leasing GmbH, Santander-Platz 1, 41061 Mönchengladbach",
+    "contractTypeLabel": "Contract type:",
+    "contractTypeValue": "Residual value leasing",
+    "packageMandatoryNotice": "The complete care package is mandatory. In the configuration shown, it must be paid as a one-time payment of {{amount}} € and is not included in the monthly rate. If rolled into the installments, the monthly rate and totals are adjusted accordingly.",
+    "legalFootnoteAcquisitionPrice": "¹ The acquisition price denotes the price Santander Consumer Leasing GmbH pays for the vehicle.",
+    "legalFootnoteListPriceLease": "² List price (RRP) = manufacturer's non-binding recommended retail price.",
+    "closingDisclaimerLine1": "Subject to change and errors. Color and equipment may differ from the offer shown.",
+    "closingDisclaimerLine2": "Optional equipment may incur additional costs.",
     "legalNoticesTitle": "Legal notices",
     "legalNoticeCreditworthiness": "Subject to creditworthiness.",
     "legalNoticeExample": "Representative example per § 17 PAngV.",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.74",
+  "version": "1.0.75",
   "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",