@qld-gov-au/qgds-bootstrap5 2.0.5 → 2.0.7

package/src/components/bs5/pagination/pagination.stories.js

@@ -1,52 +1,46 @@
 // Blockquote.stories.js
-import { Pagination } from './Pagination.js';
-import defaultdata from './pagination.data.json';
+import { Pagination } from "./Pagination.js";
+import defaultdata from "./pagination.data.json";
 
 export default {
-  tags: ['autodocs'],
-  title: '3. Components/Pagination',
+  tags: ["autodocs"],
+  title: "3. Components/Pagination",
   render: (args) => new Pagination(args).html,
-  
+
   parameters: {
     docs: {
       controls: {
-        exclude: ['previous', 'next', 'pages'],
+        exclude: ["previous", "next", "pages"],
         hideNoControlsWarning: true,
       },
     },
+    backgrounds: { disable: false },
   },
+  globals: { backgrounds: { value: "default" } },
 };
 
 /**
  * Pagination (Default)
  */
-
 export const Default = {
   args: defaultdata,
 };
 
-
 /**
  * Pagination when used inside a <code>.light</code> container
  */
-
 export const Light = {
-  
   args: defaultdata,
-
-  parameters: {
+  globals: {
     backgrounds: {
-      default: 'Light',
-      values: [
-        { name: 'Light', value: 'var(--qld-light-background)' },
-      ],
+      value: "light",
     },
   },
-  
+
   decorators: [
     (Story) => {
       return `
-      <div class="">
+      <div class="light">
           ${Story()}
       </div>
       `;
@@ -54,25 +48,19 @@ export const Light = {
   ],
 };
 
-
-
 /**
- * Pagination when used inside a <code>.light-alternative</code> container
+ * Pagination when used inside a <code>.alt</code> container
  */
 
 export const LightAlternative = {
-  
   args: defaultdata,
 
-  parameters: {
+  globals: {
     backgrounds: {
-      default: 'Light Alternative',
-      values: [
-        { name: 'Light Alternative', value: 'var(--qld-light-alt-background)' },
-      ],
+      value: "alt",
     },
   },
-  
+
   decorators: [
     (Story) => {
       return `
@@ -84,25 +72,19 @@ export const LightAlternative = {
   ],
 };
 
-
-
 /**
  * Pagination when used inside a <code>.dark</code> container
  */
 
 export const Dark = {
-  
   args: defaultdata,
 
-  parameters: {
+  globals: {
     backgrounds: {
-      default: 'Dark',
-      values: [
-        { name: 'Dark', value: 'var(--qld-primary)' },
-      ],
+      value: "dark",
     },
   },
-  
+
   decorators: [
     (Story) => {
       return `
@@ -114,24 +96,19 @@ export const Dark = {
   ],
 };
 
-
 /**
  * Pagination when used inside a <code>.dark-alt</code> container
  */
 
 export const DarkAlternative = {
-  
   args: defaultdata,
 
-  parameters: {
+  globals: {
     backgrounds: {
-      default: 'Dark Alternative',
-      values: [
-        { name: 'Dark Alternative', value: 'var(--qld-primary-dark)' },
-      ],
+      value: "darkAlt",
     },
   },
-  
+
   decorators: [
     (Story) => {
       return `
@@ -142,4 +119,3 @@ export const DarkAlternative = {
     },
   ],
 };
-

package/src/components/bs5/promotionalPanel/PromotionalPanel.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story, Source } from "@storybook/blocks";
+import { Canvas, Meta, Story, Source } from "@storybook/addon-docs/blocks";
 import * as promotionalPanelStories from "./promotionalPanel.stories";
 import defaultdata from "./promotionalPanel.data.json";
 

package/src/components/bs5/quickexit/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/searchInput/SearchInput.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as SearchInputStories from "./searchInput.stories";
 
 <Meta of={SearchInputStories} />

package/src/components/bs5/searchInput/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/searchInput/searchInput.stories.js

@@ -17,6 +17,14 @@ export default {
       },
       story: { height: "400px" },
     },
+    backgrounds: {
+      disable: false,
+    },
+  },
+  globals: {
+    backgrounds: {
+      value: "default",
+    },
   },
 };
 
@@ -48,12 +56,7 @@ export const Dark = {
   args: {
     ...defaultdata,
   },
-  parameters: {
-    backgrounds: {
-      default: "Dark",
-      values: [{ name: "Dark", value: "var(--qld-dark-background)" }],
-    },
-  },
+  globals: { backgrounds: { value: "dark" } },
   decorators: [
     (Story) => {
       return `
@@ -72,12 +75,7 @@ export const Dark = {
  */
 export const DarkFilled = {
   args: { ...defaultdata, customClass: "is-filled" },
-  parameters: {
-    backgrounds: {
-      default: "Dark",
-      values: [{ name: "Dark", value: "var(--qld-dark-background)" }],
-    },
-  },
+  globals: { backgrounds: { value: "dark" } },
   decorators: [
     (Story) => {
       return `

package/src/components/bs5/select/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/sidenav/Sidenav.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as SidenavStories from "./sidenav.stories";
 
 <Meta of={SidenavStories} />

package/src/components/bs5/sidenav/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/sidenav/sidenav.stories.js

@@ -10,8 +10,9 @@ export default {
   },
 
   argTypes: {},
-
+  globals: { backgrounds: { value: "default" } },
   parameters: {
+    backgrounds: { disable: false },
     docs: {
       controls: {
         exclude: ["navlist", "navtitlelink"],
@@ -26,6 +27,7 @@ export default {
  */
 export const Default = {
   args: defaultdata,
+  globals: { backgrounds: { value: "default" } },
   decorators: [
     (Story) => {
       return `
@@ -46,12 +48,7 @@ export const Default = {
  *
  */
 export const Dark = {
-  parameters: {
-    backgrounds: {
-      default: "Dark",
-      values: [{ name: "Dark", value: "var(--qld-dark-background)" }],
-    },
-  },
+  globals: { backgrounds: { value: "dark" } },
   args: defaultdata,
   decorators: [
     (Story) => {

package/src/components/bs5/sidenavWrapper/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/skiplinks/SkipLinks.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as Stories from "./skipLinks.stories.js";
 
 <Meta of={Stories} />

package/src/components/bs5/spinner/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/table/Table.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as TableStories from "./table.stories";
 
 <Meta of={TableStories} />

package/src/components/bs5/table/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/tabs/Tabs.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as TabsStories from "./tabs.stories";
 
 <Meta of={TabsStories} />

package/src/components/bs5/tabs/tabs.data.json

@@ -28,8 +28,7 @@
       {
         "tab_text": "Tab label 4",
         "title": "Section Heading Item 4",
-        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        "disabled": true
+        "content": "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>"
       },
       {
         "tab_text": "Tab label 5",

package/src/components/bs5/tabs/tabs.stories.js

@@ -2,6 +2,42 @@
 import { Tabs } from "./tabs.js";
 import defaultdata from "./tabs.data.json";
 
+// Generate argTypes for tab items dynamically
+const generateTabItemArgTypes = () => {
+  const argTypes = {};
+  const tabCount = defaultdata.data.items.length;
+
+  for (let i = 0; i < tabCount; i++) {
+    argTypes[`data.items.${i}.tab_text`] = {
+      name: `tabs item ${i} tab_text`,
+      description: `Tab ${i + 1} label text`,
+      control: "text",
+    };
+    argTypes[`data.items.${i}.title`] = {
+      name: `tabs item ${i} title`,
+      description: `Tab ${i + 1} section heading`,
+      control: "text",
+    };
+    argTypes[`data.items.${i}.icon`] = {
+      name: `tabs item ${i} icon`,
+      description: `Tab ${i + 1} icon classes`,
+      control: "text",
+    };
+    argTypes[`data.items.${i}.content`] = {
+      name: `tabs item ${i} content`,
+      description: `Tab ${i + 1} content HTML`,
+      control: "text",
+    };
+    argTypes[`data.items.${i}.disabled`] = {
+      name: `tabs item ${i} disabled`,
+      description: `Tab ${i + 1} disabled state`,
+      control: "boolean",
+    };
+  }
+
+  return argTypes;
+};
+
 export default {
   tags: ["autodocs"],
   title: "3. Components/Tabs",
@@ -32,6 +68,8 @@ export default {
       control: "text",
       defaultValue: "12345",
     },
+    // Dynamically generated tab item controls
+    ...generateTabItemArgTypes(),
   },
 };
 
@@ -52,49 +90,6 @@ export const ContainerTabsDefault = {
     type_variant: "container-tabs",
     unique_id: "234566",
     variant: "default",
-    data: {
-      items: [
-        {
-          tab_text: "Tab label 1",
-          title: "Section Heading (H3)",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 2",
-          title: "Section Heading Item 2",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 3",
-          title: "Section Heading Item 3",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 4",
-          title: "Section Heading Item 4",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-          disabled: true,
-        },
-        {
-          tab_text: "Tab label 5",
-          title: "Section Heading Item 5",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 6",
-          title: "Section Heading Item 6",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-      ],
-    },
   },
 };
 
@@ -107,49 +102,6 @@ export const ContainerTabsLight = {
     type_variant: "container-tabs",
     unique_id: "345678",
     variant: "light",
-    data: {
-      items: [
-        {
-          tab_text: "Tab label 1",
-          title: "Section Heading (H3)",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 2",
-          title: "Section Heading Item 2",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 3",
-          title: "Section Heading Item 3",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 4",
-          title: "Section Heading Item 4",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-          disabled: true,
-        },
-        {
-          tab_text: "Tab label 5",
-          title: "Section Heading Item 5",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 6",
-          title: "Section Heading Item 6",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-      ],
-    },
   },
 };
 
@@ -162,49 +114,6 @@ export const ContainerTabsAlt = {
     type_variant: "container-tabs",
     unique_id: "456789",
     variant: "alt",
-    data: {
-      items: [
-        {
-          tab_text: "Tab label 1",
-          title: "Section Heading (H3)",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 2",
-          title: "Section Heading Item 2",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 3",
-          title: "Section Heading Item 3",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 4",
-          title: "Section Heading Item 4",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-          disabled: true,
-        },
-        {
-          tab_text: "Tab label 5",
-          title: "Section Heading Item 5",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 6",
-          title: "Section Heading Item 6",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-      ],
-    },
   },
 };
 
@@ -217,49 +126,6 @@ export const ContainerTabsDark = {
     type_variant: "container-tabs",
     unique_id: "567890",
     variant: "dark",
-    data: {
-      items: [
-        {
-          tab_text: "Tab label 1",
-          title: "Section Heading (H3)",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 2",
-          title: "Section Heading Item 2",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 3",
-          title: "Section Heading Item 3",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 4",
-          title: "Section Heading Item 4",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-          disabled: true,
-        },
-        {
-          tab_text: "Tab label 5",
-          title: "Section Heading Item 5",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 6",
-          title: "Section Heading Item 6",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-      ],
-    },
   },
 };
 
@@ -272,48 +138,5 @@ export const ContainerTabsDarkAlt = {
     type_variant: "container-tabs",
     unique_id: "123456",
     variant: "dark-alt",
-    data: {
-      items: [
-        {
-          tab_text: "Tab label 1",
-          title: "Section Heading (H3)",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 2",
-          title: "Section Heading Item 2",
-          icon: "qld-icon qld-icon-md qld-icon-calendar",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 3",
-          title: "Section Heading Item 3",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 4",
-          title: "Section Heading Item 4",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-          disabled: true,
-        },
-        {
-          tab_text: "Tab label 5",
-          title: "Section Heading Item 5",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-        {
-          tab_text: "Tab label 6",
-          title: "Section Heading Item 6",
-          content:
-            "<p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies est. Tincidunt ultrices commodo vestibulum non netus. Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien condimentum adipiscing augue quisque eu. Facilisi ligula quam faucibus feugiat. Sapien at at eget malesuada senectus donec pellentesque pellentesque odio.</p>",
-        },
-      ],
-    },
   },
 };

package/src/components/bs5/tag/Tag.mdx

@@ -1,4 +1,4 @@
-import { Canvas, Meta, Story } from "@storybook/blocks";
+import { Canvas, Meta, Story } from "@storybook/addon-docs/blocks";
 import * as TagStories from "./tag.stories";
 
 <Meta of={TagStories} />

package/src/components/bs5/tag/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/textarea/manifest.json

@@ -0,0 +1 @@
+{}

package/src/components/bs5/textbox/manifest.json

@@ -0,0 +1 @@
+{}