feat: Added autodocs by tag

cfpb · Jan 25, 2024 · dfd369d · dfd369d
1 parent bba1246
commit dfd369d
Show file tree

Hide file tree

Showing 32 changed files with 32 additions and 1 deletion.
diff --git a/.storybook/main.js b/.storybook/main.js
@@ -11,7 +11,7 @@ module.exports = {
     'display-element-css'
   ],
   docs: {
-    autodocs: true,
+    autodocs: 'tag',
     defaultName: 'Overview'
   },
   framework: {

diff --git a/src/components/Alert/Alert.stories.tsx b/src/components/Alert/Alert.stories.tsx
@@ -5,6 +5,7 @@ import type { StatusType } from '../TextInput/TextInput';
 const meta: Meta<typeof Alert> = {
   title: 'Components (Draft)/Alerts',
   component: Alert,
+  tags: ['autodocs'],
   argTypes: {
     message: { control: 'text' }
   }

diff --git a/src/components/Banner/Banner.stories.tsx b/src/components/Banner/Banner.stories.tsx
@@ -5,6 +5,7 @@ import { AllLanguageCodes, LanguageLink } from './BannerLanguageLink';
 
 const meta: Meta<typeof Banner> = {
   title: 'Components (Verified)/Banner (US gov)',
+  tags: ['autodocs'],
   component: Banner,
   argTypes: {}
 };

diff --git a/src/components/Buttons/Buttons.stories.tsx b/src/components/Buttons/Buttons.stories.tsx
@@ -10,6 +10,7 @@ import { ButtonGroup } from './ButtonGroup';
 const meta: Meta<typeof Button> = {
   title: 'Components (Verified)/Buttons',
   component: Button,
+  tags: ['autodocs'],
   argTypes: {
     appearance: { control: 'select' },
     size: { control: 'select' },

diff --git a/src/components/Checkbox/Checkbox.stories.tsx b/src/components/Checkbox/Checkbox.stories.tsx
@@ -11,6 +11,7 @@ Source: https://cfpb.github.io/design-system/components/checkboxes
 const meta: Meta<typeof Checkbox> = {
   title: 'Components (Verified)/Checkboxes/Checkbox',
   component: Checkbox,
+  tags: ['autodocs'],
   argTypes: {
     disabled: { control: 'boolean' },
     isLarge: { control: 'boolean' }

diff --git a/src/components/Checkbox/CheckboxLarge.stories.tsx b/src/components/Checkbox/CheckboxLarge.stories.tsx
@@ -11,6 +11,7 @@ Source: https://cfpb.github.io/design-system/components/checkboxes
 const meta: Meta<typeof Checkbox> = {
   title: 'Components (Verified)/Checkboxes/Large target area',
   component: Checkbox,
+  tags: ['autodocs'],
   argTypes: {
     disabled: { control: 'boolean' },
     isLarge: { control: 'boolean' }

diff --git a/src/components/Divider/Divider.stories.tsx b/src/components/Divider/Divider.stories.tsx
@@ -4,6 +4,7 @@ import { Divider } from '~/src/index';
 const meta: Meta<typeof Divider> = {
   title: 'Components (Draft)/Divider',
   component: Divider,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {

diff --git a/src/components/Dropdown/Dropdown.stories.tsx b/src/components/Dropdown/Dropdown.stories.tsx
@@ -12,6 +12,7 @@ import { MockOptions } from './utils';
  */
 const meta: Meta<typeof Dropdown> = {
   title: 'Components (Draft)/Dropdowns',
+  tags: ['autodocs'],
   component: Dropdown
 };
 

diff --git a/src/components/Expandable/Expandable.stories.tsx b/src/components/Expandable/Expandable.stories.tsx
@@ -7,6 +7,7 @@ import { sleep } from '../../utils/sleep';
 const meta: Meta<typeof Expandable> = {
   title: 'Components (Draft)/Expandable/Single',
   component: Expandable,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {

diff --git a/src/components/Expandable/ExpandableGroup.stories.tsx b/src/components/Expandable/ExpandableGroup.stories.tsx
@@ -8,6 +8,7 @@ import { ExpandableGroup } from './ExpandableGroup';
 const meta: Meta<typeof ExpandableGroup> = {
   title: 'Components (Draft)/Expandable/Groups',
   component: ExpandableGroup,
+  tags: ['autodocs'],
   argTypes: {
     accordion: { control: 'boolean' }
   },

diff --git a/src/components/Footer/Footer.stories.tsx b/src/components/Footer/Footer.stories.tsx
@@ -3,6 +3,7 @@ import { Footer, FooterCfGov, Icon } from '~/src/index';
 
 const meta: Meta<typeof Footer> = {
   title: 'Components (Draft)/Footers',
+  tags: ['autodocs'],
   component: Footer,
   argTypes: {}
 };

diff --git a/src/components/Grid/Grid.stories.tsx b/src/components/Grid/Grid.stories.tsx
@@ -4,6 +4,7 @@ import { Grid } from '~/src/index';
 const meta: Meta<typeof Grid.Wrapper> = {
   title: 'Components (Draft)/Grids',
   component: Grid.Wrapper,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {

diff --git a/src/components/Headings/Headings.stories.tsx b/src/components/Headings/Headings.stories.tsx
@@ -8,6 +8,7 @@ import { Heading } from '~/src/index';
  */
 const meta: Meta<typeof Heading> = {
   title: 'Components (Verified)/Headings',
+  tags: ['autodocs'],
   component: Heading,
   argTypes: {
     type: { control: { type: 'select' } }

diff --git a/src/components/Hero/Hero.stories.tsx b/src/components/Hero/Hero.stories.tsx
@@ -4,6 +4,7 @@ import { Hero } from '~/src/index';
 const meta: Meta<typeof Hero> = {
   title: 'Components (Draft)/Heroes',
   component: Hero,
+  tags: ['autodocs'],
   parameters: {
     docs: {
       description: {

diff --git a/src/components/Icon/Icon.stories.tsx b/src/components/Icon/Icon.stories.tsx
@@ -15,6 +15,7 @@ import {
 
 const meta: Meta<typeof Icon> = {
   title: 'Components (Draft)/Icons',
+  tags: ['autodocs'],
   component: Icon,
   parameters: {
     docs: {

diff --git a/src/components/Label/Label.stories.tsx b/src/components/Label/Label.stories.tsx
@@ -4,6 +4,7 @@ import { TextInput } from '../TextInput/TextInput';
 
 const meta: Meta<typeof Label> = {
   title: 'Components (Verified)/Labels',
+  tags: ['autodocs'],
   component: Label,
   argTypes: {
     inline: { control: 'boolean' }

diff --git a/src/components/Layout/LayoutContent.stories.tsx b/src/components/Layout/LayoutContent.stories.tsx
@@ -3,6 +3,7 @@ import { Layout } from '~/src/index';
 
 const meta: Meta<typeof Layout.Content> = {
   title: 'Components (Draft)/Layout/Content',
+  tags: ['autodocs'],
   component: Layout.Content,
   parameters: {
     docs: {

diff --git a/src/components/Layout/LayoutMain.stories.tsx b/src/components/Layout/LayoutMain.stories.tsx
@@ -3,6 +3,7 @@ import { Layout } from '~/src/index';
 
 const meta: Meta<typeof Layout.Main> = {
   title: 'Components (Draft)/Layout/Main',
+  tags: ['autodocs'],
   component: Layout.Main,
   parameters: {
     docs: {

diff --git a/src/components/Layout/LayoutSidebar.stories.tsx b/src/components/Layout/LayoutSidebar.stories.tsx
@@ -3,6 +3,7 @@ import { Layout } from '~/src/index';
 
 const meta: Meta<typeof Layout.Sidebar> = {
   title: 'Components (Draft)/Layout/Sidebar',
+  tags: ['autodocs'],
   component: Layout.Sidebar,
   parameters: {
     docs: {

diff --git a/src/components/Layout/LayoutWrapper.stories.tsx b/src/components/Layout/LayoutWrapper.stories.tsx
@@ -3,6 +3,7 @@ import { Layout } from '~/src/index';
 
 const meta: Meta<typeof Layout.Wrapper> = {
   title: 'Components (Draft)/Layout/Wrapper',
+  tags: ['autodocs'],
   component: Layout.Wrapper,
   parameters: {
     docs: {

diff --git a/src/components/Link/Link.stories.tsx b/src/components/Link/Link.stories.tsx
@@ -10,6 +10,7 @@ import {
 
 const meta: Meta<typeof Link> = {
   title: 'Components (Verified)/Links',
+  tags: ['autodocs'],
   component: Link
 };
 

diff --git a/src/components/List/List.stories.tsx b/src/components/List/List.stories.tsx
@@ -3,6 +3,7 @@ import { List, ListItem, ListLink } from '~/src/index';
 
 const meta: Meta<typeof List> = {
   title: 'Components (Draft)/Lists',
+  tags: ['autodocs'],
   component: List,
   argTypes: {}
 };

diff --git a/src/components/Navbar/Navbar.stories.tsx b/src/components/Navbar/Navbar.stories.tsx
@@ -5,6 +5,7 @@ import { ExampleLinks } from './Navbar';
 
 const meta: Meta<typeof Navbar> = {
   title: 'Components (Draft)/Navbar',
+  tags: ['autodocs'],
   component: Navbar,
   argTypes: {}
 };

diff --git a/src/components/PageHeader/PageHeader.stories.tsx b/src/components/PageHeader/PageHeader.stories.tsx
@@ -5,6 +5,7 @@ import { ExampleLinks } from '../Navbar/Navbar';
 
 const meta: Meta<typeof PageHeader> = {
   title: 'Components (Draft)/Page header',
+  tags: ['autodocs'],
   component: PageHeader,
   argTypes: {}
 };

diff --git a/src/components/Pagination/Pagination.stories.tsx b/src/components/Pagination/Pagination.stories.tsx
@@ -4,6 +4,7 @@ import { generateTestRows, stringify } from './Pagination.storyUtils';
 
 const meta: Meta<typeof Pagination> = {
   title: 'Components (Verified)/Pagination',
+  tags: ['autodocs'],
   component: Pagination
 };
 

diff --git a/src/components/Paragraph/Paragraphs.stories.tsx b/src/components/Paragraph/Paragraphs.stories.tsx
@@ -3,6 +3,7 @@ import { Paragraph } from './Paragraph';
 
 const meta: Meta<typeof Paragraph> = {
   title: 'Components (Verified)/Paragraphs',
+  tags: ['autodocs'],
   component: Paragraph
 };
 

diff --git a/src/components/RadioButton/RadioButton.stories.tsx b/src/components/RadioButton/RadioButton.stories.tsx
@@ -8,6 +8,7 @@ import { RadioButton } from '~/src/index';
  */
 const meta: Meta<typeof RadioButton> = {
   title: 'Components (Verified)/Radio buttons',
+  tags: ['autodocs'],
   component: RadioButton,
   argTypes: {
     disabled: { control: 'boolean' },

diff --git a/src/components/Table/Table.stories.tsx b/src/components/Table/Table.stories.tsx
@@ -4,6 +4,7 @@ import { ONE } from '../Pagination/usePagination';
 
 const meta: Meta<typeof Table> = {
   title: 'Components (Verified)/Tables',
+  tags: ['autodocs'],
   component: Table
 };
 

diff --git a/src/components/Tagline/Tagline.stories.tsx b/src/components/Tagline/Tagline.stories.tsx
@@ -3,6 +3,7 @@ import { Tagline } from '~/src/index';
 
 const meta: Meta<typeof Tagline> = {
   title: 'Components (Verified)/Taglines',
+  tags: ['autodocs'],
   component: Tagline,
   parameters: {
     docs: {

diff --git a/src/components/TextInput/TextInput.stories.tsx b/src/components/TextInput/TextInput.stories.tsx
@@ -3,6 +3,7 @@ import { Button, Icon, TextInput } from '~/src/index';
 
 const meta: Meta<typeof TextInput> = {
   title: 'Components (Draft)/Text inputs',
+  tags: ['autodocs'],
   component: TextInput,
   argTypes: {
     isFullWidth: { control: 'boolean' },

diff --git a/src/components/TextIntroduction/TextIntroduction.stories.tsx b/src/components/TextIntroduction/TextIntroduction.stories.tsx
@@ -4,6 +4,7 @@ import placeholders from './testHelpers';
 
 const meta: Meta<typeof TextIntroduction> = {
   title: 'Components (Verified)/Text introductions',
+  tags: ['autodocs'],
   component: TextIntroduction
 };
 

diff --git a/src/components/Well/Well.stories.tsx b/src/components/Well/Well.stories.tsx
@@ -3,6 +3,7 @@ import { Link, WellContainer, WellContent } from '~/src/index';
 
 const meta: Meta<typeof WellContainer> = {
   title: 'Components (Verified)/Wells',
+  tags: ['autodocs'],
   component: WellContainer,
   argTypes: {
     children: { type: 'string' }