@bytebrand/fe-ui-core-autobahn 1.0.68 → 1.0.70
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/theme/md3.css +22 -10
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.70",
|
|
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
|
@@ -4286,21 +4286,27 @@ line-height: 31px;
|
|
|
4286
4286
|
SRP card's desktop-only PricePaths output (mobile's PriceHero, used by the tab switcher, has
|
|
4287
4287
|
no `.pricepaths` ancestor), so this can't leak into mobile without an extra media query. */
|
|
4288
4288
|
.md3 .listcard-price .pricepaths .pp-hero-val {
|
|
4289
|
-
font-size:
|
|
4290
|
-
line-height:
|
|
4289
|
+
font-size: 55px;
|
|
4290
|
+
line-height: 49px;
|
|
4291
4291
|
letter-spacing: -2px;
|
|
4292
4292
|
}
|
|
4293
|
-
.md3 .listcard-price .pricepaths .pp-hero-val--len4 { font-size:
|
|
4294
|
-
.md3 .listcard-price .pricepaths .pp-hero-val--len5 { font-size:
|
|
4295
|
-
.md3 .listcard-price .pricepaths .pp-hero-val--len6 { font-size:
|
|
4293
|
+
.md3 .listcard-price .pricepaths .pp-hero-val--len4 { font-size: 42px; line-height: 45px; }
|
|
4294
|
+
.md3 .listcard-price .pricepaths .pp-hero-val--len5 { font-size: 36px; line-height: 39px; }
|
|
4295
|
+
.md3 .listcard-price .pricepaths .pp-hero-val--len6 { font-size: 31px; line-height: 34px; }
|
|
4296
4296
|
.md3 .listcard-price .pricepaths .pp-hero-unit { font-size: 18px; font-weight: 700; color: #5b6b7f; }
|
|
4297
|
+
/* the plain "/mtl." unit (alwaysShowUnit, no discount to show it in the narrower stacked
|
|
4298
|
+
UVP-Rate/old-price column instead) sits INLINE right after the rate — unlike that stacked
|
|
4299
|
+
group it doesn't get to be narrow, so at the base 18px a 4+-digit rate pushed it past the
|
|
4300
|
+
240px column edge (reported: "1.612 €/mtl." clipped to "/mt"). Shrunk to fit every rate
|
|
4301
|
+
length within the column instead of only the short ones. */
|
|
4302
|
+
.md3 .listcard-price .pricepaths .pp-hero-val + .pp-hero-unit { font-size: 13px; }
|
|
4297
4303
|
/* diagonal red strike (Figma), replacing the plain text-decoration:line-through above — same
|
|
4298
4304
|
generic technique .cc-price/.fin-calc-card already use, content-width-independent (the ±2px
|
|
4299
4305
|
left/right offsets stretch the line across whatever the old price's own width ends up being). */
|
|
4300
4306
|
.md3 .listcard-price .pricepaths .pp-hero-old {
|
|
4301
4307
|
position: relative;
|
|
4302
4308
|
display: inline-block;
|
|
4303
|
-
font-size:
|
|
4309
|
+
font-size: 14px;
|
|
4304
4310
|
font-weight: 400;
|
|
4305
4311
|
color: #0e2238;
|
|
4306
4312
|
text-decoration: none;
|
|
@@ -4308,13 +4314,19 @@ line-height: 31px;
|
|
|
4308
4314
|
.md3 .listcard-price .pricepaths .pp-hero-old::after {
|
|
4309
4315
|
content: '';
|
|
4310
4316
|
position: absolute;
|
|
4311
|
-
left: -
|
|
4312
|
-
right: -
|
|
4317
|
+
left: -1px;
|
|
4318
|
+
right: -1px;
|
|
4313
4319
|
top: 50%;
|
|
4314
4320
|
border-top: 2px solid #e60000;
|
|
4315
4321
|
transform: rotate(12.53deg);
|
|
4316
4322
|
transform-origin: center;
|
|
4317
4323
|
}
|
|
4324
|
+
/* the "/mtl." unit stacked BELOW the old price inside the UVP-Rate group — at the bare-unit's
|
|
4325
|
+
18px base it was the single widest line in the column (wider than the 14px old price or the
|
|
4326
|
+
8px UVP-Rate caption above it), pushing the badge + old-price past the card edge (reported:
|
|
4327
|
+
both visibly clipped). Narrower here since it has two lines of context above it, unlike the
|
|
4328
|
+
no-discount case (.pp-hero-val + .pp-hero-unit above) which stands alone next to the rate. */
|
|
4329
|
+
.md3 .listcard-price .pricepaths .pp-hero-unit-group .pp-hero-unit { font-size: 14px; }
|
|
4318
4330
|
/* keep the rate + its UVP/old-price/unit group on ONE line (matches .cc-price's own override) —
|
|
4319
4331
|
without this the group wraps below the rate the moment the column runs a few px short. */
|
|
4320
4332
|
.md3 .listcard-price .pricepaths .pp-hero-rate {
|
|
@@ -4353,7 +4365,7 @@ line-height: 31px;
|
|
|
4353
4365
|
justify-content: center;
|
|
4354
4366
|
position: absolute;
|
|
4355
4367
|
top: -5px;
|
|
4356
|
-
right: -
|
|
4368
|
+
right: -1px;
|
|
4357
4369
|
border-radius: 50%;
|
|
4358
4370
|
width: 12px;
|
|
4359
4371
|
height: 11px;
|
|
@@ -4366,7 +4378,7 @@ line-height: 31px;
|
|
|
4366
4378
|
}
|
|
4367
4379
|
.md3 .listcard-price .pricepaths .pp-hero-old .pp-eyebrow-badge {
|
|
4368
4380
|
top: -7px;
|
|
4369
|
-
right: -
|
|
4381
|
+
right: -3px;
|
|
4370
4382
|
}
|
|
4371
4383
|
.md3 .listcard-price .pricepaths .pp-uvp-tooltip {
|
|
4372
4384
|
position: absolute;
|