@bytebrand/fe-ui-core 4.1.94 → 4.1.95

package/package.json

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

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

@@ -10,6 +10,7 @@ import { IPrice } from '../../../../framework/types/types';
 export interface IVehiclePriceItemProps {
   priceTitle: string;
   tooltipDescription?: string;
+  priceSub?: string;
   price?: IPrice;
   isTotal: Boolean;
   isNewPriceCategory: Boolean;
@@ -57,6 +58,7 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
       margin,
       isAlternativeText,
       vehicleComponentName,
+      priceSub,
       isTotal = false,
       showAboIcon = false,
       isPriceDisable = false,
@@ -125,7 +127,7 @@ class VehiclePriceItem extends React.Component<IVehiclePriceItemProps> {
                       className={styles.priceMtl}
                       isNew={isStrikeShown}
                       size='semimedium'
-                      sub='/mtl.'
+                      sub={priceSub}
                     />
                   )}
                 </>

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

@@ -95,13 +95,13 @@
   height: 30px;
   font-size: 13px !important;
   min-width: auto !important;
-  width: 100px;
+  width: 100%;
 
   +media-tablet-landscape-up()
     width: 100%;
 
 .btnPlusIcon
-  font-size: 12px;
+  font-size: 13px;
   margin-right: 5px;
 
   +media-tablet-landscape-up()

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

@@ -125,6 +125,7 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
         perMonthCurrent: monthlyInstallment,
         title: t('vehicleProps:title.financing'),
         postfix: '3',
+        priceSub: t('vehicleProps:value.priceSub'),
         tooltipDescription: !combineRefAlternative && t('vehicleProps:title.financingDescription')
       },
       {
@@ -133,6 +134,7 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
         postfix: '1,3',
         isPriceDisable: !isLeasingActive,
         title: t('vehicleProps:title.leasing'),
+        priceSub: t('vehicleProps:value.priceSub'),
         tooltipDescription: !combineRefAlternative && t('vehicleProps:title.leasingDescription')
       }
     ];
@@ -180,6 +182,7 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
     const ListPrices = priceData.map((
     {
       title,
+      priceSub,
       totalCurrent,
       tooltipDescription,
       perMonthOld,
@@ -205,6 +208,7 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
           showAboIcon={showAboIcon}
           totalOld={highestPriceExtra}
           isTotal={isTotal}
+          priceSub={priceSub}
           positionY={positionY}
           url={url}
           isStrikeShown={isStrikeShown}

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

@@ -9,9 +9,6 @@
   align-items: center;
   border-bottom: 1px solid rgba(76, 78, 100, 0.12);
 
-  +media-phone-up()
-    font-size: 11px
-
 .carIcon
   width: 30px;
   height: 30px;

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

@@ -27,6 +27,9 @@
     display block
     & p
       margin: 0;
+  &.wrapTitlesFavorite
+    display: flex;
+
 
 .manufacturerModel
   font-size: 16px
@@ -63,12 +66,14 @@
   &.optionTitleSearch
     font-size: 12px;
     margin-top: 2px;
+  &.optionTitleFavorite
+    font-size: 12px;
+    margin-left: 8px;
   &.optionTitleIsAlternative
     overflow: hidden;
     max-width: 260px;
 
 .sponsored
-  font-family: 'Arial Fett', 'Arial Standard', 'Arial'
   font-weight: 700
   font-style: normal
   font-size: 10px

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

@@ -30,11 +30,13 @@ const VehicleTitle: React.FC<IVehicleTitleProps> = ({
 
   const wrapTitlesClassName = classnames(
     styles.wrapTitles,
-    { [styles.wrapTitlesSearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' || vehicleComponentName === 'favorite' }
+    { [styles.wrapTitlesFavorite]: vehicleComponentName === 'favorite' },
+    { [styles.wrapTitlesSearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' }
   );
   const optionTitleClassName = classnames(
     styles.optionTitle,
-    { [styles.optionTitleSearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' || vehicleComponentName === 'favorite' },
+    { [styles.optionTitleFavorite]: vehicleComponentName === 'favorite' },
+    { [styles.optionTitleSearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' },
     { [styles.optionTitleIsAlternative]: combineRefAlternative }
   );
 

package/source/components/VehicleSmallCard/VehicleSmallCard.styl

@@ -78,7 +78,7 @@
       'image image'\
       'info price'\
       'seoText seoText'
-    grid-template-columns: 170px 1fr;
+    grid-template-columns: 160px 1fr;
     border: 1px solid rgba(76, 78, 100, 0.12);
     border-radius: 10px;
     padding-bottom: 15px;