From 0556bf36b0059073f1458f22d0e69cdb165a16d1 Mon Sep 17 00:00:00 2001
From: Marcus Kernohan <135075821+mkernohanbc@users.noreply.github.com>
Date: Mon, 3 Feb 2025 13:11:39 -0800
Subject: [PATCH] regroup utility components in list (#524)

---
 packages/react-components/src/stories/Button.mdx          | 4 ++++
 packages/react-components/src/stories/Form.stories.tsx    | 2 +-
 packages/react-components/src/stories/Heading.stories.tsx | 2 +-
 packages/react-components/src/stories/Link.mdx            | 2 +-
 packages/react-components/src/stories/Link.stories.tsx    | 2 +-
 packages/react-components/src/stories/Text.stories.tsx    | 2 +-
 6 files changed, 9 insertions(+), 5 deletions(-)

diff --git a/packages/react-components/src/stories/Button.mdx b/packages/react-components/src/stories/Button.mdx
index 95aa08f8..97c3f592 100644
--- a/packages/react-components/src/stories/Button.mdx
+++ b/packages/react-components/src/stories/Button.mdx
@@ -35,6 +35,10 @@ Learn more about working with the button component:
 
 This component is based on [React Aria Button](https://react-spectrum.adobe.com/react-aria/Button.html). Consult the React Aria documentation for additional technical information.
 
+### Link buttons
+
+To create a hyperlink that looks like a button, use a [Link](/docs/utility-text-and-links-link--docs) component with the `isButton` and `buttonVariant` props.
+
 ## Controls
 
 <Primary of={ButtonStories} />
diff --git a/packages/react-components/src/stories/Form.stories.tsx b/packages/react-components/src/stories/Form.stories.tsx
index b4e9f123..4241d36e 100644
--- a/packages/react-components/src/stories/Form.stories.tsx
+++ b/packages/react-components/src/stories/Form.stories.tsx
@@ -6,7 +6,7 @@ import { FormProps } from "@/components/Form";
 import "./Form.css";
 
 const meta = {
-  title: "Utility/Form wrapper",
+  title: "Utility/Forms/Form",
   component: Form,
   parameters: {
     layout: "centered",
diff --git a/packages/react-components/src/stories/Heading.stories.tsx b/packages/react-components/src/stories/Heading.stories.tsx
index 6fe8a92f..ac985db4 100644
--- a/packages/react-components/src/stories/Heading.stories.tsx
+++ b/packages/react-components/src/stories/Heading.stories.tsx
@@ -4,7 +4,7 @@ import { Heading } from "../components";
 import { HeadingProps } from "../components/Heading";
 
 const meta = {
-  title: "Utility/Headings and text/Headings",
+  title: "Utility/Text and links/Headings",
   component: Heading,
   parameters: { layout: "centered" },
   argTypes: {
diff --git a/packages/react-components/src/stories/Link.mdx b/packages/react-components/src/stories/Link.mdx
index 90e0a59a..d3b08455 100644
--- a/packages/react-components/src/stories/Link.mdx
+++ b/packages/react-components/src/stories/Link.mdx
@@ -12,7 +12,7 @@ import {
 
 import * as LinkStories from "./Link.stories";
 
-<Meta title="Utility/Link" />
+<Meta of={LinkStories} />
 
 # Link
 
diff --git a/packages/react-components/src/stories/Link.stories.tsx b/packages/react-components/src/stories/Link.stories.tsx
index e63262ec..a49e2044 100644
--- a/packages/react-components/src/stories/Link.stories.tsx
+++ b/packages/react-components/src/stories/Link.stories.tsx
@@ -5,7 +5,7 @@ import { Link } from "../components";
 import { LinkProps } from "@/components/Link";
 
 const meta = {
-  title: "Utility/Link",
+  title: "Utility/Text and links/Link",
   component: Link,
   parameters: { layout: "centered" },
   argTypes: {
diff --git a/packages/react-components/src/stories/Text.stories.tsx b/packages/react-components/src/stories/Text.stories.tsx
index 9359de9d..a2c47199 100644
--- a/packages/react-components/src/stories/Text.stories.tsx
+++ b/packages/react-components/src/stories/Text.stories.tsx
@@ -4,7 +4,7 @@ import { Text } from "../components";
 import { TextProps } from "../components/Text";
 
 const meta = {
-  title: "Utility/Headings and text/Text",
+  title: "Utility/Text and links/Text",
   component: Text,
   parameters: {
     layout: "centered",