@qld-gov-au/qgds-bootstrap5 1.0.1

package/docs/storybook-static/assets/preview-PxUn-cIn.js

@@ -0,0 +1 @@
+import"./index-Dkj0J1ds.js";const{global:O}=__STORYBOOK_MODULE_GLOBAL__,{makeDecorator:E,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__,{STORY_CHANGED:l,SELECT_STORY:L}=__STORYBOOK_MODULE_CORE_EVENTS__;var c="links",{document:i,HTMLElement:m}=O,v=e=>_.getChannel().emit(L,e),o=e=>{let{target:t}=e;if(!(t instanceof m))return;let s=t,{sbKind:a,sbStory:r}=s.dataset;(a||r)&&(e.preventDefault(),v({kind:a,story:r}))},n=!1,d=()=>{n||(n=!0,i.addEventListener("click",o))},k=()=>{n&&(n=!1,i.removeEventListener("click",o))},R=E({name:"withLinks",parameterName:c,wrapper:(e,t)=>(d(),_.getChannel().once(l,k),e(t))}),T=[R];export{T as decorators};

package/docs/storybook-static/assets/radio.stories-CeQpNjQu.js

@@ -0,0 +1,257 @@
+import{F as e}from"./Formcheck-CS59DsB9.js";const X="Which service do you need?",Y="(Optional)",Z="Hint label",aa="field-required",ra=[{type:"radio",id:"radioItem1",name:"radioOption",label:"Option 1",value:"1",state:""},{type:"radio",id:"radioItem2",name:"radioOption",label:"Option 2",value:"2",state:""},{type:"radio",id:"radioItem3",name:"radioOption",label:"Option 3",value:"3",state:""},{type:"radio",id:"radioItem4",name:"radioOption",label:"Option 4",value:"4",state:""},{type:"radio",id:"radioItem5",name:"radioOption",label:"Disabled",value:"",state:"disabled"}],r={questionLabel:X,optionalLabel:Y,hintLabel:Z,listClasses:aa,listitems:ra},ea={tags:["autodocs"],title:"Components/Formcheck/Radio",render:a=>`${new e(a).html}`,argTypes:{}},d={args:{...r},parameters:{controls:{include:"listitems"}}},s={args:{...r},parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="dark">
+          ${a()}
+      </div>
+      `]},n={args:{...r,id:"radioSmall"},decorators:[a=>`
+      <div class="small">
+          ${a()}
+      </div>
+      `]},l={args:{...r,id:"radioSmallDark"},parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="dark"><div class="small">
+          ${a()}
+      </div></div>
+      `]},i={args:{...r,id:"radioValid"},render:a=>`
+    <div class="valid">${new e(a).html}</div>
+    `},o={args:{...r,id:"radioValidSmall"},render:a=>`
+    <div class="small"><div class="valid">${new e(a).html}</div></div>
+    `},t={args:{...r,id:"radioValidDark"},render:a=>`
+    <div class="dark">
+    <div class="valid">${new e(a).html}</div></div>
+    `,parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="dark"><div class="valid">
+          ${a()}
+      </div></div>
+      `]},c={args:{...r,id:"radioValidSmallDark"},render:a=>`
+    <div class="dark">
+    <div class="valid">${new e(a).html}</div></div>
+    `,parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="dark"><div class="small"><div class="valid">
+          ${a()}
+      </div></div></div>
+      `]},v={args:{...r,id:"radioInvalid"},render:a=>`
+    <div class="invalid">${new e(a).html}</div>
+    `},m={args:{...r,id:"radioInvalidSmall"},render:a=>`
+    <div class="small"><div class="invalid">${new e(a).html}</div></div>
+    `},u={args:{...r,id:"radioInvalidDark"},render:a=>`
+    <div class="invalid"><div class="dark">${new e(a).html}</div></div>
+    `,parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="small">
+          ${a()}
+      </div>
+      `]},p={args:{...r,id:"radioInvalidSmallDark"},render:a=>`
+    <div class="dark">
+    <div class="invalid">${new e(a).html}</div></div>
+    `,parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[a=>`
+      <div class="dark"><div class="small"><div class="invalid">
+          ${a()}
+      </div></div></div>
+      `]};var k,g,S;d.parameters={...d.parameters,docs:{...(k=d.parameters)==null?void 0:k.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata
+  },
+  parameters: {
+    controls: {
+      include: \`listitems\`
+    }
+  }
+}`,...(S=(g=d.parameters)==null?void 0:g.docs)==null?void 0:S.source}}};var D,h,b;s.parameters={...s.parameters,docs:{...(D=s.parameters)==null?void 0:D.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark">
+          \${Story()}
+      </div>
+      \`;
+  }]
+}`,...(b=(h=s.parameters)==null?void 0:h.docs)==null?void 0:b.source}}};var f,$,R;n.parameters={...n.parameters,docs:{...(f=n.parameters)==null?void 0:f.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioSmall"
+  },
+  decorators: [Story => {
+    return \`
+      <div class="small">
+          \${Story()}
+      </div>
+      \`;
+  }]
+}`,...(R=($=n.parameters)==null?void 0:$.docs)==null?void 0:R.source}}};var y,I,w;l.parameters={...l.parameters,docs:{...(y=l.parameters)==null?void 0:y.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioSmallDark"
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark"><div class="small">
+          \${Story()}
+      </div></div>
+      \`;
+  }]
+}`,...(w=(I=l.parameters)==null?void 0:I.docs)==null?void 0:w.source}}};var V,q,F;i.parameters={...i.parameters,docs:{...(V=i.parameters)==null?void 0:V.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioValid"
+  },
+  render: args => {
+    return \`
+    <div class="valid">\${new Formcheck(args).html}</div>
+    \`;
+  }
+}`,...(F=(q=i.parameters)==null?void 0:q.docs)==null?void 0:F.source}}};var O,_,L;o.parameters={...o.parameters,docs:{...(O=o.parameters)==null?void 0:O.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioValidSmall"
+  },
+  render: args => {
+    return \`
+    <div class="small"><div class="valid">\${new Formcheck(args).html}</div></div>
+    \`;
+  }
+}`,...(L=(_=o.parameters)==null?void 0:_.docs)==null?void 0:L.source}}};var C,j,x;t.parameters={...t.parameters,docs:{...(C=t.parameters)==null?void 0:C.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioValidDark"
+  },
+  render: args => {
+    return \`
+    <div class="dark">
+    <div class="valid">\${new Formcheck(args).html}</div></div>
+    \`;
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark"><div class="valid">
+          \${Story()}
+      </div></div>
+      \`;
+  }]
+}`,...(x=(j=t.parameters)==null?void 0:j.docs)==null?void 0:x.source}}};var T,z,E;c.parameters={...c.parameters,docs:{...(T=c.parameters)==null?void 0:T.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioValidSmallDark"
+  },
+  render: args => {
+    return \`
+    <div class="dark">
+    <div class="valid">\${new Formcheck(args).html}</div></div>
+    \`;
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark"><div class="small"><div class="valid">
+          \${Story()}
+      </div></div></div>
+      \`;
+  }]
+}`,...(E=(z=c.parameters)==null?void 0:z.docs)==null?void 0:E.source}}};var H,M,P;v.parameters={...v.parameters,docs:{...(H=v.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioInvalid"
+  },
+  render: args => {
+    return \`
+    <div class="invalid">\${new Formcheck(args).html}</div>
+    \`;
+  }
+}`,...(P=(M=v.parameters)==null?void 0:M.docs)==null?void 0:P.source}}};var W,A,B;m.parameters={...m.parameters,docs:{...(W=m.parameters)==null?void 0:W.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioInvalidSmall"
+  },
+  render: args => {
+    return \`
+    <div class="small"><div class="invalid">\${new Formcheck(args).html}</div></div>
+    \`;
+  }
+}`,...(B=(A=m.parameters)==null?void 0:A.docs)==null?void 0:B.source}}};var G,J,K;u.parameters={...u.parameters,docs:{...(G=u.parameters)==null?void 0:G.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioInvalidDark"
+  },
+  render: args => {
+    return \`
+    <div class="invalid"><div class="dark">\${new Formcheck(args).html}</div></div>
+    \`;
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="small">
+          \${Story()}
+      </div>
+      \`;
+  }]
+}`,...(K=(J=u.parameters)==null?void 0:J.docs)==null?void 0:K.source}}};var N,Q,U;p.parameters={...p.parameters,docs:{...(N=p.parameters)==null?void 0:N.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    id: "radioInvalidSmallDark"
+  },
+  render: args => {
+    return \`
+    <div class="dark">
+    <div class="invalid">\${new Formcheck(args).html}</div></div>
+    \`;
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-sapphire-blue)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark"><div class="small"><div class="invalid">
+          \${Story()}
+      </div></div></div>
+      \`;
+  }]
+}`,...(U=(Q=p.parameters)==null?void 0:Q.docs)==null?void 0:U.source}}};const da=["Default","RadioDark","RadioSmall","RadioSmallDark","RadioValid","RadioValidSmall","RadioValidDark","RadioValidSmallDark","RadioInvalid","RadioInvalidSmall","RadioInvalidDark","RadioInvalidSmallDark"],na=Object.freeze(Object.defineProperty({__proto__:null,Default:d,RadioDark:s,RadioInvalid:v,RadioInvalidDark:u,RadioInvalidSmall:m,RadioInvalidSmallDark:p,RadioSmall:n,RadioSmallDark:l,RadioValid:i,RadioValidDark:t,RadioValidSmall:o,RadioValidSmallDark:c,__namedExportsOrder:da,default:ea},Symbol.toStringTag,{value:"Module"}));export{d as D,na as F};

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

