@qld-gov-au/qgds-bootstrap5 1.0.1

package/docs/storybook-static/assets/sample-data/tag/tag.data.json

@@ -0,0 +1,112 @@
+{
+	"default": {
+		"varient": "tag-default",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "Babies"
+			},
+			{
+				"id": "Two",
+				"content": "Maternity"
+			},
+			{
+				"id": "Three",
+				"content": "General public"
+			}
+		]
+	},
+	"large": {
+		"varient": "",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "Babies",
+				"classes": "tag-large"
+			},
+			{
+				"id": "Two",
+				"content": "Maternity",
+				"classes": "tag-large"
+			},
+			{
+				"id": "Three",
+				"content": "General public",
+				"classes": "tag-large"
+			}
+		]
+	},
+	"action": {
+		"varient": "",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "<a href='javascript:void(0)'>Babies</a>",
+				"classes": "tag-link"
+			},
+			{
+				"id": "Two",
+				"content": "<a href='javascript:void(0)'>Maternity</a>",
+				"classes": "tag-link"
+			},
+			{
+				"id": "Three",
+				"content": "<a href='javascript:void(0)'>General public</a>",
+				"classes": "tag-link"
+			}
+		]
+	},
+	"dark": {
+		"classes": "",
+		"varient": "tag-dark",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "Babies"
+			},
+			{
+				"id": "Two",
+				"content": "Maternity"
+			},
+			{
+				"id": "Three",
+				"content": "General public"
+			}
+		]
+	},
+	"info": {
+		"varient": "",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "Babies",
+				"classes": "tag-info"
+			},
+			{
+				"id": "Two",
+				"content": "Maternity",
+				"classes": "tag-info"
+			},
+			{
+				"id": "Three",
+				"content": "General public",
+				"classes": "tag-info"
+			}
+		]
+	},
+	"filter": {
+		"varient": "",
+		"tagItems": [
+			{
+				"id": "One",
+				"content": "Policies and procedures<button class='close-icon'><span class='visually-hidden'>Policies and procedures</span></button>",
+				"classes": "tag-large"
+			},
+			{
+				"id": "Two",
+				"content": "Publications<button class='close-icon'><span class='visually-hidden'>Publications</span></button>",
+				"classes": "tag-large"
+			}
+		]
+	}
+}

package/docs/storybook-static/assets/sample-data/textarea/textarea.data.json

@@ -0,0 +1,12 @@
+{
+	"isDisabled": false,
+	"isRequired": true,
+	"customClass": "",
+	"rows": 3,
+	"label-text": "Label",
+	"placeholder": "Leave a comment here",
+	"optional-text": "optional",
+	"hint-text": "Hint",
+	"successMessageText": "Success message",
+	"errorMessageText": "Error message"
+}

package/docs/storybook-static/assets/sample-data/textbox/textbox.data.json

@@ -0,0 +1,11 @@
+{
+	"isDisabled": false,
+	"isRequired": true,
+	"customClass": "",
+	"label-text": "Label",
+	"placeholder": "Hello World",
+	"optional-text": "optional",
+	"hint-text": "Hint",
+	"successMessageText": "Success message",
+	"errorMessageText": "Error message"
+}

package/docs/storybook-static/assets/sample-data/video/video.data.json

