@qld-gov-au/qgds-bootstrap5 1.0.1

package/docs/storybook-static/assets/components/bs5/navbar/navbar.hbs

@@ -0,0 +1,86 @@
+<!-- QGDS Partial: Primary navigation -->
+
+<!-- Primary Navigation / Desktop -->
+<nav class="navbar navbar-expand-lg" aria-label="Website navigation" role="navigation">
+    <div class="container navbar-contain">
+        <div class="collapse navbar-collapse" id="navbarSupportedContent">
+
+            <div class="navbar__header">
+                <h6 class="navbar__heading">Menu</h6>
+                <button aria-controls="main-nav" class="navbar__toggle navbar__toggle--close" data-bs-toggle="collapse"
+                    data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
+                    aria-expanded="false" aria-label="Close navigation">
+                    <svg aria-hidden="true" focusable="false" xmlns="http://www.w3.org/2000/svg" class="qld__icon">
+                        <use href="{{metadata.options.siteDefaultIcons.value}}#qld__icon__close"></use>
+                    </svg>
+                    <span class="navbar__toggle-text">Close</span>
+                </button>
+            </div>
+
+            <ul class="navbar-nav me-auto mb-2 mb-lg-0">
+                <li class="nav-item nav-item-home">
+                    <a class="nav-link" href="{{metadata.target_url}}">
+                        <span class="qld-icon icon-home"></span>
+                        {{#if metadata.options.showHomeTitleSmallDevices}}
+                        <span class="home-label">Home</span>
+                        {{else}}
+                        <span class="visually-hidden">Home</span>
+                        {{/if}}
+                    </a>
+                </li>
+                {{#each navigation}}
+                {{#if dropdown_enabled}}
+                <li class="nav-item dropdown">
+
+
+                    <a class="nav-link dropdown-toggle" href="{{target_url}}" id="menuDropdown" role="button"
+                        aria-controls="" data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false"
+                        aria-label="Toggle navigation">{{title}}</a>
+
+
+                    {{#if navigation_items}}
+                    <ul class="dropdown-menu" aria-labelledby="menuDropdown" role="menu" data-bs-popper="none">
+                        <div class="row dropdown-menu__inner">
+                            {{#if dropdown_options}}
+                            <div class="col-12">
+                                <a class="dropdown-menu__featured" href="{{dropdown_options.feature_link_href}}">
+                                    <span class="">{{dropdown_options.feature_link_value}}</span>
+                                </a>
+                            </div>
+                            {{#if dropdown_options.feature_link_description}}
+                            <p class="dropdown-menu__description">{{dropdown_options.feature_link_description}}</p>
+                            {{/if}}
+                            <hr>
+                            {{/if}}
+                            {{#each navigation_items}}
+                            <li class="col-lg-4 col-sm-12">
+                                <a href="{{target_url}}" class="dropdown-item">
+                                    {{title}}
+                                </a>
+                                {{#if description}}
+                                <p class="dropdown-item__description">{{description}}</p>
+                                {{/if}}
+                            </li>
+                            {{/each }}
+                            <hr>
+                            <li class="col-12 text-end">
+                                <a class="dropdown-menu__view_all" href="{{dropdown_options.view_href}}">
+                                    <span class="">{{dropdown_options.view_value}}</span>
+                                </a>
+                            </li>
+                        </div>
+                    </ul>
+                    {{/if}}
+                </li>
+                {{else}}
+                <li class="nav-item">
+                    <a class="nav-link" href="{{target_url}}">{{title}}</a>
+                </li>
+                {{/if}}
+                {{/each }}
+            </ul>
+        </div>
+        <div id="overlay" class="navbar__overlay" aria-controls="main-nav"></div>
+    </div>
+</nav>
+<!-- MAIN NAVIGATION END -->

package/docs/storybook-static/assets/components/bs5/pagination/pagination.hbs

@@ -0,0 +1,43 @@
+{{!
+Component Name: QGDS QOL Pagination
+Component Version: 1.0
+Framework: Bootstrap 5.3
+Reference: https://getbootstrap.com/docs/5.0/components/pagination/
+}}
+
+<nav aria-label="{{ arialabel }}">
+
+    <ul class="pagination">
+
+        {{#if previous }}
+        <li class="page-item previous">
+            <a class="page-link" href="{{previous.href}}" aria-label="{{previous.arialabel}}">
+                <span>{{ previous.linktext }}</span>
+            </a>
+        </li>
+        {{/if}}
+
+        {{#each pages}}
+        <li class="page-item {{customClasses}}">
+            {{#if more}}
+            {{! More button }}
+            <span></span>
+            {{else}}
+            {{! Page button }}
+            <a class="page-link" href="{{href}}" aria-label="{{arialabel}}">{{ linktext }}</a>
+            {{/if}}
+        </li>
+
+        {{/each }}
+
+        {{#if next }}
+        <li class="page-item next">
+            <a class="page-link" href="{{next.href}}" aria-label="{{next.arialabel}}">
+                <span>{{ next.linktext }}</span>
+            </a>
+        </li>
+        {{/if}}
+
+    </ul>
+
+</nav>

package/docs/storybook-static/assets/components/bs5/select/select.hbs

@@ -0,0 +1,34 @@
+<!-- QGDS Component: Select -->
+
+<!-- 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></label>
+    {{/if}}
+
+<!-- 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 -->
+<select class="qld-text-input form-select qld-select qld-field-width-1-quarter {{customClass}} {{states}}"
+    aria-label="Default select example" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required aria-required="true"{{/if}}>
+    <option selected>{{placeholder}}</option>
+    <option value="1">Option 1</option>
+    <option value="2">Option 2</option>
+    <option value="3">Option 3</option>
+</select>

package/docs/storybook-static/assets/components/bs5/sidenav/sidenav.hbs

@@ -0,0 +1,66 @@
+<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>

package/docs/storybook-static/assets/components/bs5/spinner/spinner.hbs

@@ -0,0 +1,8 @@
+<!-- QGDS Component: Loading Spinner -->
+
+<div class="qld-spinner {{#if stacked}}align-center{{/if}}" role="status">
+    <div class="spinner-border"></div>
+    <span class="qld-spinner-label {{#if minimal}}sr-only{{/if}}">
+        Loading...
+    </span>
+</div>

package/docs/storybook-static/assets/components/bs5/table/table.hbs

@@ -0,0 +1,49 @@
+<!-- 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>

package/docs/storybook-static/assets/components/bs5/tag/tag.hbs

@@ -0,0 +1,9 @@
+<!-- QGDS Component: Tag -->
+
+<ui class="tag-list {{varient}}">
+  {{#each tagItems}}
+  <li class="tag-item {{classes}}">
+    {{{content}}}
+  </li>
+  {{/each }}
+</ui>

package/docs/storybook-static/assets/components/bs5/textarea/textarea.hbs

@@ -0,0 +1,32 @@
+<!-- QGDS Component: Textarea -->
+
+<!-- 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 class="qld-input-success">
+    {{successMessageText}}
+</span>
+{{/contains}}
+
+{{#contains "qld-input-error" states}}
+<span class="qld-input-error">
+    {{errorMessageText}}
+</span>
+{{/contains}}
+
+<!-- First text input field, described by the hint text above -->
+<textarea id="example-1" class="qld-text-input form-control {{customClass}} {{states}}"
+    placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required
+    aria-required="true" {{/if}}></textarea>
+    

package/docs/storybook-static/assets/components/bs5/textbox/textbox.hbs

@@ -0,0 +1,31 @@
+<!-- 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}} />

package/docs/storybook-static/assets/components/bs5/typography/typography.hbs

@@ -0,0 +1 @@
+<!-- QGDS Partial: typography -->

package/docs/storybook-static/assets/components/bs5/video/video.hbs

@@ -0,0 +1,50 @@
+<!-- QGDS Component: Video -->
+
+{{#if analyticsTrackingCode}}
+<script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/{{analyticsTrackingCode}}.js">
+</script>
+{{/if}}
+
+
+<section class="video not-ready {{videoSize}}">
+    <div class="video-player ratio ratio-{{aspectRatio}}">
+        <a href="#" class="video-thumbnail" style="--thumbnail:url({{thumbnail}})">
+
+            <div class="video-nav">
+                <div class="video-watch"><span class="icon"></span><span>Watch</span></div>
+
+            {{#if duration}}
+                <div title="Video duration" class="video-duration"><span class="icon"></span><span>{{duration}}</span></div>
+            {{/if}}
+            </div>
+        </a>
+
+        <div class="video-embed ratio ratio-{{aspectRatio}}">
+            {{#ifCond source '===' 'vimeo'}}
+                <iframe title="Vimeo video" class="embed-responsive-item video-vimeo" allow="autoplay; fullscreen" allowfullscreen muted="muted" src="https://player.vimeo.com/video/{{videoId}}?rel=0"></iframe>
+
+            {{else ifCond source '===' 'youtube'}}
+                <iframe title="YouTube video" class="embed-responsive-item video-youtube" allow="autoplay; fullscreen" allowfullscreen src="https://www.youtube.com/embed/{{videoId}}?rel=0"></iframe>
+
+            {{else ifCond source '===' 'custom'}}
+            <iframe title="Custom video" class="embed-responsive-item video-custom" allow="autoplay; fullscreen" allowfullscreen
+                src="{{videoId}}"></iframe>
+
+            {{else}}
+
+            <p class="text-center position-absolute top-50">A video has not been provided.</p>
+
+            {{/ifCond}}
+        </div>
+
+    </div>
+
+
+
+    <div class="video-description">
+        {{{ description }}}
+    </div>
+
+    {{{transcript}}}
+
+</section>

package/docs/storybook-static/assets/entry-preview-D5Ui7gv5.js

@@ -0,0 +1,7 @@
+import{d as f}from"./index-DrFu-skq.js";const{global:p}=__STORYBOOK_MODULE_GLOBAL__,{simulatePageLoad:l,simulateDOMContentLoaded:u}=__STORYBOOK_MODULE_PREVIEW_API__;var{Node:O}=p,c=(e,d)=>{let{id:s,component:t}=d;if(typeof t=="string"){let o=t;return Object.keys(e).forEach(r=>{o=o.replace(`{{${r}}}`,e[r])}),o}if(t instanceof HTMLElement){let o=t.cloneNode(!0);return Object.keys(e).forEach(r=>{o.setAttribute(r,typeof e[r]=="string"?e[r]:JSON.stringify(e[r]))}),o}if(typeof t=="function")return t(e,d);throw console.warn(f`
+    Storybook's HTML renderer only supports rendering DOM elements and strings.
+    Received: ${t}
+  `),new Error(`Unable to render story ${s}`)};function L({storyFn:e,kind:d,name:s,showMain:t,showError:o,forceRemount:r},n){let i=e();if(t(),typeof i=="string")n.innerHTML=i,l(n);else if(i instanceof O){if(n.firstChild===i&&r===!1)return;n.innerHTML="",n.appendChild(i),u()}else o({title:`Expecting an HTML snippet or DOM node from the story: "${s}" of "${d}".`,description:f`
+        Did you forget to return the HTML snippet from the story?
+        Use "() => <your snippet or node>" or when defining the story.
+      `})}var h={renderer:"html"};export{h as parameters,c as render,L as renderToCanvas};

package/docs/storybook-static/assets/entry-preview-docs-DfnH8ox-.js

@@ -0,0 +1 @@
+import{S as o,e as y,a as l}from"./index-DvzDrELh.js";import"./_commonjsHelpers-Cpj98o6Y.js";const{useEffect:E,addons:_}=__STORYBOOK_MODULE_PREVIEW_API__;function D(e){var s;let r=(s=e==null?void 0:e.parameters.docs)==null?void 0:s.source,a=e==null?void 0:e.parameters.__isArgsStory;return(r==null?void 0:r.type)===o.DYNAMIC?!1:!a||(r==null?void 0:r.code)||(r==null?void 0:r.type)===o.CODE}var S=(e,r)=>{var p,i;let a=e(),s=(i=(p=r==null?void 0:r.parameters.docs)==null?void 0:p.source)!=null&&i.excludeDecorators?r.originalStoryFn(r.args,r):a,d;return D(r)||(typeof s=="string"?d=s:s instanceof Element&&(d=s.outerHTML)),E(()=>{let{id:g,unmappedArgs:u}=r;d&&_.getChannel().emit(l,{id:g,args:u,source:d})}),a},m=[S],n={docs:{story:{inline:!0},source:{type:o.DYNAMIC,language:"html",code:void 0,excludeDecorators:void 0}}},T=[y];export{T as argTypesEnhancers,m as decorators,n as parameters};