improve theme docs by showing parent group in theme json (#174)

aboutbits · Jan 12, 2023 · eea0a82 · eea0a82
1 parent a5db3df
commit eea0a82
Showing 1 changed file with 10 additions and 8 deletions.
diff --git a/.storybook/components/Theme.tsx b/.storybook/components/Theme.tsx
@@ -10,18 +10,20 @@ export function Theme({
   component: string
   items?: string[]
 }): ReactElement {
-  const theme = items
-    ? Object.fromEntries(
-        // eslint-disable-next-line
-        // @ts-ignore
-        items.map((item) => [item, defaultTheme?.[component]?.[item]])
-      )
-    : defaultTheme?.[component]
+  const theme = {
+    [component]: items
+      ? Object.fromEntries(
+          // eslint-disable-next-line
+          // @ts-ignore
+          items.map((item) => [item, defaultTheme?.[component]?.[item]])
+        )
+      : defaultTheme?.[component],
+  }
 
   return (
     <>
       <Description
-        markdown={`This component uses the following defaults from the \`${component}\` theme:`}
+        markdown={`This component uses the following theme defaults:`}
       />
       <Source code={JSON.stringify(theme, null, 2)} language="json" />
     </>