@qld-gov-au/qgds-bootstrap5 1.0.1

package/docs/storybook-static/assets/Textbox.stories-DrQkkLBx.js

@@ -0,0 +1,89 @@
+import{C as A}from"./QGDSComponent-CRuos6yj.js";import"./_commonjsHelpers-Cpj98o6Y.js";const G=`<!-- QGDS Component: Textbox -->
+
+<!-- Label for the first input field -->
+<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="example-1">
+    {{label-text}}
+    {{#if optional-text}}
+    <span class="label-text-optional">({{optional-text}})</span>
+    {{/if}}
+</label>
+
+<!-- Hint text for the first input field -->
+{{#if hint-text}}
+<span class="qld-hint-text" id="example-1-hint">{{hint-text}}</span>
+{{/if}}
+
+{{#contains "qld-input-success" states}}
+<span id="text-field-success" class="qld-input-success">
+    {{successMessageText}}
+</span>
+{{/contains}}
+
+{{#contains "qld-input-error" states}}
+<span id="text-field-error" class="qld-input-error">
+    {{errorMessageText}}
+</span>
+{{/contains}}
+
+<!-- First text input field, described by the hint text above -->
+<input id="example-1" class="qld-text-input form-control {{customClass}} {{states}}" type="text"
+    placeholder="{{placeholder}}" aria-label="Text input example" {{#if isDisabled}}disabled{{/if}} {{#if
+    isRequired}}required aria-required="true"{{/if}} />
+`;class O{constructor($={}){return new A(G,$)}}const Q=!1,W=!0,z="",B="Hello World",J="Success message",K="Error message",s={isDisabled:Q,isRequired:W,customClass:z,"label-text":"Label",placeholder:B,"optional-text":"optional","hint-text":"Hint",successMessageText:J,errorMessageText:K},U={tags:["autodocs"],title:"Components/Textbox",render:e=>(typeof e.customClass=="string"?e.customClass=e.customClass.replaceAll(","," "):typeof e.customClass=="object"&&(e.customClass=e.customClass.join(" ")),new O(e).html),argTypes:{customClass:{name:"Classes",description:"Settable classes for the component",control:{type:"check",labels:{"form-style-filled":"Filled"}},options:["form-style-filled"]},states:{name:"States",description:"Valid/Invalid states",control:{type:"radio",labels:{default:"Default","qld-input-success":"Success","qld-input-error":"Error"}},options:["default","qld-input-success","qld-input-error"]}}},t={args:s},a={args:{...s,isDisabled:!1},parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-brand-primary)"}]}},decorators:[e=>`
+      <div class="dark">
+          ${e()}
+      </div>
+      `]},r={args:{...s,customClass:"form-style-filled"}},n={args:{...s,isDisabled:!0}},o={args:{...s,states:"qld-input-success"}},i={args:{...s,states:"qld-input-error"}};var l,d,c,p,u;t.parameters={...t.parameters,docs:{...(l=t.parameters)==null?void 0:l.docs,source:{originalSource:`{
+  args: defaultdata
+}`,...(c=(d=t.parameters)==null?void 0:d.docs)==null?void 0:c.source},description:{story:"Default textbox",...(u=(p=t.parameters)==null?void 0:p.docs)==null?void 0:u.description}}};var m,f,x,b,g;a.parameters={...a.parameters,docs:{...(m=a.parameters)==null?void 0:m.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      isDisabled: false
+    }
+  },
+  parameters: {
+    backgrounds: {
+      default: 'Dark',
+      values: [{
+        name: 'Dark',
+        value: 'var(--qld-brand-primary)'
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="dark">
+          \${Story()}
+      </div>
+      \`;
+  }]
+}`,...(x=(f=a.parameters)==null?void 0:f.docs)==null?void 0:x.source},description:{story:"Dark themed textbox",...(g=(b=a.parameters)==null?void 0:b.docs)==null?void 0:g.description}}};var q,D,y,h,C;r.parameters={...r.parameters,docs:{...(q=r.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      customClass: "form-style-filled"
+    }
+  }
+}`,...(y=(D=r.parameters)==null?void 0:D.docs)==null?void 0:y.source},description:{story:"Filled style textbox",...(C=(h=r.parameters)==null?void 0:h.docs)==null?void 0:C.description}}};var v,S,k,T,M;n.parameters={...n.parameters,docs:{...(v=n.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      isDisabled: true
+    }
+  }
+}`,...(k=(S=n.parameters)==null?void 0:S.docs)==null?void 0:k.source},description:{story:"Disabled textbox",...(M=(T=n.parameters)==null?void 0:T.docs)==null?void 0:M.description}}};var F,I,R,V,E;o.parameters={...o.parameters,docs:{...(F=o.parameters)==null?void 0:F.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      states: "qld-input-success"
+    }
+  }
+}`,...(R=(I=o.parameters)==null?void 0:I.docs)==null?void 0:R.source},description:{story:"Valid textbox",...(E=(V=o.parameters)==null?void 0:V.docs)==null?void 0:E.description}}};var H,_,j,w,L;i.parameters={...i.parameters,docs:{...(H=i.parameters)==null?void 0:H.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    ...{
+      states: "qld-input-error"
+    }
+  }
+}`,...(j=(_=i.parameters)==null?void 0:_.docs)==null?void 0:j.source},description:{story:"Invalid textbox",...(L=(w=i.parameters)==null?void 0:w.docs)==null?void 0:L.description}}};const X=["Default","Dark","Filled","Disabled","Valid","Invalid"];export{a as Dark,t as Default,n as Disabled,r as Filled,i as Invalid,o as Valid,X as __namedExportsOrder,U as default};

