@qld-gov-au/qgds-bootstrap5 2.1.1 → 2.1.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.
- package/dist/assets/components/bs5/button/button.hbs +2 -1
- package/dist/assets/components/bs5/dateinput/dateinput.hbs +3 -3
- package/dist/assets/components/bs5/formcheck/formcheck.hbs +1 -1
- package/dist/assets/components/bs5/head/head.hbs +1 -1
- package/dist/assets/components/bs5/select/select.hbs +1 -1
- package/dist/assets/components/bs5/textarea/textarea.hbs +1 -1
- package/dist/assets/components/bs5/textbox/textbox.hbs +1 -1
- package/dist/assets/css/qld.bootstrap.css +1 -1
- package/dist/assets/css/qld.bootstrap.legacy.css +1 -1
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.init.min.js +11 -10
- package/dist/assets/js/handlebars.init.min.js.map +2 -2
- package/dist/assets/js/handlebars.partials.js +11 -10
- package/dist/assets/js/handlebars.partials.js.map +2 -2
- package/dist/assets/js/qld.bootstrap.min.js +1 -1
- package/dist/assets/node/handlebars.init.min.js +8 -7
- package/dist/assets/node/handlebars.init.min.js.map +2 -2
- package/dist/components/bs5/button/button.hbs +2 -1
- package/dist/components/bs5/dateinput/dateinput.hbs +3 -3
- package/dist/components/bs5/formcheck/formcheck.hbs +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/select/select.hbs +1 -1
- package/dist/components/bs5/textarea/textarea.hbs +1 -1
- package/dist/components/bs5/textbox/textbox.hbs +1 -1
- package/dist/package.json +1 -1
- package/package.json +1 -1
- package/src/components/bs5/button/button.hbs +2 -1
- package/src/components/bs5/dateinput/dateinput.hbs +3 -3
- package/src/components/bs5/formcheck/formcheck.hbs +1 -1
- package/src/components/bs5/pageLayout/pageLayout.stories.js +2 -0
- package/src/components/bs5/select/select.hbs +1 -1
- package/src/components/bs5/textarea/textarea.hbs +1 -1
- package/src/components/bs5/textbox/textbox.hbs +1 -1
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
{{#unless islink}}
|
|
12
12
|
|
|
13
|
-
<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}} {{
|
|
13
|
+
<button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}}" onclick="{{{onclick}}}" tabindex="0" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}} {{{dataatts}}} >
|
|
14
|
+
|
|
14
15
|
{{#if isprogress}}
|
|
15
16
|
{{~>progressSpinner~}}
|
|
16
17
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
inputmode="numeric" maxlength="2" minlength="2" min="1" max="31" pattern="^(0?[1-9]|[12][0-9]|3[01])$"
|
|
31
31
|
class="form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
|
|
32
32
|
{{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"
|
|
33
|
-
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
33
|
+
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0" >
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
<!-- month group -->
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
type="text" inputmode="numeric" maxlength="2" minlength="2" min="1" max="12" pattern="^(0?[1-9]|[1][0-2])$"
|
|
42
42
|
class="form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
|
|
43
43
|
{{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"
|
|
44
|
-
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
44
|
+
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
47
|
<!-- year group -->
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4" minlength="4" pattern="[0-9]*"
|
|
53
53
|
{{#if yearMin}}min="{{yearMin}}"{{/if}} {{#if yearMax}}max="{{yearMax}}"{{/if}}
|
|
54
54
|
class="form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
55
|
-
ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
55
|
+
ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
|
|
56
56
|
</div>
|
|
57
57
|
</div>
|
|
58
58
|
</div>
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
{{#each listitems}}
|
|
24
24
|
<div class="form-check {{#if ../isValid}}is-valid{{else}}{{#ifCond ../isValid "===" false}}is-invalid{{/ifCond}}{{/if}}">
|
|
25
|
-
<input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
|
|
25
|
+
<input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" tabindex="{{isdefined ../tabindex 0}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
|
|
26
26
|
<label class="form-check-label" for="{{id}}">
|
|
27
27
|
{{label}}
|
|
28
28
|
</label>
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
|
|
2
|
-
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.
|
|
2
|
+
<!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.2","branch":"HEAD","tag":"v2.1.2","commit":"a76edf5d0854742800c2d5846df18b5280e0ed09","majorVersion":"v2"} -->
|
|
3
3
|
|
|
4
4
|
{{! Select environment, used verbatium if not using predefind key
|
|
5
5
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
{{/if}}{{/contains}}
|
|
27
27
|
|
|
28
28
|
<select id={{id}} class="form-select {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}} {{customClass}}"
|
|
29
|
-
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
|
|
29
|
+
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
|
|
30
30
|
<option selected value="">{{placeholder}}</option>
|
|
31
31
|
<option value="1">Option 1</option>
|
|
32
32
|
<option value="2">Option 2</option>
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
|
|
29
29
|
<!-- First text input field, described by the hint text above -->
|
|
30
30
|
<textarea id="{{id}}" class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
31
|
-
placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
|
|
31
|
+
placeholder="{{placeholder}}" rows="{{rows}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
|
|
32
32
|
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}}>{{value}}</textarea>
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
{{/if}}{{/contains}}
|
|
28
28
|
|
|
29
29
|
<input id={{id}} {{#if value}}value="{{value}}"{{/if}} class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
30
|
-
type="text" placeholder="{{placeholder}}" {{#if isDisabled}}disabled{{/if}} {{#if
|
|
30
|
+
type="text" placeholder="{{placeholder}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if
|
|
31
31
|
isRequired}}required{{/if}} {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} />
|
package/dist/package.json
CHANGED
package/package.json
CHANGED
|
@@ -10,7 +10,8 @@
|
|
|
10
10
|
|
|
11
11
|
{{#unless islink}}
|
|
12
12
|
|
|
13
|
-
<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}} {{
|
|
13
|
+
<button class="btn {{variantClass}} {{#if isprogress}}btn-progress{{/if}}" onclick="{{{onclick}}}" tabindex="0" {{#if isdisabled}}disabled{{/if}} {{#if isprogress}}disabled aria-live="polite"{{/if}} {{#if arialabel}}aria-label="{{arialabel}}"{{/if}} {{#if progressLabel}}data-progress-label="{{progressLabel}}"{{/if}} {{{dataatts}}} >
|
|
14
|
+
|
|
14
15
|
{{#if isprogress}}
|
|
15
16
|
{{~>progressSpinner~}}
|
|
16
17
|
{{else}}
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
inputmode="numeric" maxlength="2" minlength="2" min="1" max="31" pattern="^(0?[1-9]|[12][0-9]|3[01])$"
|
|
31
31
|
class="form-control dayinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
|
|
32
32
|
{{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="day"
|
|
33
|
-
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
33
|
+
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0" >
|
|
34
34
|
</div>
|
|
35
35
|
</div>
|
|
36
36
|
<!-- month group -->
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
type="text" inputmode="numeric" maxlength="2" minlength="2" min="1" max="12" pattern="^(0?[1-9]|[1][0-2])$"
|
|
42
42
|
class="form-control monthinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}}
|
|
43
43
|
{{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}" ref="month"
|
|
44
|
-
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
44
|
+
aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
|
|
45
45
|
</div>
|
|
46
46
|
</div>
|
|
47
47
|
<!-- year group -->
|
|
@@ -52,7 +52,7 @@
|
|
|
52
52
|
placeholder="{{year-placeholder}}" type="text" inputmode="numeric" maxlength="4" minlength="4" pattern="[0-9]*"
|
|
53
53
|
{{#if yearMin}}min="{{yearMin}}"{{/if}} {{#if yearMax}}max="{{yearMax}}"{{/if}}
|
|
54
54
|
class="form-control yearinput {{customClass}} {{#if isFilled}}form-style-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
55
|
-
ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}>
|
|
55
|
+
ref="year" aria-invalid="false" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} tabindex="0">
|
|
56
56
|
</div>
|
|
57
57
|
</div>
|
|
58
58
|
</div>
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
{{#each listitems}}
|
|
24
24
|
<div class="form-check {{#if ../isValid}}is-valid{{else}}{{#ifCond ../isValid "===" false}}is-invalid{{/ifCond}}{{/if}}">
|
|
25
|
-
<input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
|
|
25
|
+
<input class="form-check-input" type="{{#if ../type}}{{../type}}{{else}}{{#if type}}{{type}}{{else}}checkbox{{/if}}{{/if}}" name="{{name}}" id="{{id}}" value="{{value}}" tabindex="{{isdefined ../tabindex 0}}" {{#if isDisabled}}disabled{{/if}} {{#if isChecked}}checked{{/if}} {{#if isRequired}}required{{/if}} >
|
|
26
26
|
<label class="form-check-label" for="{{id}}">
|
|
27
27
|
{{label}}
|
|
28
28
|
</label>
|
|
@@ -381,12 +381,14 @@ export const ContentPageWithSingleForm = {
|
|
|
381
381
|
variantClass: "btn-primary",
|
|
382
382
|
label: "Submit",
|
|
383
383
|
type: "submit",
|
|
384
|
+
islink: false,
|
|
384
385
|
},
|
|
385
386
|
{
|
|
386
387
|
...buttonData,
|
|
387
388
|
variantClass: "btn-secondary",
|
|
388
389
|
label: "Reset",
|
|
389
390
|
type: "reset",
|
|
391
|
+
islink: false,
|
|
390
392
|
},
|
|
391
393
|
],
|
|
392
394
|
},
|
|
@@ -26,7 +26,7 @@
|
|
|
26
26
|
{{/if}}{{/contains}}
|
|
27
27
|
|
|
28
28
|
<select id={{id}} class="form-select {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}} {{customClass}}"
|
|
29
|
-
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
|
|
29
|
+
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}} >
|
|
30
30
|
<option selected value="">{{placeholder}}</option>
|
|
31
31
|
<option value="1">Option 1</option>
|
|
32
32
|
<option value="2">Option 2</option>
|
|
@@ -28,5 +28,5 @@
|
|
|
28
28
|
|
|
29
29
|
<!-- First text input field, described by the hint text above -->
|
|
30
30
|
<textarea id="{{id}}" class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
31
|
-
placeholder="{{placeholder}}" rows="{{rows}}" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
|
|
31
|
+
placeholder="{{placeholder}}" rows="{{rows}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if isRequired}}required{{/if}}
|
|
32
32
|
{{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}}>{{value}}</textarea>
|
|
@@ -27,5 +27,5 @@
|
|
|
27
27
|
{{/if}}{{/contains}}
|
|
28
28
|
|
|
29
29
|
<input id={{id}} {{#if value}}value="{{value}}"{{/if}} class="form-control {{customClass}} {{#if isFilled}}is-filled{{/if}} {{#if isValid}}is-valid{{else}}{{#ifCond isValid "===" false}}is-invalid{{/ifCond}}{{/if}}"
|
|
30
|
-
type="text" placeholder="{{placeholder}}" {{#if isDisabled}}disabled{{/if}} {{#if
|
|
30
|
+
type="text" placeholder="{{placeholder}}" tabindex="0" {{#if isDisabled}}disabled{{/if}} {{#if
|
|
31
31
|
isRequired}}required{{/if}} {{#if hint-text}}aria-describedby="{{id}}-hint"{{/if}} />
|