diff --git a/.storybook/preview.tsx b/.storybook/preview.tsx
index acc8d09c..60708794 100644
--- a/.storybook/preview.tsx
+++ b/.storybook/preview.tsx
@@ -33,7 +33,7 @@ const withTheme = (Story) => {
export const decorators = [withTheme]
export const parameters = {
- actions: { argTypesRegex: '^on[A-Z].*' },
+ actions: {},
controls: {
matchers: {
color: /(background|color)$/i,
diff --git a/CHANGELOG.md b/CHANGELOG.md
index 0ac74cd6..19a77a5c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,5 +1,9 @@
# Changelog
+## 3.0.5
+
+- Add storybook autodocs and fix README
+
## 3.0.4
- Re-introduce some props for backward compatibility
diff --git a/DEPENDENCIES b/DEPENDENCIES
index 8403f9cf..f2aa2456 100644
--- a/DEPENDENCIES
+++ b/DEPENDENCIES
@@ -145,7 +145,7 @@ npm/npmjs/-/debug/2.6.9, MIT, approved, clearlydefined
npm/npmjs/-/debug/3.2.7, MIT, approved, clearlydefined
npm/npmjs/-/debug/4.3.4, MIT, approved, clearlydefined
npm/npmjs/-/decimal.js/10.4.3, MIT, approved, clearlydefined
-npm/npmjs/-/dedent/1.5.1, MIT, approved, clearlydefined
+npm/npmjs/-/dedent/1.5.1, MIT, approved, #14381
npm/npmjs/-/deep-eql/4.1.3, MIT, approved, #4591
npm/npmjs/-/deep-equal/2.2.3, MIT, approved, #8406
npm/npmjs/-/deep-is/0.1.4, MIT, approved, #2130
@@ -598,7 +598,7 @@ npm/npmjs/-/pumpify/1.5.1, MIT, approved, clearlydefined
npm/npmjs/-/punycode/2.3.1, MIT, approved, #6373
npm/npmjs/-/pure-rand/6.1.0, MIT, approved, clearlydefined
npm/npmjs/-/qs/6.11.0, BSD-3-Clause, approved, #7556
-npm/npmjs/-/qs/6.12.0, BSD-3-Clause, approved, clearlydefined
+npm/npmjs/-/qs/6.12.0, BSD-3-Clause, approved, #14380
npm/npmjs/-/querystringify/2.2.0, MIT, approved, clearlydefined
npm/npmjs/-/queue-microtask/1.2.3, MIT, approved, clearlydefined
npm/npmjs/-/ramda/0.29.0, MIT, approved, #8976
diff --git a/README.md b/README.md
index 09c51401..aaa8415a 100644
--- a/README.md
+++ b/README.md
@@ -1,75 +1,160 @@
# Catena-X Portal Shared UI Components
-Contains the Shared UI Components that are used to build the [Portal Frontend](https://github.com/eclipse-tractusx/portal-frontend).
-Detailed documentation: https://eclipse-tractusx.github.io/portal-shared-components/
+Contains the Shared UI Components that are used to build the [Portal Frontend](https://github.com/eclipse-tractusx/portal-frontend) and other applications in the Catena-X ecosystem.
+
+- Source Code: https://github.com/eclipse-tractusx/portal-shared-components
+- NPM Library: https://npmjs.com/package/@catena-x/portal-shared-components
+- Components Storybook: https://eclipse-tractusx.github.io/portal-shared-components/
## User documentation
To use components in your own project follow this guide.
First create a new react app and add dependencies for the library and Material UI.
-We are using yarn and TypeScript, if you prefer npm/npx or JavaScript use those.
+We are using yarn and TypeScript, if you prefer a different setup like npm/npx or
+JavaScript there are other templates available.
- yarn create react-app sample-shared-components --template typescript
+ yarn create vite sample-shared-components --template react-ts
cd sample-shared-components
yarn add @catena-x/portal-shared-components @mui/icons-material @mui/material
-Install dependencies and start the development server
-
- yarn start
-
-Edit `src/index.tsx` and wrap the `App` with the CX `SharedThemeProvider` context
-
- ReactDOM.createRoot(
- document.getElementById('root') as HTMLElement
- ).render(
-
-
-
-
-
- )
-
-Edit `src/index.css` and add this stylings
-
-Note: replace with your installation host name.
-
- @font-face {
- font-family: "LibreFranklin-SemiBold";
- font-display: block;
- src: url("https:///assets/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
- font-weight: 600;
- }
- @font-face {
- font-family: "LibreFranklin-Medium";
- font-display: block;
- src: url("https:///assets/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
- font-weight: 500;
- }
- @font-face {
- font-family: "LibreFranklin";
- font-display: block;
- src: url("https:///assets/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
- font-weight: 400;
- }
- @font-face {
- font-family: "LibreFranklin-Light";
- font-display: block;
- src: url("https:///assets/fonts/LibreFranklin-VariableFont_wght.ttf") format("truetype");
- font-weight: 300;
- }
-
- body {
- margin: 0;
- font-family: 'LibreFranklin', 'Libre Franklin', 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
- color: black;
- font-weight: 300;
+Then start the development server and open the browser
+
+ yarn dev
+ # press o + enter
+
+Check the default Vite React App in your browser which shows a button counting the
+number of times it has been clicked. Now let's modify this App so it's using the
+Shared Components instead of default HTML elements.
+
+Edit `src/main.tsx` to import and wrap the `App` with the Catena-X `SharedThemeProvider` context.
+
+```diff
++ import { SharedThemeProvider } from '@catena-x/portal-shared-components'
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+
++
+
++
+ ,
+)
+```
+
+Open `src/App.tsx` to import the Button component and replace the default button with it.
+
+```diff
++ import { Button } from '@catena-x/portal-shared-components'
+...
+-
+```
+
+Then check in your browser how the appearance of the button has changed from
+a dark more rectangle shaped to a larger blue more rounded one. However the
+behavior of the button hasn't changed.
+
+Now let's have a look at a more complex example. In a first step we remove the
+stylings because the components are coming with Catena-X UI styling presets.
+
+Remove the css import from `src/main.tsx`
+
+```diff
++ import './index.css'
+```
+
+Add two more libraries
+
+ yarn add amount-to-words @javascript-packages/roman-numerals
+
+Then open `src/App.tsx` again and overwrite the content with this example.
+
+```diff
+import { useState } from 'react'
+import { Button, Cards, ViewSelector } from '@catena-x/portal-shared-components'
+import { numberToWords } from 'amount-to-words'
+import { toRoman } from '@javascript-packages/roman-numerals'
+
+const isPrime = (num: number) => {
+ for (let i = 2, s = Math.sqrt(num); i <= s; i++)
+ if (num % i === 0)
+ return false
+ return num > 1
+}
+
+enum ViewType {
+ ALL = 'ALL',
+ ODD = 'ODD',
+ EVEN = 'EVEN',
+ PRIME = 'PRIME',
+}
+
+const viewFilter: Record boolean> = {
+ ALL: () => true,
+ ODD: (n) => n % 2 === 1,
+ EVEN: (n) => n % 2 === 0,
+ PRIME: isPrime,
+}
+
+const svgtext = ''
+
+const generateImage = (n: number) => `data:image/svg+xml,${encodeURIComponent(svgtext.replace('N', n.toString()))}`
+
+const generateCard = (n: number) => ({
+ title: numberToWords(n),
+ subtitle: n === 0 ? '0' : toRoman(n),
+ subscriptionStatus: isPrime(n) ? 'Prime' : undefined,
+ description: 'This is a description of the card',
+ image: {
+ src: generateImage(n),
}
+})
+
+const cardsArgs = {
+ variant: 'compact',
+ expandOnHover: true,
+ imageSize: 'medium',
+ imageShape: 'round',
+ buttonText: 'View',
+}
+
+function App() {
+ const [count, setCount] = useState(1)
+ const [view, setView] = useState(ViewType.ALL)
+
+ return (
+ <>
+ { setCount(() => count + 1) }}> count is {count}
+ ({
+ buttonText,
+ buttonValue: buttonText,
+ onButtonClick: (e: React.MouseEvent) => { setView(e.target.value as ViewType) },
+ })
+ )
+ }
+ activeView={view}
+ />
+ i)
+ .filter(viewFilter[view])
+ .map(generateCard)
+ } />
+ >
+ )
+}
-Open `App.tsx` and replace the code with this example
+export default App
+```
- import { Button } from "@catena-x/portal-shared-components";
- const App = () => { alert('clicked') }}>Click me
- export default App;
+This example shows several components working together. Every button click
+adds a new card for that number and you can filter the cards by various criteria.
## Developer documentation
diff --git a/package.json b/package.json
index 4c2c5bd0..ad96a949 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
{
"name": "@catena-x/portal-shared-components",
- "version": "3.0.4",
+ "version": "3.0.5",
"description": "Catena-X Portal Shared Components",
"author": "Catena-X Contributors",
"license": "Apache-2.0",
diff --git a/src/components/basic/Alert/Alert.stories.tsx b/src/components/basic/Alert/Alert.stories.tsx
index 2801e6f9..066f189a 100644
--- a/src/components/basic/Alert/Alert.stories.tsx
+++ b/src/components/basic/Alert/Alert.stories.tsx
@@ -25,6 +25,7 @@ import { Alert as Component } from '.'
export default {
title: 'Alert',
component: Component,
+ tags: ['autodocs'],
argTypes: {
children: {},
},
diff --git a/src/components/basic/BaseImage/BaseImage.stories.tsx b/src/components/basic/BaseImage/BaseImage.stories.tsx
index ef491fe3..6687a190 100644
--- a/src/components/basic/BaseImage/BaseImage.stories.tsx
+++ b/src/components/basic/BaseImage/BaseImage.stories.tsx
@@ -25,6 +25,7 @@ import { BaseImage as Component } from '.'
export default {
title: 'Image',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx
index e3c0ae61..2d86c205 100644
--- a/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx
+++ b/src/components/basic/Breadcrumb/Breadcrumb.stories.tsx
@@ -26,6 +26,7 @@ import { Breadcrumb as Component } from '.'
export default {
title: 'Breadcrumb',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Button/BackButton.stories.tsx b/src/components/basic/Button/BackButton.stories.tsx
index 4f77f6d4..c11faa8e 100644
--- a/src/components/basic/Button/BackButton.stories.tsx
+++ b/src/components/basic/Button/BackButton.stories.tsx
@@ -25,6 +25,7 @@ import { BackButton as Component } from './BackButton'
export default {
title: 'Buttons',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onBackButtonClick: {
action: 'onClick',
diff --git a/src/components/basic/Button/LoadMoreButton.stories.tsx b/src/components/basic/Button/LoadMoreButton.stories.tsx
index e9c4f583..83dd74fd 100644
--- a/src/components/basic/Button/LoadMoreButton.stories.tsx
+++ b/src/components/basic/Button/LoadMoreButton.stories.tsx
@@ -25,6 +25,7 @@ import { LoadMoreButton as Component } from './LoadMoreButton'
export default {
title: 'Buttons',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Carousel/Carousel.stories.tsx b/src/components/basic/Carousel/Carousel.stories.tsx
index 33d1a60e..7c19cfaf 100644
--- a/src/components/basic/Carousel/Carousel.stories.tsx
+++ b/src/components/basic/Carousel/Carousel.stories.tsx
@@ -26,6 +26,7 @@ import uniqueId from 'lodash/uniqueId'
export default {
title: 'Carousel',
component: Component,
+ tags: ['autodocs'],
argTypes: {
children: {},
},
diff --git a/src/components/basic/Carousel/CarouselBox.stories.tsx b/src/components/basic/Carousel/CarouselBox.stories.tsx
index fd920852..e3f64ed3 100644
--- a/src/components/basic/Carousel/CarouselBox.stories.tsx
+++ b/src/components/basic/Carousel/CarouselBox.stories.tsx
@@ -26,6 +26,7 @@ import uniqueId from 'lodash/uniqueId'
export default {
title: 'Carousel',
component: Component,
+ tags: ['autodocs'],
argTypes: {
children: {},
},
diff --git a/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx b/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx
index 2acef5c0..b4689cc4 100644
--- a/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx
+++ b/src/components/basic/CategoryDivider/CategoryDivider.stories.tsx
@@ -25,6 +25,7 @@ import { CategoryDivider as Component } from '.'
export default {
title: 'CategoryDivider',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Checkbox/Checkbox.stories.tsx b/src/components/basic/Checkbox/Checkbox.stories.tsx
index 13a01e23..5789ac9c 100644
--- a/src/components/basic/Checkbox/Checkbox.stories.tsx
+++ b/src/components/basic/Checkbox/Checkbox.stories.tsx
@@ -25,6 +25,7 @@ import { Checkbox as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/Chip/DraggableChip.stories.tsx b/src/components/basic/Chip/DraggableChip.stories.tsx
index e8b69894..5b9f3343 100644
--- a/src/components/basic/Chip/DraggableChip.stories.tsx
+++ b/src/components/basic/Chip/DraggableChip.stories.tsx
@@ -25,6 +25,7 @@ import { DraggableChip as Component } from './DraggableChip'
export default {
title: 'Chip',
component: Component,
+ tags: ['autodocs'],
args: {
children: 'name_use_case_4',
isSelected: false,
diff --git a/src/components/basic/Chip/chip.stories.tsx b/src/components/basic/Chip/chip.stories.tsx
index e4e374c9..265462fc 100644
--- a/src/components/basic/Chip/chip.stories.tsx
+++ b/src/components/basic/Chip/chip.stories.tsx
@@ -24,6 +24,7 @@ import { Chip as Component } from '.'
export default {
title: 'Chip',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
parameters: {},
}
diff --git a/src/components/basic/CircularProgress/circularProgress.stories.tsx b/src/components/basic/CircularProgress/circularProgress.stories.tsx
index 8387780f..ee9ae5a4 100644
--- a/src/components/basic/CircularProgress/circularProgress.stories.tsx
+++ b/src/components/basic/CircularProgress/circularProgress.stories.tsx
@@ -25,6 +25,7 @@ import { CircularProgress as Component } from '.'
export default {
title: 'Loading',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx b/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx
index 84e34e13..42365902 100644
--- a/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx
+++ b/src/components/basic/CustomAccordion/CustomAccordion.stories.tsx
@@ -29,6 +29,7 @@ import SettingsOutlinedIcon from '@mui/icons-material/SettingsOutlined'
export default {
title: 'CustomAccordion',
component: Component,
+ tags: ['autodocs'],
argTypes: {
children: {},
},
diff --git a/src/components/basic/Datepicker/Datepicker.stories.tsx b/src/components/basic/Datepicker/Datepicker.stories.tsx
index 5667d7e6..8d699869 100644
--- a/src/components/basic/Datepicker/Datepicker.stories.tsx
+++ b/src/components/basic/Datepicker/Datepicker.stories.tsx
@@ -26,6 +26,7 @@ import { Datepicker as Component } from '.'
export default {
title: 'Datepicker',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Dialog/Dialog.stories.tsx b/src/components/basic/Dialog/Dialog.stories.tsx
index 4b6a9727..0c1c49e5 100644
--- a/src/components/basic/Dialog/Dialog.stories.tsx
+++ b/src/components/basic/Dialog/Dialog.stories.tsx
@@ -29,6 +29,7 @@ import { DialogHeader } from './DialogHeader'
export default {
title: 'Modal',
component: Component,
+ tags: ['autodocs'],
argTypes: {
maxWidth: {
control: 'inline-radio',
diff --git a/src/components/basic/Dialog/DialogActions.stories.tsx b/src/components/basic/Dialog/DialogActions.stories.tsx
index 1ee5b5ce..22b66ecf 100644
--- a/src/components/basic/Dialog/DialogActions.stories.tsx
+++ b/src/components/basic/Dialog/DialogActions.stories.tsx
@@ -26,6 +26,7 @@ import { Button } from '../Button'
export default {
title: 'Modal',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/Dialog/DialogHeader.stories.tsx b/src/components/basic/Dialog/DialogHeader.stories.tsx
index 8575627e..7ba46ae4 100644
--- a/src/components/basic/Dialog/DialogHeader.stories.tsx
+++ b/src/components/basic/Dialog/DialogHeader.stories.tsx
@@ -25,6 +25,7 @@ import { DialogHeader as Component } from './DialogHeader'
export default {
title: 'Modal',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx b/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx
index f400432e..7aac4d17 100644
--- a/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx
+++ b/src/components/basic/DropdownMenu/DropdownMenu.stories.tsx
@@ -28,6 +28,7 @@ import { DropdownMenu as Component } from '.'
export default {
title: 'Dropdown Menu',
component: Component,
+ tags: ['autodocs'],
args: {
buttonText: 'Admin',
},
diff --git a/src/components/basic/Dropzone/DropArea.stories.tsx b/src/components/basic/Dropzone/DropArea.stories.tsx
index 909a74ae..cc929d0a 100644
--- a/src/components/basic/Dropzone/DropArea.stories.tsx
+++ b/src/components/basic/Dropzone/DropArea.stories.tsx
@@ -25,6 +25,7 @@ import { DropArea as Component } from './components/DropArea'
export default {
title: 'Dropzone',
component: Component,
+ tags: ['autodocs'],
args: {
size: 'normal',
disabled: false,
diff --git a/src/components/basic/Dropzone/DropPreview.stories.tsx b/src/components/basic/Dropzone/DropPreview.stories.tsx
index be91f878..e856788c 100644
--- a/src/components/basic/Dropzone/DropPreview.stories.tsx
+++ b/src/components/basic/Dropzone/DropPreview.stories.tsx
@@ -26,6 +26,7 @@ import { UploadStatus } from './types'
export default {
title: 'Dropzone',
component: Component,
+ tags: ['autodocs'],
args: {
uploadFiles: [
{ name: 'Test123.pdf', size: 44345000, status: UploadStatus.NEW },
diff --git a/src/components/basic/Dropzone/DropPreviewFile.stories.tsx b/src/components/basic/Dropzone/DropPreviewFile.stories.tsx
index 368a6a29..93b54b2f 100644
--- a/src/components/basic/Dropzone/DropPreviewFile.stories.tsx
+++ b/src/components/basic/Dropzone/DropPreviewFile.stories.tsx
@@ -26,6 +26,7 @@ import { UploadStatus } from './types'
export default {
title: 'Dropzone',
component: Component,
+ tags: ['autodocs'],
args: {
name: 'Document.pdf',
size: 65402,
diff --git a/src/components/basic/ErrorBar/ErrorBar.stories.tsx b/src/components/basic/ErrorBar/ErrorBar.stories.tsx
index 375cb741..9f86fd31 100644
--- a/src/components/basic/ErrorBar/ErrorBar.stories.tsx
+++ b/src/components/basic/ErrorBar/ErrorBar.stories.tsx
@@ -24,6 +24,7 @@ import { ErrorBar as Component } from './ErrorBar'
export default {
title: 'ErrorBar',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/ErrorPage/ErrorPage.stories.tsx b/src/components/basic/ErrorPage/ErrorPage.stories.tsx
index 4928aad6..1470b2eb 100644
--- a/src/components/basic/ErrorPage/ErrorPage.stories.tsx
+++ b/src/components/basic/ErrorPage/ErrorPage.stories.tsx
@@ -25,6 +25,7 @@ import { ErrorPage as Component } from '.'
export default {
title: 'ErrorPage',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Expand/Expand.stories.tsx b/src/components/basic/Expand/Expand.stories.tsx
index 95451ff0..512e3c79 100644
--- a/src/components/basic/Expand/Expand.stories.tsx
+++ b/src/components/basic/Expand/Expand.stories.tsx
@@ -25,6 +25,7 @@ import { Expand as Component } from '.'
export default {
title: 'Expand',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx b/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx
index 47f3a7a7..c8b177eb 100644
--- a/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx
+++ b/src/components/basic/Headers/MainHeader/MainHeader.stories.tsx
@@ -25,6 +25,7 @@ import { MainHeader as Component } from './MainHeader'
export default {
title: 'Headers',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx b/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx
index 27468204..ba5ec034 100644
--- a/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx
+++ b/src/components/basic/Headers/PageHeader/PageHeader.stories.tsx
@@ -25,6 +25,7 @@ import { PageHeader as Component } from './PageHeader'
export default {
title: 'Headers',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/IconButton/IconButton.stories.tsx b/src/components/basic/IconButton/IconButton.stories.tsx
index 1c00ee1b..e8b83f0e 100644
--- a/src/components/basic/IconButton/IconButton.stories.tsx
+++ b/src/components/basic/IconButton/IconButton.stories.tsx
@@ -27,6 +27,7 @@ import ArrowForwardIcon from '@mui/icons-material/ArrowForward'
export default {
title: 'Buttons',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/Image/Image.stories.tsx b/src/components/basic/Image/Image.stories.tsx
index 4911391a..bc985c9c 100644
--- a/src/components/basic/Image/Image.stories.tsx
+++ b/src/components/basic/Image/Image.stories.tsx
@@ -23,6 +23,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/basic/ImageGallery/ImageGallery.stories.tsx b/src/components/basic/ImageGallery/ImageGallery.stories.tsx
index 4829b943..012afd2b 100644
--- a/src/components/basic/ImageGallery/ImageGallery.stories.tsx
+++ b/src/components/basic/ImageGallery/ImageGallery.stories.tsx
@@ -25,6 +25,7 @@ import { ImageGallery as Component } from '.'
export default {
title: 'ImageGallery',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args) => (
diff --git a/src/components/basic/Input/Input.stories.tsx b/src/components/basic/Input/Input.stories.tsx
index 1863c3c7..ee4e38c3 100644
--- a/src/components/basic/Input/Input.stories.tsx
+++ b/src/components/basic/Input/Input.stories.tsx
@@ -25,6 +25,7 @@ import { Input as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx b/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx
index 9a5bb89d..d7499083 100644
--- a/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx
+++ b/src/components/basic/LanguageSwitch/LanguageSwitch.stories.tsx
@@ -25,6 +25,7 @@ import { LanguageSwitch as Component } from '.'
export default {
title: 'UserMenu',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onChange: {
action: 'onChange',
diff --git a/src/components/basic/LoadingButton/LoadingButton.stories.tsx b/src/components/basic/LoadingButton/LoadingButton.stories.tsx
index 15158e1e..35382962 100644
--- a/src/components/basic/LoadingButton/LoadingButton.stories.tsx
+++ b/src/components/basic/LoadingButton/LoadingButton.stories.tsx
@@ -25,6 +25,7 @@ import { LoadingButton as Component } from '.'
export default {
title: 'Buttons',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Logo/Logo.stories.tsx b/src/components/basic/Logo/Logo.stories.tsx
index ff00c8cc..b6609a01 100644
--- a/src/components/basic/Logo/Logo.stories.tsx
+++ b/src/components/basic/Logo/Logo.stories.tsx
@@ -25,6 +25,7 @@ import { Logo as Component } from '.'
export default {
title: 'Logo',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/MainNavigation/MainNavigation.stories.tsx b/src/components/basic/MainNavigation/MainNavigation.stories.tsx
index 9c2642de..1cfb6cca 100644
--- a/src/components/basic/MainNavigation/MainNavigation.stories.tsx
+++ b/src/components/basic/MainNavigation/MainNavigation.stories.tsx
@@ -30,6 +30,7 @@ import PersonOutlineIcon from '@mui/icons-material/PersonOutline'
export default {
title: 'Navigation',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Menu/Menu.stories.tsx b/src/components/basic/Menu/Menu.stories.tsx
index bb640223..90861ce1 100644
--- a/src/components/basic/Menu/Menu.stories.tsx
+++ b/src/components/basic/Menu/Menu.stories.tsx
@@ -25,6 +25,7 @@ import { Menu as Component } from '.'
export default {
title: 'Menus',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx b/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx
index 5b65caa7..804e0517 100644
--- a/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx
+++ b/src/components/basic/MultiSelectList/MultiSelectList.stories.tsx
@@ -25,6 +25,7 @@ import { MultiSelectList as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx b/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx
index bcc1c764..8f958693 100644
--- a/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx
+++ b/src/components/basic/NewSubNavigation/NewSubNavigation.stories.tsx
@@ -23,6 +23,7 @@ import { NewSubNavigation as Component } from '.'
export default {
title: 'Navigation',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx b/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx
index f0aad307..e8c98d62 100644
--- a/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx
+++ b/src/components/basic/Notifications/PageNotification/PageNotification.stories.tsx
@@ -25,6 +25,7 @@ import { PageNotifications as Component } from '.'
export default {
title: 'Notifications',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx b/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx
index d6a2a080..e237aea2 100644
--- a/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx
+++ b/src/components/basic/Notifications/Snackbar/PageSnackbar.stories.tsx
@@ -25,6 +25,7 @@ import { PageSnackbar as Component } from '.'
export default {
title: 'Notifications',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx b/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx
index 3f2f00a2..7911d69d 100644
--- a/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx
+++ b/src/components/basic/Notifications/Snackbar/PageSnackbarStack.stories.tsx
@@ -26,6 +26,7 @@ import { PageSnackbarStack as Component } from './PageSnackbarStack'
export default {
title: 'Notifications',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
args: {
open: true,
diff --git a/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx b/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx
index 16619ce1..dc7497a0 100644
--- a/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx
+++ b/src/components/basic/OrderStatusButton/OrderStatusButton.stories.tsx
@@ -25,6 +25,7 @@ import { OrderStatusButton as Component } from '.'
export default {
title: 'Buttons',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/ProcessList/ProcessList.stories.tsx b/src/components/basic/ProcessList/ProcessList.stories.tsx
index eca93f54..2fef3907 100644
--- a/src/components/basic/ProcessList/ProcessList.stories.tsx
+++ b/src/components/basic/ProcessList/ProcessList.stories.tsx
@@ -25,6 +25,7 @@ import { ProcessList as Component } from '.'
export default {
title: 'ProcessList',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx b/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx
index d57e89cd..9fdc744e 100644
--- a/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx
+++ b/src/components/basic/Progress/CircleProgress/CircleProgress.stories.tsx
@@ -25,6 +25,7 @@ import { CircleProgress as Component } from '.'
export default {
title: 'Progress',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx b/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx
index c836fb7f..27a5bcbb 100644
--- a/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx
+++ b/src/components/basic/Progress/LinearProgress/LinearProgressWithValueLabel.stories.tsx
@@ -24,6 +24,7 @@ import { LinearProgressWithValueLabel as Component } from './LinearProgressWithV
export default {
title: 'LinearProgressWithValueLabel',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/QuickLinks/QuickLinks.stories.tsx b/src/components/basic/QuickLinks/QuickLinks.stories.tsx
index d0cd7d27..2b174b3a 100644
--- a/src/components/basic/QuickLinks/QuickLinks.stories.tsx
+++ b/src/components/basic/QuickLinks/QuickLinks.stories.tsx
@@ -23,6 +23,7 @@ import { QuickLinks as Component } from './index'
export default {
title: 'QuickLinks',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Radio/Radio.stories.tsx b/src/components/basic/Radio/Radio.stories.tsx
index d523ffc7..9d5dae1d 100644
--- a/src/components/basic/Radio/Radio.stories.tsx
+++ b/src/components/basic/Radio/Radio.stories.tsx
@@ -25,6 +25,7 @@ import { Radio as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/Rating/Rating.stories.tsx b/src/components/basic/Rating/Rating.stories.tsx
index 7c19f9df..cc0b0a0d 100644
--- a/src/components/basic/Rating/Rating.stories.tsx
+++ b/src/components/basic/Rating/Rating.stories.tsx
@@ -25,6 +25,7 @@ import { Rating as Component } from '.'
export default {
title: 'Rating',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/SearchInput/SearchInput.stories.tsx b/src/components/basic/SearchInput/SearchInput.stories.tsx
index cbf80be4..1525e0e8 100644
--- a/src/components/basic/SearchInput/SearchInput.stories.tsx
+++ b/src/components/basic/SearchInput/SearchInput.stories.tsx
@@ -25,6 +25,7 @@ import { SearchInput as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/SelectList/SelectList.stories.tsx b/src/components/basic/SelectList/SelectList.stories.tsx
index 4e7a58e2..52841740 100644
--- a/src/components/basic/SelectList/SelectList.stories.tsx
+++ b/src/components/basic/SelectList/SelectList.stories.tsx
@@ -25,6 +25,7 @@ import { SelectList as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/SideMenu/SideMenu.stories.tsx b/src/components/basic/SideMenu/SideMenu.stories.tsx
index 075df927..5910fe1b 100644
--- a/src/components/basic/SideMenu/SideMenu.stories.tsx
+++ b/src/components/basic/SideMenu/SideMenu.stories.tsx
@@ -27,6 +27,7 @@ import { DraggableChip } from '../Chip/DraggableChip'
export default {
title: 'Menus',
component: Component,
+ tags: ['autodocs'],
args: {
header: 'Filter Semantic Models by assigned Use Cases',
subHeader: 'Assign a Use Case by dragging it to a Semantic Model',
diff --git a/src/components/basic/SortOption/SortOption.stories.tsx b/src/components/basic/SortOption/SortOption.stories.tsx
index 68e1bf3b..f0ba23ae 100644
--- a/src/components/basic/SortOption/SortOption.stories.tsx
+++ b/src/components/basic/SortOption/SortOption.stories.tsx
@@ -24,6 +24,7 @@ import { SortOption as Component } from '.'
export default {
title: 'SortOption',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/StaticTable/StaticTable.stories.tsx b/src/components/basic/StaticTable/StaticTable.stories.tsx
index 51622c0a..2c3d94a3 100644
--- a/src/components/basic/StaticTable/StaticTable.stories.tsx
+++ b/src/components/basic/StaticTable/StaticTable.stories.tsx
@@ -25,6 +25,7 @@ import { StaticTable as Component } from '.'
export default {
title: 'StaticTable',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args) => (
diff --git a/src/components/basic/Stepper/Stepper.stories.tsx b/src/components/basic/Stepper/Stepper.stories.tsx
index d452adca..c25c4eac 100644
--- a/src/components/basic/Stepper/Stepper.stories.tsx
+++ b/src/components/basic/Stepper/Stepper.stories.tsx
@@ -25,6 +25,7 @@ import { Stepper as Component } from '.'
export default {
title: 'Steppers',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/SubNavigation/SubNavigation.stories.tsx b/src/components/basic/SubNavigation/SubNavigation.stories.tsx
index b350c688..76d89594 100644
--- a/src/components/basic/SubNavigation/SubNavigation.stories.tsx
+++ b/src/components/basic/SubNavigation/SubNavigation.stories.tsx
@@ -24,6 +24,7 @@ import { SubNavigation as Component } from '.'
export default {
title: 'Navigation',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx b/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx
index 6ac7549b..08a09892 100644
--- a/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx
+++ b/src/components/basic/Table/components/StatusTag/statusTag.stories.tsx
@@ -24,6 +24,7 @@ import { StatusTag as Component } from '.'
export default {
title: 'StatusTag',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Table/table.stories.tsx b/src/components/basic/Table/table.stories.tsx
index 49911af2..5a14cbdb 100644
--- a/src/components/basic/Table/table.stories.tsx
+++ b/src/components/basic/Table/table.stories.tsx
@@ -62,6 +62,7 @@ const columns: GridColDef[] = [
export default {
title: 'Table',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/Tabs/TabPanel.stories.tsx b/src/components/basic/Tabs/TabPanel.stories.tsx
index bb1d3f3a..f338bb46 100644
--- a/src/components/basic/Tabs/TabPanel.stories.tsx
+++ b/src/components/basic/Tabs/TabPanel.stories.tsx
@@ -24,6 +24,7 @@ import { TabPanel as Component } from './TabPanel'
export default {
title: 'Tabs',
component: Component,
+ tags: ['autodocs'],
parameters: {
docs: {
description: {
diff --git a/src/components/basic/Textarea/Textarea.stories.tsx b/src/components/basic/Textarea/Textarea.stories.tsx
index 3620171b..5b1edd73 100644
--- a/src/components/basic/Textarea/Textarea.stories.tsx
+++ b/src/components/basic/Textarea/Textarea.stories.tsx
@@ -25,6 +25,7 @@ import { Textarea as Component } from '.'
export default {
title: 'Form',
component: Component,
+ tags: ['autodocs'],
argTypes: {
onClick: {
action: 'onClick',
diff --git a/src/components/basic/ToolTips/ToolTips.stories.tsx b/src/components/basic/ToolTips/ToolTips.stories.tsx
index e7f937fe..6dc7b711 100644
--- a/src/components/basic/ToolTips/ToolTips.stories.tsx
+++ b/src/components/basic/ToolTips/ToolTips.stories.tsx
@@ -26,6 +26,7 @@ import { Button } from '../Button'
export default {
title: 'Tooltips',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/basic/UserAvatar/UserAvatar.stories.tsx b/src/components/basic/UserAvatar/UserAvatar.stories.tsx
index 480fad01..1a681740 100644
--- a/src/components/basic/UserAvatar/UserAvatar.stories.tsx
+++ b/src/components/basic/UserAvatar/UserAvatar.stories.tsx
@@ -25,6 +25,7 @@ import { UserAvatar as Component } from '.'
export default {
title: 'UserMenu',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx b/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx
index 21de693f..09e700ef 100644
--- a/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx
+++ b/src/components/basic/VerticalTabs/VerticalTabs.stories.tsx
@@ -26,6 +26,7 @@ import { TabPanelType, VerticalTabs as Component } from '.'
export default {
title: 'Tabs',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/basic/ViewSelector/ViewSelector.stories.tsx b/src/components/basic/ViewSelector/ViewSelector.stories.tsx
index 75a880e5..a5433abe 100644
--- a/src/components/basic/ViewSelector/ViewSelector.stories.tsx
+++ b/src/components/basic/ViewSelector/ViewSelector.stories.tsx
@@ -24,6 +24,7 @@ import { ViewSelector as Component, view } from '.'
export default {
title: 'ViewSelector',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/AboutCard.stories.tsx b/src/components/content/Cards/AboutCard.stories.tsx
index 62235a88..f4d7ca4a 100644
--- a/src/components/content/Cards/AboutCard.stories.tsx
+++ b/src/components/content/Cards/AboutCard.stories.tsx
@@ -24,6 +24,7 @@ import { AboutCard as Component } from './AboutCard'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/content/Cards/AppCards.stories.tsx b/src/components/content/Cards/AppCards.stories.tsx
index b89f9a6f..168fa48f 100644
--- a/src/components/content/Cards/AppCards.stories.tsx
+++ b/src/components/content/Cards/AppCards.stories.tsx
@@ -25,6 +25,7 @@ import { Cards as Component } from '.'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/CardAddService.stories.tsx b/src/components/content/Cards/CardAddService.stories.tsx
index d5593157..09e0aedf 100644
--- a/src/components/content/Cards/CardAddService.stories.tsx
+++ b/src/components/content/Cards/CardAddService.stories.tsx
@@ -25,6 +25,7 @@ import { CardAddService as Component } from './CardAddService'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/CardDecision.stories.tsx b/src/components/content/Cards/CardDecision.stories.tsx
index 2a9b1772..2d2dd0d1 100644
--- a/src/components/content/Cards/CardDecision.stories.tsx
+++ b/src/components/content/Cards/CardDecision.stories.tsx
@@ -26,6 +26,7 @@ import { CardDecision as Component } from './CardDecision'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/CardHorizontal.stories.tsx b/src/components/content/Cards/CardHorizontal.stories.tsx
index ed10c7a9..d9cc79ef 100644
--- a/src/components/content/Cards/CardHorizontal.stories.tsx
+++ b/src/components/content/Cards/CardHorizontal.stories.tsx
@@ -26,6 +26,7 @@ import { CardHorizontal as Component } from './CardHorizontal'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/ContentCard.stories.tsx b/src/components/content/Cards/ContentCard.stories.tsx
index 6d565959..04a4e58a 100644
--- a/src/components/content/Cards/ContentCard.stories.tsx
+++ b/src/components/content/Cards/ContentCard.stories.tsx
@@ -24,6 +24,7 @@ import { ContentCard as Component } from './ContentCard'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/Cards/MarketplaceCard.stories.tsx b/src/components/content/Cards/MarketplaceCard.stories.tsx
index 7599fd3c..07ffee17 100644
--- a/src/components/content/Cards/MarketplaceCard.stories.tsx
+++ b/src/components/content/Cards/MarketplaceCard.stories.tsx
@@ -25,6 +25,7 @@ import { Cards as Component } from '.'
export default {
title: 'Cards',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/DemoComponents/CardGrid.stories.tsx b/src/components/content/DemoComponents/CardGrid.stories.tsx
index 04be3a82..010eb68d 100644
--- a/src/components/content/DemoComponents/CardGrid.stories.tsx
+++ b/src/components/content/DemoComponents/CardGrid.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/FlexImages.stories.tsx b/src/components/content/DemoComponents/FlexImages.stories.tsx
index 470e4b57..a313e9f7 100644
--- a/src/components/content/DemoComponents/FlexImages.stories.tsx
+++ b/src/components/content/DemoComponents/FlexImages.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/GridImages.stories.tsx b/src/components/content/DemoComponents/GridImages.stories.tsx
index 5cd47745..06ac1816 100644
--- a/src/components/content/DemoComponents/GridImages.stories.tsx
+++ b/src/components/content/DemoComponents/GridImages.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/LinkButtonGrid.stories.tsx b/src/components/content/DemoComponents/LinkButtonGrid.stories.tsx
index e3d8f466..b2954ada 100644
--- a/src/components/content/DemoComponents/LinkButtonGrid.stories.tsx
+++ b/src/components/content/DemoComponents/LinkButtonGrid.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextCenterAligned.stories.tsx b/src/components/content/DemoComponents/TextCenterAligned.stories.tsx
index a5930e7d..d1dd9e26 100644
--- a/src/components/content/DemoComponents/TextCenterAligned.stories.tsx
+++ b/src/components/content/DemoComponents/TextCenterAligned.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextCenterAlignedBody2.stories.tsx b/src/components/content/DemoComponents/TextCenterAlignedBody2.stories.tsx
index 3cc069d3..cf26fec3 100644
--- a/src/components/content/DemoComponents/TextCenterAlignedBody2.stories.tsx
+++ b/src/components/content/DemoComponents/TextCenterAlignedBody2.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextImageCenterAligned.stories.tsx b/src/components/content/DemoComponents/TextImageCenterAligned.stories.tsx
index 9c4102d1..f54d9fcc 100644
--- a/src/components/content/DemoComponents/TextImageCenterAligned.stories.tsx
+++ b/src/components/content/DemoComponents/TextImageCenterAligned.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextImageSideBySide.stories.tsx b/src/components/content/DemoComponents/TextImageSideBySide.stories.tsx
index 23c00c5c..26e72104 100644
--- a/src/components/content/DemoComponents/TextImageSideBySide.stories.tsx
+++ b/src/components/content/DemoComponents/TextImageSideBySide.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextImageSideBySideWithSections.stories.tsx b/src/components/content/DemoComponents/TextImageSideBySideWithSections.stories.tsx
index 1fa82954..390bf07c 100644
--- a/src/components/content/DemoComponents/TextImageSideBySideWithSections.stories.tsx
+++ b/src/components/content/DemoComponents/TextImageSideBySideWithSections.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/TextVideoSideBySide.stories.tsx b/src/components/content/DemoComponents/TextVideoSideBySide.stories.tsx
index f6abc1d0..845827a7 100644
--- a/src/components/content/DemoComponents/TextVideoSideBySide.stories.tsx
+++ b/src/components/content/DemoComponents/TextVideoSideBySide.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/DemoComponents/VideoTextSideBySide.stories.tsx b/src/components/content/DemoComponents/VideoTextSideBySide.stories.tsx
index 2bc1e7bd..bb7efafa 100644
--- a/src/components/content/DemoComponents/VideoTextSideBySide.stories.tsx
+++ b/src/components/content/DemoComponents/VideoTextSideBySide.stories.tsx
@@ -22,6 +22,7 @@ import type { Meta, StoryObj } from '@storybook/react'
const meta: Meta = {
component: Component,
+ tags: ['autodocs'],
}
export default meta
diff --git a/src/components/content/Navigation/Navigation.stories.tsx b/src/components/content/Navigation/Navigation.stories.tsx
index 5cef0478..f38271ac 100644
--- a/src/components/content/Navigation/Navigation.stories.tsx
+++ b/src/components/content/Navigation/Navigation.stories.tsx
@@ -25,6 +25,7 @@ import { Navigation as Component } from '.'
export default {
title: 'Navigation',
component: Component,
+ tags: ['autodocs'],
argTypes: {},
}
diff --git a/src/components/content/UserMenu/UserMenu.stories.tsx b/src/components/content/UserMenu/UserMenu.stories.tsx
index 1157e038..365dd528 100644
--- a/src/components/content/UserMenu/UserMenu.stories.tsx
+++ b/src/components/content/UserMenu/UserMenu.stories.tsx
@@ -27,6 +27,7 @@ import { UserNav } from '../UserNav'
export default {
title: 'UserMenu',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (
diff --git a/src/components/content/UserNav/UserNav.stories.tsx b/src/components/content/UserNav/UserNav.stories.tsx
index 8e648c3a..c77dd37f 100644
--- a/src/components/content/UserNav/UserNav.stories.tsx
+++ b/src/components/content/UserNav/UserNav.stories.tsx
@@ -25,6 +25,7 @@ import { UserNav as Component } from '.'
export default {
title: 'UserMenu',
component: Component,
+ tags: ['autodocs'],
}
const Template: ComponentStory = (args: any) => (