@qld-gov-au/qgds-bootstrap5 2.1.10 → 2.1.12

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 (185) hide show
  1. package/.esbuild/plugins/qgds-plugin-clean-output-folders.js +2 -2
  2. package/.esbuild/plugins/qgds-plugin-story-list-builder.js +112 -0
  3. package/.storybook/DocumentationTemplate.mdx +47 -0
  4. package/.storybook/addons/qgds-multi-code-panels/components/Panel.tsx +231 -0
  5. package/.storybook/addons/qgds-multi-code-panels/constants.js +8 -0
  6. package/.storybook/addons/qgds-multi-code-panels/manager.tsx +15 -0
  7. package/.storybook/addons/qgds-multi-code-panels/preset.js +12 -0
  8. package/.storybook/codeRefsDecorator.js +87 -0
  9. package/.storybook/customMDXComponents.jsx +284 -0
  10. package/.storybook/main.mjs +16 -11
  11. package/.storybook/manager.js +2 -2
  12. package/.storybook/preview.js +39 -1
  13. package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +0 -1
  14. package/dist/assets/components/bs5/head/head.hbs +1 -1
  15. package/dist/assets/components/bs5/pagination/pagination.hbs +0 -7
  16. package/dist/assets/components/bs5/searchInput/searchInput.hbs +1 -1
  17. package/dist/assets/css/qld.bootstrap.css +2 -2
  18. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  19. package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
  20. package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
  21. package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
  22. package/dist/assets/js/handlebars.helpers.bundle.js.map +2 -2
  23. package/dist/assets/js/handlebars.init.min.js +4 -12
  24. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  25. package/dist/assets/js/handlebars.partials.js +4 -12
  26. package/dist/assets/js/handlebars.partials.js.map +2 -2
  27. package/dist/assets/js/qld.bootstrap.min.js +1 -1
  28. package/dist/assets/node/handlebars.init.min.js +3 -11
  29. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  30. package/dist/components/bs5/directionLinks/directionLinks.hbs +0 -1
  31. package/dist/components/bs5/head/head.hbs +1 -1
  32. package/dist/components/bs5/pagination/pagination.hbs +0 -7
  33. package/dist/components/bs5/searchInput/searchInput.hbs +1 -1
  34. package/dist/package.json +6 -6
  35. package/esbuild.js +2 -0
  36. package/package.json +6 -6
  37. package/src/components/bs5/accordion/accordion.stories.js +6 -13
  38. package/src/components/bs5/accordion/metadata.json +15 -0
  39. package/src/components/bs5/backToTop/backToTop.stories.js +10 -14
  40. package/src/components/bs5/backToTop/manifest.json +15 -0
  41. package/src/components/bs5/backToTop/metadata.json +15 -0
  42. package/src/components/bs5/banner/banner.stories.js +16 -1
  43. package/src/components/bs5/banner/metadata.json +16 -0
  44. package/src/components/bs5/blockquote/blockquote.stories.js +20 -11
  45. package/src/components/bs5/blockquote/metadata.json +15 -0
  46. package/src/components/bs5/breadcrumbs/breadcrumbs.stories.js +6 -4
  47. package/src/components/bs5/breadcrumbs/metadata.json +16 -0
  48. package/src/components/bs5/button/button.stories.js +13 -5
  49. package/src/components/bs5/button/metadata.json +15 -0
  50. package/src/components/bs5/callToAction/callToAction.stories.js +6 -5
  51. package/src/components/bs5/callToAction/metadata.json +15 -0
  52. package/src/components/bs5/callout/callout.stories.js +6 -5
  53. package/src/components/bs5/callout/metadata.json +16 -0
  54. package/src/components/bs5/card/card--icon-list-footer.stories.js +4 -4
  55. package/src/components/bs5/card/card--multi-action.stories.js +6 -0
  56. package/src/components/bs5/card/card--no-action.stories.js +7 -0
  57. package/src/components/bs5/card/card--single-action.stories.js +7 -0
  58. package/src/components/bs5/card/metadata.json +15 -0
  59. package/src/components/bs5/containerLayout/containerLayout.stories.js +6 -0
  60. package/src/components/bs5/containerLayout/metadata.json +1 -0
  61. package/src/components/bs5/contentFooter/contentFooter.stories.js +26 -20
  62. package/src/components/bs5/contentFooter/metadata.json +15 -0
  63. package/src/components/bs5/correctincorrect/correctincorrect.stories.js +53 -38
  64. package/src/components/bs5/correctincorrect/metadata.json +14 -0
  65. package/src/components/bs5/dateinput/Dateinput.stories.js +6 -0
  66. package/src/components/bs5/dateinput/metadata.json +14 -0
  67. package/src/components/bs5/directionLinks/directionLinks.hbs +0 -1
  68. package/src/components/bs5/directionLinks/directionLinks.stories.js +4 -4
  69. package/src/components/bs5/directionLinks/metadata.json +16 -0
  70. package/src/components/bs5/footer/footer.stories.js +7 -1
  71. package/src/components/bs5/footer/metadata.json +15 -0
  72. package/src/components/bs5/formcheck/metadata.json +15 -0
  73. package/src/components/bs5/formcheck/stories/checkbox/checkbox.stories.js +5 -1
  74. package/src/components/bs5/formcheck/stories/radio/radio.stories.js +12 -1
  75. package/src/components/bs5/globalAlert/globalAlert.stories.js +9 -0
  76. package/src/components/bs5/globalAlert/metadata.json +15 -0
  77. package/src/components/bs5/head/head.stories.js +33 -14
  78. package/src/components/bs5/header/header.stories.js +10 -0
  79. package/src/components/bs5/header/metadata.json +15 -0
  80. package/src/components/bs5/icons/icons.stories.js +5 -0
  81. package/src/components/bs5/icons/metadata.json +15 -0
  82. package/src/components/bs5/image/image.stories.js +9 -0
  83. package/src/components/bs5/image/metadata.json +15 -0
  84. package/src/components/bs5/inpageAlert/inpageAlert.stories.js +9 -2
  85. package/src/components/bs5/inpageAlert/metadata.json +15 -0
  86. package/src/components/bs5/inpagenav/inpagenav.stories.js +8 -1
  87. package/src/components/bs5/inpagenav/metadata.json +15 -0
  88. package/src/components/bs5/link/link.stories.js +5 -5
  89. package/src/components/bs5/link/metadata.json +15 -0
  90. package/src/components/bs5/linkColumns/linkColumns.stories.js +4 -4
  91. package/src/components/bs5/linkColumns/metadata.json +15 -0
  92. package/src/components/bs5/logo/logo.stories.js +40 -5
  93. package/src/components/bs5/logo/metadata.json +16 -0
  94. package/src/components/bs5/metaDcTerms/metaDcTerms.stories.js +14 -9
  95. package/src/components/bs5/metaOpenGraph/metaOpenGraph.stories.js +14 -9
  96. package/src/components/bs5/modal/metadata.json +15 -0
  97. package/src/components/bs5/modal/modal.stories.js +64 -60
  98. package/src/components/bs5/navbar/metadata.json +15 -0
  99. package/src/components/bs5/navbar/navbar.stories.js +9 -4
  100. package/src/components/bs5/pageLayout/metadata.json +1 -0
  101. package/src/components/bs5/pageLayout/pageLayout.stories.js +1 -0
  102. package/src/components/bs5/pagination/metadata.json +15 -0
  103. package/src/components/bs5/pagination/pagination.hbs +0 -7
  104. package/src/components/bs5/pagination/pagination.stories.js +5 -0
  105. package/src/components/bs5/promotionalPanel/metadata.json +15 -0
  106. package/src/components/bs5/promotionalPanel/promotionalPanel.stories.js +4 -4
  107. package/src/components/bs5/quickexit/metadata.json +15 -0
  108. package/src/components/bs5/quickexit/quickexit.stories.js +7 -0
  109. package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +4 -4
  110. package/src/components/bs5/searchInput/metadata.json +15 -0
  111. package/src/components/bs5/searchInput/searchInput.hbs +1 -1
  112. package/src/components/bs5/searchInput/searchInput.scss +88 -5
  113. package/src/components/bs5/searchInput/searchInput.stories.js +5 -0
  114. package/src/components/bs5/select/Select.stories.js +8 -1
  115. package/src/components/bs5/select/metadata.json +15 -0
  116. package/src/components/bs5/sidenav/metadata.json +15 -0
  117. package/src/components/bs5/sidenav/sidenav.stories.js +5 -0
  118. package/src/components/bs5/skiplinks/skipLinks.stories.js +5 -0
  119. package/src/components/bs5/spinner/Spinner.stories.js +8 -0
  120. package/src/components/bs5/spinner/metadata.json +15 -0
  121. package/src/components/bs5/table/metadata.json +15 -0
  122. package/src/components/bs5/table/table.stories.js +139 -61
  123. package/src/components/bs5/tabs/metadata.json +15 -0
  124. package/src/components/bs5/tabs/tabs.stories.js +8 -0
  125. package/src/components/bs5/tag/metadata.json +15 -0
  126. package/src/components/bs5/tag/tag--large.stories.js +7 -0
  127. package/src/components/bs5/tag/tag--standard.stories.js +12 -5
  128. package/src/components/bs5/tag/tag--status.stories.js +4 -0
  129. package/src/components/bs5/tag/tag.stories.js +10 -0
  130. package/src/components/bs5/textarea/Textarea.stories.js +8 -1
  131. package/src/components/bs5/textarea/metadata.json +15 -0
  132. package/src/components/bs5/textbox/Textbox.stories.js +11 -1
  133. package/src/components/bs5/textbox/metadata.json +15 -0
  134. package/src/components/bs5/typography/metadata.json +1 -0
  135. package/src/components/bs5/typography/typography.stories.js +4 -0
  136. package/src/components/bs5/video/metadata.json +15 -0
  137. package/src/components/bs5/video/video.stories.js +5 -5
  138. package/src/components/common/focus-styles/focusStyles.stories.js +13 -9
  139. package/src/js/QGDSComponent.js +0 -1
  140. package/src/js/handlebars.helpers.js +1 -0
  141. package/src/stories/Introduction/development.mdx +136 -0
  142. package/src/stories/Introduction/how-to-use.mdx +272 -0
  143. package/src/stories/Introduction.mdx +95 -13
  144. package/src/{components/bs5/accordion/Accordion.mdx → stories/archive/__Accordion.mdx} +3 -3
  145. package/src/stories/archive/__Blockquote.mdx +13 -0
  146. package/src/stories/archive/__BlockquoteCanvas.mdx +47 -0
  147. package/src/stories/archive/__backToTop.orig.mdx +13 -0
  148. package/src/stories/archive/__blockquote.stories.bak.js +132 -0
  149. package/src/stories/component-list.json +627 -0
  150. package/src/templates/data/component.metadata.template.json +15 -0
  151. package/src/templates/index.html +40 -37
  152. /package/src/{components/bs5/banner/Banner.mdx → stories/archive/__Banner.mdx} +0 -0
  153. /package/src/{components/bs5/blockquote/Blockquote.mdx → stories/archive/__Blockquote.bak.mdx} +0 -0
  154. /package/src/{components/bs5/breadcrumbs/Breadcrumbs.mdx → stories/archive/__Breadcrumbs.mdx} +0 -0
  155. /package/src/{components/bs5/button/Button.mdx → stories/archive/__Button.mdx} +0 -0
  156. /package/src/{components/bs5/callout/Callout.mdx → stories/archive/__Callout.mdx} +0 -0
  157. /package/src/{components/bs5/card/Card.mdx → stories/archive/__Card.mdx} +0 -0
  158. /package/src/{components/bs5/formcheck/stories/checkbox/Checkbox.mdx → stories/archive/__Checkbox.mdx} +0 -0
  159. /package/src/{components/bs5/dateinput/Dateinput.mdx → stories/archive/__Dateinput.mdx} +0 -0
  160. /package/src/{components/bs5/directionLinks/DirectionLinks.mdx → stories/archive/__DirectionLinks.mdx} +0 -0
  161. /package/src/{components/bs5/footer/Footer.mdx → stories/archive/__Footer.mdx} +0 -0
  162. /package/src/{components/bs5/globalAlert/GlobalAlert.mdx → stories/archive/__GlobalAlert.mdx} +0 -0
  163. /package/src/{components/bs5/header/Header.mdx → stories/archive/__Header.mdx} +0 -0
  164. /package/src/{components/bs5/image/Image.mdx → stories/archive/__Image.mdx} +0 -0
  165. /package/src/{components/bs5/inpageAlert/InpageAlert.mdx → stories/archive/__InpageAlert.mdx} +0 -0
  166. /package/src/{components/bs5/inpagenav/Inpagenav.mdx → stories/archive/__Inpagenav.mdx} +0 -0
  167. /package/src/{components/bs5/logo/Logo.mdx → stories/archive/__Logo.mdx} +0 -0
  168. /package/src/{components/bs5/modal/Modal.mdx → stories/archive/__Modal.mdx} +0 -0
  169. /package/src/{components/bs5/pagination/Pagination.mdx → stories/archive/__Pagination.mdx} +0 -0
  170. /package/src/{components/bs5/promotionalPanel/PromotionalPanel.mdx → stories/archive/__PromotionalPanel.mdx} +0 -0
  171. /package/src/{components/bs5/formcheck/stories/radio/Radio.mdx → stories/archive/__Radio.mdx} +0 -0
  172. /package/src/{components/bs5/searchInput/SearchInput.mdx → stories/archive/__SearchInput.mdx} +0 -0
  173. /package/src/{components/bs5/sidenav/Sidenav.mdx → stories/archive/__Sidenav.mdx} +0 -0
  174. /package/src/{components/bs5/skiplinks/SkipLinks.mdx → stories/archive/__SkipLinks.mdx} +0 -0
  175. /package/src/{components/bs5/table/Table.mdx → stories/archive/__Table.mdx} +0 -0
  176. /package/src/{components/bs5/tabs/Tabs.mdx → stories/archive/__Tabs.mdx} +0 -0
  177. /package/src/{components/bs5/tag/Tag.mdx → stories/archive/__Tag.mdx} +0 -0
  178. /package/src/{components/bs5/typography/Typography.mdx → stories/archive/__Typography.mdx} +0 -0
  179. /package/src/{components/bs5/video/Video.mdx → stories/archive/__Video.mdx} +0 -0
  180. /package/src/{components/bs5/backToTop/backToTop.mdx → stories/archive/__backToTop.mdx} +0 -0
  181. /package/src/{components/bs5/callToAction/callToAction.mdx → stories/archive/__callToAction.mdx} +0 -0
  182. /package/src/{components/bs5/accordion/mdx/_designResources.mdx → stories/archive/__designResources.mdx} +0 -0
  183. /package/src/{components/bs5/link/link.mdx → stories/archive/__link.mdx} +0 -0
  184. /package/src/{components/bs5/linkColumns/linkColumns.mdx → stories/archive/__linkColumns.mdx} +0 -0
  185. /package/src/{components/bs5/accordion/mdx/_usageInstructions.mdx → stories/archive/__usageInstructions.mdx} +0 -0
