@bytebrand/fe-ui-core-autobahn 1.0.84 → 1.0.85

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/cards/CarRow.tsx +6 -5
  2. package/package.json +2 -2
package/cards/CarRow.tsx CHANGED
@@ -112,9 +112,10 @@ const CarRow: React.FunctionComponent<CarRowProps> = ({
112
112
  {/* 'auto': desktop picks cover/contain per photo (crops only when it wouldn't lose too
113
113
  much of the shot); below 601px this is identical to 'contain', so mobile is unchanged. */}
114
114
  <CardCarousel images={car.gallery} height="100%" fit="auto" onChange={setPhotoIndex} />
115
- {/* deal badges — ONE compact line: NEU · −€ · 0 € Anz. · −%, plus the "⚡ Angebot" badge
116
- (Figma) on its own line below. The price RATING ('Guter Preis') is NOT here — it
117
- lives in the price column (PriceMeter). */}
115
+ {/* deal badges — ONE compact line, Figma order: −€ (drop/save) · −% · 0 € Anz. · NEU
116
+ (NEU always last, dropped first on overflow — see activeDealChips below), plus the
117
+ "⚡ Angebot" badge (Figma) on its own line below. The price RATING ('Guter Preis') is
118
+ NOT here — it lives in the price column (PriceMeter). */}
118
119
  <div
119
120
  style={{
120
121
  position: 'absolute',
@@ -129,8 +130,8 @@ const CarRow: React.FunctionComponent<CarRowProps> = ({
129
130
  }}
130
131
  >
131
132
  <div style={{ display: 'flex', flexWrap: 'nowrap', alignItems: 'center', gap: 5 }}>
132
- {showNeu && <span className="neu-badge">NEU</span>}
133
133
  {car.drop != null ? <DropChip t={t} amount={car.drop} /> : showSave && <SaveChip t={t} amount={car.savings!} />}
134
+ <PercentChip pct={car.dropPct} />
134
135
  <ZeroDownChip t={t} show={car.zeroDown} compact className="show-mobile" />
135
136
  <ZeroDownChip
136
137
  t={t}
@@ -147,7 +148,7 @@ const CarRow: React.FunctionComponent<CarRowProps> = ({
147
148
  fontWeight: 700,
148
149
  }}
149
150
  />
150
- <PercentChip pct={car.dropPct} />
151
+ {showNeu && <span className="neu-badge">NEU</span>}
151
152
  </div>
152
153
  <OfferBadge show={showOfferBadge} t={t} />
153
154
  </div>
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core-autobahn",
3
- "version": "1.0.84",
3
+ "version": "1.0.85",
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",
@@ -10,7 +10,7 @@
10
10
  },
11
11
  "dependencies": {
12
12
  "@bytebrand/car-schema-selectors": "^2.0.7",
13
- "@bytebrand/fe-financing": "^5.14.10",
13
+ "@bytebrand/fe-financing": "^5.14.12",
14
14
  "classnames": "2.2.6",
15
15
  "clsx": "^2.1.1",
16
16
  "d3-format": "1.4.5",