@@ -0,0 +1,37 @@
+{
+  "vimeo": {
+    "source": "vimeo",
+    "videoId": "251763826",
+    "videoSize": "col-8",
+    "aspectRatio": "4x3",
+    "duration": "5:00",
+    "thumbnail": "./assets/img/banner-example-3-to-2.jpg",
+    "analyticsTrackingCode": "",
+    "description": "<h3>Vimeo video embed</h3><p>Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim.</p>",
+    "transcriptContent": "<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.</p><p>Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.</p>",
+    "transcript": ""
+  },
+  "youtube": {
+    "source": "youtube",
+    "videoId": "LDU_Txk06tM",
+    "videoSize": "col-12",
+    "aspectRatio": "16x9",
+    "duration": "3:12",
+    "thumbnail": "https://img.youtube.com/vi/LDU_Txk06tM/sddefault.jpg",
+    "description": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa.",
+    "transcriptContent": "<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.</p><p>Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.</p><p>Donec blandit feugiat ligula. Donec hendrerit, felis et imperdiet euismod, purus ipsum pretium metus, in lacinia nulla nisl eget sapien. Donec ut est in lectus consequat consequat. Etiam eget dui. Aliquam erat volutpat. Sed at lorem in nunc porta tristique.</p><p>Proin nec augue. Quisque aliquam tempor magna. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Nunc ac magna. Maecenas odio dolor, vulputate vel, auctor ac, accumsan id, felis. Pellentesque cursus sagittis felis.</p><p>Pellentesque porttitor, velit lacinia egestas auctor, diam eros tempus arcu, nec vulputate augue magna vel risus. Cras non magna vel ante adipiscing rhoncus. Vivamus a mi. Morbi neque. Aliquam erat volutpat. Integer ultrices lobortis eros.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin semper, ante vitae sollicitudin posuere, metus quam iaculis nibh, vitae scelerisque nunc massa eget pede. Sed velit urna, interdum vel, ultricies vel, faucibus at, quam. Donec elit est, consectetuer eget, consequat quis, tempus quis, wisi. In in nunc. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos hymenaeos.</p><p>Donec ullamcorper fringilla eros. Fusce in sapien eu purus dapibus commodo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Cras faucibus condimentum odio. Sed ac ligula. Aliquam at eros.</p><p>Etiam at ligula et tellus ullamcorper ultrices. In fermentum, lorem non cursus porttitor, diam urna accumsan lacus, sed interdum wisi nibh nec nisl. Ut tincidunt volutpat urna. Mauris eleifend nulla eget mauris. Sed cursus quam id felis. Curabitur posuere quam vel nibh.</p><p>Cras dapibus dapibus nisl. Vestibulum quis dolor a felis congue vehicula. Maecenas pede purus, tristique ac, tempus eget, egestas quis, mauris. Curabitur non eros. Nullam hendrerit bibendum justo. Fusce iaculis, est quis lacinia pretium, pede metus molestie lacus, at gravida wisi ante at libero.</p>",
+    "transcript": ""
+  },
+  "custom": {
+    "source": "custom",
+    "videoId": "https://embed.ted.com/talks/lang/en/adam_grosser_a_mobile_fridge_for_vaccines",
+    "videoSize": "col-8",
+    "aspectRatio": "16x9",
+    "duration": "3:17",
+    "thumbnail": "./assets/img/banner-example-3-to-2.jpg",
+    "analyticsTrackingCode": "",
+    "description": "<h3>Custom video embed</h3><p>Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim.</p>",
+    "transcriptContent": "<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Maecenas porttitor congue massa. Fusce posuere, magna sed pulvinar ultricies, purus lectus malesuada libero, sit amet commodo magna eros quis urna. Nunc viverra imperdiet enim. Fusce est. Vivamus a tellus.</p><p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Proin pharetra nonummy pede. Mauris et orci. Aenean nec lorem. In porttitor. Donec laoreet nonummy augue.</p><p>Suspendisse dui purus, scelerisque at, vulputate vitae, pretium mattis, nunc. Mauris eget neque at sem venenatis eleifend. Ut nonummy. Fusce aliquet pede non pede. Suspendisse dapibus lorem pellentesque magna. Integer nulla.</p>",
+    "transcript": ""
+  }
+}

package/docs/storybook-static/assets/sidenav.stories-0M33mw94.js

