@bytebrand/fe-ui-core-autobahn 1.0.55 → 1.0.56
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/constants/autobahn.ts +69 -68
- package/constants.ts +31 -31
- package/locales/de/autobahn.json +790 -783
- package/locales/en/autobahn.json +790 -783
- package/package.json +1 -1
- package/theme/autobahn.css +7 -4
- package/theme/md3.css +8184 -1585
- package/ui/CardCarousel.tsx +6 -2
- package/utils/financeFormat.ts +62 -62
- package/utils/priceRating.ts +58 -58
- package/vdp/FinanceCalculator.tsx +746 -651
- package/vdp/VdpModules.tsx +2995 -2384
- package/vdp/VdpViewer.tsx +698 -99
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.56",
|
|
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/autobahn.css
CHANGED
|
@@ -8,9 +8,12 @@
|
|
|
8
8
|
subtree receive Autobahn tokens + utility classes.
|
|
9
9
|
|
|
10
10
|
Load order:
|
|
11
|
-
1. Google Fonts (Schibsted Grotesk + Hanken Grotesk). Per the W1
|
|
12
|
-
CDN @import is kept for the pilot; self-hosting woff2 is a
|
|
13
|
-
CSS requires @import to precede all other rules, so it
|
|
11
|
+
1. Google Fonts (Schibsted Grotesk + Hanken Grotesk + Inter). Per the W1
|
|
12
|
+
plan the CDN @import is kept for the pilot; self-hosting woff2 is a
|
|
13
|
+
later ticket. CSS requires @import to precede all other rules, so it
|
|
14
|
+
stays first. Inter (400/500/700) is scoped to VdpViewer's mobile
|
|
15
|
+
gallery — that layout is a pixel-match of a Figma frame authored in
|
|
16
|
+
Inter, not the Hanken Grotesk used by the rest of the design system.
|
|
14
17
|
2. colors_and_type.css — brand tokens (.md3 { --autode-* / --primary ... }).
|
|
15
18
|
3. md3.css — MD3 utility classes + responsive layer (.mbtn/.mcard/.chip/
|
|
16
19
|
.segmented/.mfield/.num/.md-* + 1024/980/900/820/600px breakpoints).
|
|
@@ -19,7 +22,7 @@
|
|
|
19
22
|
restyle existing components — it intentionally does nothing outside `.md3`.
|
|
20
23
|
========================================================================== */
|
|
21
24
|
|
|
22
|
-
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&display=swap');
|
|
25
|
+
@import url('https://fonts.googleapis.com/css2?family=Schibsted+Grotesk:wght@500;600;700;800&family=Hanken+Grotesk:wght@400;500;600;700&family=Inter:wght@400;500;700&display=swap');
|
|
23
26
|
|
|
24
27
|
@import './colors_and_type.css';
|
|
25
28
|
@import './md3.css';
|