@bytebrand/fe-ui-core 4.2.16 → 4.2.18

package/package.json

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

package/source/components/VehicleDetailedSidebar/partials/PriceContent.styl

@@ -108,3 +108,6 @@
 
 .arrowUpIcon
   transform: rotate(180deg);
+
+.wrapper
+  padding-right: 15px;

package/source/components/VehicleDetailedSidebar/partials/PriceContent.tsx

@@ -95,7 +95,7 @@ const PriceContent: React.FunctionComponent<IPriceContentProps> = ({
             </div>
           ) : null}
         </span>
-        <div>
+        <div className={styles.wrapper}>
           <PriceRating {...priceRatingProps} />
           <span className={styles.priceInfo}>
             <span className={styles.priceInfoLabel} onClick={onAdjustRateClick}>

package/source/components/_common/IconSVG/IconSVGConfig.tsx

@@ -259,6 +259,7 @@ import PriceGuarantee from './SVG/infoBlocks/PriceGuarantee';
 import PriceGuaranteeWhite from './SVG/infoBlocks/PriceGuaranteeWhite';
 import TransportAndDelivery from './SVG/infoBlocks/TransportAndDelivery';
 import Warranty from './SVG/infoBlocks/Warranty';
+import AlertInfo from './SVG/infoBlocks/AlertInfo';
 
 // popower
 import PhoneIcon from './SVG/popower/Phone';
@@ -569,6 +570,7 @@ const components: IComponentsProp = {
   priceGuaranteeWhite: PriceGuaranteeWhite,
   transportAndDelivery: TransportAndDelivery,
   warranty: Warranty,
+  alertInfo:AlertInfo,
 
   // search widget related
   check: CheckBlue,

package/source/components/_common/IconSVG/SVG/infoBlocks/AlertInfo.tsx

@@ -0,0 +1,19 @@
+import * as React from 'react';
+
+const AlertInfo = (props: any) => (
+    <svg
+        width='32'
+        height='32'
+        viewBox='0 0 32 32'
+        fill='none'
+        {...props}
+        xmlns='http://www.w3.org/2000/svg'
+    >
+        <path
+            d='M14.6665 9.33329H17.3332V12H14.6665V9.33329ZM14.6665 14.6666H17.3332V22.6666H14.6665V14.6666ZM15.9998 2.66663C8.63984 2.66663 2.6665 8.63996 2.6665 16C2.6665 23.36 8.63984 29.3333 15.9998 29.3333C23.3598 29.3333 29.3332 23.36 29.3332 16C29.3332 8.63996 23.3598 2.66663 15.9998 2.66663ZM15.9998 26.6666C10.1198 26.6666 5.33317 21.88 5.33317 16C5.33317 10.12 10.1198 5.33329 15.9998 5.33329C21.8798 5.33329 26.6665 10.12 26.6665 16C26.6665 21.88 21.8798 26.6666 15.9998 26.6666Z'
+            fill='#005CCB'
+        />
+    </svg>
+);
+
+export default AlertInfo;

package/source/components/_common/MaterialField/MaterialField.tsx

@@ -70,7 +70,7 @@ const MaterialField: React.FC<IVehicleModalProps> = ({
         value={value}
         name={name}
         sx={sx}
-        error={error}
+        error={!!error}
         type={type === 'password' ? passType : type}
         disabled={disabled}
         required={required}