Merge pull request #17031 from agentbellnorm/techdocs/mkdocs-material-9-compat

[Techdocs] mkdocs-material 9 compat

.changeset/forty-gorillas-help.md

@@ -0,0 +1,5 @@
+---
+'@backstage/plugin-techdocs': patch
+---
+
+Minor visual tweaks to adapt to changes in mkdocs-material v9

plugins/techdocs/src/reader/transformers/copyToClipboard.tsx

@@ -23,7 +23,7 @@ import {
   SvgIcon,
   Tooltip,
 } from '@material-ui/core';
-import Button from '@material-ui/core/Button';
+import IconButton from '@material-ui/core/IconButton';
 import type { Transformer } from './transformer';
 import useCopyToClipboard from 'react-use/lib/useCopyToClipboard';
 
@@ -69,9 +69,13 @@ const CopyToClipboardButton = ({ text }: CopyToClipboardButtonProps) => {
       onClose={handleClose}
       leaveDelay={1000}
     >
-      <Button className="md-clipboard md-icon" onClick={handleClick}>
+      <IconButton
+        style={{ color: 'inherit' }}
+        className="md-clipboard md-icon"
+        onClick={handleClick}
+      >
         <CopyToClipboardIcon />
-      </Button>
+      </IconButton>
     </CopyToClipboardTooltip>
   );
 };

plugins/techdocs/src/reader/transformers/styles/rules/layout.ts

@@ -21,6 +21,11 @@ const SIDEBAR_WIDTH = '224px';
 export default ({ theme, sidebar }: RuleOptions) => `
 /*==================  Layout  ==================*/
 
+/* mkdocs material v9 compat */
+.md-nav__title {
+  color: var(--md-default-fg-color);
+}
+
 .md-grid {
   max-width: 100%;
   margin: 0;