@bytebrand/fe-ui-core-autobahn 1.0.79 → 1.0.80

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core-autobahn",
-  "version": "1.0.79",
+  "version": "1.0.80",
   "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.",
   "main": "index.ts",
   "license": "UNLICENSED",

package/theme/md3.css

@@ -4623,7 +4623,11 @@ line-height: 31px;
 .md3 .cc-card .cc-badges {
   gap: 8px !important;
 }
-.md3 .cc-card .deal-chip {
+/* Same badge/chip treatment on the SRP desktop list-card (.listcard, CarRow.tsx) as the grid
+   CarCard — was still the smaller/more-saturated default dealPill look (see cardParts.tsx)
+   since these overrides were originally scoped to .cc-card only. */
+.md3 .cc-card .deal-chip,
+.md3 .listcard .deal-chip {
   height: 30px !important;
   padding: 0 10px !important;
   border-radius: 15px !important;
@@ -4632,7 +4636,8 @@ line-height: 31px;
   box-shadow: none !important;
   border: 1px solid transparent;
 }
-.md3 .cc-card .deal-chip--drop {
+.md3 .cc-card .deal-chip--drop,
+.md3 .listcard .deal-chip--drop {
   /* solid equivalent of rgba(17, 110, 57, 0.2) over white — the badge now sits over an
      edge-to-edge photo (CardCarousel padding removed), so a translucent fill let the image
      show through instead of the intended pastel tint. */
@@ -4640,18 +4645,21 @@ line-height: 31px;
   border-color: rgba(17, 110, 57, 0.05);
   color: #116e39 !important;
 }
-.md3 .cc-card .deal-chip--percent {
+.md3 .cc-card .deal-chip--percent,
+.md3 .listcard .deal-chip--percent {
   background: rgb(247, 213, 210) !important;
   border-color: rgba(217, 45, 32, 0.05);
   color: #d92d20 !important;
 }
-.md3 .cc-card .deal-chip--zerodown {
+.md3 .cc-card .deal-chip--zerodown,
+.md3 .listcard .deal-chip--zerodown {
   background: rgb(204, 222, 255) !important;
   border-color: rgba(0, 92, 255, 0.05);
   color: #005cff !important;
 }
 /* NEU badge — Figma: amber tint pill, not the mobile solid-primary-blue pill */
-.md3 .cc-card .neu-badge {
+.md3 .cc-card .neu-badge,
+.md3 .listcard .neu-badge {
   height: 30px;
   padding: 0 10px;
   background: rgb(255, 241, 204);
@@ -4661,7 +4669,8 @@ line-height: 31px;
 }
 /* "⚡ Angebot" badge — Figma: black-tinted ROUNDED RECT (10px radius, not a full pill), black
    text — bigger than and visually distinct from the mobile dark-solid pill. */
-.md3 .cc-card .offer-badge {
+.md3 .cc-card .offer-badge,
+.md3 .listcard .offer-badge {
   height: 30px;
   padding: 0 10px;
   border-radius: 10px;
@@ -4670,7 +4679,8 @@ line-height: 31px;
   color: #000;
   font-size: 14px;
 }
-.md3 .cc-card .offer-badge .lucide {
+.md3 .cc-card .offer-badge .lucide,
+.md3 .listcard .offer-badge .lucide {
   width: 15px;
   height: 15px;
   color: #000;