@@ -0,0 +1,112 @@
+import{C as m}from"./QGDSComponent-CRuos6yj.js";const p=`<div class="qld-side-navigation">
+
+    <h2 class="nav-title">
+        {{#if navtitlelink }}
+        <a href="{{navtitlelink}}">{{navtitle}}</a>
+        {{else}}
+        {{navtitle}}
+        {{/if}}
+    </h2>
+
+    <!-- Level One -->
+    <ul class="nav" aria-label="section navigation">
+
+        {{#each navlist}}
+        <li class="nav-item {{class}}">
+            
+            {{#contains "active" class }}
+            <span class="nav-link">{{label}}</span>
+            {{else}}
+            <a class="nav-link" href="{{link}}" target="{{target}}">
+                {{label}} {{class}}
+            </a>
+            {{/contains}}
+
+            {{#if children}}
+            <!-- Level Two -->
+            <ul>
+            {{#each children}}
+                <li class="nav-item {{class}}">
+                    
+                {{#contains "active" class }}
+                <span class="nav-link">{{label}}</span>
+                {{else}}
+                <a class="nav-link" href="{{link}}" target="{{target}}">
+                    {{label}} {{class}}
+                </a>
+                {{/contains}}
+
+                    {{#if children}}
+                    <!-- Level Three -->
+                    <ul class="with-stalks">
+                    {{#each children}}
+                        <li class="nav-item {{class}}">
+                           
+                        {{#contains "active" class }}
+                        <span class="nav-link">{{label}}</span>
+                        {{else}}
+                        <a class="nav-link" href="{{link}}" target="{{target}}">
+                            {{label}} {{class}}
+                        </a>
+                        {{/contains}}
+
+                        </li>
+                    {{/each}}
+                    </ul>
+                    {{/if}}
+
+                </li>
+            {{/each}}
+            </ul>
+            {{/if}}
+
+        </li>
+        {{/each}}
+    </ul>
+</div>`;class k{constructor(g={}){return new m(p,g)}}const b="In this section",f="#optionallink",w=[{link:"https://www.qld.gov.au/transport/registration/register/heavy",label:"Heavy vehicles",class:"",target:"",children:[{link:"#",class:"",label:"Level two item",children:[]},{link:"#",class:"active",label:"Level two item",children:[]},{link:"#",class:"",label:"Level two item",children:[{link:"#",class:"",label:"Level three item",children:[]},{link:"#",class:"active",label:"Level three item that wraps to another line",children:[]}]}]},{link:"#",label:"Renew registration",class:"",children:[]},{link:"#",label:"Register a motorised mobility device",class:"active",children:[]},{link:"#",label:"Register a boat",class:"",children:[]},{link:"#",label:"Conditional registration",class:"",children:[]},{link:"#",label:"Vehicles registered overseas temporarily being used in Queensland",class:"",children:[]},{link:"#",label:"Left hand drive vehicles",class:"",children:[]},{link:"#",label:"Registration Help Tool—how to register a used motor vehicle or motorcycle",class:"",children:[]}],u={navtitle:b,navtitlelink:f,navlist:w},y={tags:["autodocs"],title:"Components/Side navigation",render:n=>new k(n).html,argTypes:{},parameters:{docs:{controls:{exclude:["navlist","navtitlelink"]}}}},e={args:u,decorators:[n=>`
+      <div class="container-fluid">
+        <div class="row">
+        <div class="col-lg-4 col-md-5">
+          ${n()}
+        </div>
+        </div>
+      </div>
+      `]},a={args:u,decorators:[n=>`
+      <div class="container-fluid">
+        <div class="row">
+        <div class="col-lg-4 col-md-5">
+        <div class="dark">
+          ${n()}
+        </div>
+        </div>
+        </div>
+      </div>
+      `]};var l,s,i,t,r;e.parameters={...e.parameters,docs:{...(l=e.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: defaultdata,
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid">
+        <div class="row">
+        <div class="col-lg-4 col-md-5">
+          \${Story()}
+        </div>
+        </div>
+      </div>
+      \`;
+  }]
+}`,...(i=(s=e.parameters)==null?void 0:s.docs)==null?void 0:i.source},description:{story:"Default side navigation",...(r=(t=e.parameters)==null?void 0:t.docs)==null?void 0:r.description}}};var c,o,d,v,h;a.parameters={...a.parameters,docs:{...(c=a.parameters)==null?void 0:c.docs,source:{originalSource:`{
+  args: defaultdata,
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid">
+        <div class="row">
+        <div class="col-lg-4 col-md-5">
+        <div class="dark">
+          \${Story()}
+        </div>
+        </div>
+        </div>
+      </div>
+      \`;
+  }]
+}`,...(d=(o=a.parameters)==null?void 0:o.docs)==null?void 0:d.source},description:{story:"Dark side navigation",...(h=(v=a.parameters)==null?void 0:v.docs)==null?void 0:h.description}}};const S=["Default","Dark"],D=Object.freeze(Object.defineProperty({__proto__:null,Dark:a,Default:e,__namedExportsOrder:S,default:y},Symbol.toStringTag,{value:"Module"}));export{e as D,D as S};

