@bytebrand/fe-ui-core-autobahn 1.0.6 → 1.0.8
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/chrome/Footer.tsx +30 -26
- package/locales/de/autobahn.json +14 -4
- package/locales/en/autobahn.json +14 -4
- package/package.json +1 -1
- package/theme/md3.css +1 -1
package/chrome/Footer.tsx
CHANGED
|
@@ -13,47 +13,51 @@ interface FooterLink {
|
|
|
13
13
|
}
|
|
14
14
|
|
|
15
15
|
/**
|
|
16
|
-
* Footer link columns
|
|
17
|
-
*
|
|
18
|
-
*
|
|
16
|
+
* Footer link columns — content/order/hrefs copied 1:1 from the LIVE prod footer (fe-main
|
|
17
|
+
* deploy_prod: components/layout/footer/FooterLinks/FooterLinksData.ts + de/footer.json), not
|
|
18
|
+
* redesigned. Viktoriia (2026-07-10): keep the new design's chrome (styles, social icons on the
|
|
19
|
+
* left) but the column list/links must match prod exactly.
|
|
20
|
+
*
|
|
21
|
+
* A 4th "Kaufen" column and a reshuffled Services/Unternehmen/Rechtliches set were tried here
|
|
22
|
+
* first — both dropped per Rene Sander + Viktoriia in favor of prod's real three columns
|
|
23
|
+
* (Unternehmen/Händler/Service). Some entries share an href with a different label than you'd
|
|
24
|
+
* expect (e.g. "Nutzungsbedingungen" → /agb/, same URL as the old "AGB" label) — that mismatch
|
|
25
|
+
* exists on prod too; replicated faithfully rather than "fixed".
|
|
19
26
|
*/
|
|
20
27
|
const COLUMNS: ReadonlyArray<{ headingKey: string; items: FooterLink[] }> = [
|
|
21
28
|
{
|
|
22
|
-
headingKey: 'autobahn:chrome.
|
|
29
|
+
headingKey: 'autobahn:chrome.company',
|
|
23
30
|
items: [
|
|
24
|
-
{ labelKey: 'autobahn:chrome.
|
|
25
|
-
{ labelKey: 'autobahn:chrome.
|
|
26
|
-
{ labelKey: 'autobahn:chrome.
|
|
27
|
-
{ labelKey: 'autobahn:chrome.
|
|
31
|
+
{ labelKey: 'autobahn:chrome.about', href: '/das-neue-auto-de/' },
|
|
32
|
+
{ labelKey: 'autobahn:chrome.codex', href: '/kodex/' },
|
|
33
|
+
{ labelKey: 'autobahn:chrome.press', href: '/presse/' },
|
|
34
|
+
{ labelKey: 'autobahn:chrome.careers', href: 'https://jobs.auto.de/', external: true },
|
|
35
|
+
{ labelKey: 'autobahn:chrome.termsOfUse', href: '/agb/' },
|
|
36
|
+
{ labelKey: 'autobahn:chrome.imprint', href: '/impressum/' },
|
|
37
|
+
{ labelKey: 'autobahn:chrome.privacy', href: '/datenschutz/' },
|
|
28
38
|
],
|
|
29
39
|
},
|
|
30
40
|
{
|
|
31
|
-
headingKey: 'autobahn:chrome.
|
|
41
|
+
headingKey: 'autobahn:chrome.dealer',
|
|
32
42
|
items: [
|
|
33
|
-
{ labelKey: 'autobahn:chrome.
|
|
34
|
-
{ labelKey: 'autobahn:chrome.
|
|
35
|
-
{ labelKey: 'autobahn:chrome.
|
|
36
|
-
{ labelKey: 'autobahn:chrome.
|
|
43
|
+
{ labelKey: 'autobahn:chrome.dealerAdvantages', href: '/kontoanfrage/' },
|
|
44
|
+
{ labelKey: 'autobahn:chrome.dealerLogin', href: '/login/sign-in' },
|
|
45
|
+
{ labelKey: 'autobahn:chrome.dealerRegister', href: '/dealer/sign-up' },
|
|
46
|
+
{ labelKey: 'autobahn:chrome.dealerTerms', href: '/handler-agb/' },
|
|
47
|
+
{ labelKey: 'autobahn:chrome.dealerPurchaseTerms', href: '/allgemeine-einkaufsbedingungen-aeb/' },
|
|
37
48
|
],
|
|
38
49
|
},
|
|
39
50
|
{
|
|
40
|
-
headingKey: 'autobahn:chrome.
|
|
51
|
+
headingKey: 'autobahn:chrome.services',
|
|
41
52
|
items: [
|
|
42
|
-
{ labelKey: 'autobahn:chrome.
|
|
43
|
-
{ labelKey: 'autobahn:chrome.
|
|
44
|
-
{ labelKey: 'autobahn:chrome.
|
|
53
|
+
{ labelKey: 'autobahn:chrome.help', href: '/service/kontakt/' },
|
|
54
|
+
{ labelKey: 'autobahn:chrome.feedback', href: '/service/kontakt/' },
|
|
55
|
+
{ labelKey: 'autobahn:chrome.contact', href: '/account/kontakt' },
|
|
56
|
+
{ labelKey: 'autobahn:chrome.newsletter', href: '/service/kontakt/' },
|
|
57
|
+
{ labelKey: 'autobahn:chrome.forms', href: '/ratgeber/autokauf/' },
|
|
45
58
|
{ labelKey: 'autobahn:chrome.magazine', href: '/magazin/' },
|
|
46
59
|
],
|
|
47
60
|
},
|
|
48
|
-
{
|
|
49
|
-
headingKey: 'autobahn:chrome.legal',
|
|
50
|
-
items: [
|
|
51
|
-
{ labelKey: 'autobahn:chrome.imprint', href: '/impressum/' },
|
|
52
|
-
{ labelKey: 'autobahn:chrome.privacy', href: '/datenschutz/' },
|
|
53
|
-
{ labelKey: 'autobahn:chrome.terms', href: '/agb/' },
|
|
54
|
-
{ labelKey: 'autobahn:chrome.codex', href: '/kodex/' },
|
|
55
|
-
],
|
|
56
|
-
},
|
|
57
61
|
];
|
|
58
62
|
|
|
59
63
|
/** Social links (real auto.de profiles — same set as the legacy footer). */
|
package/locales/de/autobahn.json
CHANGED
|
@@ -174,19 +174,29 @@
|
|
|
174
174
|
"vans": "Transporter",
|
|
175
175
|
"electricCars": "Elektroautos",
|
|
176
176
|
"buy": "Kaufen",
|
|
177
|
-
"services": "
|
|
177
|
+
"services": "Service",
|
|
178
178
|
"helpContact": "Hilfe & Kontakt",
|
|
179
|
+
"help": "Hilfe",
|
|
180
|
+
"feedback": "Feedback",
|
|
181
|
+
"contact": "Kontakt",
|
|
179
182
|
"newsletter": "Newsletter",
|
|
180
|
-
"forms": "Formulare
|
|
183
|
+
"forms": "Formulare und Vorlagen",
|
|
181
184
|
"company": "Unternehmen",
|
|
182
|
-
"about": "Über
|
|
183
|
-
"careers": "
|
|
185
|
+
"about": "Über AUTO.DE",
|
|
186
|
+
"careers": "Jobs",
|
|
184
187
|
"press": "Presse",
|
|
185
188
|
"legal": "Rechtliches",
|
|
186
189
|
"imprint": "Impressum",
|
|
187
190
|
"privacy": "Datenschutz",
|
|
188
191
|
"terms": "AGB",
|
|
192
|
+
"termsOfUse": "Nutzungsbedingungen",
|
|
189
193
|
"codex": "Kodex",
|
|
194
|
+
"dealer": "Händler",
|
|
195
|
+
"dealerAdvantages": "Vorteile",
|
|
196
|
+
"dealerLogin": "Anmelden",
|
|
197
|
+
"dealerRegister": "Registrieren",
|
|
198
|
+
"dealerTerms": "AGB für Händler",
|
|
199
|
+
"dealerPurchaseTerms": "AEB für Händler",
|
|
190
200
|
"brandBlurb": "Auto online kaufen — geprüfte Fahrzeuge mit Lieferung nach Hause. auto.de GmbH, Sandersdorf-Brehna.",
|
|
191
201
|
"scrollUp": "Nach Oben",
|
|
192
202
|
"favoritesCount": "Merkliste",
|
package/locales/en/autobahn.json
CHANGED
|
@@ -174,19 +174,29 @@
|
|
|
174
174
|
"vans": "Vans",
|
|
175
175
|
"electricCars": "Electric cars",
|
|
176
176
|
"buy": "Buy",
|
|
177
|
-
"services": "
|
|
177
|
+
"services": "Service",
|
|
178
178
|
"helpContact": "Help & contact",
|
|
179
|
+
"help": "Help",
|
|
180
|
+
"feedback": "Feedback",
|
|
181
|
+
"contact": "Contact",
|
|
179
182
|
"newsletter": "Newsletter",
|
|
180
|
-
"forms": "Forms
|
|
183
|
+
"forms": "Forms and templates",
|
|
181
184
|
"company": "Company",
|
|
182
|
-
"about": "About
|
|
183
|
-
"careers": "
|
|
185
|
+
"about": "About AUTO.DE",
|
|
186
|
+
"careers": "Jobs",
|
|
184
187
|
"press": "Press",
|
|
185
188
|
"legal": "Legal",
|
|
186
189
|
"imprint": "Imprint",
|
|
187
190
|
"privacy": "Privacy policy",
|
|
188
191
|
"terms": "Terms and conditions",
|
|
192
|
+
"termsOfUse": "Terms of use",
|
|
189
193
|
"codex": "Code of conduct",
|
|
194
|
+
"dealer": "Dealers",
|
|
195
|
+
"dealerAdvantages": "Advantages",
|
|
196
|
+
"dealerLogin": "Sign in",
|
|
197
|
+
"dealerRegister": "Register",
|
|
198
|
+
"dealerTerms": "Terms for dealers",
|
|
199
|
+
"dealerPurchaseTerms": "Purchase terms for dealers",
|
|
190
200
|
"brandBlurb": "Buy cars online — verified vehicles with home delivery. auto.de GmbH, Sandersdorf-Brehna.",
|
|
191
201
|
"scrollUp": "Back to top",
|
|
192
202
|
"favoritesCount": "Watchlist",
|
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.8",
|
|
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
|
@@ -911,7 +911,7 @@
|
|
|
911
911
|
box-shadow: 0 2px 8px rgba(0,0,0,.18); }
|
|
912
912
|
.md3 .hiw-title { font-size: 15px; font-weight: 700; margin-top: 4px; margin-bottom: 8px; color: var(--md-on-surface); }
|
|
913
913
|
.md3 .hiw-desc { margin: 0; font-size: 13px; color: var(--md-on-surface-variant); line-height: 1.55; }
|
|
914
|
-
.md3 .footer-grid { display: grid; grid-template-columns: 1.4fr repeat(
|
|
914
|
+
.md3 .footer-grid { display: grid; grid-template-columns: 1.4fr repeat(3,1fr); gap: 28px; }
|
|
915
915
|
.md3 .srp-grid { display: grid; grid-template-columns: 244px 1fr; gap: 24px; align-items: start; }
|
|
916
916
|
/* SRP grid view sits beside the filter rail — 2 columns, not 3 (cards need ≥340px) */
|
|
917
917
|
.md3 .srp-grid .cards-3 { grid-template-columns: repeat(2,1fr); }
|