From 5519be9762b26b7ad727452f2260de28e26e6aed Mon Sep 17 00:00:00 2001
From: Charles de Dreuille <charles.dedreuille@gmail.com>
Date: Tue, 22 Jul 2025 21:45:51 +0100
Subject: [PATCH] Fixes types

Signed-off-by: Charles de Dreuille <charles.dedreuille@gmail.com>
---
 docs-ui/src/app/theme/typography/page.mdx | 22 +---------------------
 docs-ui/src/components/Sidebar/index.tsx  |  5 -----
 docs-ui/src/snippets/stories-snippets.tsx |  2 ++
 3 files changed, 3 insertions(+), 26 deletions(-)

diff --git a/docs-ui/src/app/theme/typography/page.mdx b/docs-ui/src/app/theme/typography/page.mdx
index 31c55b8e25..e8891c34f8 100644
--- a/docs-ui/src/app/theme/typography/page.mdx
+++ b/docs-ui/src/app/theme/typography/page.mdx
@@ -1,4 +1,4 @@
-import { HeadingSnippet, TextSnippet } from '@/snippets/stories-snippets';
+import { TextSnippet } from '@/snippets/stories-snippets';
 import { Snippet } from '@/components/Snippet';
 
 # Typography
@@ -9,26 +9,6 @@ appearance to match your brand, the underlying API remains consistent and
 unchanged. Each component is built on a responsive structure, allowing you to
 define different typography values for various breakpoints.
 
-## Headings
-
-Headings are used to structure the content of your page. They are used to
-create a hierarchy of information and to make the content more readable. The
-best way to use add these headings to your page is to import the [Heading
-component](?path=/docs/components-heading--docs).
-
-<Snippet
-  py={2}
-  open
-  preview={<HeadingSnippet story="AllVariants" />}
-  code={`<Flex direction="column" gap="4">
-    <Heading variant="display">Display</Heading>
-    <Heading variant="title1">Title 1</Heading>
-    <Heading variant="title2">Title 2</Heading>
-    <Heading variant="title3">Title 3</Heading>
-    <Heading variant="title4">Title 4</Heading>
-</Flex>`}
-/>
-
 ## Text
 
 Backstage UI provides four distinct text variants, each offering different font sizes
diff --git a/docs-ui/src/components/Sidebar/index.tsx b/docs-ui/src/components/Sidebar/index.tsx
index 6b0db7e4fe..02308001d6 100644
--- a/docs-ui/src/components/Sidebar/index.tsx
+++ b/docs-ui/src/components/Sidebar/index.tsx
@@ -7,7 +7,6 @@ import Link from 'next/link';
 import { usePathname } from 'next/navigation';
 import { motion } from 'motion/react';
 import { Fragment } from 'react';
-import { RiGithubLine, RiNpmjsLine } from '@remixicon/react';
 
 const data = [
   {
@@ -32,10 +31,6 @@ const data = [
   },
 ];
 
-interface SidebarProps {
-  version: string;
-}
-
 export const Sidebar = () => {
   const pathname = usePathname();
   const isPlayground = pathname.includes('/playground');
diff --git a/docs-ui/src/snippets/stories-snippets.tsx b/docs-ui/src/snippets/stories-snippets.tsx
index 29cda0268f..92d4362d98 100644
--- a/docs-ui/src/snippets/stories-snippets.tsx
+++ b/docs-ui/src/snippets/stories-snippets.tsx
@@ -28,11 +28,13 @@ import * as HeaderStories from '../../../packages/ui/src/components/Header/Heade
 import * as HeaderPageStories from '../../../packages/ui/src/components/HeaderPage/HeaderPage.stories';
 
 // Helper function to create snippet components
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 const createSnippetComponent = (stories: any) => {
   return function SnippetComponent({ story }: { story: string }) {
     const composedStories = composeStories(stories);
     const StoryComponent = composedStories[
       story as keyof typeof composedStories
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
     ] as any;
 
     return StoryComponent ? <StoryComponent /> : null;