@@ -0,0 +1,24 @@
+{
+	"groupid": "accordion-group-1",
+	"toggleAll": true,
+	"accordionItems": [
+		{
+			"id": "One",
+			"title": "Accordion Item #1",
+			"expanded": true,
+			"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit."
+		},
+		{
+			"id": "Two",
+			"title": "Accordion Item #2",
+			"expanded": false,
+			"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit."
+		},
+		{
+			"id": "Three",
+			"title": "Accordion Item #3",
+			"expanded": false,
+			"content": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla vitae elit libero, a pharetra augue. Nullam id dolor id nibh ultricies vehicula ut id elit."
+		}
+	]
+}

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

@@ -0,0 +1,9 @@
+{
+	"classes": "banner-dark-alt",
+    "title": "Blockquote title",
+	"content": "Fees will increase from 1 July 2024. The new fees will be available on this page from 1 July 2024.",
+	"image": {
+		"url": "assets/img/banner-example-3-to-2.jpg",
+		"classes": "banner-image--angle"
+	}
+}

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

@@ -0,0 +1,6 @@
+{
+	"cite-url": "https://developer.mozilla.org/en-US/docs/Web/HTML/Element/blockquote#attributes",
+	"cite-text": "Sir Tim Berners-Lee",
+	"content": "The goal of the Web is to serve humanity. We build it now so that those who come to it later will be able to create things we cannot ourselves imagine.",
+	"classes": ""
+}

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