package/docs/storybook-static/assets/syntaxhighlighter-JOJW2KGS-p1Nzekqu.js

@@ -0,0 +1 @@
+import{S as g,c as n,s as u,a as c}from"./index-CArbswWF.js";import"./iframe-DKCbiNeM.js";import"../sb-preview/runtime.js";import"./index-DH5ua8nC.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./index-Dkj0J1ds.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";export{g as SyntaxHighlighter,n as createCopyToClipboardFunction,u as default,c as supportedLanguages};

package/docs/storybook-static/assets/table.stories-CJc-nOdH.js

@@ -0,0 +1,134 @@
+import{C as P}from"./QGDSComponent-CRuos6yj.js";const J=`<!-- QGDS Component: Table -->
+
+<div class="table-responsive qld-table {{customClass}}">
+
+    <table class="table {{variantClass}}">
+
+        {{#if caption}}
+        <caption class="caption">
+            {{caption}}
+            {{#if subcaption}}
+            <span class="sub-caption">{{{ subcaption }}}</span>
+            {{/if}}
+        </caption>
+        {{/if}}
+
+        {{#if headers}}
+        <thead>
+            <tr>
+                {{#each headers}}
+                <th scope="col">{{this}}</th>
+                {{/each}}
+            </tr>
+        </thead>
+        {{/if}}
+
+        <tbody>
+            {{#rows}}
+            <tr class="">
+                {{#each cells}}
+                <td>{{this}}</td>
+                {{/each}}
+            </tr>
+            {{/rows}}
+        </tbody>
+
+        {{#if footer}}
+        <tfoot>
+            {{#each footer}}
+            <tr class="">
+                {{#each cells}}
+                <td>{{this}}</td>
+                {{/each}}
+            </tr>
+            {{/each}}
+        </tfoot>
+        {{/if}}
+
+    </table>
+</div>`;class K{constructor(M={}){return new P(J,M)}}const N="",U="",V="Table caption",X="2021 - 2024",Y=["Header","Header","Header"],Z=[{cells:["Cell","Cell","Cell"]},{cells:["Cell","Cell","Cell"]},{cells:["Cell","Cell","Cell"]},{cells:["Cell","Cell","Cell"]},{cells:["Cell","Cell","Cell"]},{cells:["Cell","Cell","Cell"]}],ee=[{cells:["Footer","Footer","Footer"]}],l={customClass:N,variantClass:U,caption:V,subcaption:X,headers:Y,rows:Z,footer:ee},le={tags:["autodocs"],title:"Components/Table",render:e=>(typeof e.variantClass=="string"?e.variantClass=e.variantClass.replaceAll(","," "):typeof e.variantClass=="object"&&(e.variantClass=e.variantClass.join(" ")),new K(e).html),argTypes:{variantClass:{name:"Classes",description:"Settable classes for the component",control:{type:"check",labels:{"table-dark":"Dark","table-striped":"Striped"}},options:["table-dark","table-striped"]},caption:{name:"Caption",description:"Table caption",control:{type:"text"}},subcaption:{name:"Subcaption",description:"Table subcaption",control:{type:"text"}}},parameters:{docs:{controls:{exclude:["headers","rows","footer"]}}}},a={args:l},r={args:{...l,variantClass:"table-striped"}},o={args:{...l,customClass:"qld-table--borderless"}},t={args:{...l,variantClass:"table-hover"}},s={args:{...l,variantClass:"table-dark"}},n={args:{...l,variantClass:["table-dark","table-hover"]}},c={decorators:[e=>`
+        <div class="container-fluid"><div class="row">
+        <div class="col-6">
+        ${e()}
+        </div>
+        </div></div>
+      `],args:{...l,headers:["Header","Header","Header","Header","Header","Header","Header","Header","Header","Header","Header","Header"],rows:[{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]},{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]},{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]},{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]},{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]},{cells:["Cell","Longer cell","Cell","Cell","Longer cell","Cell","Cell","Cell","Cell","Cell","Longer Cell","Cell"]}],footer:[{cells:["Footer","Footer","Footer","Footer","Footer","Footer","Footer","Footer","Footer","Footer","Footer","Footer"]}],variantClass:["table-striped","table-hover"]}};var d,i,C,p,u;a.parameters={...a.parameters,docs:{...(d=a.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: defaultdata
+}`,...(C=(i=a.parameters)==null?void 0:i.docs)==null?void 0:C.source},description:{story:`For data tables with a small amount of rows use the default table:
+ - Align text columns and corresponding data cells to the left
+ - When comparing numbers in a column, align data cells and column headers to the right
+ - For data tables with more rows, use the striped alternative
+
+Example full table including headers, rows and footer, caption and subcaption`,...(u=(p=a.parameters)==null?void 0:p.docs)==null?void 0:u.description}}};var b,g,m,h,v;r.parameters={...r.parameters,docs:{...(b=r.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      variantClass: "table-striped"
+    }
+  }
+}`,...(m=(g=r.parameters)==null?void 0:g.docs)==null?void 0:m.source},description:{story:"Table with striping (or banding)  <code>.table-striped</code>",...(v=(h=r.parameters)==null?void 0:h.docs)==null?void 0:v.description}}};var f,L,H,F,w;o.parameters={...o.parameters,docs:{...(f=o.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      customClass: "qld-table--borderless"
+    }
+  }
+}`,...(H=(L=o.parameters)==null?void 0:L.docs)==null?void 0:H.source},description:{story:`Also known as: Quiet Table
+
+When seeking to integrate and expand the information that accompanies a text, a borderless table can prove advantageous. It imparts a sense of continuity and cohesion, making the data feel more seamlessly integrated with the surrounding text.`,...(w=(F=o.parameters)==null?void 0:F.docs)==null?void 0:w.description}}};var y,k,S,T,x;t.parameters={...t.parameters,docs:{...(y=t.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      variantClass: "table-hover"
+    }
+  }
+}`,...(S=(k=t.parameters)==null?void 0:k.docs)==null?void 0:S.source},description:{story:"Table with row hover <code>.table-hover</code>",...(x=(T=t.parameters)==null?void 0:T.docs)==null?void 0:x.description}}};var D,_,W,A,j;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      variantClass: "table-dark"
+    }
+  }
+}`,...(W=(_=s.parameters)==null?void 0:_.docs)==null?void 0:W.source},description:{story:"Alternate (Dark) table. <code>.table-dark</code>",...(j=(A=s.parameters)==null?void 0:A.docs)==null?void 0:j.description}}};var q,O,R,B,E;n.parameters={...n.parameters,docs:{...(q=n.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      variantClass: ["table-dark", "table-hover"]
+    }
+  }
+}`,...(R=(O=n.parameters)==null?void 0:O.docs)==null?void 0:R.source},description:{story:"Alternate (Dark) table. <code>.table-dark .table-hover</code>",...(E=(B=n.parameters)==null?void 0:B.docs)==null?void 0:E.description}}};var Q,$,z,G,I;c.parameters={...c.parameters,docs:{...(Q=c.parameters)==null?void 0:Q.docs,source:{originalSource:`{
+  decorators: [Story => {
+    return \`
+        <div class="container-fluid"><div class="row">
+        <div class="col-6">
+        \${Story()}
+        </div>
+        </div></div>
+      \`;
+  }],
+  args: {
+    ...defaultdata,
+    ...{
+      "headers": ["Header", "Header", "Header", "Header", "Header", "Header", "Header", "Header", "Header", "Header", "Header", "Header"],
+      "rows": [{
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }, {
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }, {
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }, {
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }, {
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }, {
+        "cells": ["Cell", "Longer cell", "Cell", "Cell", "Longer cell", "Cell", "Cell", "Cell", "Cell", "Cell", "Longer Cell", "Cell"]
+      }],
+      "footer": [{
+        "cells": ["Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer", "Footer"]
+      }]
+    },
+    ...{
+      variantClass: ["table-striped", "table-hover"]
+    }
+  }
+}`,...(z=($=c.parameters)==null?void 0:$.docs)==null?void 0:z.source},description:{story:"Responsive table example <code>.table-responsive</code>",...(I=(G=c.parameters)==null?void 0:G.docs)==null?void 0:I.description}}};const ae=["Default","Striped","Borderless","WithHover","Dark","DarkWithHover","Responsive"],oe=Object.freeze(Object.defineProperty({__proto__:null,Borderless:o,Dark:s,DarkWithHover:n,Default:a,Responsive:c,Striped:r,WithHover:t,__namedExportsOrder:ae,default:le},Symbol.toStringTag,{value:"Module"}));export{a as D,oe as T};

