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

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 (83) hide show
  1. package/dist/assets/components/bs5/accordion/accordion.hbs +3 -3
  2. package/dist/assets/components/bs5/head/head.hbs +1 -1
  3. package/dist/assets/components/bs5/quickexit/quickexit.hbs +1 -1
  4. package/dist/assets/css/qld.bootstrap.css +1 -1
  5. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  6. package/dist/assets/js/handlebars.init.min.js +5 -5
  7. package/dist/assets/js/handlebars.init.min.js.map +1 -1
  8. package/dist/assets/node/handlebars.init.min.js +31 -3
  9. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  10. package/dist/components/bs5/accordion/accordion.hbs +3 -3
  11. package/dist/components/bs5/head/head.hbs +1 -1
  12. package/dist/components/bs5/quickexit/quickexit.hbs +1 -1
  13. package/dist/package.json +1 -1
  14. package/dist/sample-data/accordion/accordion.data.json +24 -23
  15. package/package.json +1 -1
  16. package/src/components/bs5/accordion/Accordion.mdx +1 -3
  17. package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +3 -3
  18. package/src/components/bs5/accordion/accordion.data.json +24 -23
  19. package/src/components/bs5/accordion/accordion.hbs +3 -3
  20. package/src/components/bs5/accordion/accordion.scss +19 -9
  21. package/src/components/bs5/accordion/accordion.stories.js +8 -0
  22. package/src/components/bs5/accordion/accordion.test.js +5 -0
  23. package/src/components/bs5/backToTop/backToTop.mdx +4 -5
  24. package/src/components/bs5/banner/Banner.mdx +1 -3
  25. package/src/components/bs5/blockquote/Blockquote.mdx +4 -5
  26. package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx +1 -3
  27. package/src/components/bs5/button/Button.mdx +4 -5
  28. package/src/components/bs5/button/button.scss +9 -1
  29. package/src/components/bs5/callToAction/callToAction.mdx +1 -3
  30. package/src/components/bs5/callout/Callout.mdx +4 -5
  31. package/src/components/bs5/card/Card.mdx +1 -3
  32. package/src/components/bs5/card/card.scss +1 -25
  33. package/src/components/bs5/directionLinks/DirectionLinks.mdx +4 -5
  34. package/src/components/bs5/footer/Footer.mdx +1 -3
  35. package/src/components/bs5/footer/footer.scss +4 -11
  36. package/src/components/bs5/formcheck/stories/checkbox/Checkbox.mdx +7 -6
  37. package/src/components/bs5/formcheck/stories/radio/Radio.mdx +7 -6
  38. package/src/components/bs5/globalAlert/GlobalAlert.mdx +1 -3
  39. package/src/components/bs5/globalAlert/globalAlert.scss +6 -0
  40. package/src/components/bs5/header/Header.mdx +1 -3
  41. package/src/components/bs5/header/header.scss +6 -2
  42. package/src/components/bs5/icons/Icons.mdx +167 -7
  43. package/src/components/bs5/icons/_icons.sizes.scss +9 -0
  44. package/src/components/bs5/icons/icons.scss +23 -71
  45. package/src/components/bs5/icons/icons.stories.js +34 -57
  46. package/src/components/bs5/icons/mdx/_IconsSizes.mdx +112 -0
  47. package/src/components/bs5/icons/stories/storyFlexContainer.html +18 -0
  48. package/src/components/bs5/icons/stories/storyInlineWithText.html +18 -0
  49. package/src/components/bs5/icons/stories/storySizes.html +89 -0
  50. package/src/components/bs5/image/Image.mdx +1 -4
  51. package/src/components/bs5/inpageAlert/InpageAlert.mdx +1 -3
  52. package/src/components/bs5/inpagenav/Inpagenav.mdx +4 -5
  53. package/src/components/bs5/link/link.mdx +1 -3
  54. package/src/components/bs5/link/link.scss +2 -15
  55. package/src/components/bs5/linkColumns/linkColumns.mdx +1 -3
  56. package/src/components/bs5/logo/Logo.mdx +1 -3
  57. package/src/components/bs5/pageLayout/ThemeShowcase.stories.js +249 -0
  58. package/src/components/bs5/pagination/Pagination.mdx +4 -5
  59. package/src/components/bs5/promotionalPanel/PromotionalPanel.mdx +1 -3
  60. package/src/components/bs5/quickexit/quickexit.hbs +1 -1
  61. package/src/components/bs5/quickexit/quickexit.scss +23 -10
  62. package/src/components/bs5/searchInput/SearchInput.mdx +5 -5
  63. package/src/components/bs5/sidenav/Sidenav.mdx +4 -5
  64. package/src/components/bs5/skiplinks/SkipLinks.mdx +1 -3
  65. package/src/components/bs5/table/Table.mdx +4 -5
  66. package/src/components/bs5/tabs/Tabs.mdx +4 -5
  67. package/src/components/bs5/tabs/tabs.scss +22 -1
  68. package/src/components/bs5/tag/Tag.mdx +4 -5
  69. package/src/components/bs5/typography/Typography.mdx +4 -5
  70. package/src/components/bs5/video/Video.mdx +4 -5
  71. package/src/css/functions/_index.scss +1 -0
  72. package/src/css/functions/in-list.scss +5 -0
  73. package/src/css/main.scss +4 -3
  74. package/src/css/mixins/_index.scss +3 -0
  75. package/src/css/mixins/make-icon.scss +87 -0
  76. package/src/css/qld-theme.scss +73 -31
  77. package/src/css/qld-type.scss +26 -140
  78. package/src/css/qld-utilities.scss +29 -14
  79. package/src/css/qld-variables.scss +4 -4
  80. package/src/css/variables/_index.scss +1 -0
  81. package/src/css/variables/type.scss +58 -0
  82. package/src/components/bs5/icons/story-icon-sizing.html +0 -131
  83. package/src/components/bs5/icons/story-icon-usage.html +0 -89
