@qld-gov-au/qgds-bootstrap5 1.0.1 → 1.0.2

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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