@bytebrand/fe-ui-core-autobahn 1.0.35 → 1.0.36
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/vdp/FinanceCalculator.tsx +5 -4
- package/vdp/VdpModules.tsx +3 -3
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.36",
|
|
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",
|
|
@@ -342,13 +342,14 @@ const FinanceCalculator: React.FunctionComponent<FinanceCalculatorProps> = ({
|
|
|
342
342
|
>
|
|
343
343
|
{isCash ? eur(price) : eur(Math.round(monthly))}
|
|
344
344
|
</span>
|
|
345
|
-
{/* struck old rate (REAL oldMonthlyInstallment; SRP strikes the same source) */}
|
|
346
|
-
{!isCash && oldMonthly != null && (
|
|
347
|
-
<s className="num fin-rate-old">{eur(Math.round(oldMonthly))} €</s>
|
|
348
|
-
)}
|
|
349
345
|
<span className="md-body-sm" style={{ fontWeight: 600 }}>
|
|
350
346
|
{isCash ? '€' : `€ ${t('autobahn:finance.perMonth')}`}
|
|
351
347
|
</span>
|
|
348
|
+
{/* struck old rate (REAL oldMonthlyInstallment; SRP strikes the same source) —
|
|
349
|
+
after the unit, else the unit wraps under the hero figure on phones */}
|
|
350
|
+
{!isCash && oldMonthly != null && (
|
|
351
|
+
<s className="num fin-rate-old">{eur(Math.round(oldMonthly))} €</s>
|
|
352
|
+
)}
|
|
352
353
|
</div>
|
|
353
354
|
{isCash && <div className="md-label-sm">{t('autobahn:finance.fixedPrice')}</div>}
|
|
354
355
|
{isCash && showStrike && (
|
package/vdp/VdpModules.tsx
CHANGED
|
@@ -1436,12 +1436,12 @@ export const FinanceDetailsModal: React.FunctionComponent<FinanceDetailsModalPro
|
|
|
1436
1436
|
<span className="num" style={{ fontSize: 34, fontWeight: 800, color: 'var(--md-primary)', letterSpacing: '-1px' }}>
|
|
1437
1437
|
{isCash ? eur(price) : eur(Math.round(monthly))}
|
|
1438
1438
|
</span>
|
|
1439
|
-
{!isCash && oldMonthly != null && (
|
|
1440
|
-
<s className="num fin-rate-old">{eur(Math.round(oldMonthly))} €</s>
|
|
1441
|
-
)}
|
|
1442
1439
|
<span className="md-body-sm" style={{ fontWeight: 600 }}>
|
|
1443
1440
|
{isCash ? '€' : `€ ${t('autobahn:finance.perMonth')}`}
|
|
1444
1441
|
</span>
|
|
1442
|
+
{!isCash && oldMonthly != null && (
|
|
1443
|
+
<s className="num fin-rate-old">{eur(Math.round(oldMonthly))} €</s>
|
|
1444
|
+
)}
|
|
1445
1445
|
</div>
|
|
1446
1446
|
</div>
|
|
1447
1447
|
<div>
|