@bytebrand/fe-ui-core 4.6.8 → 4.6.9

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytebrand/fe-ui-core",
-  "version": "4.6.8",
+  "version": "4.6.9",
   "description": "UI components for the auto.de project",
   "main": "index.ts",
   "module": "dist/common.js",

package/source/components/VehicleSmallCard/VehicleData/VehicleInfo/VehicleInfo.tsx

@@ -84,7 +84,8 @@ const VehicleInfo: React.FC<IVehicleInfoProps> = (props) => {
       icon: decoratedProps[prop].icon,
       description: decoratedProps[prop].value,
       className: styles[decoratedProps[prop].name],
-      classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch
+      classNameIcon: (vehicleComponentName === 'search' || 'myVehicles' || 'favorite' || 'recently') && styles.carIconSearch,
+      hybridPlugin: engineData.hybridPlugin && prop === 'consumptionCombinedAlternateView' && vehicleComponentName === 'landing'
     }));
 
     return mainPropertiesList.map((property: any, index: number) => (

package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.styl

@@ -9,6 +9,10 @@
   align-items: center;
   border-bottom: 1px solid rgba(76, 78, 100, 0.12);
 
+.smallProp
+  span
+    font-size: 9px !important
+
 .carIcon
   width: 28px;
   height: 30px;

package/source/components/VehicleSmallCard/VehicleData/VehicleProperty/VehicleProperty.tsx

@@ -5,6 +5,7 @@ import styles from './VehicleProperty.styl';
 export interface IVehicleProperty {
   className?: string;
   classNameIcon?: string;
+  hybridPlugin?: boolean;
   icon: string;
   description: React.ReactNode;
 }
@@ -16,8 +17,8 @@ class VehicleProperty extends React.Component<IVehicleProperty, {}> {
   };
 
   render(): React.ReactNode {
-    const { className, classNameIcon, icon, description } = this.props;
-    const propertyClass: string = `${styles.carProp} ${className ? className : ''}`;
+    const { className, classNameIcon, icon, description, hybridPlugin } = this.props;
+    const propertyClass: string = `${styles.carProp} ${className ? className : ''} ${hybridPlugin ? styles.smallProp : ''}`;
     const propertyClassIcon: string = `${styles.carIcon} ${classNameIcon ? classNameIcon : ''}`;
 
     return (

package/source/locales/data.ts

@@ -46,7 +46,7 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
         mileage: `${vehicleOption.mileage} km`,
         consumption: `${vehicleOption.consumptionCombined}l/100km`,
         consumptionPower: `${vehicleOption.consumptionPowerCombined}kWh/100km`,
-        consumptionPowerCombined: `${vehicleOption.consumptionPowerCombined}kWh/100km (komb)*`,
+        consumptionPowerCombined: `${vehicleOption.consumptionPowerCombined}kWh/100km`,
         consumptionGas: `${vehicleOption.consumptionCombined}kg/100km`,
         consumptionCombined: `${vehicleOption.consumptionCombined}l/100km`,
         power: `${vehicleOption.powerKW}\u00A0kW (${vehicleOption.powerPS}\u00A0PS)`,
@@ -83,8 +83,8 @@ export const vehicleProps = (car?: any, isOfferAvailable: boolean = true) => {
         no: 'Nein',
         yes: 'Ja',
         batteryCapacity: `${vehicleOption.batteryCapacity} kWh`,
-        wltpCo2Combined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, comb)*`,
-        wltpCo2WtdCombined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, gew., comb)*`
+        wltpCo2Combined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, komb)*`,
+        wltpCo2WtdCombined: `${vehicleOption.wltpCo2}g CO2/km (WLTP, gew., komb)*`
 
       },
       title: {