@qld-gov-au/qgds-bootstrap5 1.1.41 → 2.0.0

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.
Files changed (143) hide show
  1. package/.eslintrc.cjs +27 -27
  2. package/.vscode/settings.json +5 -5
  3. package/dist/assets/components/bs5/card/card.hbs +3 -17
  4. package/dist/assets/components/bs5/footer/customLinks.hbs +7 -0
  5. package/dist/assets/components/bs5/footer/feedbackForm.hbs +25 -0
  6. package/dist/assets/components/bs5/footer/followLinks.hbs +14 -0
  7. package/dist/assets/components/bs5/footer/footer.hbs +229 -346
  8. package/dist/assets/components/bs5/head/head.hbs +4 -4
  9. package/dist/assets/components/bs5/header/header.hbs +124 -878
  10. package/dist/assets/components/bs5/header/headerBrand.hbs +35 -0
  11. package/dist/{components/bs5/iconLink/iconLink.hbs → assets/components/bs5/link/link.hbs} +3 -3
  12. package/dist/assets/components/bs5/logo/logoCOALandscape.hbs +110 -55
  13. package/dist/assets/components/bs5/logo/logoCOALandscape2Lines.hbs +2 -1
  14. package/dist/assets/components/bs5/navbar/navbar.hbs +3 -3
  15. package/dist/assets/components/bs5/pageLayout/templates/contentPageWithForm.hbs +53 -22
  16. package/dist/assets/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +79 -59
  17. package/dist/assets/components/bs5/pageLayout/templates/homePage.hbs +111 -0
  18. package/dist/assets/components/bs5/searchInput/searchInput.hbs +1 -1
  19. package/dist/assets/css/qld.bootstrap.css +1 -1
  20. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  21. package/dist/assets/js/handlebars.helpers.bundle.js.map +2 -2
  22. package/dist/assets/js/handlebars.helpers.js +34 -34
  23. package/dist/assets/js/handlebars.init.min.js +830 -1791
  24. package/dist/assets/js/handlebars.init.min.js.map +4 -4
  25. package/dist/assets/js/handlebars.partials.js +12 -8
  26. package/dist/assets/js/qld.bootstrap.min.js +5 -5
  27. package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
  28. package/dist/assets/node/handlebars.init.min.js +398 -120
  29. package/dist/assets/node/handlebars.init.min.js.map +3 -3
  30. package/dist/components/bs5/card/card.hbs +3 -17
  31. package/dist/components/bs5/footer/customLinks.hbs +7 -0
  32. package/dist/components/bs5/footer/feedbackForm.hbs +25 -0
  33. package/dist/components/bs5/footer/followLinks.hbs +14 -0
  34. package/dist/components/bs5/footer/footer.hbs +229 -346
  35. package/dist/components/bs5/head/head.hbs +4 -4
  36. package/dist/components/bs5/header/header.hbs +124 -878
  37. package/dist/components/bs5/header/headerBrand.hbs +35 -0
  38. package/dist/{assets/components/bs5/iconLink/iconLink.hbs → components/bs5/link/link.hbs} +3 -3
  39. package/dist/components/bs5/logo/logoCOALandscape.hbs +110 -55
  40. package/dist/components/bs5/logo/logoCOALandscape2Lines.hbs +2 -1
  41. package/dist/components/bs5/navbar/navbar.hbs +3 -3
  42. package/dist/components/bs5/pageLayout/templates/contentPageWithForm.hbs +53 -22
  43. package/dist/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +79 -59
  44. package/dist/components/bs5/pageLayout/templates/homePage.hbs +111 -0
  45. package/dist/components/bs5/searchInput/searchInput.hbs +1 -1
  46. package/dist/components/handlebars.helpers.js +34 -34
  47. package/dist/components/handlebars.partials.js +12 -8
  48. package/dist/package.json +1 -1
  49. package/dist/sample-data/footer/footer.data.json +128 -84
  50. package/dist/sample-data/header/header.variant.coBrand.data.json +28 -40
  51. package/dist/sample-data/header/header.variant.endorsed.data.json +116 -150
  52. package/dist/sample-data/header/header.variant.masterBrand.data.json +116 -152
  53. package/dist/sample-data/header/header.variant.standAlone.data.json +118 -150
  54. package/dist/sample-data/header/header.variant.subBrand.data.json +32 -159
  55. package/dist/sample-data/inpageAlert/inpageAlert.data.json +6 -6
  56. package/dist/sample-data/logo/logo.data.json +1 -0
  57. package/dist/sample-data/navbar/navbar.data.json +5 -5
  58. package/package.json +1 -1
  59. package/src/components/bs5/accordion/Accordion.mdx +8 -2
  60. package/src/components/bs5/banner/Banner.mdx +6 -1
  61. package/src/components/bs5/banner/banner.scss +16 -9
  62. package/src/components/bs5/banner/banner.stories.js +17 -17
  63. package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx +8 -2
  64. package/src/components/bs5/button/button.stories.js +8 -8
  65. package/src/components/bs5/callToAction/callToAction.mdx +8 -3
  66. package/src/components/bs5/card/Card.mdx +8 -2
  67. package/src/components/bs5/card/card.hbs +3 -17
  68. package/src/components/bs5/card/card.scss +103 -103
  69. package/src/components/bs5/containerLayout/containerLayout.stories.js +1 -1
  70. package/src/components/bs5/footer/Footer.js +3 -3
  71. package/src/components/bs5/footer/Footer.mdx +8 -2
  72. package/src/components/bs5/footer/customLinks.hbs +7 -0
  73. package/src/components/bs5/footer/feedbackForm.hbs +25 -0
  74. package/src/components/bs5/footer/followLinks.hbs +14 -0
  75. package/src/components/bs5/footer/footer.data.json +128 -84
  76. package/src/components/bs5/footer/footer.functions.js +2 -1
  77. package/src/components/bs5/footer/footer.hbs +229 -346
  78. package/src/components/bs5/footer/footer.scss +262 -272
  79. package/src/components/bs5/footer/footer.stories.js +4 -92
  80. package/src/components/bs5/footer/footer_formio.scss +219 -0
  81. package/src/components/bs5/globalAlert/GlobalAlert.mdx +8 -2
  82. package/src/components/bs5/globalAlert/globalAlert.test.js +3 -11
  83. package/src/components/bs5/header/_header-variables.scss +272 -0
  84. package/src/components/bs5/header/header.functions.js +9 -9
  85. package/src/components/bs5/header/header.hbs +124 -878
  86. package/src/components/bs5/header/header.scss +279 -411
  87. package/src/components/bs5/header/header.stories.js +8 -28
  88. package/src/components/bs5/header/header.variant.coBrand.data.json +28 -40
  89. package/src/components/bs5/header/header.variant.endorsed.data.json +116 -150
  90. package/src/components/bs5/header/header.variant.masterBrand.data.json +116 -152
  91. package/src/components/bs5/header/header.variant.standAlone.data.json +118 -150
  92. package/src/components/bs5/header/header.variant.subBrand.data.json +32 -159
  93. package/src/components/bs5/header/headerBrand.hbs +35 -0
  94. package/src/components/bs5/inpageAlert/InpageAlert.mdx +8 -2
  95. package/src/components/bs5/inpageAlert/inpageAlert.data.json +6 -6
  96. package/src/components/bs5/{iconLink/iconLink.hbs → link/link.hbs} +3 -3
  97. package/src/components/bs5/{iconLink/iconLink.js → link/link.js} +2 -2
  98. package/src/components/bs5/{iconLink/iconLink.mdx → link/link.mdx} +3 -3
  99. package/src/components/bs5/{iconLink/iconLink.scss → link/link.scss} +27 -3
  100. package/src/components/bs5/{iconLink/iconLink.stories.js → link/link.stories.js} +4 -5
  101. package/src/components/bs5/linkColumns/linkColumns.mdx +8 -3
  102. package/src/components/bs5/logo/logo.data.json +1 -0
  103. package/src/components/bs5/logo/logoCOALandscape.hbs +110 -55
  104. package/src/components/bs5/logo/logoCOALandscape2Lines.hbs +2 -1
  105. package/src/components/bs5/navbar/navbar.data.json +5 -5
  106. package/src/components/bs5/navbar/navbar.hbs +3 -3
  107. package/src/components/bs5/navbar/navbar.scss +669 -614
  108. package/src/components/bs5/navbar/navbar.stories.js +1 -0
  109. package/src/components/bs5/pageLayout/{FullWidthLandingPage.js → HomePage.js} +2 -2
  110. package/src/components/bs5/pageLayout/pageLayout.stories.js +242 -98
  111. package/src/components/bs5/pageLayout/templates/contentPageWithForm.hbs +53 -22
  112. package/src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +79 -59
  113. package/src/components/bs5/pageLayout/templates/homePage.hbs +111 -0
  114. package/src/components/bs5/promotionalPanel/PromotionalPanel.mdx +8 -3
  115. package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +1 -1
  116. package/src/components/bs5/searchInput/searchInput.hbs +1 -1
  117. package/src/components/bs5/searchInput/searchInput.scss +2 -1
  118. package/src/components/bs5/searchInput/searchInput.test.js +1 -2
  119. package/src/css/main.scss +4 -1
  120. package/src/css/mixins/_index.scss +2 -1
  121. package/src/css/mixins/register-vars.scss +23 -0
  122. package/src/css/qld-variables.scss +4 -2
  123. package/src/css/utilities/_index.scss +1 -0
  124. package/src/css/utilities/responsive-visually-hidden.scss +10 -0
  125. package/src/js/handlebars.helpers.js +34 -34
  126. package/src/js/handlebars.partials.js +12 -8
  127. package/src/js/qld.bootstrap.js +10 -11
  128. package/dist/assets/components/bs5/footer/footerForgov.hbs +0 -279
  129. package/dist/assets/components/bs5/pageLayout/pageLayout.hbs +0 -34
  130. package/dist/assets/components/bs5/pageLayout/templates/fullWidthLandingPage.hbs +0 -61
  131. package/dist/components/bs5/footer/footerForgov.hbs +0 -279
  132. package/dist/components/bs5/pageLayout/pageLayout.hbs +0 -34
  133. package/dist/components/bs5/pageLayout/templates/fullWidthLandingPage.hbs +0 -61
  134. package/src/components/bs5/footer/_colours.scss +0 -149
  135. package/src/components/bs5/footer/_measurements.scss +0 -32
  136. package/src/components/bs5/footer/footerForgov.hbs +0 -279
  137. package/src/components/bs5/header/_colours.scss +0 -271
  138. package/src/components/bs5/header/_icons.scss +0 -10
  139. package/src/components/bs5/pageLayout/pageLayout.hbs +0 -34
  140. package/src/components/bs5/pageLayout/pageLayout.js +0 -21
  141. package/src/components/bs5/pageLayout/templates/fullWidthLandingPage.hbs +0 -61
  142. /package/dist/sample-data/{iconLink/iconLink.data.json → link/link.data.json} +0 -0
  143. /package/src/components/bs5/{iconLink/iconLink.data.json → link/link.data.json} +0 -0