@@ -0,0 +1,46 @@
+{
+	"default": {
+		"breadcrumbs": [
+			{
+				"link": "#",
+				"linktext": "Home"
+			},
+			{
+				"link": "#",
+				"linktext": "Topic"
+			},
+			{
+				"link": "#",
+				"linktext": "Current page"
+			}
+		]
+	},
+	"forGov": {
+		"breadcrumbs": [
+			{
+				"link": "#",
+				"linktext": "For government"
+			},
+			{
+				"link": "#",
+				"linktext": "Information and communication technology"
+			},
+			{
+				"link": "#",
+				"linktext": "Communication and publishing"
+			},
+			{
+				"link": "#",
+				"linktext": "Website and digital publishing"
+			},
+			{
+				"link": "#",
+				"linktext": "Website standards, guidelines and templates"
+			},
+			{
+				"link": "#",
+				"linktext": "Single Website Experience"
+			}
+		]
+	}
+}

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

@@ -0,0 +1,9 @@
+{
+	"variantClass": "btn-primary",
+	"islink": true,
+	"isdisabled": false,
+	"iconClass": "fa-solid fa-arrow-up-right-from-square",
+	"href": "https://google.com",
+	"label": "Call to action",
+	"target": "_blank"
+}

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

@@ -0,0 +1,9 @@
+{
+  "default": {
+    "title": "This is a callout title",
+    "content": "This is a callout description"
+  },
+  "noTitle": {
+    "content": "This is a <a href=\"#\">callout description</a>"
+  }
+}

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

