@qld-gov-au/qgds-bootstrap5 2.1.9 → 2.1.11

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 (182) hide show
  1. package/.esbuild/plugins/qgds-plugin-story-list-builder.js +112 -0
  2. package/.storybook/DocumentationTemplate.mdx +47 -0
  3. package/.storybook/addons/qgds-multi-code-panels/components/Panel.tsx +231 -0
  4. package/.storybook/addons/qgds-multi-code-panels/constants.js +8 -0
  5. package/.storybook/addons/qgds-multi-code-panels/manager.tsx +15 -0
  6. package/.storybook/addons/qgds-multi-code-panels/preset.js +12 -0
  7. package/.storybook/codeRefsDecorator.js +87 -0
  8. package/.storybook/customMDXComponents.jsx +284 -0
  9. package/.storybook/main.mjs +16 -11
  10. package/.storybook/manager.js +2 -2
  11. package/.storybook/preview.js +39 -1
  12. package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +0 -1
  13. package/dist/assets/components/bs5/head/head.hbs +1 -1
  14. package/dist/assets/components/bs5/pagination/pagination.hbs +0 -7
  15. package/dist/assets/css/qld.bootstrap.css +2 -2
  16. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  17. package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
  18. package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
  19. package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
  20. package/dist/assets/js/handlebars.helpers.bundle.js.map +2 -2
  21. package/dist/assets/js/handlebars.init.min.js +3 -11
  22. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  23. package/dist/assets/js/handlebars.partials.js +3 -11
  24. package/dist/assets/js/handlebars.partials.js.map +2 -2
  25. package/dist/assets/js/qld.bootstrap.min.js +1 -1
  26. package/dist/assets/node/handlebars.init.min.js +2 -10
  27. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  28. package/dist/components/bs5/directionLinks/directionLinks.hbs +0 -1
  29. package/dist/components/bs5/head/head.hbs +1 -1
  30. package/dist/components/bs5/pagination/pagination.hbs +0 -7
  31. package/dist/package.json +8 -7
  32. package/dist/sample-data/sidenav/sidenav.data.json +1 -7
  33. package/esbuild.js +2 -0
  34. package/package.json +8 -7
  35. package/src/components/bs5/accordion/accordion.stories.js +6 -13
  36. package/src/components/bs5/accordion/metadata.json +15 -0
  37. package/src/components/bs5/backToTop/backToTop.stories.js +10 -14
  38. package/src/components/bs5/backToTop/manifest.json +15 -0
  39. package/src/components/bs5/backToTop/metadata.json +15 -0
  40. package/src/components/bs5/banner/banner.stories.js +16 -1
  41. package/src/components/bs5/banner/metadata.json +16 -0
  42. package/src/components/bs5/blockquote/blockquote.stories.js +20 -11
  43. package/src/components/bs5/blockquote/metadata.json +15 -0
  44. package/src/components/bs5/breadcrumbs/breadcrumbs.stories.js +6 -4
  45. package/src/components/bs5/breadcrumbs/metadata.json +16 -0
  46. package/src/components/bs5/button/button.stories.js +13 -5
  47. package/src/components/bs5/button/metadata.json +15 -0
  48. package/src/components/bs5/callToAction/callToAction.stories.js +6 -5
  49. package/src/components/bs5/callToAction/metadata.json +15 -0
  50. package/src/components/bs5/callout/callout.stories.js +6 -5
  51. package/src/components/bs5/callout/metadata.json +16 -0
  52. package/src/components/bs5/card/card--icon-list-footer.stories.js +4 -4
  53. package/src/components/bs5/card/card--multi-action.stories.js +6 -0
  54. package/src/components/bs5/card/card--no-action.stories.js +7 -0
  55. package/src/components/bs5/card/card--single-action.stories.js +7 -0
  56. package/src/components/bs5/card/metadata.json +15 -0
  57. package/src/components/bs5/containerLayout/containerLayout.stories.js +6 -0
  58. package/src/components/bs5/containerLayout/metadata.json +1 -0
  59. package/src/components/bs5/contentFooter/contentFooter.stories.js +26 -20
  60. package/src/components/bs5/contentFooter/metadata.json +15 -0
  61. package/src/components/bs5/correctincorrect/correctincorrect.stories.js +53 -38
  62. package/src/components/bs5/correctincorrect/metadata.json +14 -0
  63. package/src/components/bs5/dateinput/Dateinput.stories.js +6 -0
  64. package/src/components/bs5/dateinput/metadata.json +14 -0
  65. package/src/components/bs5/directionLinks/directionLinks.hbs +0 -1
  66. package/src/components/bs5/directionLinks/directionLinks.stories.js +4 -4
  67. package/src/components/bs5/directionLinks/metadata.json +16 -0
  68. package/src/components/bs5/footer/footer.stories.js +7 -1
  69. package/src/components/bs5/footer/metadata.json +15 -0
  70. package/src/components/bs5/formcheck/metadata.json +15 -0
  71. package/src/components/bs5/formcheck/stories/checkbox/checkbox.stories.js +5 -1
  72. package/src/components/bs5/formcheck/stories/radio/radio.stories.js +12 -1
  73. package/src/components/bs5/globalAlert/globalAlert.stories.js +9 -0
  74. package/src/components/bs5/globalAlert/metadata.json +15 -0
  75. package/src/components/bs5/head/head.stories.js +33 -14
  76. package/src/components/bs5/header/header.stories.js +10 -0
  77. package/src/components/bs5/header/metadata.json +15 -0
  78. package/src/components/bs5/icons/icons.stories.js +5 -0
  79. package/src/components/bs5/icons/metadata.json +15 -0
  80. package/src/components/bs5/image/image.stories.js +9 -0
  81. package/src/components/bs5/image/metadata.json +15 -0
  82. package/src/components/bs5/inpageAlert/inpageAlert.stories.js +9 -2
  83. package/src/components/bs5/inpageAlert/metadata.json +15 -0
  84. package/src/components/bs5/inpagenav/inpagenav.stories.js +8 -1
  85. package/src/components/bs5/inpagenav/metadata.json +15 -0
  86. package/src/components/bs5/link/link.stories.js +5 -5
  87. package/src/components/bs5/link/metadata.json +15 -0
  88. package/src/components/bs5/linkColumns/linkColumns.stories.js +4 -4
  89. package/src/components/bs5/linkColumns/metadata.json +15 -0
  90. package/src/components/bs5/logo/logo.stories.js +40 -5
  91. package/src/components/bs5/logo/metadata.json +16 -0
  92. package/src/components/bs5/metaDcTerms/metaDcTerms.stories.js +14 -9
  93. package/src/components/bs5/metaOpenGraph/metaOpenGraph.stories.js +14 -9
  94. package/src/components/bs5/modal/metadata.json +15 -0
  95. package/src/components/bs5/modal/modal.stories.js +64 -60
  96. package/src/components/bs5/navbar/metadata.json +15 -0
  97. package/src/components/bs5/navbar/navbar.stories.js +9 -4
  98. package/src/components/bs5/pageLayout/metadata.json +1 -0
  99. package/src/components/bs5/pageLayout/pageLayout.stories.js +1 -0
  100. package/src/components/bs5/pagination/metadata.json +15 -0
  101. package/src/components/bs5/pagination/pagination.hbs +0 -7
  102. package/src/components/bs5/pagination/pagination.stories.js +5 -0
  103. package/src/components/bs5/promotionalPanel/metadata.json +15 -0
  104. package/src/components/bs5/promotionalPanel/promotionalPanel.stories.js +4 -4
  105. package/src/components/bs5/quickexit/metadata.json +15 -0
  106. package/src/components/bs5/quickexit/quickexit.stories.js +7 -0
  107. package/src/components/bs5/searchInput/metadata.json +15 -0
  108. package/src/components/bs5/searchInput/searchInput.stories.js +5 -0
  109. package/src/components/bs5/select/Select.stories.js +8 -1
  110. package/src/components/bs5/select/metadata.json +15 -0
  111. package/src/components/bs5/sidenav/metadata.json +15 -0
  112. package/src/components/bs5/sidenav/sidenav.data.json +1 -7
  113. package/src/components/bs5/sidenav/sidenav.scss +5 -6
  114. package/src/components/bs5/sidenav/sidenav.stories.js +5 -0
  115. package/src/components/bs5/skiplinks/skipLinks.stories.js +5 -0
  116. package/src/components/bs5/spinner/Spinner.stories.js +8 -0
  117. package/src/components/bs5/spinner/metadata.json +15 -0
  118. package/src/components/bs5/table/metadata.json +15 -0
  119. package/src/components/bs5/table/table.stories.js +139 -61
  120. package/src/components/bs5/tabs/metadata.json +15 -0
  121. package/src/components/bs5/tabs/tabs.stories.js +8 -0
  122. package/src/components/bs5/tag/metadata.json +15 -0
  123. package/src/components/bs5/tag/tag--large.stories.js +7 -0
  124. package/src/components/bs5/tag/tag--standard.stories.js +12 -5
  125. package/src/components/bs5/tag/tag--status.stories.js +4 -0
  126. package/src/components/bs5/tag/tag.stories.js +10 -0
  127. package/src/components/bs5/textarea/Textarea.stories.js +8 -1
  128. package/src/components/bs5/textarea/metadata.json +15 -0
  129. package/src/components/bs5/textbox/Textbox.stories.js +11 -1
  130. package/src/components/bs5/textbox/metadata.json +15 -0
  131. package/src/components/bs5/typography/metadata.json +1 -0
  132. package/src/components/bs5/typography/typography.stories.js +4 -0
  133. package/src/components/bs5/video/metadata.json +15 -0
  134. package/src/components/bs5/video/video.stories.js +5 -5
  135. package/src/components/common/focus-styles/focusStyles.stories.js +13 -9
  136. package/src/js/QGDSComponent.js +0 -1
  137. package/src/js/handlebars.helpers.js +1 -0
  138. package/src/stories/Introduction/development.mdx +136 -0
  139. package/src/stories/Introduction/how-to-use.mdx +272 -0
  140. package/src/stories/Introduction.mdx +95 -13
  141. package/src/{components/bs5/accordion/Accordion.mdx → stories/archive/__Accordion.mdx} +3 -3
  142. package/src/stories/archive/__Blockquote.mdx +13 -0
  143. package/src/stories/archive/__BlockquoteCanvas.mdx +47 -0
  144. package/src/stories/archive/__backToTop.orig.mdx +13 -0
  145. package/src/stories/archive/__blockquote.stories.bak.js +132 -0
  146. package/src/stories/component-list.json +627 -0
  147. package/src/templates/data/component.metadata.template.json +15 -0
  148. package/src/templates/index.html +40 -37
  149. /package/src/{components/bs5/banner/Banner.mdx → stories/archive/__Banner.mdx} +0 -0
  150. /package/src/{components/bs5/blockquote/Blockquote.mdx → stories/archive/__Blockquote.bak.mdx} +0 -0
  151. /package/src/{components/bs5/breadcrumbs/Breadcrumbs.mdx → stories/archive/__Breadcrumbs.mdx} +0 -0
  152. /package/src/{components/bs5/button/Button.mdx → stories/archive/__Button.mdx} +0 -0
  153. /package/src/{components/bs5/callout/Callout.mdx → stories/archive/__Callout.mdx} +0 -0
  154. /package/src/{components/bs5/card/Card.mdx → stories/archive/__Card.mdx} +0 -0
  155. /package/src/{components/bs5/formcheck/stories/checkbox/Checkbox.mdx → stories/archive/__Checkbox.mdx} +0 -0
  156. /package/src/{components/bs5/dateinput/Dateinput.mdx → stories/archive/__Dateinput.mdx} +0 -0
  157. /package/src/{components/bs5/directionLinks/DirectionLinks.mdx → stories/archive/__DirectionLinks.mdx} +0 -0
  158. /package/src/{components/bs5/footer/Footer.mdx → stories/archive/__Footer.mdx} +0 -0
  159. /package/src/{components/bs5/globalAlert/GlobalAlert.mdx → stories/archive/__GlobalAlert.mdx} +0 -0
  160. /package/src/{components/bs5/header/Header.mdx → stories/archive/__Header.mdx} +0 -0
  161. /package/src/{components/bs5/image/Image.mdx → stories/archive/__Image.mdx} +0 -0
  162. /package/src/{components/bs5/inpageAlert/InpageAlert.mdx → stories/archive/__InpageAlert.mdx} +0 -0
  163. /package/src/{components/bs5/inpagenav/Inpagenav.mdx → stories/archive/__Inpagenav.mdx} +0 -0
  164. /package/src/{components/bs5/logo/Logo.mdx → stories/archive/__Logo.mdx} +0 -0
  165. /package/src/{components/bs5/modal/Modal.mdx → stories/archive/__Modal.mdx} +0 -0
  166. /package/src/{components/bs5/pagination/Pagination.mdx → stories/archive/__Pagination.mdx} +0 -0
  167. /package/src/{components/bs5/promotionalPanel/PromotionalPanel.mdx → stories/archive/__PromotionalPanel.mdx} +0 -0
  168. /package/src/{components/bs5/formcheck/stories/radio/Radio.mdx → stories/archive/__Radio.mdx} +0 -0
  169. /package/src/{components/bs5/searchInput/SearchInput.mdx → stories/archive/__SearchInput.mdx} +0 -0
  170. /package/src/{components/bs5/sidenav/Sidenav.mdx → stories/archive/__Sidenav.mdx} +0 -0
  171. /package/src/{components/bs5/skiplinks/SkipLinks.mdx → stories/archive/__SkipLinks.mdx} +0 -0
  172. /package/src/{components/bs5/table/Table.mdx → stories/archive/__Table.mdx} +0 -0
  173. /package/src/{components/bs5/tabs/Tabs.mdx → stories/archive/__Tabs.mdx} +0 -0
  174. /package/src/{components/bs5/tag/Tag.mdx → stories/archive/__Tag.mdx} +0 -0
  175. /package/src/{components/bs5/typography/Typography.mdx → stories/archive/__Typography.mdx} +0 -0
  176. /package/src/{components/bs5/video/Video.mdx → stories/archive/__Video.mdx} +0 -0
  177. /package/src/{components/bs5/backToTop/backToTop.mdx → stories/archive/__backToTop.mdx} +0 -0
  178. /package/src/{components/bs5/callToAction/callToAction.mdx → stories/archive/__callToAction.mdx} +0 -0
  179. /package/src/{components/bs5/accordion/mdx/_designResources.mdx → stories/archive/__designResources.mdx} +0 -0
  180. /package/src/{components/bs5/link/link.mdx → stories/archive/__link.mdx} +0 -0
  181. /package/src/{components/bs5/linkColumns/linkColumns.mdx → stories/archive/__linkColumns.mdx} +0 -0
  182. /package/src/{components/bs5/accordion/mdx/_usageInstructions.mdx → stories/archive/__usageInstructions.mdx} +0 -0
