@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.
- package/.esbuild/plugins/qgds-plugin-generate-icon-assets.js +31 -24
- package/dist/assets/components/bs5/button/button.hbs +1 -1
- package/dist/assets/components/bs5/footer/customLinks.hbs +1 -1
- package/dist/assets/components/bs5/footer/followLinks.hbs +1 -1
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
- package/dist/assets/components/bs5/searchInput/searchInput.hbs +9 -7
- package/dist/assets/css/qld.bootstrap.css +2 -2
- package/dist/assets/css/qld.bootstrap.css.map +3 -3
- package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
- package/dist/assets/css/qld.bootstrap.legacy.css.map +3 -3
- package/dist/assets/img/icons-sprite.svg +24 -24
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.init.min.js +33 -23
- package/dist/assets/js/handlebars.init.min.js.map +2 -2
- package/dist/assets/js/handlebars.partials.js +33 -23
- package/dist/assets/js/handlebars.partials.js.map +2 -2
- package/dist/assets/js/qld.bootstrap.min.js +6 -6
- package/dist/assets/js/qld.bootstrap.min.js.map +4 -4
- package/dist/assets/node/handlebars.init.min.js +14 -12
- package/dist/assets/node/handlebars.init.min.js.map +2 -2
- package/dist/components/bs5/button/button.hbs +1 -1
- package/dist/components/bs5/footer/customLinks.hbs +1 -1
- package/dist/components/bs5/footer/followLinks.hbs +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
- package/dist/components/bs5/searchInput/searchInput.hbs +9 -7
- package/dist/package.json +1 -1
- package/dist/sample-data/footer/footer.data.json +3 -0
- package/dist/sample-data/inpageAlert/inpageAlert.data.json +1 -1
- package/dist/sample-data/searchInput/searchInput.data.json +1 -0
- package/package.json +1 -1
- package/src/components/bs5/breadcrumbs/breadcrumbs.scss +3 -4
- package/src/components/bs5/button/Button.js +32 -6
- package/src/components/bs5/button/button.hbs +1 -1
- package/src/components/bs5/button/button.scss +0 -5
- package/src/components/bs5/card/card.scss +2 -0
- package/src/components/bs5/footer/customLinks.hbs +1 -1
- package/src/components/bs5/footer/followLinks.hbs +1 -1
- package/src/components/bs5/footer/footer.data.json +3 -0
- package/src/components/bs5/formcheck/_form-variables.scss +36 -0
- package/src/components/bs5/formcheck/formcheck.scss +54 -14
- package/src/components/bs5/header/header.scss +1 -2
- package/src/components/bs5/icons/_icons.list.js +7 -7
- package/src/components/bs5/icons/_icons.list.scss +113 -112
- package/src/components/bs5/icons/_icons.variables.scss +7 -6
- package/src/components/bs5/icons/icons.scss +2 -1
- package/src/components/bs5/inpageAlert/inpageAlert.data.json +1 -1
- package/src/components/bs5/inpageAlert/inpageAlert.hbs +10 -2
- package/src/components/bs5/inpageAlert/inpageAlert.scss +49 -51
- package/src/components/bs5/inpageAlert/inpageAlert.stories.js +54 -3
- package/src/components/bs5/pageLayout/PaletteShowcase.stories.js +4 -3
- package/src/components/bs5/searchInput/__snapshots__/searchInput.test.js.snap +14 -14
- package/src/components/bs5/searchInput/search.functions.js +64 -69
- package/src/components/bs5/searchInput/searchInput.data.json +1 -0
- package/src/components/bs5/searchInput/searchInput.hbs +9 -7
- package/src/components/bs5/searchInput/searchInput.scss +91 -38
- package/src/components/bs5/searchInput/searchInput.test.js +91 -119
- package/src/components/bs5/skiplinks/skipLinks.scss +12 -4
- package/src/components/common/focus-styles/focusStyles.mdx +20 -0
- package/src/components/common/focus-styles/focusStyles.stories.js +58 -0
- package/src/css/functions/_index.scss +3 -0
- package/src/css/functions/color-icon.scss +31 -0
- package/src/css/functions/string-replace.scss +49 -0
- package/src/css/functions/svg-encode.scss +22 -0
- package/src/css/mixins/make-icon.scss +1 -1
- package/src/css/mixins/make-link.scss +13 -10
- package/src/css/qld-palettes.scss +20 -12
- package/src/css/qld-type.scss +5 -1
- package/src/css/qld-utilities.scss +9 -1
- package/src/css/qld-variables.scss +1 -1
- package/src/img/icons-sprite.svg +24 -24
- 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}}
|
|
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"
|
|
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
|
|
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
|
|
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"
|
|
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
|
-
|
|
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}}
|