@@ -0,0 +1,53 @@
+{
+  "noAction": {
+    "title": "Card title",
+    "description": "Card body text",
+    "date": "",
+    "variantClass": "default",
+    "image": "",
+    "imageAlt": "",
+    "iconClasses": "",
+    "iconPosition": "",
+    "action": "no",
+    "link": "",
+    "arrow": false,
+    "video": "",
+    "videoDuration": false,
+    "footer": "",
+    "equalHeight": false
+  },
+  "singleAction": {
+    "title": "Card title",
+    "description": "Card body text",
+    "date": "",
+    "variantClass": "default",
+    "image": "",
+    "imageAlt": "",
+    "iconClasses": "",
+    "iconPosition": "",
+    "action": "single",
+    "link": "javascript:void(0)",
+    "arrow": false,
+    "video": false,
+    "videoDuration": "",
+    "footer": "",
+    "equalHeight": false
+  },
+  "multiAction": {
+    "title": "Card title",
+    "description": "Card body text <a href='javascript:void(0)'>lorem ipsum</a> dolor sit amet.",
+    "date": "",
+    "variantClass": "default",
+    "image": "",
+    "imageAlt": "",
+    "iconClasses": "",
+    "iconPosition": "",
+    "action": "multi",
+    "link": "javascript:void(0)",
+    "arrow": false,
+    "video": false,
+    "videoDuration": "",
+    "footer": "<ul><li><a href='javascript:void(0)'>Link text</a></li><li><a href='javascript:void(0)'>Link text</a></li><li><a href='javascript:void(0)'>Link text</a></li></ul>",
+    "equalHeight": false
+  }
+}

package/docs/storybook-static/assets/sample-data/card/cardblock.data.json

@@ -0,0 +1,33 @@
+{
+	"cards": [
+		{
+			"title": "An article title",
+			"description": "This is a wider card with supporting text below as a natural lead-in to additional content.",
+			"image": "src/assets/img/ds-example-image-1.jpg",
+			"alt": "A photo of cliffs by the ocean with trees in the foreground",
+			"link": "https://web.dev",
+			"target": "_blank",
+			"footer": false,
+			"feature": true,
+			"withdate": false,
+			"date": "00.00.0000",
+			"classes": ""
+		},
+		{
+			"title": "A longer article title",
+			"description": "This is a wider card with supporting text below as a natural lead-in to additional content.",
+			"image": "assets/img/ds-example-image-2.jpg",
+			"alt": "A photo of wheat in a field lit by soft sunlight",
+			"link": "https://web.dev",
+			"footer": false
+		},
+		{
+			"title": "A topic headline",
+			"description": "This is a supporting text below.",
+			"image": "assets/img/ds-example-image-3.jpg",
+			"alt": "A photo of the base of Uluru at sunset",
+			"link": "https://web.dev",
+			"footer": false
+		}
+	]
+}

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

@@ -0,0 +1,8 @@
+{
+    "classes" : "",
+    "title": "Register your vehicle or motorcycle",
+    "content": "Motor vehicles and motorcycles (including mopeds and tricycles) used on Queensland roads must be registered.",
+    "link" : "https://www.service.transport.qld.gov.au/checkrego/application/TermAndConditions.xhtml",
+    "linktext" : "Register online",
+    "target": "_blank"
+}

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

