docs: remove docs.tsx usage

Author: dobrinyonkov

docs/6-contributing/04-writing-samples.md

@@ -119,11 +119,6 @@ Every story has a `docs` page in the storybook's sidebar. Usually, this page is
 export default {
     title: "Main/Button",
     component,
-    parameters: {
-        docs: {
-          page: DocsPage({ ...componentInfo, component })
-        },
-    },
     argTypes,
 } as Meta<Button>;
 ```

packages/playground/.storybook/docs.tsx

@@ -3,12 +3,9 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import type { Meta, StoryFn } from "@storybook/web-components";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 import type Bar from "@ui5/webcomponents-fiori/dist/Bar.js";
 import BarDesign from "@ui5/webcomponents-fiori/dist/types/BarDesign.js";
 
@@ -17,11 +14,6 @@ const component = "ui5-bar";
 export default {
 	title: "Fiori/Bar",
 	component: "Bar",
-	parameters: {
-		docs: {
-			page: DocsPage({ ...componentInfo, component })
-		},
-	},
 	argTypes,
 } as Meta<Bar>;
 

packages/playground/_stories/fiori/Bar/Bar.stories.ts

@@ -1,12 +1,9 @@
 import { html } from "lit";
 import type { Meta } from "@storybook/web-components";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 // @ts-ignore
 import type BarcodeScannerDialog from "@ui5/webcomponents-fiori/dist/BarcodeScannerDialog.js";
 
@@ -15,11 +12,6 @@ const component = "ui5-barcode-scanner-dialog";
 export default {
     title: "Fiori/Barcode Scanner Dialog",
     component: "BarcodeScannerDialog",
-    parameters: {
-        docs: {
-            page: DocsPage({ ...componentInfo, component }),
-        },
-    },
     argTypes,
 } as Meta<BarcodeScannerDialog>;
 

packages/playground/_stories/fiori/BarcodeScannerDialog/BarcodeScannerDialog.stories.ts

@@ -3,12 +3,9 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import type { Meta, StoryFn } from "@storybook/web-components";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 import type DynamicSideContent from "@ui5/webcomponents-fiori/dist/DynamicSideContent.js";
 import SideContentPosition from "@ui5/webcomponents-fiori/dist/types/SideContentPosition.js";
 import SideContentFallDown from "@ui5/webcomponents-fiori/dist/types/SideContentFallDown.js";
@@ -19,11 +16,6 @@ const component = "ui5-dynamic-side-content";
 export default {
     title: "Fiori/DynamicSideContent",
     component: "DynamicSideContent",
-    parameters: {
-        docs: {
-          page: DocsPage({ ...componentInfo, component })
-        },
-    },
     argTypes,
 } as Meta<DynamicSideContent>;
 

packages/playground/_stories/fiori/DynamicSideContent/DynamicSideContent.stories.ts

@@ -3,24 +3,16 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import type { Meta } from "@storybook/web-components";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 import type FlexibleColumnLayout from "@ui5/webcomponents-fiori/dist/FlexibleColumnLayout.js";
 
 const component = "ui5-flexible-column-layout";
 
 export default {
   title: "Fiori/Flexible Column Layout",
   component: "FlexibleColumnLayout",
-  parameters: {
-    docs: {
-      page: DocsPage({ ...componentInfo, component })
-    },
-  },
   argTypes,
 } as Meta<FlexibleColumnLayout>;
 

packages/playground/_stories/fiori/FlexibleColumnLayout/FlexibleColumnLayout.stories.ts

@@ -3,12 +3,9 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import type { Meta, StoryFn } from "@storybook/web-components";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 import type IllustratedMessage from "@ui5/webcomponents-fiori/dist/IllustratedMessage.js";
 import IllustrationMessageType from "@ui5/webcomponents-fiori/dist/types/IllustrationMessageType.js";
 
@@ -17,11 +14,6 @@ const component = "ui5-illustrated-message";
 export default {
     title: "Fiori/Illustrated Message",
     component: "IllustratedMessage",
-    parameters: {
-        docs: {
-            page: DocsPage({ ...componentInfo, component }),
-        },
-    },
     argTypes,
 } as Meta<IllustratedMessage>;
 

packages/playground/_stories/fiori/IllustratedMessage/IllustratedMessage.stories.ts

@@ -4,12 +4,9 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import type { Meta, StoryFn } from "@storybook/web-components";
 import type { PartialStoryFn } from "@storybook/types";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../types.js";
-
-import { DocsPage } from "../../../.storybook/docs";
-
 import MediaGallery from "@ui5/webcomponents-fiori/dist/MediaGallery.js";
 import TemplateMediaGalleryTypes from "./TemplateMediaGalleryTypes.js";
 
@@ -33,11 +30,6 @@ const stylesDecorator = (storyFn: PartialStoryFn) => html`
 export default {
     title: "Fiori/Media Gallery",
     component: "MediaGallery",
-    parameters: {
-        docs: {
-            page: DocsPage({ ...componentInfo, component }),
-        },
-    },
     decorators: [stylesDecorator],
     argTypes,
 } as Meta<MediaGallery>;

packages/playground/_stories/fiori/MediaGallery/MediaGallery.stories.ts

@@ -4,12 +4,10 @@ import { ifDefined } from "lit/directives/if-defined.js";
 import type { Meta, StoryFn } from "@storybook/web-components";
 import type { PartialStoryFn } from "@storybook/types";
 
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
 import type { UI5StoryArgs } from "../../../../types.js";
 
-import { DocsPage } from "../../../../.storybook/docs.js";
-
 import MediaGalleryItem from "@ui5/webcomponents-fiori/dist/MediaGalleryItem.js";
 
 const component = "ui5-media-gallery-item";
@@ -32,11 +30,6 @@ const stylesDecorator = (storyFn: PartialStoryFn) => html`
 export default {
     title: "Fiori/Media Gallery/Media Gallery Item",
     component: "MediaGalleryItem",
-    parameters: {
-        docs: {
-            page: DocsPage({ ...componentInfo, component, showDefaultStoryOnly: true }),
-        }
-    },
     decorators: [stylesDecorator],
     argTypes,
 } as Meta<MediaGalleryItem>;

packages/playground/_stories/fiori/MediaGallery/MediaGalleryItem/MediaGalleryItem.stories.ts

@@ -2,11 +2,9 @@ import { html } from "lit";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { unsafeHTML } from "lit/directives/unsafe-html.js";
 import type { Meta } from "@storybook/web-components";
-import argTypes, { componentInfo } from "./argTypes.js";
+import argTypes from "./argTypes.js";
 import type { StoryArgsSlots } from "./argTypes.js";
-import type { UI5StoryArgs } from "../../../../types.js";
-import { DocsPage } from "../../../../.storybook/docs.js";
-import type NotificationAction from "@ui5/webcomponents-fiori/dist/NotificationAction.js";
+import type { UI5StoryArgs } from "../../../../types.js";import type NotificationAction from "@ui5/webcomponents-fiori/dist/NotificationAction.js";
 
 const component = "ui5-notification-action";
 
@@ -15,7 +13,6 @@ export default {
 	component: "NotificationAction",
 	parameters: {
 		docs: {
-			page: DocsPage({ ...componentInfo, component, showDefaultStoryOnly: true }),
 			story: {
 				iframeHeight: "470px",
 				inline: false,