@bytebrand/fe-ui-core 4.1.113 → 4.1.114

package/package.json

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

package/source/components/Breadcrumbs/Breadcrumbs.styl

@@ -116,15 +116,15 @@
   cursor: pointer
   color: $grey-74
 
-.classBreadcrumbsCDP
-  [class*='FirstInfoBlock__firstInfoBlock']
-    grid-template-columns: repeat(4, minmax(auto, 171px));
-
+.breadcrumbsCDP
   [class*='Breadcrumbs__link'],
   [class*='Breadcrumbs__text']
     font-size: 12px;
     color: rgba(76, 78, 100, 0.87);
 
+.breadcrumbsMySearches
+  height: 56px;
+  border-radius: 8px;
   // [class*='FirstInfoBlock__container']
   //   width: 100px;
   //   margin 0 auto;

package/source/components/Breadcrumbs/Breadcrumbs.tsx

@@ -64,9 +64,9 @@ class Breadcrumbs extends React.PureComponent<IBreadcrumbsProps> {
                             ? BreadcrumbsFactory[page]({ t, ...pageProps })
                             : BreadcrumbsFactory['DEFAULT']();
 
-    const { list, withBackBtn, classBreadcrumbsAny } = BreadcrumbsConfig;
+    const { list, withBackBtn, classBreadcrumbsAny, className } = BreadcrumbsConfig;
 
-    const stylesNewForBreadcrumbs = classBreadcrumbsAny === 'VEHICLE_DETAILS' ? styles.classBreadcrumbsCDP : '';
+    const stylesNewForBreadcrumbs = className ? styles[className]  : '';
 
     const infoBlockProps = { infoBlockData, t };
 

package/source/framework/factories/BreadcrumbsFactory.tsx

@@ -107,6 +107,7 @@ const BreadcrumbsFactory: IBreadcrumbsFactoryConfig = {
       }
     ],
     classBreadcrumbsAny: 'VEHICLE_DETAILS',
+    className: 'breadcrumbsCDP',
     withBackBtn: true
   }),
 
@@ -126,6 +127,7 @@ const BreadcrumbsFactory: IBreadcrumbsFactoryConfig = {
       }
     ],
     classBreadcrumbsAny: 'VEHICLE_DETAILS',
+    className: 'breadcrumbsCDP',
     withBackBtn: true
   }),
 
@@ -145,6 +147,7 @@ const BreadcrumbsFactory: IBreadcrumbsFactoryConfig = {
       }
     ],
     classBreadcrumbsAny: 'VEHICLE_DETAILS',
+    className: 'breadcrumbsCDP',
     withBackBtn: true
   }),
 
@@ -167,7 +170,8 @@ const BreadcrumbsFactory: IBreadcrumbsFactoryConfig = {
         link: '',
         title: props.t('common:breadcrumbs.MySearches')
       }
-    ]
+    ],
+    className: 'breadcrumbsMySearches'
   }),
 
   FAVORITES: (props: any) => ({

package/source/framework/factories/FactoryTypes.d.ts

@@ -13,6 +13,7 @@ export interface IBreadcrumbsFactoryConfig {
 interface IBreadcrumbsObject {
   list?: any[];
   withBackBtn?: boolean;
+  className?: string;
   classBreadcrumbsAny?: string;
 }