package/docs/storybook-static/assets/Typography-CHGmzoq_.js

@@ -0,0 +1,10 @@
+import{j as e}from"./jsx-runtime-DQ32znRX.js";import{useMDXComponents as s}from"./index-COxJNofV.js";import{M as r,C as i,d as l}from"./index-CArbswWF.js";import{T as a,D as d}from"./typography.stories-BlP0HvTw.js";import"./index-DH5ua8nC.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DKCbiNeM.js";import"../sb-preview/runtime.js";import"./index-Dkj0J1ds.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";function t(n){const o={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...s(),...n.components};return e.jsxs(e.Fragment,{children:[e.jsx(r,{of:a}),`
+`,e.jsx(o.h1,{id:"typography",children:"Typography"}),`
+`,e.jsx(i,{children:e.jsx(l,{of:d})}),`
+`,e.jsx(o.h2,{id:"design-resources",children:"Design resources"}),`
+`,e.jsxs(o.ul,{children:[`
+`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23805-306627&mode=design&t=eRH1gEfJNDna1ovz-4",rel:"nofollow",children:"Core styles (Figma)"})}),`
+`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=5990-97992&mode=design&t=YLfxdziHdqD2Ty0o-0",rel:"nofollow",children:"Master component file (Figma)"})}),`
+`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://www.designsystem.qld.gov.au/styles/typography",rel:"nofollow",children:"Design System website"})}),`
+`,e.jsx(o.li,{children:e.jsx(o.a,{href:"https://getbootstrap.com/docs/5.3/content/typography/",rel:"nofollow",children:"Bootstrap documentation"})}),`
+`]})]})}function D(n={}){const{wrapper:o}={...s(),...n.components};return o?e.jsx(o,{...n,children:e.jsx(t,{...n})}):t(n)}export{D as default};

package/docs/storybook-static/assets/Video-BTgHkDZS.js

@@ -0,0 +1,8 @@
+import{j as o}from"./jsx-runtime-DQ32znRX.js";import{useMDXComponents as t}from"./index-COxJNofV.js";import{M as r,C as s,d}from"./index-CArbswWF.js";import{V as l,D as m}from"./video.stories-KOyKicDc.js";import"./index-DH5ua8nC.js";import"./_commonjsHelpers-Cpj98o6Y.js";import"./iframe-DKCbiNeM.js";import"../sb-preview/runtime.js";import"./index-Dkj0J1ds.js";import"./index-DvzDrELh.js";import"./index-DrFu-skq.js";import"./QGDSComponent-CRuos6yj.js";import"./Accordion-DU8x-iDa.js";function i(n){const e={a:"a",h1:"h1",h2:"h2",li:"li",ul:"ul",...t(),...n.components};return o.jsxs(o.Fragment,{children:[o.jsx(r,{of:l}),`
+`,o.jsx(e.h1,{id:"video",children:"Video"}),`
+`,o.jsx(s,{children:o.jsx(d,{of:m})}),`
+`,o.jsx(e.h2,{id:"design-resources",children:"Design resources"}),`
+`,o.jsxs(e.ul,{children:[`
+`,o.jsx(e.li,{children:o.jsx(e.a,{href:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=23203-295341&mode=design&t=eRH1gEfJNDna1ovz-4",rel:"nofollow",children:"Component library (Figma)"})}),`
+`,o.jsx(e.li,{children:o.jsx(e.a,{href:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=13297-214065&mode=design&t=YLfxdziHdqD2Ty0o-0",rel:"nofollow",children:"Master component file (Figma)"})}),`
+`]})]})}function y(n={}){const{wrapper:e}={...t(),...n.components};return e?o.jsx(e,{...n,children:o.jsx(i,{...n})}):i(n)}export{y as default};

package/docs/storybook-static/assets/WithTooltip-Y7J54OF7-BIP8lth1.js

@@ -0,0 +1 @@
+import{W as e,W as h,b as l}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{e as WithToolTipState,h as WithTooltip,l as WithTooltipPure};

package/docs/storybook-static/assets/_commonjsHelpers-Cpj98o6Y.js

@@ -0,0 +1 @@
+var o=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{};function l(e){return e&&e.__esModule&&Object.prototype.hasOwnProperty.call(e,"default")?e.default:e}export{o as c,l as g};

package/docs/storybook-static/assets/accordion.stories-QoYPaT8T.js

@@ -0,0 +1,173 @@
+import{A as O}from"./Accordion-DU8x-iDa.js";const G="accordion-group-1",T=!0,j=[{id:"One",title:"Accordion Item #1",expanded:!0,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:!1,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:!1,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."}],a={groupid:G,toggleAll:T,accordionItems:j},C={tags:["autodocs"],title:"Components/Accordion",render:r=>new O(r).html,args:a,parameters:{design:{name:"QGDS Figma Reference",type:"figma",url:"https://www.figma.com/file/qKsxl3ogIlBp7dafgxXuCA/QLD-GOV-DDS?type=design&node-id=6276-45691&mode=design&t=crJKtPwMG2IcZf5E-4"}}},e={},t={args:{...a,groupid:"accordion-group-light",accordionItems:{0:{...a.accordionItems[0],id:"light-one"},1:{...a.accordionItems[1],id:"light-two"},2:{...a.accordionItems[2],id:"light-three"}}},parameters:{backgrounds:{default:"Light",values:[{name:"Light",value:"var(--qld-light-background)"}]}},decorators:[r=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="light">
+          ${r()}
+      </div>
+      </div></div></div>
+      `]},n={args:{...a,groupid:"accordion-group-alt",accordionItems:{0:{...a.accordionItems[0],id:"alt-one"},1:{...a.accordionItems[1],id:"alt-two"},2:{...a.accordionItems[2],id:"alt-three"}}},parameters:{backgrounds:{default:"Alternative",values:[{name:"Alternative",value:"var(--qld-light-grey-alt)"}]}},decorators:[r=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="alt">
+          ${r()}
+      </div>
+      </div></div></div>
+      `]},o={args:{...a,groupid:"accordion-group-dark",accordionItems:{0:{...a.accordionItems[0],id:"dark-one"},1:{...a.accordionItems[1],id:"dark-two"},2:{...a.accordionItems[2],id:"dark-three"}}},parameters:{backgrounds:{default:"Dark",values:[{name:"Dark",value:"var(--qld-sapphire-blue)"}]}},decorators:[r=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark">
+          ${r()}
+      </div>
+      </div></div></div>
+      `]},d={args:{...a,groupid:"accordion-group-dark-alt",accordionItems:{0:{...a.accordionItems[0],id:"dark-alt-one"},1:{...a.accordionItems[1],id:"dark-alt-two"},2:{...a.accordionItems[2],id:"dark-alt-three"}}},parameters:{backgrounds:{default:"Dark alternative",values:[{name:"Dark alternative",value:"var(--qld-dark-blue)"}]}},decorators:[r=>`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark-alt">
+          ${r()}
+      </div>
+      </div></div></div>
+      `]};var i,c,s,l,u;e.parameters={...e.parameters,docs:{...(i=e.parameters)==null?void 0:i.docs,source:{originalSource:"{}",...(s=(c=e.parameters)==null?void 0:c.docs)==null?void 0:s.source},description:{story:"Default Accordion story",...(u=(l=e.parameters)==null?void 0:l.docs)==null?void 0:u.description}}};var v,m,p,g,f;t.parameters={...t.parameters,docs:{...(v=t.parameters)==null?void 0:v.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    groupid: "accordion-group-light",
+    accordionItems: {
+      0: {
+        ...defaultdata.accordionItems[0],
+        id: "light-one"
+      },
+      1: {
+        ...defaultdata.accordionItems[1],
+        id: "light-two"
+      },
+      2: {
+        ...defaultdata.accordionItems[2],
+        id: "light-three"
+      }
+    }
+  },
+  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=(m=t.parameters)==null?void 0:m.docs)==null?void 0:p.source},description:{story:"Accordion in 'Light' colour theme.",...(f=(g=t.parameters)==null?void 0:g.docs)==null?void 0:f.description}}};var h,k,I,A,b;n.parameters={...n.parameters,docs:{...(h=n.parameters)==null?void 0:h.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    groupid: "accordion-group-alt",
+    accordionItems: {
+      0: {
+        ...defaultdata.accordionItems[0],
+        id: "alt-one"
+      },
+      1: {
+        ...defaultdata.accordionItems[1],
+        id: "alt-two"
+      },
+      2: {
+        ...defaultdata.accordionItems[2],
+        id: "alt-three"
+      }
+    }
+  },
+  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>
+      \`;
+  }]
+}`,...(I=(k=n.parameters)==null?void 0:k.docs)==null?void 0:I.source},description:{story:"Accordion in 'Alternative' colour theme.",...(b=(A=n.parameters)==null?void 0:A.docs)==null?void 0:b.description}}};var w,D,y,S,L;o.parameters={...o.parameters,docs:{...(w=o.parameters)==null?void 0:w.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    groupid: "accordion-group-dark",
+    accordionItems: {
+      0: {
+        ...defaultdata.accordionItems[0],
+        id: "dark-one"
+      },
+      1: {
+        ...defaultdata.accordionItems[1],
+        id: "dark-two"
+      },
+      2: {
+        ...defaultdata.accordionItems[2],
+        id: "dark-three"
+      }
+    }
+  },
+  parameters: {
+    backgrounds: {
+      default: "Dark",
+      values: [{
+        name: "Dark",
+        value: "var(--qld-sapphire-blue)"
+      }]
+    }
+  },
+  decorators: [Story => {
+    return \`
+      <div class="container-fluid"><div class="row"><div class="col-12">
+      <div class="dark">
+          \${Story()}
+      </div>
+      </div></div></div>
+      \`;
+  }]
+}`,...(y=(D=o.parameters)==null?void 0:D.docs)==null?void 0:y.source},description:{story:"Accordion in 'Dark' colour theme.",...(L=(S=o.parameters)==null?void 0:S.docs)==null?void 0:L.description}}};var q,$,x,_,N;d.parameters={...d.parameters,docs:{...(q=d.parameters)==null?void 0:q.docs,source:{originalSource:`{
+  args: {
+    ...defaultdata,
+    groupid: "accordion-group-dark-alt",
+    accordionItems: {
+      0: {
+        ...defaultdata.accordionItems[0],
+        id: "dark-alt-one"
+      },
+      1: {
+        ...defaultdata.accordionItems[1],
+        id: "dark-alt-two"
+      },
+      2: {
+        ...defaultdata.accordionItems[2],
+        id: "dark-alt-three"
+      }
+    }
+  },
+  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>
+      \`;
+  }]
+}`,...(x=($=d.parameters)==null?void 0:$.docs)==null?void 0:x.source},description:{story:"Accordion in 'Dark alternative' colour theme.",...(N=(_=d.parameters)==null?void 0:_.docs)==null?void 0:N.description}}};const E=["Default","Light","Alternative","Dark","DarkAlternative"],M=Object.freeze(Object.defineProperty({__proto__:null,Alternative:n,Dark:o,DarkAlternative:d,Default:e,Light:t,__namedExportsOrder:E,default:C},Symbol.toStringTag,{value:"Module"}));export{M as A,e as D};