From abc71a154d6d69e54a4f91cab995edea5200831e Mon Sep 17 00:00:00 2001
From: SonMooSans <god63820869@gmail.com>
Date: Sun, 10 Sep 2023 14:30:07 +0800
Subject: [PATCH] Update Tailwind CSS typography

---
 packages/next-docs-ui/package.json               |  2 +-
 .../next-docs-ui/src/components/accordion.tsx    | 16 +++++++---------
 .../next-docs-ui/src/components/mdx/heading.tsx  | 12 +++++++-----
 pnpm-lock.yaml                                   |  8 ++++----
 4 files changed, 19 insertions(+), 19 deletions(-)

diff --git a/packages/next-docs-ui/package.json b/packages/next-docs-ui/package.json
index c4deee639..17bcd69f4 100644
--- a/packages/next-docs-ui/package.json
+++ b/packages/next-docs-ui/package.json
@@ -70,7 +70,7 @@
     "react-dom": "18.x"
   },
   "devDependencies": {
-    "@tailwindcss/typography": "^0.5.9",
+    "@tailwindcss/typography": "^0.5.10",
     "@types/react": "18.2.0",
     "@types/react-dom": "18.2.1",
     "autoprefixer": "10.4.15",
diff --git a/packages/next-docs-ui/src/components/accordion.tsx b/packages/next-docs-ui/src/components/accordion.tsx
index 2331ebd72..81c5c835b 100644
--- a/packages/next-docs-ui/src/components/accordion.tsx
+++ b/packages/next-docs-ui/src/components/accordion.tsx
@@ -37,16 +37,14 @@ export const Accordion = forwardRef<
     )}
     {...props}
   >
-    <div className="nd-not-prose">
-      <AccordionPrimitive.Header>
-        <AccordionPrimitive.Trigger className="nd-flex nd-w-full nd-items-center nd-justify-between nd-p-4 nd-text-sm nd-font-medium [&[data-state=open]>svg]:nd-rotate-180">
-          {title}
-          <ChevronDown className="nd-h-4 nd-w-4 nd-transition-transform nd-duration-200" />
-        </AccordionPrimitive.Trigger>
-      </AccordionPrimitive.Header>
-    </div>
+    <AccordionPrimitive.Header className="nd-not-prose">
+      <AccordionPrimitive.Trigger className="nd-flex nd-w-full nd-items-center nd-justify-between nd-p-4 nd-text-sm nd-font-medium [&[data-state=open]>svg]:nd-rotate-180">
+        {title}
+        <ChevronDown className="nd-h-4 nd-w-4 nd-transition-transform nd-duration-200" />
+      </AccordionPrimitive.Trigger>
+    </AccordionPrimitive.Header>
     <AccordionPrimitive.Content className="nd-px-4 nd-overflow-hidden nd-text-sm data-[state=closed]:nd-animate-accordion-up data-[state=open]:nd-animate-accordion-down">
-      <div className="nd-pb-4 nd-pt-0">{children}</div>
+      <div className="nd-pb-4">{children}</div>
     </AccordionPrimitive.Content>
   </AccordionPrimitive.Item>
 ))
diff --git a/packages/next-docs-ui/src/components/mdx/heading.tsx b/packages/next-docs-ui/src/components/mdx/heading.tsx
index 0f7f4aa82..4947330e7 100644
--- a/packages/next-docs-ui/src/components/mdx/heading.tsx
+++ b/packages/next-docs-ui/src/components/mdx/heading.tsx
@@ -15,11 +15,13 @@ export function Heading<T extends Types = 'h1'>({
   return (
     <As {...props} className={clsx('nd-group nd-scroll-m-20', props.className)}>
       {props.children}
-      <div className="nd-not-prose nd-opacity-0 nd-inline nd-font-normal nd-ml-2 nd-transition-opacity nd-text-muted-foreground group-hover:nd-opacity-100">
-        <a href={`#${props.id}`} aria-label="Link to section">
-          #
-        </a>
-      </div>
+      <a
+        href={`#${props.id}`}
+        aria-label="Link to section"
+        className="nd-not-prose nd-opacity-0 nd-font-normal nd-ml-2 nd-transition-opacity nd-text-muted-foreground group-hover:nd-opacity-100"
+      >
+        #
+      </a>
     </As>
   )
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 47e0cad50..fffe8b8cd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -363,8 +363,8 @@ importers:
         version: 1.14.0
     devDependencies:
       '@tailwindcss/typography':
-        specifier: ^0.5.9
-        version: 0.5.9(tailwindcss@3.3.3)
+        specifier: ^0.5.10
+        version: 0.5.10(tailwindcss@3.3.3)
       '@types/react':
         specifier: 18.2.0
         version: 18.2.0
@@ -2619,8 +2619,8 @@ packages:
     dependencies:
       tslib: 2.6.1
 
-  /@tailwindcss/typography@0.5.9(tailwindcss@3.3.3):
-    resolution: {integrity: sha512-t8Sg3DyynFysV9f4JDOVISGsjazNb48AeIYQwcL+Bsq5uf4RYL75C1giZ43KISjeDGBaTN3Kxh7Xj/vRSMJUUg==}
+  /@tailwindcss/typography@0.5.10(tailwindcss@3.3.3):
+    resolution: {integrity: sha512-Pe8BuPJQJd3FfRnm6H0ulKIGoMEQS+Vq01R6M5aCrFB/ccR/shT+0kXLjouGC1gFLm9hopTFN+DMP0pfwRWzPw==}
     peerDependencies:
       tailwindcss: '>=3.0.0 || insiders'
     dependencies: