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 = 'N' + +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 ( + <> + + ({ + 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 = () => - 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) => (