@@ -0,0 +1,13 @@
+{
+	"isDisabled": false,
+	"isRequired": true,
+	"customClass": "",
+	"label-text": "Date label",
+	"day-placeholder": "DD",
+	"month-placeholder": "MM",
+	"year-placeholder": "YYYY",
+	"optional-text": "optional",
+	"hint-text": "(dd/mm/yyyy)",
+	"successMessageText": "Success message",
+	"errorMessageText": "Error message"
+}

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

@@ -0,0 +1,101 @@
+{
+    "sitename": "Site name, Namestyle or Name Identifier",
+    "contact": {
+        "title": "Contact us",
+        "content": "<p>Get in touch for enquiries, feedback, complaints and compliments.</p>",
+        "list": [
+            {
+                "icon": "icon-phone",
+                "label": "Phone: 13 QGOV (13 74 68)"
+            },
+            {
+                "icon": "icon-email",
+                "label": "Email: <span class='user-select-all'>email@qld.gov.au</span>"
+            }
+        ],
+        "buttonLabel": "Contact us",
+        "buttonLink": ""
+    },
+
+    "feedback": {
+        "title": "Website feedback",
+        "content": "<p>Help us improve the content on our website or tell us what is working really well.</p>",
+        "buttonLabel": "Leave your feedback",
+        "buttonLink": ""
+    },
+
+    "acknowledgement": {
+        "content": "<p>Queensland Government acknowledges the Traditional Owners of the land and pays respect to Elders past, present and future.</p>"
+    },
+
+    "copyright": {
+        "content": "<p>&copy; The State of Queensland 2024</p>"
+    },
+
+    "footerlinks": {
+        "title": "",
+        "list": [
+            {
+                "title": "About us",
+                "link": "#"
+            },
+            {
+                "title": "Using our website",
+                "link": "#"
+            },
+            {
+                "title": "Copyright",
+                "link": "#"
+            },
+            {
+                "title": "Privacy",
+                "link": "#"
+            },
+            {
+                "title": "Right to information",
+                "link": "#"
+            },
+            {
+                "title": "Accessibility",
+                "link": "#"
+            },
+            {
+                "title": "Jobs",
+                "link": "https://smartjobs.qld.gov.au",
+                "target": "_blank"
+            },
+            {
+                "title": "Other languages",
+                "link": "#"
+            }
+        ]
+    },
+
+    "followlinks": {
+        "title": "Follow us",
+        "facebook": {
+            "label": "Facebook",
+            "link": "#",
+            "target": "_blank"
+        },
+        "linkedin": {
+            "label": "LinkedIn",
+            "link": "#"
+        },
+
+        "twitterx": {
+            "label": "X (Twitter)",
+            "link": "#"
+        },
+
+        "youtube": {
+            "label": "Youtube",
+            "link": "#"
+        },
+
+        "instagram": {
+            "label": "Instagram",
+            "link": "#"
+        }
+    }
+}

package/docs/storybook-static/assets/sample-data/formcheck/stories/checkbox/checkbox.data.json

@@ -0,0 +1,48 @@
+{
+    "questionLabel": "Which service do you need?",
+    "optionalLabel": "(Optional)",
+    "hintLabel": "Hint label",
+    "listClasses": "field-required",
+    "listitems": [
+        {
+            "type": "checkbox",
+            "id": "checkboxItem1",
+            "name": "checkboxOption",
+            "label": "Option 1",
+            "value": "1",
+            "state": ""
+        },
+        {
+            "type": "checkbox",
+            "id": "checkboxItem2",
+            "name": "checkboxOption",
+            "label": "Option 2",
+            "value": "2",
+            "state": ""
+        },
+        {
+            "type": "checkbox",
+            "id": "checkboxItem3",
+            "name": "checkboxOption",
+            "label": "Option 3",
+            "value": "3",
+            "state": ""
+        },
+        {
+            "type": "checkbox",
+            "id": "checkboxItem4",
+            "name": "checkboxOption",
+            "label": "Option 4",
+            "value": "4",
+            "state": ""
+        },
+        {
+            "type": "checkbox",
+            "id": "checkboxItem5",
+            "name": "checkboxOption",
+            "label": "Disabled",
+            "value": "",
+            "state": "disabled"
+        }
+    ]
+}