@qld-gov-au/qgds-bootstrap5 2.0.2 → 2.0.3

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 (73) hide show
  1. package/.storybook/preview.js +4 -1
  2. package/dist/assets/components/bs5/accordion/accordion.hbs +0 -3
  3. package/dist/assets/components/bs5/directionLinks/directionLinks.hbs +2 -1
  4. package/dist/assets/components/bs5/head/head.hbs +1 -1
  5. package/dist/assets/components/bs5/header/header.hbs +6 -9
  6. package/dist/assets/components/bs5/navbar/navbar.hbs +21 -14
  7. package/dist/assets/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
  8. package/dist/assets/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
  9. package/dist/assets/components/bs5/pageLayout/templates/homePage.hbs +1 -1
  10. package/dist/assets/components/bs5/sidenav/sidenav.hbs +56 -37
  11. package/dist/assets/css/qld.bootstrap.css +1 -6
  12. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  13. package/dist/assets/js/handlebars.init.min.js +228 -175
  14. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  15. package/dist/assets/js/qld.bootstrap.min.js +5 -5
  16. package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
  17. package/dist/assets/node/handlebars.init.min.js +28 -24
  18. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  19. package/dist/components/bs5/accordion/accordion.hbs +0 -3
  20. package/dist/components/bs5/directionLinks/directionLinks.hbs +2 -1
  21. package/dist/components/bs5/head/head.hbs +1 -1
  22. package/dist/components/bs5/header/header.hbs +6 -9
  23. package/dist/components/bs5/navbar/navbar.hbs +21 -14
  24. package/dist/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
  25. package/dist/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
  26. package/dist/components/bs5/pageLayout/templates/homePage.hbs +1 -1
  27. package/dist/components/bs5/sidenav/sidenav.hbs +56 -37
  28. package/dist/package.json +2 -4
  29. package/dist/sample-data/navbar/navbar.data.json +91 -25
  30. package/dist/sample-data/pagination/pagination.data.json +19 -19
  31. package/dist/sample-data/sidenav/sidenav.data.json +81 -80
  32. package/package.json +2 -4
  33. package/src/components/bs5/accordion/Accordion.mdx +34 -10
  34. package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +0 -3
  35. package/src/components/bs5/accordion/accordion.hbs +0 -3
  36. package/src/components/bs5/accordion/mdx/_designResources.mdx +6 -0
  37. package/src/components/bs5/accordion/mdx/_usageInstructions.mdx +10 -0
  38. package/src/components/bs5/blockquote/blockquote.scss +47 -7
  39. package/src/components/bs5/button/button.scss +4 -0
  40. package/src/components/bs5/directionLinks/directionLinks.hbs +2 -1
  41. package/src/components/bs5/directionLinks/directionLinks.scss +27 -80
  42. package/src/components/bs5/directionLinks/directionLinks.stories.js +7 -14
  43. package/src/components/bs5/header/header.hbs +6 -9
  44. package/src/components/bs5/inpagenav/inpagenav.scss +7 -3
  45. package/src/components/bs5/navbar/navbar.data.json +91 -25
  46. package/src/components/bs5/navbar/navbar.functions.js +4 -0
  47. package/src/components/bs5/navbar/navbar.hbs +21 -14
  48. package/src/components/bs5/navbar/navbar.scss +219 -166
  49. package/src/components/bs5/navbar/navbar.stories.js +31 -2
  50. package/src/components/bs5/pageLayout/pageLayout.stories.js +3 -1
  51. package/src/components/bs5/pageLayout/templates/contentPageWithForm.hbs +1 -1
  52. package/src/components/bs5/pageLayout/templates/contentPageWithSideNavigation.hbs +140 -108
  53. package/src/components/bs5/pageLayout/templates/homePage.hbs +1 -1
  54. package/src/components/bs5/pagination/pagination.data.json +19 -19
  55. package/src/components/bs5/pagination/pagination.scss +37 -63
  56. package/src/components/bs5/promotionalPanel/promotionalPanel.scss +23 -22
  57. package/src/components/bs5/quickexit/quickexit.functions.js +24 -37
  58. package/src/components/bs5/quickexit/quickexit.scss +4 -0
  59. package/src/components/bs5/sidenav/sidenav.data.json +81 -80
  60. package/src/components/bs5/sidenav/sidenav.hbs +56 -37
  61. package/src/components/bs5/sidenav/sidenav.scss +236 -151
  62. package/src/components/bs5/skiplinks/skipLinks.functions.js +0 -9
  63. package/src/components/bs5/skiplinks/skipLinks.test.js +0 -1
  64. package/src/components/common/layout/container.scss +5 -0
  65. package/src/components/common/layout/content.scss +16 -8
  66. package/src/css/main.scss +0 -7
  67. package/src/css/qld-theme.scss +1 -0
  68. package/src/css/utilities/_index.scss +1 -0
  69. package/src/css/utilities/sr-only.scss +5 -0
  70. package/src/js/qld.bootstrap.js +1 -9
  71. package/src/stories/documentation/_storybookDocsTabs.jsx +63 -0
  72. package/src/stories/documentation/storybook-documentation.scss +51 -0
  73. package/src/components/bs5/pagination/health-icon-sprite.svg +0 -156
