@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" />
@@ -2,7 +2,7 @@
2
2
  "metadata": {
3
3
  "alternativeColor": false,
4
4
  "verticalOrientation": false,
5
- "navbarBrandName": "Menu 2"
5
+ "navbarBrandName": "Menu"
6
6
  },
7
7
  "navigation": [
8
8
  {
@@ -25,7 +25,7 @@
25
25
  "dropdownOptions": {
26
26
  "alternativeText": "Patients and visitors",
27
27
  "description": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.",
28
- "viewAllHref": "wired.com"
28
+ "viewAllHref": "https://example.com"
29
29
  },
30
30
  "navigationItems": [
31
31
  {
@@ -82,7 +82,7 @@
82
82
  {
83
83
  "text": "Mega menu",
84
84
  "iconName": "qld-icon-calendar",
85
- "url": "https://www.wired.html",
85
+ "url": "https://example.com",
86
86
  "alternativeColor": true,
87
87
  "mobileOnly": false,
88
88
  "hideLabel": false,
@@ -170,7 +170,7 @@
170
170
  "target": ""
171
171
  },
172
172
  {
173
- "text": "mobile item",
173
+ "text": "Mobile only",
174
174
  "iconName": "",
175
175
  "url": "index.html",
176
176
  "alternativeColor": false,
@@ -179,7 +179,7 @@
179
179
  "target": ""
180
180
  },
181
181
  {
182
- "text": "mobile item with icon",
182
+ "text": "Mobile only with icon",
183
183
  "iconName": "qld-icon-chart",
184
184
  "url": "index.html",
185
185
  "alternativeColor": false,
@@ -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}}