Merge branch 'kubecon-2025' of github.com:devtron-labs/devtron-fe-common-lib into feat/cost-trend

Author: Elessar1802

package-lock.json

@@ -1,6 +1,6 @@
 {
     "name": "@devtron-labs/devtron-fe-common-lib",
-    "version": "1.20.1-pre-2",
+    "version": "1.20.1-pre-5",
     "description": "Supporting common component library",
     "type": "module",
     "main": "dist/index.js",

package.json

@@ -90,7 +90,7 @@ export function useBreadcrumb(props?: UseBreadcrumbOptionalProps, deps?: any[]):
 export const BreadCrumb: React.FC<Breadcrumbs> = ({
     breadcrumbs,
     sep = '/',
-    className = 'dc__devtron-breadcrumb__item',
+    className = 'dc__devtron-breadcrumb__item fs-16 fw-4 lh-1-5 dc__ellipsis-right dc__mxw-155',
 }) => {
     const { url } = useRouteMatch()
     const filteredCrumbs = breadcrumbs.filter((crumb) => !!crumb.name)
@@ -102,7 +102,7 @@ export const BreadCrumb: React.FC<Breadcrumbs> = ({
                         condition={!!breadcrumb.to}
                         wrap={(children) => (
                             <Link
-                                className={`${url === breadcrumb.to ? 'active' : ''} ${className} ${
+                                className={`${url === breadcrumb.to ? 'active' : ''} ${className}  ${
                                     breadcrumb.className || ''
                                 }`}
                                 to={breadcrumb.to}
@@ -115,7 +115,7 @@ export const BreadCrumb: React.FC<Breadcrumbs> = ({
                     </ConditionalWrap>
 
                     {idx + 1 !== filteredCrumbs.length && breadcrumb.name && (
-                        <span className={`${className}__separator cn-5`}>{sep}</span>
+                        <span className="dc__devtron-breadcrumb__item__separator">{sep}</span>
                     )}
                 </React.Fragment>
             ))}

src/Assets/IconV2/ic-bg-build.svg

@@ -22,7 +22,7 @@ const initialState = {
 }
 
 export const BreadcrumbText = ({ heading, isActive, shouldTruncate = false }: BreadcrumbTextProps) => (
-    <h2 className={`m-0 fs-16 fw-6 lh-32 ${shouldTruncate ? 'dc__truncate' : ''} ${isActive ? 'cn-9' : 'cb-5'}`}>{heading}</h2>
+    <span className={`dc__breadcrumb-text cb-5 fs-16 lh-1-5 ${shouldTruncate ? 'dc__truncate' : ''} ${isActive ? 'cn-9 fw-6' : 'cb-5 fw-4 dc__mxw-155 dc__ellipsis-right'}`}>{heading}</span>
 )
 
 const Store = ({ children }) => {