@@ -194,7 +194,35 @@ var init_handlebars_helpers = __esm({
194
194
  var accordion_default;
195
195
  var init_accordion = __esm({
196
196
  "src/components/bs5/accordion/accordion.hbs?raw"() {
197
- accordion_default = '<!-- QGDS Component: Accordion -->\n<div class="accordion-group">\n\n {{#if toggleAll}}\n <div class="accordion-toggle">\n <button class="accordion-toggle-btn accordion-toggle-btn--closed" type="button">Open all</button>\n </div>\n {{/if}}\n <div class="accordion" id="{{groupid}}">\n {{#each accordionItems }}\n <div class="accordion-item">\n <h2 class="accordion-header" id="heading-{{id}}">\n <button class="accordion-button {{#unless expanded}}collapsed{{/unless}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{id}}" aria-expanded="{{expanded}}" aria-controls="collapse-{{id}}">\n {{title}}\n </button>\n </h2>\n\n <div id="collapse-{{id}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}" aria-labelledby="heading-{{id}}">\n <div class="accordion-body">\n {{{content}}}\n </div>\n </div>\n </div>\n {{/each }}\n\n </div>\n\n</div>\n';
197
+ accordion_default = `<!-- QGDS Component: Accordion -->
198
+ <div class="accordion-group">
199
+
200
+ {{#if toggleAll}}
201
+ <div class="accordion-toggle">
202
+ <button class="accordion-toggle-btn accordion-toggle-btn--closed" type="button">Open all</button>
203
+ </div>
204
+ {{/if}}
205
+ <div class="accordion" id="{{groupid}}">
206
+ {{#each accordionItems }}
207
+ <div class="accordion-item">
208
+ <{{isdefined ../headingTag 'h2'}} class="accordion-header" id="heading-{{id}}">
209
+ <button class="accordion-button {{#unless expanded}}collapsed{{/unless}}" type="button" data-bs-toggle="collapse" data-bs-target="#collapse-{{id}}" aria-expanded="{{expanded}}" aria-controls="collapse-{{id}}">
210
+ {{title}}
211
+ </button>
212
+ </{{isdefined ../headingTag 'h2'}}>
213
+
214
+ <div id="collapse-{{id}}" class="accordion-collapse collapse {{#if expanded}}show{{/if}}" aria-labelledby="heading-{{id}}" role="region">
215
+ <div class="accordion-body">
216
+ {{{content}}}
217
+ </div>
218
+ </div>
219
+ </div>
220
+ {{/each }}
221
+
222
+ </div>
223
+
224
+ </div>
225
+ `;
198
226
  }
199
227
  });
200
228
 
@@ -783,7 +811,7 @@ var head_default;
783
811
  var init_head = __esm({
784
812
  "src/components/bs5/head/head.hbs?raw"() {
785
813
  head_default = `
786
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.1","branch":"HEAD","tag":"v2.0.1","commit":"48474fb37881832287f4847cfa25a92bb8582829","majorVersion":"v2"} -->
814
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.2","branch":"HEAD","tag":"v2.0.2","commit":"76ae36d4b0387b0e6fd2e0c8e3c664aaf0d01a96","majorVersion":"v2"} -->
787
815
 
788
816
  {{! Select environment, used verbatium if not using predefind key
789
817
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1287,7 +1315,7 @@ var init_promotionalPanel = __esm({
1287
1315
  var quickexit_default;
1288
1316
  var init_quickexit = __esm({
1289
1317
  "src/components/bs5/quickexit/quickexit.hbs?raw"() {
1290
- quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="qld-icon icon-info"></span>\n {{/if}}\n <p class="qld-quick-exit-tip-title">{{{exitMessage}}}</p>\n <a href="{{browseSafelyOnlineURL}}" class="qld-quick-exit-tip-link">\n <span>{{exitMessageLinkText}}</span>\n </a>\n </div>\n <div class="qld-quick-exit-actions">\n {{#if hasTooltip}}\n <ul class="qld-quick-exit-list">\n <li class="qld-quick-exit-item qld-tooltip-container">\n <input type="checkbox" id="qld-quick-exit-input" class="qld-quick-exit-input sr-only" />\n <label for="qld-quick-exit-input" class="qld-quick-exit-label qld-tooltip-parent">\n <span class="qld-tooltip-prompt">{{qldTooltipPrompt}}</span>\n <div class="qld-tooltip-wrapper">\n <div class="qld-tooltip">\n <span class="qld-tooltip-content">{{qldTooltipContent}}</span>\n </div>\n </div>\n </label>\n </li>\n \n <li class="qld-quick-exit-item">\n {{/if}}\n <button class="btn btn-secondary qld-quick-exit-button">{{{quickExitButtonText}}}</button>\n {{#if hasTooltip}}\n </li> \n </ul>\n {{/if}}\n </div>\n </div>\n </div>\n</div>';
1318
+ quickexit_default = '<!-- QGDS Component: Loading Quick exit -->\n\n<div class="qld-quick-exit"><!-- dark -->\n <div class="container">\n <div class="qld-quick-exit-inner container-fluid {{#if hasIconInfo}} has-icon-info{{/if}}{{#if hasTooltip}} has-tooltip{{/if}}">\n <div class="qg-quick-exit__tips">\n {{#if hasIconInfo}}\n <span class="icon-info"></span>\n {{/if}}\n <p class="qld-quick-exit-tip-title">{{{exitMessage}}}</p>\n <a href="{{browseSafelyOnlineURL}}" class="qld-quick-exit-tip-link">\n <span>{{exitMessageLinkText}}</span>\n </a>\n </div>\n <div class="qld-quick-exit-actions">\n {{#if hasTooltip}}\n <ul class="qld-quick-exit-list">\n <li class="qld-quick-exit-item qld-tooltip-container">\n <input type="checkbox" id="qld-quick-exit-input" class="qld-quick-exit-input sr-only" />\n <label for="qld-quick-exit-input" class="qld-quick-exit-label qld-tooltip-parent">\n <span class="qld-tooltip-prompt">{{qldTooltipPrompt}}</span>\n <div class="qld-tooltip-wrapper">\n <div class="qld-tooltip">\n <span class="qld-tooltip-content">{{qldTooltipContent}}</span>\n </div>\n </div>\n </label>\n </li>\n \n <li class="qld-quick-exit-item">\n {{/if}}\n <button class="btn btn-secondary qld-quick-exit-button">{{{quickExitButtonText}}}</button>\n {{#if hasTooltip}}\n </li> \n </ul>\n {{/if}}\n </div>\n </div>\n </div>\n</div>';
1291
1319
  }
1292
1320
  });
1293
1321