@bytebrand/fe-ui-core 4.2.3 → 4.2.5

package/package.json

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

package/source/components/SearchFilters/common/RangeControlled/RangeControlled.tsx

@@ -115,9 +115,11 @@ const RangeControlled = ({
   };
   const { from = 0, to = 0 } = controls;
 
+  const transformValue = (value: number) => name === 'FIRST_REGISTRATION' ? value : numberWithDot(value); // skip dot appying for FIRST_REGISTRATION
+
   const fromProps = {
     size: 'custom',
-    value:from ? numberWithDot(from) : null,
+    value: from ? transformValue(from) : null,
     label: `${t('filters.from')} ${unit ? unit : '€'}`,
     onChange: (value: any) => onDropDownChange('from', value),
     items: getOptions(sliceLessThan(getDropdownRange(name), to))
@@ -125,7 +127,7 @@ const RangeControlled = ({
 
   const toProps = {
     size: 'custom',
-    value:to ? numberWithDot(to) : null,
+    value:to ? transformValue(to) : null,
     label: `${t('filters.to')} ${unit ? unit : '€'}`,
     onChange: (value: any) => onDropDownChange('to', value),
     items: getOptions(sliceMoreThan(getDropdownRange(name), from))

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

@@ -70,12 +70,10 @@
     & > .consumptionCombined
       white-space: pre-line;
       grid-row: 4;
-      font-size: 10px;
 
     +media-tablet-landscape-up()
       grid-auto-rows: 38px;
 
-      & > .consumptionCombined,
       span
         font-size: 11px;
 

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

@@ -31,6 +31,9 @@
   &.vehiclePriceSectionRecently
     padding: 1px 10px 0 10px
 
+  &.vehiclePriceTitleMain
+    padding: 0 10px
+
 .vehiclePriceTitle
   color: rgba(76, 78, 100, 0.87);
   display flex;

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

@@ -126,7 +126,8 @@ class VehiclePrice extends React.Component<IVehiclePriceSectionProps> {
       styles.vehiclePriceSection,
       { [styles.vehiclePriceSectionSearch]: vehicleComponentName === 'search' || vehicleComponentName === 'myVehicles' },
       { [styles.vehiclePriceSectionFavorite]: vehicleComponentName === 'favorite' },
-      { [styles.vehiclePriceSectionRecently]: vehicleComponentName === 'recently' || vehicleComponentName === 'landing' || vehicleComponentName === 'main' }
+      { [styles.vehiclePriceSectionRecently]: vehicleComponentName === 'recently' || vehicleComponentName === 'landing' }
+      { [styles.vehiclePriceTitleMain]: vehicleComponentName === 'main' }
     );
 
     const vehiclePriceTitleClassName = classnames(

package/source/components/VehicleSmallCard/VehicleSmallCard.styl

@@ -131,11 +131,6 @@
 
   &.vehicleWrapMain
     box-sizing: border-box;
-    grid-template-areas:
-      'title title'\
-      'image image'\
-      'info price'\
-      'seoText seoText'
     grid-template-columns: 55% 45%;
     border: 1px solid #DFDFDF;
     margin-bottom: 5px;
@@ -150,7 +145,7 @@
       padding: 0 16px;
 
     +media-tablet-landscape-up()
-      grid-template-columns: 112px 1fr;
+      grid-template-columns: 120px 1fr;
       border: 1px solid rgba(76, 78, 100, 0.12);
       border-radius: 10px;
       margin-bottom: 0;