@qld-gov-au/qgds-bootstrap5 2.0.0 → 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 (86) hide show
  1. package/dist/assets/components/bs5/accordion/accordion.hbs +3 -3
  2. package/dist/assets/components/bs5/banner/banner.hbs +0 -7
  3. package/dist/assets/components/bs5/head/head.hbs +1 -1
  4. package/dist/assets/components/bs5/quickexit/quickexit.hbs +1 -1
  5. package/dist/assets/css/qld.bootstrap.css +1 -1
  6. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  7. package/dist/assets/js/handlebars.init.min.js +5 -12
  8. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  9. package/dist/assets/node/handlebars.init.min.js +32 -4
  10. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  11. package/dist/components/bs5/accordion/accordion.hbs +3 -3
  12. package/dist/components/bs5/banner/banner.hbs +0 -7
  13. package/dist/components/bs5/head/head.hbs +1 -1
  14. package/dist/components/bs5/quickexit/quickexit.hbs +1 -1
  15. package/dist/package.json +1 -1
  16. package/dist/sample-data/accordion/accordion.data.json +24 -23
  17. package/package.json +1 -1
  18. package/src/components/bs5/accordion/Accordion.mdx +1 -3
  19. package/src/components/bs5/accordion/__snapshots__/accordion.test.js.snap +3 -3
  20. package/src/components/bs5/accordion/accordion.data.json +24 -23
  21. package/src/components/bs5/accordion/accordion.hbs +3 -3
  22. package/src/components/bs5/accordion/accordion.scss +19 -9
  23. package/src/components/bs5/accordion/accordion.stories.js +8 -0
  24. package/src/components/bs5/accordion/accordion.test.js +5 -0
  25. package/src/components/bs5/backToTop/backToTop.mdx +4 -5
  26. package/src/components/bs5/banner/Banner.mdx +1 -3
  27. package/src/components/bs5/banner/banner.hbs +0 -7
  28. package/src/components/bs5/blockquote/Blockquote.mdx +4 -5
  29. package/src/components/bs5/breadcrumbs/Breadcrumbs.mdx +1 -3
  30. package/src/components/bs5/button/Button.mdx +4 -5
  31. package/src/components/bs5/button/button.scss +9 -1
  32. package/src/components/bs5/callToAction/callToAction.mdx +1 -3
  33. package/src/components/bs5/callout/Callout.mdx +4 -5
  34. package/src/components/bs5/card/Card.mdx +1 -3
  35. package/src/components/bs5/card/card.scss +1 -25
  36. package/src/components/bs5/directionLinks/DirectionLinks.mdx +4 -5
  37. package/src/components/bs5/footer/Footer.mdx +1 -3
  38. package/src/components/bs5/footer/footer.scss +4 -11
  39. package/src/components/bs5/formcheck/stories/checkbox/Checkbox.mdx +7 -6
  40. package/src/components/bs5/formcheck/stories/radio/Radio.mdx +7 -6
  41. package/src/components/bs5/globalAlert/GlobalAlert.mdx +1 -3
  42. package/src/components/bs5/globalAlert/globalAlert.scss +6 -0
  43. package/src/components/bs5/header/Header.mdx +1 -3
  44. package/src/components/bs5/header/header.scss +6 -2
  45. package/src/components/bs5/icons/Icons.mdx +167 -7
  46. package/src/components/bs5/icons/_icons.sizes.scss +9 -0
  47. package/src/components/bs5/icons/icons.scss +23 -71
  48. package/src/components/bs5/icons/icons.stories.js +34 -57
  49. package/src/components/bs5/icons/mdx/_IconsSizes.mdx +112 -0
  50. package/src/components/bs5/icons/stories/storyFlexContainer.html +18 -0
  51. package/src/components/bs5/icons/stories/storyInlineWithText.html +18 -0
  52. package/src/components/bs5/icons/stories/storySizes.html +89 -0
  53. package/src/components/bs5/image/Image.mdx +1 -4
  54. package/src/components/bs5/inpageAlert/InpageAlert.mdx +1 -3
  55. package/src/components/bs5/inpagenav/Inpagenav.mdx +4 -5
  56. package/src/components/bs5/link/link.mdx +1 -3
  57. package/src/components/bs5/link/link.scss +2 -15
  58. package/src/components/bs5/linkColumns/linkColumns.mdx +1 -3
  59. package/src/components/bs5/logo/Logo.mdx +1 -3
  60. package/src/components/bs5/pageLayout/ThemeShowcase.stories.js +249 -0
  61. package/src/components/bs5/pagination/Pagination.mdx +4 -5
  62. package/src/components/bs5/promotionalPanel/PromotionalPanel.mdx +1 -3
  63. package/src/components/bs5/quickexit/quickexit.hbs +1 -1
  64. package/src/components/bs5/quickexit/quickexit.scss +23 -10
  65. package/src/components/bs5/searchInput/SearchInput.mdx +5 -5
  66. package/src/components/bs5/sidenav/Sidenav.mdx +4 -5
  67. package/src/components/bs5/skiplinks/SkipLinks.mdx +1 -3
  68. package/src/components/bs5/table/Table.mdx +4 -5
  69. package/src/components/bs5/tabs/Tabs.mdx +4 -5
  70. package/src/components/bs5/tabs/tabs.scss +22 -1
  71. package/src/components/bs5/tag/Tag.mdx +4 -5
  72. package/src/components/bs5/typography/Typography.mdx +4 -5
  73. package/src/components/bs5/video/Video.mdx +4 -5
  74. package/src/css/functions/_index.scss +1 -0
  75. package/src/css/functions/in-list.scss +5 -0
  76. package/src/css/main.scss +4 -3
  77. package/src/css/mixins/_index.scss +3 -0
  78. package/src/css/mixins/make-icon.scss +87 -0
  79. package/src/css/qld-theme.scss +73 -31
  80. package/src/css/qld-type.scss +26 -140
  81. package/src/css/qld-utilities.scss +29 -14
  82. package/src/css/qld-variables.scss +4 -4
  83. package/src/css/variables/_index.scss +1 -0
  84. package/src/css/variables/type.scss +58 -0
  85. package/src/components/bs5/icons/story-icon-sizing.html +0 -131
  86. 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
 