@@ -6,5 +6,5 @@
6
6
  <strong class="suggestions-category-label d-block">Related services</strong>
7
7
  <ul>${p}${h}</ul>
8
8
  </div>`,s.classList.remove("d-none"),o.querySelector(".suggestions .dynamic-suggestions").addEventListener("click",f=>{let b=f.target.closest("a");if(b){f.preventDefault();let w=b.getAttribute("href");w&&w!=="#"&&(()=>{try{let v=new URL(w,window.location.origin);return v.protocol==="http:"||v.protocol==="https:"}catch(v){return!1}})()?window.location.href=w:x(b.textContent,o)}})}}}})}function O(e="",t){let o=t.querySelector(".qld-search-input input"),n=o?o.dataset:null,r=e.trim().replace(/\s+/g," "),c=new URLSearchParams({query:r,collection:n.collection||"qgov~sp-search",profile:n.profile||"qld",num_ranks:n.numRanks||"10",tiers:n.tiers||"off"}),s=`${t.getAttribute("action")}?${c.toString()}`;window.location.href=s}window.selectDynamicSuggestion=(e,t)=>x(e,t);function W(){let e=document.querySelector(".back-to-top .qld-dir-link");e&&(e.onclick=function(t){document.body.scrollTop=0,document.documentElement.scrollTop=0,t.preventDefault()})}function j(){let e=document.querySelectorAll(".qld-tabs");function t(o){let n=o.querySelector(".nav-tabs"),r=o.querySelector(".scroll-left"),c=o.querySelector(".scroll-right"),s=n.scrollWidth;if(n){let i=()=>{n.scrollLeft===0?r.classList.remove("show"):r.classList.add("show"),n.scrollLeft+n.clientWidth>=s?c.classList.remove("show"):c.classList.add("show")};n.addEventListener("scroll",i),i(),c.addEventListener("click",()=>{n.scrollBy({top:0,left:200,behavior:"smooth"})}),r.addEventListener("click",()=>{n.scrollBy({top:0,left:-200,behavior:"smooth"})})}}e.forEach(o=>{t(o)}),window.addEventListener("resize",()=>{e.forEach(o=>{t(o)})})}function z(){document.querySelectorAll(".global-alert").forEach(n=>{let r=n.getAttribute("data-id");if(r&&o(`dismissedAlert-${r}`)||n.classList.remove("d-none"),n.querySelector(".btn-close")){let s=()=>{let i=parseInt(n.getAttribute("data-expiry-days"),10);r&&i&&i>0&&t(`dismissedAlert-${r}`,!0,i),n.classList.add("d-none")};n.addEventListener("closed.bs.alert",s),n.addEventListener("btn-closed",s)}});function t(n,r,c){let s=new Date;s.setTime(s.getTime()+c*24*60*60*1e3);let i={value:r,expiry:s.getTime()};localStorage.setItem(n,JSON.stringify(i))}function o(n){let r=localStorage.getItem(n);if(!r)return null;try{let c=JSON.parse(r);return new Date().getTime()>c.expiry?(localStorage.removeItem(n),null):c.value}catch(c){return localStorage.removeItem(n),null}}}function K(){document.querySelectorAll(".qld-skip-links__item").forEach(t=>{let o=t.getAttribute("href"),n=o.replace(/^#/,"");return document.querySelector(o)?!0:(console.error(`A skip link with label "${t.textContent}" is targeting a non-existent element with id "${n}".`),!1)})}window.addEventListener("click",y,!0);window.addEventListener("keydown",y,!0);window.addEventListener("DOMContentLoaded",()=>{W(),j(),z();let e=document.getElementById("qld-header-toggle-search-button");e&&e.addEventListener("click",V),document.querySelectorAll(".site-search").forEach(i=>{let l=i.querySelector(".qld-search-input input");if(l){let m;l.addEventListener("input",function(g){clearTimeout(m),m=setTimeout(()=>{let d=g.target.value.trim();H(d,d==="",i)},300)}),i.addEventListener("submit",function(g){g.preventDefault();let d=l.value.trim();O(d,i)})}});let o=document.querySelector("header");if(o){let i=window.location.origin+window.location.pathname;o.setAttribute("data-page-url",i)}U(),$(),window.addEventListener("click",y,!0),window.addEventListener("keydown",y,!0),y(),document.querySelectorAll(".accordion-toggle-btn").forEach(function(i){i.addEventListener("click",k),i.closest(".accordion-group").querySelectorAll(".accordion-button").forEach(function(m){m.addEventListener("click",A)})});let r=document.querySelectorAll('a[href^="#"]');E(),window.onhashchange=E,r.forEach(function(i){i.addEventListener("click",E)}),document.querySelectorAll(".video-thumbnail").forEach(function(i){i.addEventListener("click",T)}),document.querySelectorAll(".video .accordion .accordion-button").forEach(function(i){i.addEventListener("click",B)}),C(),R(),K()});})();
9
- //# @qld-gov-au/qgds-bootstrap5 - v2.1.9
9
+ //# @qld-gov-au/qgds-bootstrap5 - v2.1.11
10
10
  //# sourceMappingURL=qld.bootstrap.min.js.map
@@ -749,7 +749,6 @@ var i=(e,a)=>()=>(e&&(a=e(e=0)),a);var D5=(e,a)=>()=>(a||e((a={exports:{}}).expo
749
749
  {{~#if target}} target="{{target}}"{{/if~}}
750
750
  {{~#if arialabel}} aria-label="{{arialabel}}" {{/if~}}>
751
751
  {{{label}}}
752
- {{!-- <span class="icon" aria-hidden="true"></span> --}}
753
752
  <span class="qld-icon qld-icon-md qld-icon-arrow-{{class}}" aria-hidden="true"></span>
754
753
  </a>`});var a1,i1=i(()=>{a1=`<div class="col-12 col-md-6 col-lg-12">
755
754
  <!-- <h3 class="footer-heading">{{#if feedbackForm.title}}{{feedbackForm.title}}{{else}}Website feedback{{/if}}</h3> -->
@@ -1119,7 +1118,7 @@ var i=(e,a)=>()=>(e&&(a=e(e=0)),a);var D5=(e,a)=>()=>(a||e((a={exports:{}}).expo
1119
1118
  </section>
1120
1119
  {{/each }}
1121
1120
  </div>`});var u1,p1=i(()=>{u1=`
1122
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.9","branch":"HEAD","tag":"v2.1.9","commit":"228f45b9dea4dd6674147c93a086038ac167746f","majorVersion":"v2"} -->
1121
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.11","branch":"HEAD","tag":"v2.1.11","commit":"5a3e313339341709791de452b0963964578103a8","majorVersion":"v2"} -->
1123
1122
 
1124
1123
  {{! Select environment, used verbatium if not using predefind key
1125
1124
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1902,14 +1901,7 @@ cdn := PROD|STAGING|BETA|TEST|DEV|???
1902
1901
  </div>
1903
1902
  </div>
1904
1903
  <div id="overlay"></div>
1905
- </nav>`});var X1,z1=i(()=>{X1=`{{!
1906
- Component Name: QGDS QOL Pagination
1907
- Component Version: 1.0
1908
- Framework: Bootstrap 5.3
1909
- Reference: https://getbootstrap.com/docs/5.0/components/pagination/
1910
- }}
1911
-
1912
- <nav aria-label="{{ arialabel }}">
1904
+ </nav>`});var X1,z1=i(()=>{X1=`<nav aria-label="{{ arialabel }}">
1913
1905
 
1914
1906
  <ul class="pagination">
1915
1907