@bytebrand/fe-ui-core 4.2.84 → 4.2.86

package/package.json

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

package/source/components/SearchWidgetsMobile/StateWidget/StateWidget.tsx

@@ -166,7 +166,7 @@ export default memo(StateWidget, (prevProps, nextProps) =>
   prevProps.t                                   === nextProps.t
   && prevProps.OWNERS.values                    === nextProps.OWNERS.values
   && prevProps.GENERAL_INSPECTION.values        === nextProps.GENERAL_INSPECTION.values
-  && prevProps.STATE_OPTIONS.values.length      === nextProps.STATE_OPTIONS.values.length
-  && prevProps.VEHICLE_CONDITION.values.length  === nextProps.VEHICLE_CONDITION.values.length
-  && prevProps.STATE_OPTIONS_NEW.values.length  === nextProps.STATE_OPTIONS_NEW.values.length
+  && prevProps.STATE_OPTIONS.values             === nextProps.STATE_OPTIONS.values
+  && prevProps.VEHICLE_CONDITION.values         === nextProps.VEHICLE_CONDITION.values
+  && prevProps.STATE_OPTIONS_NEW.values         === nextProps.STATE_OPTIONS_NEW.values
 );

package/source/components/_common/Modal/Modal.styled.tsx

@@ -5,9 +5,10 @@ export const BaseModalWrapper = styled('div')({
   top: '50%',
   left: '50%',
   transform: 'translate(-50%, -50%)',
-  width: 'fit-content',
+  width: 'calc(100% - 32px)',
   backgroundColor: '#fff',
   boxShadow: '0px 0px 20px rgba(76, 78, 100, 0.4)',
   borderRadius: '10px',
-  maxWidth: '93%'
+  maxWidth: '600px',
+  boxSizing: 'border-box'
 });

package/source/components/_common/Modal/modals/ManageCookieModal/ManageCookieModal.tsx

@@ -77,13 +77,7 @@ const ManageCookieModal = ({ toggleModal }) => {
           withSwitch
           switchProps={necessarySwitchProps}
         >
-          <span>
-          Wir verwenden Browser-Cookies, die notwendig sind, damit die Website wie vorgesehen funktioniert.
-          Beispiel: Wir speichern Ihre Präferenzen bei der Datenerfassung auf der Website, damit wir sie berücksichtigen
-          können, wenn Sie auf unsere Website zurückkehren.
-          For example, we store your website data collection preferences so we can honor them if you return to our site.
-          You can disable these cookies in your browser settings but if you do the site may not work as intended.
-          </span>
+          <span>Wir verwenden Browser-Cookies, die notwendig sind, damit die Website wie vorgesehen funktioniert. Beispiel: Wir speichern Ihre Präferenzen bei der Datenerfassung auf der Website, damit wir sie berücksichtigen können, wenn Sie auf unsere Website zurückkehren. Sie können diese Cookies in den Einstellungen Ihres Browsers deaktivieren, aber wenn Sie dies tun, funktioniert die Website möglicherweise nicht wie vorgesehen.</span>
           {Object.keys(COOKIE_SCHEMA.necessary).map(cookie =>
             <div className={styles.switchBlock} key={cookie} >
               <span>{`${COOKIE_SCHEMA.necessary[cookie].name} (${cookie})`}</span>
@@ -97,12 +91,7 @@ const ManageCookieModal = ({ toggleModal }) => {
           tooltipText='Analytisch'
           switchProps={analyticsSwitchProps}
         >
-          <span>
-            Um das Nutzerverhalten zu verstehen und Ihnen ein relevanteres Surferlebnis zu bieten oder den Inhalt
-            unserer Website zu personalisieren. Beispiel: Wir sammeln Informationen darüber, welche Seiten Sie besuchen,
-            damit wir Ihnen relevantere Informationen präsentieren können.
-            For example, we collect information about which pages you visit to help us present more relevant information.
-          </span>
+          <span>Um das Nutzerverhalten zu verstehen und Ihnen ein relevanteres Surferlebnis zu bieten oder den Inhalt unserer Website zu personalisieren. Beispiel: Wir sammeln Informationen darüber, welche Seiten Sie besuchen, damit wir Ihnen relevantere Informationen präsentieren können.</span>
           {Object.keys(COOKIE_SCHEMA.analytics).map(cookie =>
             <div className={styles.switchBlock} key={cookie} >
               <span>{`${COOKIE_SCHEMA.analytics[cookie].name} (${cookie})`}</span>
@@ -119,12 +108,7 @@ const ManageCookieModal = ({ toggleModal }) => {
           tooltipText='Marketing'
           switchProps={marketingSwitchProps}
         >
-          <span>
-            Zur Personalisierung und Messung der Effektivität von Werbung auf unserer Website und anderen Websites.
-            Beispiel: Wir können Ihnen eine personalisierte Werbung auf der Grundlage der Seiten, die Sie auf unserer
-            Website besuchen, anzeigen.
-            For example, we may serve you a personalized ad based on the pages you visit on our site.
-          </span>
+          <span>Zur Personalisierung und Messung der Effektivität von Werbung auf unserer Website und anderen Websites. Beispiel: Wir können Ihnen eine personalisierte Werbung auf der Grundlage der von Ihnen besuchten Seiten auf unserer Website anzeigen.</span>
           {Object.keys(COOKIE_SCHEMA.marketing).map(cookie =>
             <div className={styles.switchBlock} key={cookie} >
               <span>{`${COOKIE_SCHEMA.marketing[cookie].name} (${cookie})`}</span>