package/docs/storybook-static/assets/tag.data-CHGgEcoZ.js

@@ -0,0 +1,10 @@
+import{C as e}from"./QGDSComponent-CRuos6yj.js";const a=`<!-- QGDS Component: Tag -->
+
+<ui class="tag-list {{varient}}">
+  {{#each tagItems}}
+  <li class="tag-item {{classes}}">
+    {{{content}}}
+  </li>
+  {{/each }}
+</ui>
+`;class d{constructor(t={}){return new e(a,t)}}const n={varient:"",tagItems:[{id:"One",content:"Babies",classes:"tag-large"},{id:"Two",content:"Maternity",classes:"tag-large"},{id:"Three",content:"General public",classes:"tag-large"}]},s={varient:"",tagItems:[{id:"One",content:"<a href='javascript:void(0)'>Babies</a>",classes:"tag-link"},{id:"Two",content:"<a href='javascript:void(0)'>Maternity</a>",classes:"tag-link"},{id:"Three",content:"<a href='javascript:void(0)'>General public</a>",classes:"tag-link"}]},i={classes:"",varient:"tag-dark",tagItems:[{id:"One",content:"Babies"},{id:"Two",content:"Maternity"},{id:"Three",content:"General public"}]},c={varient:"",tagItems:[{id:"One",content:"Babies",classes:"tag-info"},{id:"Two",content:"Maternity",classes:"tag-info"},{id:"Three",content:"General public",classes:"tag-info"}]},o={varient:"",tagItems:[{id:"One",content:"Policies and procedures<button class='close-icon'><span class='visually-hidden'>Policies and procedures</span></button>",classes:"tag-large"},{id:"Two",content:"Publications<button class='close-icon'><span class='visually-hidden'>Publications</span></button>",classes:"tag-large"}]},g={default:{varient:"tag-default",tagItems:[{id:"One",content:"Babies"},{id:"Two",content:"Maternity"},{id:"Three",content:"General public"}]},large:n,action:s,dark:i,info:c,filter:o};export{d as T,g as d};