package/src/components/bs5/navbar/navbar.hbs CHANGED
@@ -12,8 +12,8 @@
12
12
  <ul class="navbar-nav">
13
13
  {{#each navigation}}
14
14
  {{#if navigationItems}}
15
- <li class="nav-item dropdown{{#if @first}} active{{/if}}{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
16
- <a class="nav-link{{#unless ../metadata.verticalOrientation}} dropdown-toggle{{/unless}}" aria-current="page" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}} role="button" data-bs-toggle="dropdown"
15
+ <li class="nav-item dropdown{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
16
+ <a class="nav-link{{#unless ../metadata.verticalOrientation}} dropdown-toggle{{/unless}}{{#if currentPage}} active{{/if}}{{#if dropdownOptions.hasNoLink}} hasNoLink{{/if}}" {{#if currentPage}}aria-current="page"{{/if}}{{#if dropdownOptions.hasNoLink}} href="#"{{else}} href="{{url}}"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}} role="button" data-bs-toggle="dropdown"
17
17
  aria-expanded="false">
18
18
  {{#if iconName}}
19
19
  <span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
@@ -26,22 +26,29 @@
26
26
  {{text}}
27
27
  {{/if}}
28
28
  </a>
29
- <button class="nav-link dropdown-toggle" aria-current="page" aria-controls="" data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation">
29
+ <button class="nav-link dropdown-toggle"{{#if currentPage}} aria-current="page"{{/if}} data-bs-toggle="dropdown" aria-expanded="false" aria-selected="false" aria-label="Toggle navigation">
30
30
  <span class="visually-hidden">Expand</span>
31
31
  </button>
32
32
  <ul class="dropdown-menu">
33
- <li>
34
- <a class="dropdown-item parent-link" role="button" aria-controls aria-current="page" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{#if dropdownOptions.alternativeText}}{{dropdownOptions.alternativeText}}{{else}}{{title}}{{/if}}</a>
35
- {{#if dropdownOptions.description}}
36
- <p>{{dropdownOptions.description}}</p>
37
- {{/if}}
38
- </li>
33
+ {{#unless dropdownOptions.hasNoLink}}
34
+ <li>
35
+ <a class="dropdown-item parent-link" role="button"{{#if currentPage}} aria-current="page"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{#if dropdownOptions.alternativeText}}{{dropdownOptions.alternativeText}}{{else}}{{text}}{{/if}}</a>
36
+ {{#if dropdownOptions.description}}
37
+ <p>{{dropdownOptions.description}}</p>
38
+ {{/if}}
39
+ </li>
40
+ {{/unless}}
39
41
  {{#each navigationItems}}
40
42
  <li{{#if mobileOnly}} class="mobile-only"{{/if}}>
41
- <a class="dropdown-item" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
42
- {{#if description}}
43
- <p>{{description}}</p>
43
+ {{#if isHTML}}
44
+ {{{htmlContent}}}
44
45
  {{/if}}
46
+ {{#unless isHTML}}
47
+ <a class="dropdown-item" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
48
+ {{#if description}}
49
+ <p>{{description}}</p>
50
+ {{/if}}
51
+ {{/unless}}
45
52
  </li>
46
53
  {{/each}}
47
54
  {{#if dropdownOptions.viewAllHref}}
@@ -52,8 +59,8 @@
52
59
  </ul>
53
60
  </li>
54
61
  {{else}}
55
- <li class="nav-item{{#if @first}} active{{/if}}{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
56
- <a class="nav-link" aria-current="page" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>
62
+ <li class="nav-item{{#if alternativeColor}} alt{{/if}}{{#if mobileOnly}} mobile-only{{/if}}">
63
+ <a class="nav-link{{#if currentPage}} active{{/if}}"{{#if currentPage}} aria-current="page"{{/if}} href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>
57
64
  {{#if iconName}}
58
65
  <span class="qld-icon qld-icon-md {{iconName}}" aria-hidden="true"></span>
59
66
  {{#if hideLabel}}