@bytebrand/fe-ui-core 4.8.40 → 4.8.41

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 CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bytebrand/fe-ui-core",
3
- "version": "4.8.40",
3
+ "version": "4.8.41",
4
4
  "description": "UI components for the auto.de project",
5
5
  "main": "index.ts",
6
6
  "module": "dist/common.js",
@@ -191,6 +191,7 @@
191
191
  height: 45px
192
192
  border-bottom 1px solid $grey-e
193
193
  text-transform: none
194
+ font-size: 11px
194
195
 
195
196
  +media-tablet-landscape-down()
196
197
  padding-top: 7px;
@@ -12,7 +12,7 @@
12
12
  grid-area: info;
13
13
 
14
14
  & > .consumptionCombined
15
- font-size: 10px
15
+ font-size: 9px
16
16
 
17
17
  +media-tablet-landscape-down()
18
18
  padding: 0 10px;
@@ -11,7 +11,7 @@
11
11
 
12
12
  .smallProp
13
13
  span
14
- font-size: 10px !important
14
+ font-size: 9px !important
15
15
 
16
16
  .pluginVal
17
17
  span
@@ -168,24 +168,24 @@ const getDecoratedLightProps = (
168
168
  {`${wltpWeightedPowerCombinedContent}, `}
169
169
  {`${wltpWeightedCombinedContent}, `}
170
170
  {wltpCo2PluginValue}
171
- {co2ClassValue && <><br />{co2ClassValue}</>}
171
+ {co2ClassValue && <>, {co2ClassValue}</>}
172
172
  </React.Fragment>
173
173
  }
174
174
 
175
175
  return Number.isFinite(consumptionCombined) || Number.isFinite(consumptionPowerCombined)
176
176
  ? <React.Fragment>
177
177
  {consumptionPowerCombined ? consumptionPowerCombinedContent : t('vehicleProps:value.na')} <br />{consumptionValue} <br /> {co2Value}
178
- {co2ClassValue && <><br />{co2ClassValue}</>}
178
+ {co2ClassValue && <>, {co2ClassValue}</>}
179
179
  </React.Fragment>
180
180
  : t('vehicleProps:value.na');
181
181
 
182
182
  }
183
183
 
184
184
  if (wltpConsumptionValue && wltpCo2Value) {
185
- return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
185
+ return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
186
186
  }
187
187
 
188
- return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
188
+ return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
189
189
  }
190
190
  },
191
191
  consumptionPowerCombinedAlternateView: {
@@ -221,10 +221,10 @@ const getDecoratedLightProps = (
221
221
  : t('vehicleProps:value.na');
222
222
 
223
223
  if (wltpConsumptionValue && wltpCo2Value) {
224
- return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
224
+ return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
225
225
  }
226
226
 
227
- return <>{consumptionValue} <br /> {co2Value} {co2ClassValue && <><br />{co2ClassValue}</>}</>;
227
+ return <>{consumptionValue} <br /> {co2Value} {co2ClassValue && <>, {co2ClassValue}</>}</>;
228
228
  }
229
229
  },
230
230
 
@@ -286,7 +286,7 @@ const getDecoratedLightProps = (
286
286
  {`${wltpWeightedPowerCombinedContent}, `}
287
287
  {`${wltpWeightedCombinedContent}, `}
288
288
  {wltpCo2PluginValue}
289
- {co2ClassValue && <><br />{co2ClassValue}</>}
289
+ {co2ClassValue && <>, {co2ClassValue}</>}
290
290
  </React.Fragment>
291
291
  }
292
292
  }
@@ -296,14 +296,14 @@ const getDecoratedLightProps = (
296
296
  {`${wltpConsumptionPowerCombinedContent}, `}
297
297
  {`${wltpWeightedCombinedContent}, `}
298
298
  {wltpCo2PluginValue}
299
- {co2ClassValue && <><br />{co2ClassValue}</>}
299
+ {co2ClassValue && <>, {co2ClassValue}</>}
300
300
  </React.Fragment>
301
301
  }
302
302
 
303
303
  return Number.isFinite(consumptionCombined) || Number.isFinite(consumptionPowerCombined)
304
304
  ? <React.Fragment>
305
305
  {consumptionPowerCombined ? consumptionPowerCombinedContent : t('vehicleProps:value.na')} <br />{consumptionCombinedContent} <br /> {co2Value}
306
- {co2ClassValue && <><br />{co2ClassValue}</>}
306
+ {co2ClassValue && <>, {co2ClassValue}</>}
307
307
  </React.Fragment>
308
308
  : t('vehicleProps:value.na');
309
309
  }
@@ -341,10 +341,10 @@ const getDecoratedLightProps = (
341
341
  : null;
342
342
 
343
343
  if (wltpConsumptionValue && wltpCo2Value) {
344
- return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
344
+ return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
345
345
  }
346
346
 
347
- return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
347
+ return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
348
348
  }
349
349
  },
350
350
  consumptionGasCombinedAlternateView: {
@@ -380,10 +380,10 @@ const getDecoratedLightProps = (
380
380
  : null;
381
381
 
382
382
  if (wltpConsumptionValue && wltpCo2Value) {
383
- return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
383
+ return <>{wltpConsumptionValue}, {wltpCo2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
384
384
  }
385
385
 
386
- return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <><br />{co2ClassValue}</>}</>;
386
+ return <>{consumptionValue} <br /> {co2Value}{co2ClassValue && <>, {co2ClassValue}</>}</>;
387
387
  }
388
388
  },
389
389
  consumptionCombinedDealer: {