package/docs/storybook-static/assets/tag.stories-DSRCcGKc.js

@@ -0,0 +1,13 @@
+import{T as j,d as a}from"./tag.data-CHGgEcoZ.js";const v={tags:["autodocs"],title:"Components/Tag",render:h=>new j(h).html,argTypes:{varient:{description:"Tags theme",control:{type:"radio",labels:{"tag-default":"Default","tag-alt":"Alt","tag-dark":"Dark","tag-dark-alt":"Dark-alt"}},options:["tag-default","tag-alt","tag-dark","tag-dark-alt"]}}},r={args:a.default},e={args:a.large},t={args:a.action},s={args:a.dark},o={args:a.info},c={args:a.filter};var d,n,l;r.parameters={...r.parameters,docs:{...(d=r.parameters)==null?void 0:d.docs,source:{originalSource:`{
+  args: defaultdata.default
+}`,...(l=(n=r.parameters)==null?void 0:n.docs)==null?void 0:l.source}}};var g,u,i;e.parameters={...e.parameters,docs:{...(g=e.parameters)==null?void 0:g.docs,source:{originalSource:`{
+  args: defaultdata.large
+}`,...(i=(u=e.parameters)==null?void 0:u.docs)==null?void 0:i.source}}};var p,m,f;t.parameters={...t.parameters,docs:{...(p=t.parameters)==null?void 0:p.docs,source:{originalSource:`{
+  args: defaultdata.action
+}`,...(f=(m=t.parameters)==null?void 0:m.docs)==null?void 0:f.source}}};var k,S,D;s.parameters={...s.parameters,docs:{...(k=s.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: defaultdata.dark
+}`,...(D=(S=s.parameters)==null?void 0:S.docs)==null?void 0:D.source}}};var T,_,b;o.parameters={...o.parameters,docs:{...(T=o.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: defaultdata.info
+}`,...(b=(_=o.parameters)==null?void 0:_.docs)==null?void 0:b.source}}};var y,A,O;c.parameters={...c.parameters,docs:{...(y=c.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: defaultdata.filter
+}`,...(O=(A=c.parameters)==null?void 0:A.docs)==null?void 0:O.source}}};const x=["Default","Large","Action","Dark","Information","Filter"],I=Object.freeze(Object.defineProperty({__proto__:null,Action:t,Dark:s,Default:r,Filter:c,Information:o,Large:e,__namedExportsOrder:x,default:v},Symbol.toStringTag,{value:"Module"}));export{r as D,I as T};

package/docs/storybook-static/assets/typography.stories-BlP0HvTw.js

@@ -0,0 +1,111 @@
+const C={tags:["autodocs"],title:"Components/Typography",render:()=>`
+    <h1>Heading 1</h1>
+    <h2>Heading 2</h2>
+    <h3>Heading 3</h3>
+    <h4>Heading 4</h4>
+    <h5>Heading 5</h5>
+    <h6>Heading 6</h6>
+    <p>Elementum euismod fringilla vitae varius. Justo imperdiet justo tincidunt vestibulum venenatis morbi molestie dolor orci. <a href="#">Risus sapien urna blandit eget</a>. Mi, nisl facilisis pellentesque bibendum. Gravida lobortis vel amet, ullamcorper vestibulum, in curabitur odio pulvinar.</p>
+    <p>Example paragraph. <a href="#">Internal link</a> and an <a href="#" rel="external">external link</a></p>
+    <p><a class="qld__text-link--no-visited" href="#no-visit">Link without visited state</a></p>
+    `,argTypes:{},parameters:{design:[{name:"QGDS Figma - Typography",type:"figma",url:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23805-306627&mode=design&t=5REJ3QGtTW1K0fGT-4"},{name:"QGDS Figma - Underline style",type:"figma",url:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23805-301553&mode=design&t=5REJ3QGtTW1K0fGT-4"}]}},e={},r={parameters:{backgrounds:{default:"Light",values:[{name:"Light",value:"var(--qld-light-background)"}]}},decorators:[a=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="light">
+          ${a()}
+      </div>
+      </div></div></div>
+      `]},s={parameters:{backgrounds:{default:"Alternative",values:[{name:"Alternative",value:"var(--qld-light-grey-alt)"}]}},decorators:[a=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="alt">
+          ${a()}
+      </div>
+      </div></div></div>
+      `]},t={parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-brand-primary)"}]}},decorators:[a=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark">
+          ${a()}
+      </div>
+      </div></div></div>
+      `]},n={parameters:{backgrounds:{default:"Dark alternative",values:[{name:"Dark alternative",value:"var(--qld-dark-blue)"}]}},decorators:[a=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark-alt">
+          ${a()}
+      </div>
+      </div></div></div>
+      `]};var i,d,l,o,c;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(l=(d=e.parameters)==null?void 0:d.docs)==null?void 0:l.source},description:{story:"Default Callout",...(c=(o=e.parameters)==null?void 0:o.docs)==null?void 0:c.description}}};var v,u,p,m,g;r.parameters={...r.parameters,docs:{...(v=r.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  parameters: {
+    backgrounds: {
+      default: "Light",
+      values: [{
+        name: "Light",
+        value: "var(--qld-light-background)"
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="light">
+          \${Story()}
+      </div>
+      </div></div></div>
+      \`;
+  }]
+}`,...(p=(u=r.parameters)==null?void 0:u.docs)==null?void 0:p.source},description:{story:"Light colour Callout",...(g=(m=r.parameters)==null?void 0:m.docs)==null?void 0:g.description}}};var f,h,k,y,D;s.parameters={...s.parameters,docs:{...(f=s.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  parameters: {
+    backgrounds: {
+      default: "Alternative",
+      values: [{
+        name: "Alternative",
+        value: "var(--qld-light-grey-alt)"
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="alt">
+          \${Story()}
+      </div>
+      </div></div></div>
+      \`;
+  }]
+}`,...(k=(h=s.parameters)==null?void 0:h.docs)==null?void 0:k.source},description:{story:"Alternative Callout",...(D=(y=s.parameters)==null?void 0:y.docs)==null?void 0:D.description}}};var b,S,w,q,A;t.parameters={...t.parameters,docs:{...(b=t.parameters)==null?void 0:b.docs,source:{originalSource:`{
+  parameters: {
+    backgrounds: {
+      default: "Dark",
+      values: [{
+        name: "Dark",
+        value: "var(--qld-brand-primary)"
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark">
+          \${Story()}
+      </div>
+      </div></div></div>
+      \`;
+  }]
+}`,...(w=(S=t.parameters)==null?void 0:S.docs)==null?void 0:w.source},description:{story:"Dark Callout",...(A=(q=t.parameters)==null?void 0:q.docs)==null?void 0:A.description}}};var x,L,T,G,_;n.parameters={...n.parameters,docs:{...(x=n.parameters)==null?void 0:x.docs,source:{originalSource:`{
+  parameters: {
+    backgrounds: {
+      default: "Dark alternative",
+      values: [{
+        name: "Dark alternative",
+        value: "var(--qld-dark-blue)"
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark-alt">
+          \${Story()}
+      </div>
+      </div></div></div>
+      \`;
+  }]
+}`,...(T=(L=n.parameters)==null?void 0:L.docs)==null?void 0:T.source},description:{story:"Dark alternative Callout",...(_=(G=n.parameters)==null?void 0:G.docs)==null?void 0:_.description}}};const $=["Default","Light","Alternative","Dark","DarkAlternative"],H=Object.freeze(Object.defineProperty({__proto__:null,Alternative:s,Dark:t,DarkAlternative:n,Default:e,Light:r,__namedExportsOrder:$,default:C},Symbol.toStringTag,{value:"Module"}));export{e as D,H as T};