package/src/templates/index.html CHANGED
@@ -1,43 +1,46 @@
1
1
  <!doctype html>
2
2
  <html lang="en">
3
- <head>
4
- <meta charset="UTF-8" />
5
- <meta name="viewport" content="width=device-width, initial-scale=1.0" />
6
- <title>{{pageTitle}}</title>
7
-
8
- <link rel="stylesheet" href="assets/css/qld.bootstrap.css" />
9
- </head>
10
-
11
- <body>
12
- {{{ components.header }}}
13
- <!-- Include the 'header' partial here without HTML escaping -->
14
-
15
- <main class="qld-body">
16
- <!-- Banner -->
17
- {{{ components.banner }}}
18
- <!-- Include the 'banner' partial here without HTML escaping -->
19
-
20
- <!-- Main content -->
21
- <div class="container qld-content">
22
- <div class="row">
23
- <!-- Left Aside -->
24
- <div class="col-3">{{{ components.sidenav }}}</div>
25
-
26
- <div class="col-7 ms-40">
27
- <!-- Breadcrumbs -->
28
- {{{ breadcrumbs }}}
29
-
30
- <div id="app"></div>
31
- {{{ content }}}
32
- </div>
3
+
4
+ <head>
5
+ <meta charset="UTF-8" />
6
+ <meta name="viewport" content="width=device-width, initial-scale=1.0" />
7
+ <title>{{pageTitle}}</title>
8
+
9
+ <link rel="stylesheet" href="assets/css/qld.bootstrap.css" />
10
+ </head>
11
+
12
+ <body>
13
+
14
+ {{{ components.header }}}
15
+ <!-- Include the 'header' partial here without HTML escaping -->
16
+
17
+ <main class="qld-body">
18
+ <!-- Banner -->
19
+ {{{ components.banner }}}
20
+ <!-- Include the 'banner' partial here without HTML escaping -->
21
+
22
+ <!-- Main content -->
23
+ <div class="container qld-content">
24
+ <div class="row">
25
+ <!-- Left Aside -->
26
+ <div class="col-3">{{{ components.sidenav }}}</div>
27
+
28
+ <div class="col-7 ms-40">
29
+ <!-- Breadcrumbs -->
30
+ {{{ breadcrumbs }}}
31
+
32
+ <div id="app"></div>
33
+ {{{ content }}}
33
34
  </div>
34
35
  </div>
36
+ </div>
37
+
38
+ {{{ components.footer }}}
39
+
40
+ </main>
35
41
 
36
- {{{ components.footer }}}
37
- <!-- Include the 'footer' partial here without HTML escaping -->
38
- </main>
42
+ <script src="assets/js/bootstrap.min.js"></script>
43
+ <script src="assets/js/qld.bootstrap.min.js"></script>
44
+ </body>
39
45
 
40
- <script src="assets/js/bootstrap.min.js"></script>
41
- <script src="assets/js/qld.bootstrap.min.js"></script>
42
- </body>
43
- </html>
46
+ </html>