@qld-gov-au/qgds-bootstrap5 2.0.12 → 2.1.0

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/.esbuild/plugins/qgds-plugin-generate-icon-assets.js +31 -24
  2. package/dist/assets/components/bs5/button/button.hbs +1 -1
  3. package/dist/assets/components/bs5/footer/customLinks.hbs +1 -1
  4. package/dist/assets/components/bs5/footer/followLinks.hbs +1 -1
  5. package/dist/assets/components/bs5/head/head.hbs +1 -1
  6. package/dist/assets/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
  7. package/dist/assets/components/bs5/searchInput/searchInput.hbs +9 -7
  8. package/dist/assets/css/qld.bootstrap.css +2 -2
  9. package/dist/assets/css/qld.bootstrap.css.map +3 -3
  10. package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
  11. package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
  12. package/dist/assets/img/icons-sprite.svg +24 -24
  13. package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
  14. package/dist/assets/js/handlebars.init.min.js +33 -23
  15. package/dist/assets/js/handlebars.init.min.js.map +2 -2
  16. package/dist/assets/js/handlebars.partials.js +33 -23
  17. package/dist/assets/js/handlebars.partials.js.map +2 -2
  18. package/dist/assets/js/qld.bootstrap.min.js +6 -6
  19. package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
  20. package/dist/assets/node/handlebars.init.min.js +14 -12
  21. package/dist/assets/node/handlebars.init.min.js.map +2 -2
  22. package/dist/components/bs5/button/button.hbs +1 -1
  23. package/dist/components/bs5/footer/customLinks.hbs +1 -1
  24. package/dist/components/bs5/footer/followLinks.hbs +1 -1
  25. package/dist/components/bs5/head/head.hbs +1 -1
  26. package/dist/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
  27. package/dist/components/bs5/searchInput/searchInput.hbs +9 -7
  28. package/dist/package.json +1 -1
  29. package/dist/sample-data/footer/footer.data.json +3 -0
  30. package/dist/sample-data/inpageAlert/inpageAlert.data.json +1 -1
  31. package/dist/sample-data/searchInput/searchInput.data.json +1 -0
  32. package/package.json +1 -1
  33. package/src/components/bs5/breadcrumbs/breadcrumbs.scss +3 -4
  34. package/src/components/bs5/button/Button.js +32 -6
  35. package/src/components/bs5/button/button.hbs +1 -1
  36. package/src/components/bs5/button/button.scss +0 -5
  37. package/src/components/bs5/card/card.scss +2 -0
  38. package/src/components/bs5/footer/customLinks.hbs +1 -1
  39. package/src/components/bs5/footer/followLinks.hbs +1 -1
  40. package/src/components/bs5/footer/footer.data.json +3 -0
  41. package/src/components/bs5/formcheck/_form-variables.scss +36 -0
  42. package/src/components/bs5/formcheck/formcheck.scss +54 -14
  43. package/src/components/bs5/header/header.scss +1 -2
  44. package/src/components/bs5/icons/_icons.list.js +7 -7
  45. package/src/components/bs5/icons/_icons.list.scss +113 -112
  46. package/src/components/bs5/icons/_icons.variables.scss +7 -6
  47. package/src/components/bs5/icons/icons.scss +2 -1
  48. package/src/components/bs5/inpageAlert/inpageAlert.data.json +1 -1
  49. package/src/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
  50. package/src/components/bs5/inpageAlert/inpageAlert.scss +49 -51
  51. package/src/components/bs5/inpageAlert/inpageAlert.stories.js +54 -3
  52. package/src/components/bs5/pageLayout/PaletteShowcase.stories.js +4 -3
  53. package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +14 -14
  54. package/src/components/bs5/searchInput/search.functions.js +64 -69
  55. package/src/components/bs5/searchInput/searchInput.data.json +1 -0
  56. package/src/components/bs5/searchInput/searchInput.hbs +9 -7
  57. package/src/components/bs5/searchInput/searchInput.scss +91 -38
  58. package/src/components/bs5/searchInput/searchInput.test.js +91 -119
  59. package/src/components/bs5/skiplinks/skipLinks.scss +12 -4
  60. package/src/components/common/focus-styles/focusStyles.mdx +20 -0
  61. package/src/components/common/focus-styles/focusStyles.stories.js +58 -0
  62. package/src/css/functions/_index.scss +3 -0
  63. package/src/css/functions/color-icon.scss +31 -0
  64. package/src/css/functions/string-replace.scss +49 -0
  65. package/src/css/functions/svg-encode.scss +22 -0
  66. package/src/css/mixins/make-icon.scss +1 -1
  67. package/src/css/mixins/make-link.scss +13 -10
  68. package/src/css/qld-palettes.scss +20 -12
  69. package/src/css/qld-type.scss +5 -1
  70. package/src/css/qld-utilities.scss +9 -1
  71. package/src/css/qld-variables.scss +1 -1
  72. package/src/img/icons-sprite.svg +24 -24
  73. package/src/js/qld.bootstrap.js +3 -55