@@ -210,7 +238,7 @@ var init_backToTop = __esm({
210
238
  var banner_default;
211
239
  var init_banner = __esm({
212
240
  "src/components/bs5/banner/banner.hbs?raw"() {
213
- banner_default = '<!-- QGDS Banner Component -->\n <div class="qld-banner qld-banner-grid {{ bannerType }} {{ variantClass }} {{ backgroundType }}" role="banner">\n <div class="container-fluid">\n <div class="banner-inner">\n\n <div class="banner-breadcrumbs">\n {{> breadcrumbs breadcrumbs }}\n </div>\n\n <div class="banner-content">\n\n {{#if title}}\n\n {{!-- titleClasses accepts a "title-block" class --}}\n <h1 class="banner-title-wrap {{ join titleClasses }}">\n <span class="banner-title">{{~title~}}</span>\n {{#if subtitle }}\n <span class="banner-subtitle">{{~subtitle~}}</span>\n {{/if}}\n </h1>\n {{/if}}\n\n\n {{#if abstract}}\n <div class="banner-abstract">\n {{abstract}}\n </div>\n {{/if}}\n\n {{!-- CTA Buttons block. Pass an array of button data objects --}}\n {{#if buttons}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-buttons">\n {{#each buttons}}\n {{> button this }}\n {{/each}}\n </div>\n </div>\n {{/if}}\n\n {{!-- CTA Cards block. Pass an array of card data objects --}}\n {{#if cards}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-cards">\n {{#each cards }}\n {{> card this }}\n {{/each }}\n </div>\n </div>\n {{/if}}\n\n {{!-- ~A generic content block for edge cases. Allows any HTML via content variable~ --}}\n {{#if content}}\n <div class="banner-extra">\n {{{ sanitise content }}}\n </div>\n {{/if}}\n\n </div>\n {{!-- End banner content --}}\n\n {{#if image }}\n <div class="banner-image {{ join image.classes }}">\n <div class="banner-image-inner" style="background-image:url({{image.url}})" role="img"\n aria-label="{{ image.alt }}"></div>\n </div>\n {{/if}}\n\n </div>\n\n </div>\n </div>';
241
+ banner_default = '<!-- QGDS Banner Component -->\n <div class="qld-banner qld-banner-grid {{ bannerType }} {{ variantClass }} {{ backgroundType }}" role="banner">\n <div class="container-fluid">\n <div class="banner-inner">\n\n <div class="banner-breadcrumbs">\n {{> breadcrumbs breadcrumbs }}\n </div>\n\n <div class="banner-content">\n\n {{#if title}}\n\n {{!-- titleClasses accepts a "title-block" class --}}\n <h1 class="banner-title-wrap {{ join titleClasses }}">\n <span class="banner-title">{{~title~}}</span>\n {{#if subtitle }}\n <span class="banner-subtitle">{{~subtitle~}}</span>\n {{/if}}\n </h1>\n {{/if}}\n\n\n {{#if abstract}}\n <div class="banner-abstract">\n {{abstract}}\n </div>\n {{/if}}\n\n {{!-- CTA Buttons block. Pass an array of button data objects --}}\n {{#if buttons}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-buttons">\n {{#each buttons}}\n {{> button this }}\n {{/each}}\n </div>\n </div>\n {{/if}}\n\n {{!-- CTA Cards block. Pass an array of card data objects --}}\n {{#if cards}}\n <div class="banner-cta" role="group" aria-label="Available options">\n <div class="cta-cards">\n {{#each cards }}\n {{> card this }}\n {{/each }}\n </div>\n </div>\n {{/if}}\n\n </div>\n {{!-- End banner content --}}\n\n {{#if image }}\n <div class="banner-image {{ join image.classes }}">\n <div class="banner-image-inner" style="background-image:url({{image.url}})" role="img"\n aria-label="{{ image.alt }}"></div>\n </div>\n {{/if}}\n\n </div>\n\n </div>\n </div>';
214
242
  }
215
243
  });
216
244
 
@@ -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.0","branch":"HEAD","tag":"v2.0.0","commit":"443e15b7c2eeeac8f69bea8a5a4cb8298f6a8126","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