diff --git a/next-docs/components/ComponentAnatomy.tsx b/next-docs/components/ComponentAnatomy.tsx index d8948e73b9..6e34e14a47 100644 --- a/next-docs/components/ComponentAnatomy.tsx +++ b/next-docs/components/ComponentAnatomy.tsx @@ -5,7 +5,7 @@ const ComponentAnatomy: React.FC<{ children?: React.ReactNode }> = ({ children, }) => ( - 
+    
       {children}
     

   
diff --git a/next-docs/components/Layout.tsx b/next-docs/components/Layout.tsx
index 1825ad5603..bdb6e2fe84 100644
--- a/next-docs/components/Layout.tsx
+++ b/next-docs/components/Layout.tsx
@@ -22,7 +22,7 @@ const Layout = ({ children, title }: Props) => {
       
         {title ? `${SITE_TITLE} | ${title}` : SITE_TITLE}
       
-      

+      

         {/* Dynamic sidebar with transition for mobile */}
         
           
@@ -34,7 +34,7 @@ const Layout = ({ children, title }: Props) => {
         
-        

+        

           

             {/* Opens sidebar on mobile */}
             

diff --git a/next-docs/components/ManifestCard.tsx b/next-docs/components/ManifestCard.tsx
index 389a923cdc..4b1c936f00 100644
--- a/next-docs/components/ManifestCard.tsx
+++ b/next-docs/components/ManifestCard.tsx
@@ -14,7 +14,7 @@ const ManifestCard: React.FC = ({
   

     
{title}

diff --git a/next-docs/components/PropsTable.tsx b/next-docs/components/PropsTable.tsx
index c61dba126b..3b20cb7e80 100644
--- a/next-docs/components/PropsTable.tsx
+++ b/next-docs/components/PropsTable.tsx
@@ -53,7 +53,7 @@ const PropsTable = ({ data, title }: TableProps) => (
         
         
           {data.map((prop: Data) => (
-            
+            
               
                 {prop.name}
               
diff --git a/next-docs/components/Settings.tsx b/next-docs/components/Settings.tsx
index 9cfb9c33e1..9ffc9bb020 100644
--- a/next-docs/components/Settings.tsx
+++ b/next-docs/components/Settings.tsx
@@ -29,7 +29,7 @@ const Settings = () => {
           aria-label="Toggle site settings"
         />
       
-      
+      
         {isLocalhost && }
         
           {isDarkThemeEnabled ? 'Dark mode' : 'Light mode'}
diff --git a/next-docs/components/TokenTable.tsx b/next-docs/components/TokenTable.tsx
index ce072c9d33..e65b3ce910 100644
--- a/next-docs/components/TokenTable.tsx
+++ b/next-docs/components/TokenTable.tsx
@@ -45,7 +45,7 @@ const TokenTable = ({ data, title }: TokenTableProps) => (
         
         
           {data.map((prop: Data) => (
-            
+            
               
                 {prop.name}
               
diff --git a/next-docs/components/codePreview/Preview.tsx b/next-docs/components/codePreview/Preview.tsx
index 68a615bcbc..7ad5161b18 100644
--- a/next-docs/components/codePreview/Preview.tsx
+++ b/next-docs/components/codePreview/Preview.tsx
@@ -33,7 +33,7 @@ const Preview = ({ title, description, preview, code, className }: Props) => {
       {isPreviewActive ? (
         
 = ({
         target="_blank"
         rel="noreferrer"
         className={mergeClassnames(
-          `group relative w-72 h-96 flex flex-col justify-end p-6 bg-goku rounded-moon-s-lg text-moon-16 font-medium`,
+          `group relative w-72 h-96 flex flex-col justify-end p-6 bg-gohan rounded-moon-s-lg text-moon-16 font-medium`,
           variant && variant in variants ? variants[variant] : variants.default
         )}
       >
diff --git a/next-docs/components/search/RenderResults.tsx b/next-docs/components/search/RenderResults.tsx
index 4c81582f3b..4196cc23b7 100644
--- a/next-docs/components/search/RenderResults.tsx
+++ b/next-docs/components/search/RenderResults.tsx
@@ -28,12 +28,10 @@ const RenderResults = ({
             }
           }}
         >
-           item.perform()} className="hover:bg-goku">
-            {item.name}
-            {item.section && (
-              {item.section}
-            )}
-          
+          {item.name}
+          {item.section && (
+            {item.section}
+          )}
         
       ))}
     
diff --git a/next-docs/components/sidebar/Sidebar.tsx b/next-docs/components/sidebar/Sidebar.tsx
index f0812ac024..b2bb988f85 100644
--- a/next-docs/components/sidebar/Sidebar.tsx
+++ b/next-docs/components/sidebar/Sidebar.tsx
@@ -6,7 +6,7 @@ import getComponent from '../getComponent';
 import SearchButton from '../search/SearchButton';
 
 const Sidebar = ({ closeSidebar }: { closeSidebar?: () => void }) => (
-  

+  

     

        closeSidebar && closeSidebar()} />
     

diff --git a/next-docs/pages/components/iconButton.tsx b/next-docs/pages/components/iconButton.tsx
index 099f110dfb..cd262e4e14 100644
--- a/next-docs/pages/components/iconButton.tsx
+++ b/next-docs/pages/components/iconButton.tsx
@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
 import Preview from '../../components/codePreview/Preview';
 import ComponentPageDescription from '../../components/ComponentPageDescription';
+import type { ComponentNames } from '../../components/getComponent';
 import Layout from '../../components/Layout';
 import PropsTable from '../../components/PropsTable';
 import Animations from '../../public/examples/iconButton/Animations';
@@ -10,7 +11,6 @@ import Disabled from '../../public/examples/iconButton/Disabled';
 import Sizes from '../../public/examples/iconButton/Sizes';
 import Variants from '../../public/examples/iconButton/Variants';
 import useComponent from '../../utils/useComponent';
-import type { ComponentNames } from '../../components/getComponent';
 
 const COMPONENT_NAME: ComponentNames = 'IconButton';
 
diff --git a/next-docs/pages/components/tabs.tsx b/next-docs/pages/components/tabs.tsx
index 6047000bbf..4acac499a8 100644
--- a/next-docs/pages/components/tabs.tsx
+++ b/next-docs/pages/components/tabs.tsx
@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import Preview from '../../components/codePreview/Preview';
 import ComponentAnatomy from '../../components/ComponentAnatomy';
 import ComponentPageDescription from '../../components/ComponentPageDescription';
+import type { ComponentNames } from '../../components/getComponent';
 import Layout from '../../components/Layout';
 import PropsTable from '../../components/PropsTable';
 import Default from '../../public/examples/tabs/Default';
@@ -12,7 +13,6 @@ import Sizes from '../../public/examples/tabs/Sizes';
 import WithCustomStyles from '../../public/examples/tabs/WithCustomStyles';
 import WithHandler from '../../public/examples/tabs/WithHandler';
 import useComponent from '../../utils/useComponent';
-import type { ComponentNames } from '../../components/getComponent';
 
 const COMPONENT_NAME: ComponentNames = 'Tabs';
 
@@ -84,7 +84,7 @@ const PageTabs = () => {
         title="Segment control view"
         preview={}
         code={examples ? examples.Segment : 'Loading'}
-        className="bg-gohan border border-beerus"
+        className="bg-goku border border-beerus"
       />
       
             

@@ -431,7 +431,7 @@ Object {
           data-state="closed"
         >
           

@@ -616,7 +616,7 @@ Object {
             data-state="closed"
           >
             

@@ -679,7 +679,7 @@ Object {
           data-state="closed"
         >
           

@@ -799,7 +799,7 @@ Object {
             data-state="closed"
           >
             

@@ -855,7 +855,7 @@ Object {
             data-state="closed"
           >
             

@@ -911,7 +911,7 @@ Object {
             data-state="closed"
           >
             

@@ -967,7 +967,7 @@ Object {
             data-state="closed"
           >
             

@@ -1030,7 +1030,7 @@ Object {
           data-state="closed"
         >
           

@@ -1086,7 +1086,7 @@ Object {
           data-state="closed"
         >
           

@@ -1142,7 +1142,7 @@ Object {
           data-state="closed"
         >
           

@@ -1198,7 +1198,7 @@ Object {
           data-state="closed"
         >
           

@@ -1331,7 +1331,7 @@ Object {
               data-state="open"
             >
               

@@ -1367,7 +1367,7 @@ Object {
               

               

               

@@ -1419,7 +1419,7 @@ Object {