@@ -292,7 +292,7 @@ var init_button = __esm({
292
292
 
293
293
  {{#unless islink}}
294
294
 
295
- <button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}} {{label}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}}>
295
+ <button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}}" onclick="{{{onclick}}}" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{{dataatts}}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}}>
296
296
  {{#if isprogress}}
297
297
  {{~>progressSpinner~}}
298
298
  {{else}}
@@ -615,7 +615,7 @@ var init_correctincorrect = __esm({
615
615
  var customLinks_default;
616
616
  var init_customLinks = __esm({
617
617
  "src/components/bs5/footer/customLinks.hbs?raw"() {
618
- customLinks_default = '{{#if customLinks }}\n <ul class="nav footer-link-list footer-link-list--custom flex-column"> \n {{#each customLinks }}\n <li><a class="nav-link" href="{{ link }}" {{#if target }} target="_blank" {{/if}}>{{ label }}</a></li>\n {{/each }}\n </ul>\n{{/if}}';
618
+ customLinks_default = '{{#if customLinks }}\n <ul class="nav footer-link-list footer-link-list--custom flex-column">\n {{#each customLinks }}\n <li><a class="nav-link" href="{{ link }}" {{#if target }} target="_blank" {{/if}}>{{ label }}</a></li>\n {{/each }}\n </ul>\n{{/if}}';
619
619
  }
620
620
  });
621
621
 
@@ -647,7 +647,7 @@ var init_feedbackForm = __esm({
647
647
  var followLinks_default;
648
648
  var init_followLinks = __esm({
649
649
  "src/components/bs5/footer/followLinks.hbs?raw"() {
650
- followLinks_default = '{{#if followLinks }}\n <ul class="nav footer-link-list footer-link-list--social"> \n {{#each followLinks }}\n <li>\n <a class="nav-link" href="{{ link }}" {{#if target}}target="{{ target }}"{{/if}}>\n <span class="qld-icon qld-icon-md qld-icon-{{icon}} d-lg-none" aria-hidden="true"></span>\n <span class="qld-icon qld-icon-sm qld-icon-{{icon}} d-none d-lg-block" aria-hidden="true"></span>\n <span class="nav-link-label d-none d-lg-block">{{ label }}</span>\n <span class="sr-only">{{ label }}</span>\n </a>\n </li>\n {{/each }}\n </ul>\n{{/if}}';
650
+ followLinks_default = '{{#if followLinks }}\n <ul class="nav footer-link-list footer-link-list--social"> \n {{#each followLinks }}\n <li>\n <a class="nav-link" href="{{ link }}" {{#if target}}target="{{ target }}"{{/if}}>\n <span class="qld-icon qld-icon-md qld-icon-{{icon}} d-lg-none" aria-hidden="true"></span>\n <span class="qld-icon qld-icon-sm qld-icon-{{icon}} d-none d-lg-block" aria-hidden="true"></span>\n <span class="nav-link-label d-none d-lg-block">{{ label }}</span>\n <span class="sr-only">{{isdefined accessibleLabel label}}</span>\n </a>\n </li>\n {{/each }}\n </ul>\n{{/if}}';
651
651
  }
652
652
  });
653
653
 
@@ -966,7 +966,7 @@ var head_default;
966
966
  var init_head = __esm({
967
967
  "src/components/bs5/head/head.hbs?raw"() {
968
968
  head_default = `
969
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.0.12","branch":"HEAD","tag":"v2.0.12","commit":"8a144c9ab3a88493219cbc779eb61a0ca8b8d059","majorVersion":"v2"} -->
969
+ <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.0","branch":"HEAD","tag":"v2.1.0","commit":"1610f625e3e2ba5c9420ba3ef0ebb53ed35820f6","majorVersion":"v2"} -->
970
970
 
971
971
  {{! Select environment, used verbatium if not using predefind key
972
972
  cdn := PROD|STAGING|BETA|TEST|DEV|???
@@ -1024,7 +1024,7 @@ var init_image = __esm({
1024
1024
  var inpageAlert_default;
1025
1025
  var init_inpageAlert = __esm({
1026
1026
  "src/components/bs5/inpageAlert/inpageAlert.hbs?raw"() {
1027
- inpageAlert_default = '<div class="alert {{variantClass}} {{customClass}}" role="alert" \n {{#if alertType}}aria-label="{{alertType}}"{{/if}}>\n {{#if heading}}\n {{#if headingTag}}\n <{{headingTag}} class="alert-heading">{{{ heading }}}</{{headingTag}}>\n {{else}}\n <h2 class="alert-heading">{{{ heading }}}</h2>\n {{/if}}\n {{/if}}\n {{{ content }}}\n</div>';
1027
+ inpageAlert_default = '<div class="alert {{variantClass}} {{customClass}}" role="alert"\n {{#if ariaLabel}}\n aria-label="{{ ariaLabel }}"\n {{else}}\n {{#ifCond variantClass "==" "alert-info"}}aria-label="Information alert"{{/ifCond}}\n {{#ifCond variantClass "==" "alert-success"}}aria-label="Success alert"{{/ifCond}}\n {{#ifCond variantClass "==" "alert-error"}}aria-label="Error alert"{{/ifCond}}\n {{#ifCond variantClass "==" "alert-warning"}}aria-label="Warning alert"{{/ifCond}}\n {{/if}}\n>\n {{#if heading}}\n {{#if headingTag}}\n <{{headingTag}} class="alert-heading">{{{ heading }}}</{{headingTag}}>\n {{else}}\n <h2 class="alert-heading">{{{ heading }}}</h2>\n {{/if}}\n {{/if}}\n {{{ content }}}\n</div>';
1028
1028
  }
1029
1029
  });
1030
1030
 
@@ -1374,38 +1374,40 @@ var init_searchInput = __esm({
1374
1374
  -->
1375
1375
  <div class="qld-search-input {{customClass}}">
1376
1376
  <input id="{{ inputID }}" name="{{ inputName }}" class="form-control" type="text" autocomplete="off"
1377
- aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} />
1377
+ aria-label="{{ ariaLabel }}" {{#each tags}} data-{{@key}}="{{this}}" {{/each}} placeholder="{{placeholder}}" />
1378
1378
  <button class="btn btn-primary" type="{{ buttonType }}" id="{{ buttonID }}">
1379
1379
  <span class="btn-icon"></span>
1380
1380
  <span class="btn-label">{{ buttonLabel }}</span>
1381
1381
  </button>
1382
1382
  {{#ifCond hasDynamicSuggestions '||' hasDefaultSuggestions}}
1383
- <div class="suggestions suggestions__group d-none default">
1383
+
1384
+ <div class="suggestions suggestions__group default">
1384
1385
  {{#if hasDefaultSuggestions}}
1385
1386
  <div class="default-suggestions">
1386
1387
  <div class="suggestions-category">
1387
1388
  <strong class="suggestions-category-label d-block">{{defaultSuggestions.popularServicesTitle}}</strong>
1388
1389
  <ul>
1389
1390
  {{#each defaultSuggestions.popularServices}}
1390
- <li><a href="{{link}}">{{title}}</a></li>
1391
+ <li><a tabindex="0" href="{{link}}">{{title}}</a></li>
1391
1392
  {{/each}}
1392
1393
  {{#if defaultSuggestions.popularServicesLink}}
1393
- <li><a href="{{defaultSuggestions.popularServicesLink.href}}" class="view-more">{{#if defaultSuggestions.popularServicesLink.label}}{{defaultSuggestions.popularServicesLink.label}}{{else}}View More{{/if}}</a></li>
1394
+ <li><a tabindex="0" href="{{defaultSuggestions.popularServicesLink.href}}" class="view-more">{{#if defaultSuggestions.popularServicesLink.label}}{{defaultSuggestions.popularServicesLink.label}}{{else}}View More{{/if}}</a></li>
1394
1395
  {{/if}}
1395
1396
  </ul>
1396
1397
  </div>
1397
-
1398
+ {{#if defaultSuggestions.categories}}
1398
1399
  <div class="suggestions-category">
1399
1400
  <strong class="suggestions-category-label d-block">{{defaultSuggestions.categoriesTitle}}</strong>
1400
1401
  <ul>
1401
1402
  {{#each defaultSuggestions.categories}}
1402
- <li><a href="{{link}}">{{title}}</a></li>
1403
+ <li><a tabindex="0"href="{{link}}">{{title}}</a></li>
1403
1404
  {{/each}}
1404
1405
  {{#if defaultSuggestions.categoriesLink}}
1405
- <li><a href="{{defaultSuggestions.categoriesLink.href}}" class="view-more">{{#if defaultSuggestions.categoriesLink.label}}{{defaultSuggestions.categoriesLink.label}}{{else}}View More{{/if}}</a></li>
1406
+ <li><a tabindex="0" href="{{defaultSuggestions.categoriesLink.href}}" class="view-more">{{#if defaultSuggestions.categoriesLink.label}}{{defaultSuggestions.categoriesLink.label}}{{else}}View More{{/if}}</a></li>
1406
1407
  {{/if}}
1407
1408
  </ul>
1408
1409
  </div>
1410
+ {{/if}}
1409
1411
  </div>
1410
1412
  {{/if}}
1411
1413
  {{#if hasDynamicSuggestions}}