@qld-gov-au/qgds-bootstrap5 1.1.21 → 1.1.22
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +9 -0
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/js/handlebars.init.min.js +38 -30
- package/dist/assets/js/handlebars.init.min.js.map +4 -4
- package/dist/assets/js/handlebars.partials.js +2 -0
- package/dist/assets/node/handlebars.init.min.js +11 -1
- package/dist/assets/node/handlebars.init.min.js.map +3 -3
- package/dist/components/bs5/directionLinks/directionLinks.hbs +9 -0
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/handlebars.partials.js +2 -0
- package/dist/package.json +1 -1
- package/dist/sample-data/directionLinks/directionLinks.data.json +7 -0
- package/package.json +1 -1
- package/src/components/bs5/directionLinks/DirectionLinks.mdx +15 -0
- package/src/components/bs5/directionLinks/directionLinks.data.json +7 -0
- package/src/components/bs5/directionLinks/directionLinks.hbs +9 -0
- package/src/components/bs5/directionLinks/directionLinks.js +11 -0
- package/src/components/bs5/directionLinks/directionLinks.scss +116 -0
- package/src/components/bs5/directionLinks/directionLinks.stories.js +157 -0
- package/src/css/main.scss +1 -0
- package/src/css/qld-type.scss +67 -40
- package/src/css/qld-variables.scss +5 -3
- package/src/js/handlebars.partials.js +2 -0
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
>
|
|
131
131
|
{{label}}
|
|
132
132
|
<span class="icon" aria-hidden="true"></span>
|
|
133
|
-
</a>`;var
|
|
133
|
+
</a>`;var g=`<!-- QGDS Component: Callout -->
|
|
134
134
|
|
|
135
135
|
<div class="callout">
|
|
136
136
|
{{#if title}}
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
{{/if}}
|
|
139
139
|
<div class="callout-text">{{{content}}}</div>
|
|
140
140
|
</div>
|
|
141
|
-
`;var
|
|
141
|
+
`;var m=`<!-- QGDS Partial: card -->
|
|
142
142
|
|
|
143
143
|
<div class="col{{#if feature}}-md-12 col-lg-12{{/if}}">
|
|
144
144
|
|
|
@@ -280,7 +280,15 @@
|
|
|
280
280
|
</div>
|
|
281
281
|
</div>
|
|
282
282
|
</div>
|
|
283
|
-
`;var _
|
|
283
|
+
`;var _=`{{! valid class values are: up, down, left, right}}
|
|
284
|
+
<a class="qld-dir-link {{class}}"
|
|
285
|
+
{{~#if id}} id="{{id}}" {{/if~}}
|
|
286
|
+
href="{{href}}"
|
|
287
|
+
{{~#if target}} target="{{target}}"{{/if~}}
|
|
288
|
+
{{~#if arialabel}} aria-label="{{arialabel}}" {{/if~}}>
|
|
289
|
+
{{{label}}}
|
|
290
|
+
<span class="icon" aria-hidden="true"></span>
|
|
291
|
+
</a>`;var w=`<footer class="qld-footer {{ variantClass }}" role="contentinfo">
|
|
284
292
|
<!-- Footer content container -->
|
|
285
293
|
<div class="container">
|
|
286
294
|
<div class="row">
|
|
@@ -638,7 +646,7 @@
|
|
|
638
646
|
|
|
639
647
|
</div>
|
|
640
648
|
</div>
|
|
641
|
-
</footer>`;var
|
|
649
|
+
</footer>`;var q=`<footer class="qld-footer {{ variantClass }}" role="contentinfo">
|
|
642
650
|
<!-- Footer content container -->
|
|
643
651
|
<div class="container">
|
|
644
652
|
<div class="row">
|
|
@@ -916,7 +924,7 @@
|
|
|
916
924
|
</div>
|
|
917
925
|
</div>
|
|
918
926
|
</div>
|
|
919
|
-
</footer>`;var
|
|
927
|
+
</footer>`;var x=`
|
|
920
928
|
{{#if questionLabel}}
|
|
921
929
|
<div class="qld-text-input-label {{listClasses}}">
|
|
922
930
|
{{questionLabel}}
|
|
@@ -938,7 +946,7 @@
|
|
|
938
946
|
</label>
|
|
939
947
|
</div>
|
|
940
948
|
{{/each}}
|
|
941
|
-
`;var
|
|
949
|
+
`;var y=`<!DOCTYPE html>
|
|
942
950
|
<html lang="en">
|
|
943
951
|
<head>
|
|
944
952
|
<meta charset="UTF-8">
|
|
@@ -953,7 +961,7 @@
|
|
|
953
961
|
{{> @partial-block }}
|
|
954
962
|
{{/mainContainerWrapper}}
|
|
955
963
|
</body>
|
|
956
|
-
</html>`;var
|
|
964
|
+
</html>`;var k=`<!-- QGDS Component: Global Alert -->
|
|
957
965
|
|
|
958
966
|
<div class="global-alert-include">
|
|
959
967
|
{{#each alertItems}}
|
|
@@ -977,8 +985,8 @@
|
|
|
977
985
|
</section>
|
|
978
986
|
{{/each }}
|
|
979
987
|
</div>
|
|
980
|
-
`;var
|
|
981
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.
|
|
988
|
+
`;var T=`
|
|
989
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"1.1.22","branch":"HEAD","tag":"v1.1.22","commit":"2d7f69e1a3cc163bb6c6c9c91fce83d366ef1529","majorVersion":"v1"} -->
|
|
982
990
|
|
|
983
991
|
{{! Select environment, used verbatium if not using predefind key
|
|
984
992
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -988,7 +996,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
988
996
|
|
|
989
997
|
<script type="text/javascript" async src="{{#if cdn }}{{#ifCond cdn '==' 'PROD'}}https://static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'STAGING'}}https://staging-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'BETA'}}https://beta-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'TEST'}}https://test-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'DEV'}}https://dev-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{cdn}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{else}}missing{{/if}}/assets/js/bootstrap.min.js"><\/script>
|
|
990
998
|
<script type="text/javascript" async src="{{#if cdn }}{{#ifCond cdn '==' 'PROD'}}https://static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'STAGING'}}https://staging-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'BETA'}}https://beta-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'TEST'}}https://test-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{#ifCond cdn '==' 'DEV'}}https://dev-static.qgov.net.au/qgds-bootstrap5/v1/v1.x.x-latest{{else}}{{cdn}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{/ifCond}}{{else}}missing{{/if}}/assets/js/qld.bootstrap.min.js"><\/script>
|
|
991
|
-
`;var
|
|
999
|
+
`;var S=`<header class="qld__header" role="banner">
|
|
992
1000
|
<nav class="qld__header__skip-link" aria-label="skip links" tabindex="-1">
|
|
993
1001
|
<a class="qld__header__skip-link__linkstyle" href="#content">Skip to main content</a>
|
|
994
1002
|
<a class="qld__header__skip-link__linkstyle" href="#main-nav">Skip to main navigation</a>
|
|
@@ -1885,12 +1893,12 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
1885
1893
|
</div>
|
|
1886
1894
|
</div>
|
|
1887
1895
|
</header>
|
|
1888
|
-
<!-- HEADER END -->`;var
|
|
1896
|
+
<!-- HEADER END -->`;var R=`<div class="alert {{variantClass}} {{customClass}}" role="alert">
|
|
1889
1897
|
{{#if heading}}
|
|
1890
1898
|
<div class="alert-heading" role="heading">{{{ heading }}}</div>
|
|
1891
1899
|
{{/if}}
|
|
1892
1900
|
{{{ content }}}
|
|
1893
|
-
</div>`;var
|
|
1901
|
+
</div>`;var D=`<!-- QGDS Partial: inpage-nav -->
|
|
1894
1902
|
|
|
1895
1903
|
<div class="qld-inpage-nav">
|
|
1896
1904
|
|
|
@@ -1904,7 +1912,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
1904
1912
|
{{/each}}
|
|
1905
1913
|
</ul>
|
|
1906
1914
|
|
|
1907
|
-
</div>`;var
|
|
1915
|
+
</div>`;var O=`{{> header header}}
|
|
1908
1916
|
{{> navbar navbar}}
|
|
1909
1917
|
{{> globalAlert globalAlert}}
|
|
1910
1918
|
<main>
|
|
@@ -1931,7 +1939,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
1931
1939
|
|
|
1932
1940
|
</div>
|
|
1933
1941
|
</main>
|
|
1934
|
-
{{> footer footer}}`;var
|
|
1942
|
+
{{> footer footer}}`;var A=`<!-- DCTERMS https://www.dublincore.org/specifications/dublin-core/dcmi-terms/-->
|
|
1935
1943
|
{{#if dcTerms}}
|
|
1936
1944
|
<link rel="schema.DCTERMS" href="http://purl.org/dc/terms/" />
|
|
1937
1945
|
<link rel="schema.AGLSTERMS" href="https://agls.gov.au/documents/aglsterms/" />
|
|
@@ -1949,7 +1957,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
1949
1957
|
{{#if dcTerms.subject}}<meta name="DCTERMS.subject" content="{{ dcTerms.subject }}" />{{/if}}
|
|
1950
1958
|
{{#if dcTerms.audience}}<meta name="DCTERMS.audience" content="all" scheme="{{ dcTerms.audience }}" />{{/if}}
|
|
1951
1959
|
{{#if dcTerms.licenseUri}}<meta name="DCTERMS.license" scheme="DCTERMS.URI" content="{{ dcTerms.licenseUri }}">{{/if}}
|
|
1952
|
-
{{/if}}`;var
|
|
1960
|
+
{{/if}}`;var P=`
|
|
1953
1961
|
<!-- SEO (required) -->
|
|
1954
1962
|
{{#if description }}<meta name="description" content="{{ description }}" />{{/if}}
|
|
1955
1963
|
{{#if seo.pageSnippet }}<meta name="page.snippet" content="{{ seo.pageSnippet}}" />{{/if}}
|
|
@@ -1966,7 +1974,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
1966
1974
|
{{#if og.image }}<meta property="og:image" content="{{ og.image }}">{{/if}}
|
|
1967
1975
|
{{#ifAny og.twitter_image og.image }}<meta name="twitter:image:src" content="{{#if og.twitter_image }}{{ og.twitter_image }}{{else}}{{ og.image }}{{/if}}" />{{/ifAny}}
|
|
1968
1976
|
{{#if uri }}<meta property="og:url" content="{{ uri }}" />{{/if}}
|
|
1969
|
-
{{#if og.type }}<meta property="og:type" content="{{og.type}}" />{{/if}}`;var
|
|
1977
|
+
{{#if og.type }}<meta property="og:type" content="{{og.type}}" />{{/if}}`;var E=`<!-- Example button to trigger the modal -->
|
|
1970
1978
|
<button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#{{modalID}}">
|
|
1971
1979
|
{{launchButtonLabel}}
|
|
1972
1980
|
</button>
|
|
@@ -2003,7 +2011,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
2003
2011
|
|
|
2004
2012
|
</div>
|
|
2005
2013
|
</div>
|
|
2006
|
-
</div>`;var
|
|
2014
|
+
</div>`;var I=`<!-- QGDS Partial: Primary navigation -->
|
|
2007
2015
|
|
|
2008
2016
|
<!-- Primary Navigation / Desktop -->
|
|
2009
2017
|
<nav id="main-nav" class="navbar navbar-expand-lg" aria-label="Website navigation" role="navigation">
|
|
@@ -2257,7 +2265,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
|
2257
2265
|
<div id="overlay" class="navbar__overlay" aria-controls="main-nav"></div>
|
|
2258
2266
|
</div>
|
|
2259
2267
|
</nav>
|
|
2260
|
-
<!-- MAIN NAVIGATION END -->`;var
|
|
2268
|
+
<!-- MAIN NAVIGATION END -->`;var F=`{{!
|
|
2261
2269
|
Component Name: QGDS QOL Pagination
|
|
2262
2270
|
Component Version: 1.0
|
|
2263
2271
|
Framework: Bootstrap 5.3
|
|
@@ -2299,7 +2307,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2299
2307
|
|
|
2300
2308
|
</ul>
|
|
2301
2309
|
|
|
2302
|
-
</nav>`;var
|
|
2310
|
+
</nav>`;var N=`<!-- QGDS Component: Loading Quick exit -->
|
|
2303
2311
|
|
|
2304
2312
|
<div class="qld-quick-exit"><!-- dark -->
|
|
2305
2313
|
<div class="container">
|
|
@@ -2338,7 +2346,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2338
2346
|
</div>
|
|
2339
2347
|
</div>
|
|
2340
2348
|
</div>
|
|
2341
|
-
</div>`;var
|
|
2349
|
+
</div>`;var G=`<!--
|
|
2342
2350
|
QGDS Component: Search input
|
|
2343
2351
|
-->
|
|
2344
2352
|
<div class="container {{variantClass}}">
|
|
@@ -2384,7 +2392,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2384
2392
|
</button>
|
|
2385
2393
|
</div>
|
|
2386
2394
|
</div>
|
|
2387
|
-
`;var
|
|
2395
|
+
`;var Q=`<!-- QGDS Component: Select -->
|
|
2388
2396
|
|
|
2389
2397
|
<!-- Label for the first input field -->
|
|
2390
2398
|
<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}" for="example-1">
|
|
@@ -2418,7 +2426,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2418
2426
|
<option value="2">Option 2</option>
|
|
2419
2427
|
<option value="3">Option 3</option>
|
|
2420
2428
|
</select>
|
|
2421
|
-
`;var
|
|
2429
|
+
`;var J=`<div class="qld-side-navigation">
|
|
2422
2430
|
|
|
2423
2431
|
<h2 class="nav-title">
|
|
2424
2432
|
{{#if navtitlelink }}
|
|
@@ -2483,11 +2491,11 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2483
2491
|
</li>
|
|
2484
2492
|
{{/each}}
|
|
2485
2493
|
</ul>
|
|
2486
|
-
</div>`;var
|
|
2494
|
+
</div>`;var B=`<!-- Side Nav -->
|
|
2487
2495
|
<div class="col-12 col-lg-3 pe-lg-0 order-last order-lg-first mt-5 mt-lg-0">
|
|
2488
2496
|
{{> @partial-block }}
|
|
2489
2497
|
</div>
|
|
2490
|
-
`;var
|
|
2498
|
+
`;var W=`<!-- QGDS Component: Loading Spinner -->
|
|
2491
2499
|
|
|
2492
2500
|
<div class="qld-spinner {{#if stacked}}align-center{{/if}}" role="status">
|
|
2493
2501
|
<div class="spinner-border"></div>
|
|
@@ -2495,7 +2503,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2495
2503
|
Loading...
|
|
2496
2504
|
</span>
|
|
2497
2505
|
</div>
|
|
2498
|
-
`;var
|
|
2506
|
+
`;var Y=`<!-- QGDS Component: Table -->
|
|
2499
2507
|
|
|
2500
2508
|
<div class="table-responsive qld-table {{customClass}}">
|
|
2501
2509
|
|
|
@@ -2543,7 +2551,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2543
2551
|
{{/if}}
|
|
2544
2552
|
|
|
2545
2553
|
</table>
|
|
2546
|
-
</div>`;var
|
|
2554
|
+
</div>`;var j=`<!-- QGDS Component: Tag -->
|
|
2547
2555
|
|
|
2548
2556
|
<ul class="tag-list {{variant}}">
|
|
2549
2557
|
{{#each tagItems}}
|
|
@@ -2553,7 +2561,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2553
2561
|
{{/each }}
|
|
2554
2562
|
</ul>
|
|
2555
2563
|
|
|
2556
|
-
`;var
|
|
2564
|
+
`;var $=`<!-- QGDS Component: Textarea -->
|
|
2557
2565
|
|
|
2558
2566
|
<!-- Label for the first input field -->
|
|
2559
2567
|
<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"
|
|
@@ -2584,7 +2592,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2584
2592
|
<!-- First text input field, described by the hint text above -->
|
|
2585
2593
|
<textarea id="example-1" class="qld-text-input form-control {{customClass}} {{#if isFilled}}form-style-filled{{/if}}"
|
|
2586
2594
|
placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required
|
|
2587
|
-
aria-required="true" {{/if}}></textarea>`;var
|
|
2595
|
+
aria-required="true" {{/if}}></textarea>`;var U=`<!-- QGDS Component: Textbox -->
|
|
2588
2596
|
|
|
2589
2597
|
<!-- Label for the first input field -->
|
|
2590
2598
|
<label class="qld-text-input-label {{#if isRequired}}field-required{{/if}} {{#if isDisabled}}field-disabled{{/if}}"
|
|
@@ -2615,7 +2623,7 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2615
2623
|
<!-- First text input field, described by the hint text above -->
|
|
2616
2624
|
<input id="example-1" class="qld-text-input form-control {{customClass}} {{#if isFilled}}form-style-filled{{/if}}"
|
|
2617
2625
|
type="text" placeholder="{{placeholder}}" aria-label="Text input example" {{#if isDisabled}}disabled{{/if}} {{#if
|
|
2618
|
-
isRequired}}required aria-required="true" {{/if}} />`;var
|
|
2626
|
+
isRequired}}required aria-required="true" {{/if}} />`;var z="<!-- QGDS Partial: typography -->";var X=`<!-- QGDS Component: Video -->
|
|
2619
2627
|
|
|
2620
2628
|
{{#if analyticsTrackingCode}}
|
|
2621
2629
|
<script type="text/javascript" defer="defer" src="https://extend.vimeocdn.com/ga/{{analyticsTrackingCode}}.js">
|
|
@@ -2673,5 +2681,5 @@ Reference: https://getbootstrap.com/docs/5.0/components/pagination/
|
|
|
2673
2681
|
{{/if}}
|
|
2674
2682
|
|
|
2675
2683
|
</section>
|
|
2676
|
-
`;function d(C){C.registerPartial("accordion",c),C.registerPartial("banner",f),C.registerPartial("blockquote",p),C.registerPartial("breadcrumbs",u),C.registerPartial("breadcrumbsWrapper",h),C.registerPartial("button",L),C.registerPartial("callToAction",v),C.registerPartial("callout",
|
|
2684
|
+
`;function d(C){C.registerPartial("accordion",c),C.registerPartial("banner",f),C.registerPartial("blockquote",p),C.registerPartial("breadcrumbs",u),C.registerPartial("breadcrumbsWrapper",h),C.registerPartial("button",L),C.registerPartial("callToAction",v),C.registerPartial("callout",g),C.registerPartial("card",m),C.registerPartial("contentFooter",V),C.registerPartial("contentFooterWrapper",H),C.registerPartial("contentWrapper",M),C.registerPartial("correctincorrect",b),C.registerPartial("dateinput",Z),C.registerPartial("directionLinks",_),C.registerPartial("footer",w),C.registerPartial("footerForgov",q),C.registerPartial("formcheck",x),C.registerPartial("fullPage",y),C.registerPartial("globalAlert",k),C.registerPartial("head",T),C.registerPartial("header",S),C.registerPartial("inpageAlert",R),C.registerPartial("inpagenav",D),C.registerPartial("mainContainerWrapper",O),C.registerPartial("metaDcTerms",A),C.registerPartial("metaOpenGraph",P),C.registerPartial("modal",E),C.registerPartial("navbar",I),C.registerPartial("pagination",F),C.registerPartial("quickexit",N),C.registerPartial("searchInput",G),C.registerPartial("select",Q),C.registerPartial("sidenav",J),C.registerPartial("sidenavWrapper",B),C.registerPartial("spinner",W),C.registerPartial("table",Y),C.registerPartial("tag",j),C.registerPartial("textarea",$),C.registerPartial("textbox",U),C.registerPartial("typography",z),C.registerPartial("video",X)}typeof Handlebars!="undefined"&&d(Handlebars);var K=!1;function C2(C){typeof C=="undefined"&&console.error("Handlebars.init requires HandleBars"),typeof C!="undefined"?(K?console.log("HandleBars Helpers And Partials already loaded, loading again"):K=!0,n(C),d(C)):console.log("Handlebars not found, init failed")}typeof Handlebars!="undefined"&&C2(Handlebars);})();
|
|
2677
2685
|
//# sourceMappingURL=handlebars.init.min.js.map
|