@@ -1,5 +1,6 @@
1
1
  {{!prettier-ignore}}
2
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 56" fill="{{fill}}" class="{{className}}">
2
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 170 56" {{#if fill}}fill="{{fill}}"{{/if}} {{#if className}}class="{{className}}"{{/if}} {{#if width}}width="{{width}}"{{/if}}
3
+ {{#if height}}height="{{height}}"{{/if}}>
3
4
  <title>Queensland Government</title>
4
5
  <path d="M59.2787 21.2601C59.0853 21.3115 58.617 21.4554 58.3116 21.4965C58.8918 20.9209 59.2379 20.2219 59.2379 19.6463C58.9631 19.7388 58.4643 19.9238 58.0062 20.0266C58.9122 19.2454 59.4008 18.3511 59.187 17.1588C58.9122 17.3027 58.5152 17.5288 58.1284 17.6933C58.9224 16.4701 58.9122 15.3805 58.5865 14.7432C58.2302 15.0824 57.8026 15.473 57.3548 15.7505C57.65 14.332 57.6296 13.4172 57.0392 12.7696C56.4386 13.9209 55.9195 14.7637 55.0746 15.7814C55.1458 14.846 55.044 13.6742 54.4333 13.0574C54.4333 13.0574 54.2602 14.3629 53.8021 14.7843C53.6902 13.4994 53.3034 12.8005 52.7231 12.1118C52.7231 12.1118 52.6824 13.448 52.3261 14.2704C52.0208 13.1499 51.4507 12.2865 50.728 11.4642C50.7789 13.9311 50.0969 18.5773 48.1424 21.7021C47.9083 23.5523 47.7047 26.3482 44.7221 27.9928C44.2946 27.6844 43.5312 27.2938 42.4725 27.3555C42.1875 25.9576 43.9994 24.683 45.567 23.6756C47.1448 22.6477 47.837 21.774 47.7963 20.3966C47.7556 18.8959 46.7478 18.2792 45.7095 18.238C44.2437 18.1661 43.0425 19.5126 42.7575 20.078C42.33 20.2836 41.0779 20.6742 40.5588 20.8181C39.9887 20.9723 39.3372 21.2087 38.9301 21.5479C39.1744 21.7021 39.8564 21.7535 40.1312 21.7123C40.63 21.6404 42.218 21.3423 43.7347 21.1573C44.2946 21.4554 45.1802 21.9693 44.2335 22.6272C42.9408 23.4598 42.3809 23.6756 40.5588 24.6419C37.678 26.1631 38.6145 29.9972 39.3169 30.285C39.3169 31.5802 40.4672 33.9135 41.2408 34.7255C41.5869 36.3496 41.1288 38.7755 40.6402 39.7828C40.2432 38.796 39.5408 36.5141 39.0929 35.1778C39.5612 32.6492 38.8079 31.5391 38.2786 31.1176C37.7493 30.6756 36.9146 30.799 36.375 31.6727C37.2098 31.5802 37.4846 32.6595 37.4642 33.7696C37.4439 35.1059 37.108 36.1749 36.1816 36.1852C36.2529 37.3261 37.4744 37.6551 38.0852 37.1C38.1768 37.357 38.6654 38.8577 39.1337 40.194C39.4085 40.9855 39.6732 41.7153 39.8564 42.0956C40.0498 42.517 41.4546 42.589 41.6174 42.0956C41.8414 41.448 42.0144 40.9546 42.3707 40.194C42.6354 39.6184 43.012 38.8783 43.5719 37.7887C43.9485 38.4465 44.4575 39.4847 44.7425 40.194C44.8748 40.5126 44.9766 40.7799 44.9868 40.9032C45.0988 41.9928 45.0377 45.8577 44.7425 48.1705C41.5971 47.307 40.7115 48.8592 40.9863 50.0104C41.4444 49.5067 42.0246 49.5684 42.3911 49.8357C42.2994 50.6785 42.5336 51.2953 43.3886 51.5523C44.2946 49.1367 47.5317 49.6712 47.837 49.8768C47.8472 49.4142 48.2849 48.2527 46.6155 48.006C46.6766 45.9194 46.8903 43.3599 46.9718 42.8254C47.043 42.2909 47.1041 41.962 46.8496 41.1294C46.7784 40.8827 46.6868 40.5743 46.5951 40.2043C46.3814 39.3614 46.1574 38.2615 46.1371 37.0589C46.4221 37.3467 47.1143 37.5831 47.5927 37.47C47.9592 39.053 48.4885 38.5905 48.7634 39.2483C48.9059 39.5875 48.9364 39.9062 48.9771 40.194C49.0077 40.4715 49.0484 40.7079 49.2011 40.9135C50.3208 40.9443 51.2675 40.6771 51.9495 40.194C52.1633 40.0398 52.3363 39.8753 52.4992 39.6903C52.2243 38.0148 51.7561 37.1822 50.8908 36.1646C50.6669 34.7872 50.0256 33.5332 49.1604 32.4231C50.2597 32.0633 51.3693 31.1587 51.9597 30.542C52.489 30.5009 53.0896 30.0589 53.1303 29.1955C53.4357 29.1543 53.7004 29.1441 53.9345 29.0927C53.9039 28.8562 53.8429 28.4965 53.8123 28.2806C54.2195 28.2806 54.5961 28.2601 54.983 28.2292C54.871 27.9106 54.7285 27.5816 54.6165 27.3452C55.0237 27.3452 55.5225 27.3144 55.9296 27.2938C55.7159 26.8827 55.553 26.5332 55.4309 26.1734C55.8991 26.1323 56.6117 26.009 57.2021 25.8753C57.0087 25.6698 56.7949 25.4642 56.4793 25.1455C58.0164 24.683 58.6781 23.614 58.7595 23.1411C58.5356 23.1411 58.0673 23.2439 57.7925 23.2234C58.617 22.7094 59.1972 22.0104 59.2787 21.2601Z" />
5
6
  <path d="M37.8308 24.7343H28.3232H18.8055H18.4492V25.0941V31.9605C18.5408 32.0119 18.6223 32.0838 18.7139 32.1661V25.0427H37.9936V31.6624C38.0649 31.7343 38.126 31.8268 38.187 31.9502V25.1044V24.7446H37.8308V24.7343Z" />
@@ -4,7 +4,7 @@
4
4
  <div id="navbarNav" class="container">
5
5
  <div class="nav-header">
6
6
  <span class="navbar-brand" href="#">{{#if metadata.navbarBrandName}}{{metadata.navbarBrandName}}{{/if}}</span>
7
- <button id="burgerCloseBtn" type="button" class="navbar-btn btn-close" data-bs-toggle="collapse"
7
+ <button id="burgerCloseBtn" type="button" class="navbar-btn" data-bs-toggle="collapse"
8
8
  aria-label="Close" data-bs-target="#main-nav" aria-expanded="false"
9
9
  aria-controls="collapseExample">Close</button>
10
10
  </div>
@@ -18,7 +18,7 @@
18
18
  {{#if iconName}}
19
19
  <span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
20
20
  {{#if hideLabel}}
21
- <span class="visually-hidden">{{text}}</span>
21
+ <span class="visually-hidden-lg">{{text}}</span>
22
22
  {{else}}
23
23
  {{text}}
24
24
  {{/if}}
@@ -57,7 +57,7 @@
57
57
  {{#if iconName}}
58
58
  <span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
59
59
  {{#if hideLabel}}
60
- <span class="visually-hidden">{{text}}</span>
60
+ <span class="visually-hidden-lg">{{text}}</span>
61
61
  {{else}}
62
62
  {{text}}
63
63
  {{/if}}
@@ -5,7 +5,6 @@
5
5
  <meta charset="UTF-8">
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
7
  <title>{{title}}</title>
8
- {{> head }}
9
8
  </head>
10
9
 
11
10
  <body>
@@ -18,44 +17,76 @@
18
17
  {{/if}}
19
18
 
20
19
  <main>
21
- <div class="container-fluid">
22
- <div class="container qld-content">
23
- {{#if breadcrumbs}}
24
- <div class="row">
25
- <div class="col-12">
26
- {{> breadcrumbs breadcrumbs}}
27
- </div>
20
+ <div class="container mt-40 mt-lg-64">
21
+ {{#if breadcrumbs}}
22
+ <div class="row">
23
+ <div class="col-12">
24
+ {{> breadcrumbs breadcrumbs}}
25
+ </div>
26
+ </div>
27
+ {{/if}}
28
+
29
+ <div class="row">
30
+ {{#if sidenav}}
31
+ <!-- Side navigation Col -->
32
+ <div class="col-12 col-lg-3 mt-5 mt-lg-0">
33
+ {{> sidenav sidenav}}
28
34
  </div>
29
35
  {{/if}}
30
36
 
31
- <div class="row">
32
- <div class="col-lg-8 mx-auto">
33
- <div class="content-section">
34
- {{{content}}}
37
+ <!-- Content Col -->
38
+ <div class="col-lg-8 col-md-7 ps-1 ps-md-32">
39
+
40
+ <!-- Main Content Sections -->
41
+ <div class="content-section mb-5 px-1 px-md-32">
42
+
43
+ <h1 id="section-heading">Single page form (H1)</h1>
44
+ <p>
45
+ Your feedback is important to us. It tells us how we can improve and what we’re doing well. Your feedback is confidential.
46
+ </p>
47
+
48
+ <h2 id="form-heading">Enquiry form (H2)</h2>
49
+
50
+ {{#if inpageAlert}}
51
+ <!-- Inpage Alert -->
52
+ <div class="mb-32">
53
+ {{> inpageAlert inpageAlert}}
54
+ </div>
55
+ {{/if}}
56
+
57
+ <div class="mb-32">
58
+ <p>Any information submitted using this form will be used in line with our privacy statement.</p>
59
+ <p>Required fields are marked with an *</p>
35
60
  </div>
36
61
 
37
62
  {{#if form}}
38
63
  <form class="qld-form mb-5">
39
- {{#each form.fields}}
40
- <div class="form-group mb-3">
64
+ {{#each form.fields1}}
65
+ <div class="form-group mb-32">
41
66
  {{#ifCond type '==' 'textbox'}}
42
67
  {{> textbox this}}
43
68
  {{else ifCond type '==' 'textarea'}}
44
69
  {{> textarea this}}
70
+ {{else ifCond type '==' 'radio'}}
71
+ {{> formcheck this}}
72
+ {{/ifCond}}
73
+ </div>
74
+ {{/each}}
75
+
76
+ <h3 id="form-heading">Contact details (H3)</h3>
77
+
78
+ {{#each form.fields2}}
79
+ <div class="form-group mb-32">
80
+ {{#ifCond type '==' 'textbox'}}
81
+ {{> textbox this}}
45
82
  {{else ifCond type '==' 'select'}}
46
83
  {{> select this}}
47
- {{else ifCond type '==' 'dateinput'}}
48
- {{> dateinput this}}
49
- {{else ifCond type '==' 'formcheck'}}
50
- {{> formcheck this}}
51
84
  {{else ifCond type '==' 'checkbox'}}
52
85
  {{> formcheck this}}
53
- {{else ifCond type '==' 'radio'}}
54
- {{> formcheck this}}
55
86
  {{/ifCond}}
56
87
  </div>
57
88
  {{/each}}
58
-
89
+
59
90
  {{#if form.buttons}}
60
91
  <div class="form-actions d-flex mt-5 gap-4">
61
92
  {{#each form.buttons}}
@@ -66,9 +97,9 @@
66
97
  </form>
67
98
  {{/if}}
68
99
 
69
- {{> contentFooter contentFooter}}
70
100
  </div>
71
101
  </div>
102
+ {{> contentFooter contentFooter}}
72
103
  </div>
73
104
  </div>
74
105
  </main>
@@ -5,7 +5,6 @@
5
5
  <meta charset="UTF-8">
6
6
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
7
  <title>{{title}}</title>
8
- {{> head }}
9
8
  </head>
10
9
 
11
10
  <body>
@@ -21,80 +20,101 @@
21
20
  {{/if}}
22
21
 
23
22
  <main>
24
- <div class="container-fluid">
25
- <div class="container qld-content">
26
- {{#if breadcrumbs}}
27
- <div class="row">
28
- <div class="col-12">
29
- <!-- breadcrumbs -->
30
- {{> breadcrumbs breadcrumbs}}
31
- </div>
23
+ <div class="container mt-40 mt-lg-64">
24
+ {{#if breadcrumbs}}
25
+ <div class="row">
26
+ <div class="col-12">
27
+ <!-- breadcrumbs -->
28
+ {{> breadcrumbs breadcrumbs}}
32
29
  </div>
33
- {{/if}}
34
-
35
- <!-- Main Grid Layout: Side navigation and content -->
36
- <div class="row">
37
- {{#if sidenav}}
38
- <!-- Side navigation Col -->
39
- <div class="col-lg-3 col-md-4 px-0">
40
- {{> sidenav sidenav}}
41
- </div>
42
- <!-- Content Col -->
43
- <div class="col-lg-8 col-md-7 ps-32">
44
- {{else}}
45
- <div class="col-12">
46
- {{/if}}
30
+ </div>
31
+ {{/if}}
32
+
33
+ <!-- Main Grid Layout: Side navigation and content -->
34
+ <div class="row">
35
+ {{#if sidenav}}
36
+ <!-- Side navigation Col -->
37
+ <div class="col-12 col-lg-3 mt-5 mt-lg-0">
38
+ {{> sidenav sidenav}}
39
+ </div>
40
+ <!-- Content Col -->
41
+ <div class="col-lg-8 col-md-7 ps-1 ps-md-32">
42
+ {{else}}
43
+ <div class="col-12">
44
+ {{/if}}
47
45
 
48
- <!-- Main Content Sections -->
49
- <div class="content-section ps-32">
46
+ <!-- Main Content Sections -->
47
+ <div class="content-section mb-5 px-1 px-md-32">
50
48
 
51
- {{#if inpagenav}}
52
- <!-- inpagenav Section -->
53
- {{> inpagenav inpagenav}}
54
- {{/if}}
49
+ {{#if inpagenav}}
50
+ <!-- inpagenav Section -->
51
+ {{> inpagenav inpagenav}}
52
+ {{/if}}
55
53
 
56
- <h1 id="section-heading">Section heading (H1)</h1>
57
- <p>This is the main content area. It contains detailed information about the topic.</p>
54
+ <h1 id="section-heading">Section heading (H1)</h1>
55
+ <p>
56
+ Lorem ipsum dolor sit amet consectetur. Sed facilisis purus eu convallis ut. Morbi condimentum volutpat feugiat pellentesque. Auctor amet auctor dolor metus eget diam. Facilisis vitae venenatis vestibulum libero ut. Luctus diam pellentesque ipsum accumsan amet commodo.
57
+ </p>
58
+ <p>
59
+ Convallis et ullamcorper ac nisi ornare sed facilisis sem. Scelerisque malesuada vivamus tellus mi vitae amet ornare donec malesuada. Nascetur senectus aenean fames id turpis.
60
+ </p>
61
+
62
+ <h2 id="content-heading">Content heading (H2)</h2>
63
+ <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
64
+ incididunt ut labore et dolore magna aliqua.</p>
65
+
66
+ {{#if calloutdata}}
67
+ <!-- callout Section -->
68
+ {{> callout calloutdata}}
69
+ {{/if}}
58
70
 
59
- <h2 id="content-heading">Content heading (H2)</h2>
60
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor
61
- incididunt ut labore et dolore magna aliqua.</p>
71
+ <h3 id="inspection">Pre-registration inspection (H3)</h3>
72
+ <p>Information about pre-registration inspection requirements.</p>
62
73
 
63
- <h3 id="inspection">Pre-registration inspection (H3)</h3>
64
- <p>Information about pre-registration inspection requirements.</p>
74
+ <h4 id="fees-and-charges">Fees and charges (H4)</h4>
75
+ <p>Details about fees and charges for vehicle registration.</p>
65
76
 
66
- <h4 id="fees-and-charges">Fees and charges (H4)</h4>
67
- <p>Details about fees and charges for vehicle registration.</p>
77
+ </div>
68
78
 
69
- </div>
79
+ {{#if accordionItems}}
80
+ <!-- accordion Section -->
81
+ <div class="my-5 px-1 px-md-32">
82
+ {{> accordion accordionItems}}
83
+ </div>
84
+ {{/if}}
70
85
 
71
- {{#if image}}
72
- <!-- image Section -->
73
- <div class="my-4 ps-32">
74
- {{> image image}}
75
- </div>
76
- {{/if}}
86
+ {{#if video}}
87
+ <!-- video Section -->
88
+ <div class="my-5 px-1 px-md-32">
89
+ {{> video video}}
90
+ </div>
91
+ {{/if}}
77
92
 
78
- {{#if table}}
79
- <!-- table Section -->
80
- <div class="my-4 ps-32">
81
- {{> table table}}
82
- </div>
83
- {{/if}}
93
+ <div class="my-5 p-1 p-md-32 bg-light">
94
+ <h2 id="inspection">Section heading (H2)</h2>
95
+ <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies
96
+ est.
97
+ Tincidunt ultrices commodo vestibulum non netus. </p>
98
+ <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien
99
+ condimentum adipiscing augue quisque eu.</p>
84
100
 
85
- {{#if video}}
86
- <!-- video Section -->
87
- <div class="my-4 ps-32">
88
- {{> video video}}
89
- </div>
90
- {{/if}}
101
+ {{> callToAction callToAction}}
102
+ </div>
91
103
 
92
- <!-- Content Footer -->
93
- {{> contentFooter contentFooter}}
104
+ {{#if table}}
105
+ <!-- table Section -->
106
+ <div class="my-5 px-1 px-md-32">
107
+ {{> table table}}
94
108
  </div>
109
+ {{/if}}
110
+
95
111
  </div>
96
112
  </div>
113
+
114
+ <!-- Content Footer -->
115
+ {{> contentFooter contentFooter}}
97
116
  </div>
117
+ </div>
98
118
  </main>
99
119
  <!-- Footer -->
100
120
  {{> footer footer}}
@@ -0,0 +1,111 @@
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+
4
+ <head>
5
+ <meta charset="UTF-8">
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
7
+ <title>{{title}}</title>
8
+ </head>
9
+
10
+ <body>
11
+ {{> globalAlert globalAlert}}
12
+ {{> header header}}
13
+ {{> navbar navbar}}
14
+
15
+ {{#if banner}}
16
+ {{> banner banner}}
17
+ {{/if}}
18
+
19
+ <main>
20
+ <div class="container-fluid p-0">
21
+ {{#if cardGrid}}
22
+ <section class="py-5 mt-md-3">
23
+ <div class="container">
24
+ <div class="row">
25
+ {{#each cardGrid.cards}}
26
+ <div class="col-md-4 mb-4">
27
+ {{> card this}}
28
+ </div>
29
+ {{/each}}
30
+ </div>
31
+ </div>
32
+ </section>
33
+ {{/if}}
34
+
35
+ {{#if linkColumns}}
36
+ <section class="py-5">
37
+ <div class="container">
38
+ {{> linkColumns linkColumns}}
39
+ </div>
40
+ </section>
41
+ {{/if}}
42
+
43
+ <section class="py-5 mt-md-3 bg-light">
44
+ <div class="container">
45
+ <h2 id="content-heading">Section heading (H2)</h2>
46
+
47
+ <div class="row">
48
+ <div class="col-md-4 mb-4">
49
+ <h3 id="inspection">Content heading (H3)</h3>
50
+ <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies
51
+ est.
52
+ Tincidunt ultrices commodo vestibulum non netus. </p>
53
+ <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien
54
+ condimentum adipiscing augue quisque eu.</p>
55
+
56
+ {{> callToAction callToAction}}
57
+ </div>
58
+
59
+ <div class="col-md-4 mb-4">
60
+ <h3 id="inspection">Content heading (H3)</h3>
61
+ <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies
62
+ est.
63
+ Tincidunt ultrices commodo vestibulum non netus. </p>
64
+ <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien
65
+ condimentum adipiscing augue quisque eu.</p>
66
+
67
+ {{> callToAction callToAction}}
68
+ </div>
69
+
70
+ <div class="col-md-4 mb-4">
71
+ <h3 id="inspection">Content heading (H3)</h3>
72
+ <p>Lorem ipsum dolor sit amet consectetur. Viverra eu pulvinar a eu mauris ac at ultricies
73
+ est.
74
+ Tincidunt ultrices commodo vestibulum non netus. </p>
75
+ <p>Mauris maecenas lacus hendrerit urna ultricies auctor. Sed tristique nascetur sapien
76
+ condimentum adipiscing augue quisque eu.</p>
77
+
78
+ {{> callToAction callToAction}}
79
+ </div>
80
+ </div>
81
+ </div>
82
+ </section>
83
+
84
+ {{#if promotionalPanel}}
85
+ <section class="pt-5 bg-light">
86
+ <div class="container">
87
+ {{> promotionalPanel promotionalPanel}}
88
+ </div>
89
+ </section>
90
+ {{/if}}
91
+
92
+ {{#if cardGridBottom}}
93
+ <section class="py-64 dark-alt">
94
+ <div class="container pt-64">
95
+ <div class="row">
96
+ {{#each cardGridBottom.cards}}
97
+ <div class="col-md-4 mb-4">
98
+ {{> card this}}
99
+ </div>
100
+ {{/each}}
101
+ </div>
102
+ </div>
103
+ </section>
104
+ {{/if}}
105
+
106
+ </div>
107
+ </main>
108
+ {{> footer footer}}
109
+ </body>
110
+
111
+ </html>
@@ -37,7 +37,7 @@
37
37
  </div>
38
38
  {{/if}}
39
39
  <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
40
- <span class="btn-icon"></span>
40
+ <span class="btn-icon mx-0"></span>
41
41
  <span class="btn-label">{{ buttonLabel }}</span>
42
42
  </button>
43
43
  </div>
@@ -18,34 +18,34 @@
18
18
  */
19
19
  function ifCond(v1, operator, v2, options) {
20
20
  switch (operator) {
21
- case "==":
22
- return v1 == v2 ? options.fn(this) : options.inverse(this);
23
- case "===":
24
- return v1 === v2 ? options.fn(this) : options.inverse(this);
25
- case "!=":
26
- return v1 != v2 ? options.fn(this) : options.inverse(this);
27
- case "!==":
28
- return v1 !== v2 ? options.fn(this) : options.inverse(this);
29
- case "<":
30
- return v1 < v2 ? options.fn(this) : options.inverse(this);
31
- case "<=":
32
- return v1 <= v2 ? options.fn(this) : options.inverse(this);
33
- case ">":
34
- return v1 > v2 ? options.fn(this) : options.inverse(this);
35
- case ">=":
36
- return v1 >= v2 ? options.fn(this) : options.inverse(this);
37
- case "&&":
38
- return v1 && v2 ? options.fn(this) : options.inverse(this);
39
- case "||":
40
- return v1 || v2 ? options.fn(this) : options.inverse(this);
41
- case "contains":
42
- if (typeof v1 == "string" && typeof v2 == "string") {
43
- return v1.toLowerCase().indexOf(v2.toLowerCase()) >= 0
44
- ? options.fn(this)
45
- : options.inverse(this);
46
- } else return options.inverse(this);
47
- default:
48
- return options.inverse(this);
21
+ case "==":
22
+ return v1 == v2 ? options.fn(this) : options.inverse(this);
23
+ case "===":
24
+ return v1 === v2 ? options.fn(this) : options.inverse(this);
25
+ case "!=":
26
+ return v1 != v2 ? options.fn(this) : options.inverse(this);
27
+ case "!==":
28
+ return v1 !== v2 ? options.fn(this) : options.inverse(this);
29
+ case "<":
30
+ return v1 < v2 ? options.fn(this) : options.inverse(this);
31
+ case "<=":
32
+ return v1 <= v2 ? options.fn(this) : options.inverse(this);
33
+ case ">":
34
+ return v1 > v2 ? options.fn(this) : options.inverse(this);
35
+ case ">=":
36
+ return v1 >= v2 ? options.fn(this) : options.inverse(this);
37
+ case "&&":
38
+ return v1 && v2 ? options.fn(this) : options.inverse(this);
39
+ case "||":
40
+ return v1 || v2 ? options.fn(this) : options.inverse(this);
41
+ case "contains":
42
+ if (typeof v1 == "string" && typeof v2 == "string") {
43
+ return v1.toLowerCase().indexOf(v2.toLowerCase()) >= 0
44
+ ? options.fn(this)
45
+ : options.inverse(this);
46
+ } else return options.inverse(this);
47
+ default:
48
+ return options.inverse(this);
49
49
  }
50
50
  }
51
51
  /**
@@ -120,12 +120,12 @@ export default function handlebarsHelpers(handlebars) {
120
120
  var year = date.getFullYear();
121
121
  // Format date based on the format string
122
122
  switch (format) {
123
- case "YYYY":
124
- return `${year}`;
125
- case "MMMM YYYY":
126
- return `${month} ${year}`;
127
- default:
128
- return `${day} ${month} ${year}`;
123
+ case "YYYY":
124
+ return `${year}`;
125
+ case "MMMM YYYY":
126
+ return `${month} ${year}`;
127
+ default:
128
+ return `${day} ${month} ${year}`;
129
129
  }
130
130
  },
131
131
  );
@@ -18,18 +18,21 @@ import contentWrapper from "../components/bs5/contentWrapper/contentWrapper.hbs?
18
18
  import correctincorrect from "../components/bs5/correctincorrect/correctincorrect.hbs?raw";
19
19
  import dateinput from "../components/bs5/dateinput/dateinput.hbs?raw";
20
20
  import directionLinks from "../components/bs5/directionLinks/directionLinks.hbs?raw";
21
+ import customLinks from "../components/bs5/footer/customLinks.hbs?raw";
22
+ import feedbackForm from "../components/bs5/footer/feedbackForm.hbs?raw";
23
+ import followLinks from "../components/bs5/footer/followLinks.hbs?raw";
21
24
  import footer from "../components/bs5/footer/footer.hbs?raw";
22
- import footerForgov from "../components/bs5/footer/footerForgov.hbs?raw";
23
25
  import formcheck from "../components/bs5/formcheck/formcheck.hbs?raw";
24
26
  import fullPage from "../components/bs5/fullPageWrapper/fullPage.hbs?raw";
25
27
  import globalAlert from "../components/bs5/globalAlert/globalAlert.hbs?raw";
26
28
  import head from "../components/bs5/head/head.hbs?raw";
27
29
  import header from "../components/bs5/header/header.hbs?raw";
28
- import iconLink from "../components/bs5/iconLink/iconLink.hbs?raw";
30
+ import headerBrand from "../components/bs5/header/headerBrand.hbs?raw";
29
31
  import icon from "../components/bs5/icons/icon.hbs?raw";
30
32
  import image from "../components/bs5/image/image.hbs?raw";
31
33
  import inpageAlert from "../components/bs5/inpageAlert/inpageAlert.hbs?raw";
32
34
  import inpagenav from "../components/bs5/inpagenav/inpagenav.hbs?raw";
35
+ import link from "../components/bs5/link/link.hbs?raw";
33
36
  import linkColumns from "../components/bs5/linkColumns/linkColumns.hbs?raw";
34
37
  import logo from "../components/bs5/logo/logo.hbs?raw";
35
38
  import logoCOALandscape from "../components/bs5/logo/logoCOALandscape.hbs?raw";
@@ -39,10 +42,9 @@ import metaDcTerms from "../components/bs5/metaDcTerms/metaDcTerms.hbs?raw";
39
42
  import metaOpenGraph from "../components/bs5/metaOpenGraph/metaOpenGraph.hbs?raw";
40
43
  import modal from "../components/bs5/modal/modal.hbs?raw";
41
44
  import navbar from "../components/bs5/navbar/navbar.hbs?raw";
42
- import pageLayout from "../components/bs5/pageLayout/pageLayout.hbs?raw";
43
45
  import contentPageWithForm from "../components/bs5/pageLayout/templates/contentPageWithForm.hbs?raw";
44
46
  import contentPageWithSideNavigation from "../components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs?raw";
45
- import fullWidthLandingPage from "../components/bs5/pageLayout/templates/fullWidthLandingPage.hbs?raw";
47
+ import homePage from "../components/bs5/pageLayout/templates/homePage.hbs?raw";
46
48
  import pagination from "../components/bs5/pagination/pagination.hbs?raw";
47
49
  import promotionalPanel from "../components/bs5/promotionalPanel/promotionalPanel.hbs?raw";
48
50
  import quickexit from "../components/bs5/quickexit/quickexit.hbs?raw";
@@ -84,18 +86,21 @@ export default function handlebarsPartials(handlebars) {
84
86
  handlebars.registerPartial("correctincorrect", correctincorrect);
85
87
  handlebars.registerPartial("dateinput", dateinput);
86
88
  handlebars.registerPartial("directionLinks", directionLinks);
89
+ handlebars.registerPartial("customLinks", customLinks);
90
+ handlebars.registerPartial("feedbackForm", feedbackForm);
91
+ handlebars.registerPartial("followLinks", followLinks);
87
92
  handlebars.registerPartial("footer", footer);
88
- handlebars.registerPartial("footerForgov", footerForgov);
89
93
  handlebars.registerPartial("formcheck", formcheck);
90
94
  handlebars.registerPartial("fullPage", fullPage);
91
95
  handlebars.registerPartial("globalAlert", globalAlert);
92
96
  handlebars.registerPartial("head", head);
93
97
  handlebars.registerPartial("header", header);
94
- handlebars.registerPartial("iconLink", iconLink);
98
+ handlebars.registerPartial("headerBrand", headerBrand);
95
99
  handlebars.registerPartial("icon", icon);
96
100
  handlebars.registerPartial("image", image);
97
101
  handlebars.registerPartial("inpageAlert", inpageAlert);
98
102
  handlebars.registerPartial("inpagenav", inpagenav);
103
+ handlebars.registerPartial("link", link);
99
104
  handlebars.registerPartial("linkColumns", linkColumns);
100
105
  handlebars.registerPartial("logo", logo);
101
106
  handlebars.registerPartial("logoCOALandscape", logoCOALandscape);
@@ -105,10 +110,9 @@ export default function handlebarsPartials(handlebars) {
105
110
  handlebars.registerPartial("metaOpenGraph", metaOpenGraph);
106
111
  handlebars.registerPartial("modal", modal);
107
112
  handlebars.registerPartial("navbar", navbar);
108
- handlebars.registerPartial("pageLayout", pageLayout);
109
113
  handlebars.registerPartial("contentPageWithForm", contentPageWithForm);
110
114
  handlebars.registerPartial("contentPageWithSideNavigation", contentPageWithSideNavigation);
111
- handlebars.registerPartial("fullWidthLandingPage", fullWidthLandingPage);
115
+ handlebars.registerPartial("homePage", homePage);
112
116
  handlebars.registerPartial("pagination", pagination);
113
117
  handlebars.registerPartial("promotionalPanel", promotionalPanel);
114
118
  handlebars.registerPartial("quickexit", quickexit);
package/dist/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@qld-gov-au/qgds-bootstrap5",
3
- "version": "1.1.41",
3
+ "version": "2.0.0",
4
4
  "description": "",
5
5
  "repository": {
6
6
  "type": "git",