Docs: fix broken ref in button docs (#5175)

* fix broken ref in button docs * update button storybook title names
cultureamp · Oct 17, 2024 · 28c2687 · 28c2687
1 parent 9205921
commit 28c2687
Show file tree

Hide file tree

Showing 15 changed files with 17 additions and 14 deletions.
diff --git a/.changeset/early-bottles-peel.md b/.changeset/early-bottles-peel.md
@@ -0,0 +1,3 @@
+---
+---
+
diff --git a/packages/components/src/__actions__/Button/v1/Button/_docs/Button.mdx b/packages/components/src/__actions__/Button/v1/Button/_docs/Button.mdx
@@ -47,7 +47,7 @@ A disabled Button prevents user interaction. It doesn't appear in the tab order,
 
 Use any <LinkTo pageId="components-icons">Icon</LinkTo> component in the `icon` prop.
 
-<Canvas of={ButtonStories.Icon} />
+<Canvas of={ButtonStories.IconStory} />
 
 #### Icon position
 

diff --git a/packages/components/src/__actions__/Button/v1/Button/_docs/Button.stickersheet.stories.tsx b/packages/components/src/__actions__/Button/v1/Button/_docs/Button.stickersheet.stories.tsx
@@ -8,7 +8,7 @@ import {
 import { Button, ButtonProps } from "../index"
 
 export default {
-  title: "Actions/Button/v1",
+  title: "Actions/Button/Button (v1)",
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

diff --git a/packages/components/src/__actions__/Button/v1/Button/_docs/Button.stories.tsx b/packages/components/src/__actions__/Button/v1/Button/_docs/Button.stories.tsx
@@ -6,7 +6,7 @@ import { Icon } from "~components/__future__/Icon"
 import { Button } from "../index"
 
 const meta = {
-  title: "Actions/Button/v1",
+  title: "Actions/Button/Button (v1)",
   component: Button,
   args: {
     label: "Label",

diff --git a/...components/src/__actions__/Button/v1/IconButton/_docs/IconButton.stickersheet.stories.tsx b/...components/src/__actions__/Button/v1/IconButton/_docs/IconButton.stickersheet.stories.tsx
@@ -9,7 +9,7 @@ import {
 import { IconButton, IconButtonProps } from "../index"
 
 export default {
-  title: "Actions/IconButton/v1",
+  title: "Actions/IconButton/IconButton (v1)",
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

diff --git a/packages/components/src/__actions__/Button/v1/IconButton/_docs/IconButton.stories.tsx b/packages/components/src/__actions__/Button/v1/IconButton/_docs/IconButton.stories.tsx
@@ -4,7 +4,7 @@ import { Icon } from "~components/__future__/Icon"
 import { IconButton } from "../index"
 
 const meta = {
-  title: "Actions/IconButton/v1",
+  title: "Actions/IconButton/IconButton (v1)",
   component: IconButton,
   argTypes: {
     icon: {

diff --git a/packages/components/src/__actions__/Button/v2/Button/_docs/Button.mdx b/packages/components/src/__actions__/Button/v2/Button/_docs/Button.mdx
@@ -47,7 +47,7 @@ A disabled Button prevents user interaction. It doesn't appear in the tab order,
 
 Use any <LinkTo pageId="components-icons">Icon</LinkTo> component in the `icon` prop.
 
-<Canvas of={ButtonStories.Icon} />
+<Canvas of={ButtonStories.IconStory} />
 
 #### Icon position
 

diff --git a/packages/components/src/__actions__/Button/v2/Button/_docs/Button.stories.tsx b/packages/components/src/__actions__/Button/v2/Button/_docs/Button.stories.tsx
@@ -6,7 +6,7 @@ import { Icon } from "~components/__future__/Icon"
 import { Button } from "../index"
 
 const meta = {
-  title: "Actions/Button/v2",
+  title: "Actions/Button/Button (v2)",
   component: Button,
   args: {
     label: "Label",

diff --git a/packages/components/src/__actions__/Button/v2/IconButton/_docs/IconButton.stories.tsx b/packages/components/src/__actions__/Button/v2/IconButton/_docs/IconButton.stories.tsx
@@ -4,7 +4,7 @@ import { Icon } from "~components/__future__/Icon"
 import { IconButton } from "../index"
 
 const meta = {
-  title: "Actions/IconButton/v2",
+  title: "Actions/IconButton/IconButton (v2)",
   component: IconButton,
   argTypes: {
     icon: {

diff --git a/packages/components/src/__actions__/Button/v3/_docs/ApiSpecification.mdx b/packages/components/src/__actions__/Button/v3/_docs/ApiSpecification.mdx
@@ -3,7 +3,7 @@ import { ResourceLinks, SbContent, KAIOInstallation } from "~storybook/component
 import * as docsStories from "./Button.docs.stories"
 import * as exampleStories from "./Button.stories"
 
-<Meta title="Actions/Button/v3/API Specification" />
+<Meta title="Actions/Button/Button (v3)/API Specification" />
 
 <SbContent>
   # Button API Specification (v3)

diff --git a/packages/components/src/__actions__/Button/v3/_docs/Button.docs.stories.tsx b/packages/components/src/__actions__/Button/v3/_docs/Button.docs.stories.tsx
@@ -5,7 +5,7 @@ import { ChevronDownIcon, ChevronUpIcon } from "~components/Icon"
 import { Button } from "../index"
 
 const meta = {
-  title: "Actions/Button/v3/Doc Assets",
+  title: "Actions/Button/Button (v3)/Doc Assets",
   component: Button,
   args: {
     children: "Label",

diff --git a/packages/components/src/__actions__/Button/v3/_docs/Button.mdx b/packages/components/src/__actions__/Button/v3/_docs/Button.mdx
@@ -2,7 +2,7 @@ import { Canvas, Meta, Controls } from "@storybook/blocks"
 import { ResourceLinks, SbContent, Installation } from "~storybook/components"
 import * as Button from "./Button.stories"
 
-<Meta title="Actions/Button/v3/Usage Guidelines" />
+<Meta title="Actions/Button/Button (v3)/Usage Guidelines" />
 
 <SbContent>
   # Button (v3)

diff --git a/packages/components/src/__actions__/Button/v3/_docs/Button.spec.stories.tsx b/packages/components/src/__actions__/Button/v3/_docs/Button.spec.stories.tsx
@@ -14,7 +14,7 @@ import { Button } from "../index"
 const onPressEvent = fn()
 
 const meta = {
-  title: "Actions/Button/v3/Tests",
+  title: "Actions/Button/Button (v3)/Tests",
   component: Button,
   args: {
     children: "Label",

diff --git a/packages/components/src/__actions__/Button/v3/_docs/Button.stickersheet.stories.tsx b/packages/components/src/__actions__/Button/v3/_docs/Button.stickersheet.stories.tsx
@@ -9,7 +9,7 @@ import {
 import { Button } from "../index"
 
 export default {
-  title: "Actions/Button/v3/Tests",
+  title: "Actions/Button/Button (v3)/Tests",
   parameters: {
     chromatic: { disable: false },
     controls: { disable: true },

diff --git a/packages/components/src/__actions__/Button/v3/_docs/Button.stories.tsx b/packages/components/src/__actions__/Button/v3/_docs/Button.stories.tsx
@@ -6,7 +6,7 @@ import { VisuallyHidden } from "~components/VisuallyHidden"
 import { Button } from "../index"
 
 const meta = {
-  title: "Actions/Button/v3",
+  title: "Actions/Button/Button (v3)",
   component: Button,
   args: {
     children: "Label",