Removed inline styling from breadcrumbs

Signed-off-by: Harrison Hogg <hhogg@spotify.com>

.changeset/famous-forks-listen.md

@@ -0,0 +1,5 @@
+---
+'@backstage/core-components': patch
+---
+
+Removed inline styling in breadcrumbs and replaced with a theme targetable class of BreadcrumbsCurrentPage

packages/core-components/api-report.md

@@ -136,6 +136,9 @@ export function Breadcrumbs(props: Props_18): React_2.JSX.Element;
 // @public (undocumented)
 export type BreadcrumbsClickableTextClassKey = 'root';
 
+// @public (undocumented)
+export type BreadcrumbsCurrentPageClassKey = 'root';
+
 // @public (undocumented)
 export type BreadcrumbsStyledBoxClassKey = 'root';
 

packages/core-components/src/layout/Breadcrumbs/Breadcrumbs.tsx

@@ -51,6 +51,18 @@ const StyledBox = withStyles(
   { name: 'BackstageBreadcrumbsStyledBox' },
 )(Box);
 
+/** @public */
+export type BreadcrumbsCurrentPageClassKey = 'root';
+
+const BreadcrumbsCurrentPage = withStyles(
+  {
+    root: {
+      fontStyle: 'italic',
+    },
+  },
+  { name: 'BreadcrumbsCurrentPage' },
+)(Box);
+
 /**
  * Breadcrumbs component to show navigation hierarchical structure
  *
@@ -88,7 +100,7 @@ export function Breadcrumbs(props: Props) {
         {hasHiddenBreadcrumbs && (
           <ClickableText onClick={handleClick}>...</ClickableText>
         )}
-        <Box style={{ fontStyle: 'italic' }}>{currentPage}</Box>
+        <BreadcrumbsCurrentPage>{currentPage}</BreadcrumbsCurrentPage>
       </MaterialBreadcrumbs>
       <Popover
         open={open}

packages/core-components/src/layout/Breadcrumbs/index.ts

@@ -18,4 +18,5 @@ export { Breadcrumbs } from './Breadcrumbs';
 export type {
   BreadcrumbsClickableTextClassKey,
   BreadcrumbsStyledBoxClassKey,
+  BreadcrumbsCurrentPageClassKey,
 } from './Breadcrumbs';