@backstage/core-components 0.9.6-next.1 → 0.10.0-next.2

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @backstage/core-components
 
+## 0.10.0-next.2
+
+### Minor Changes
+
+- 32204fa794: Add `transformLinkUri` and `transformImageUri` to `MarkdownContent`
+
+### Patch Changes
+
+- b4b711bcc2: Fix the EntityLayout header style so that EntityContextMenu button can display in correct shape when user hover on it
+- 15201b1032: Updated dependency `rc-progress` to `3.4.0`.
+- 385389d23c: Updated to remove usage of the `bursts` object in the theme palette
+- Updated dependencies
+  - @backstage/theme@0.2.16-next.1
+
 ## 0.9.6-next.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -686,6 +686,8 @@ declare type Props$b = {
     content: string;
     dialect?: 'gfm' | 'common-mark';
     linkTarget?: Options['linkTarget'];
+    transformLinkUri?: (href: string) => string;
+    transformImageUri?: (href: string) => string;
 };
 /**
  * MarkdownContent

package/dist/index.esm.js

@@ -1697,14 +1697,22 @@ const components = {
   }
 };
 function MarkdownContent(props) {
-  const { content, dialect = "gfm", linkTarget } = props;
+  const {
+    content,
+    dialect = "gfm",
+    linkTarget,
+    transformLinkUri,
+    transformImageUri
+  } = props;
   const classes = useStyles$B();
   return /* @__PURE__ */ React.createElement(ReactMarkdown, {
     remarkPlugins: dialect === "gfm" ? [gfm] : [],
     className: classes.markdown,
     children: content,
     components,
-    linkTarget
+    linkTarget,
+    transformLinkUri,
+    transformImageUri
   });
 }
 
@@ -3271,13 +3279,13 @@ const useStyles$l = makeStyles((theme) => ({
   }),
   overlayHeader: {
     display: "flex",
-    color: theme.palette.bursts.fontColor,
+    color: theme.palette.text.primary,
     alignItems: "center",
     justifyContent: "space-between",
     padding: theme.spacing(2, 3)
   },
   overlayHeaderClose: {
-    color: theme.palette.bursts.fontColor
+    color: theme.palette.text.primary
   },
   marginMobileSidebar: (props) => ({
     marginBottom: `${props.sidebarConfig.mobileSidebarHeight}px`
@@ -5348,16 +5356,17 @@ const useStyles$5 = makeStyles((theme) => ({
     flexGrow: 1
   },
   rightItemsBox: {
-    width: "auto"
+    width: "auto",
+    alignItems: "center"
   },
   title: {
-    color: theme.palette.bursts.fontColor,
+    color: theme.page.fontColor,
     wordBreak: "break-word",
     fontSize: theme.typography.h3.fontSize,
     marginBottom: 0
   },
   subtitle: {
-    color: theme.palette.bursts.fontColor,
+    color: theme.page.fontColor,
     opacity: 0.8,
     display: "inline-block",
     marginTop: theme.spacing(1),
@@ -5368,10 +5377,10 @@ const useStyles$5 = makeStyles((theme) => ({
     fontSize: 11,
     opacity: 0.8,
     marginBottom: theme.spacing(1),
-    color: theme.palette.bursts.fontColor
+    color: theme.page.fontColor
   },
   breadcrumb: {
-    color: theme.palette.bursts.fontColor
+    color: theme.page.fontColor
   },
   breadcrumbType: {
     fontSize: "inherit",
@@ -5574,7 +5583,7 @@ const styles$1 = (theme) => createStyles({
   root: {
     color: theme.palette.common.white,
     padding: theme.spacing(2, 2, 3),
-    backgroundImage: theme.palette.bursts.gradient.linear,
+    backgroundImage: theme.getPageTheme({ themeId: "card" }).backgroundImage,
     backgroundPosition: 0,
     backgroundSize: "inherit"
   }