@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.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. 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.68",
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: 65px;
4290
- line-height: 58px;
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: 50px; line-height: 53px; }
4294
- .md3 .listcard-price .pricepaths .pp-hero-val--len5 { font-size: 43px; line-height: 45px; }
4295
- .md3 .listcard-price .pricepaths .pp-hero-val--len6 { font-size: 37px; line-height: 40px; }
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: 17px;
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: -2px;
4312
- right: -2px;
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: -8px;
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: -12px;
4381
+ right: -3px;
4370
4382
  }
4371
4383
  .md3 .listcard-price .pricepaths .pp-uvp-tooltip {
4372
4384
  position: absolute;