@qld-gov-au/qgds-bootstrap5 2.1.8 → 2.1.10
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/head/head.hbs +1 -1
- package/dist/assets/components/bs5/navbar/navbar.hbs +3 -3
- 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/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.init.min.js +5 -5
- package/dist/assets/js/handlebars.init.min.js.map +1 -1
- package/dist/assets/js/handlebars.partials.js +5 -5
- package/dist/assets/js/handlebars.partials.js.map +1 -1
- package/dist/assets/js/qld.bootstrap.min.js +1 -1
- package/dist/assets/node/handlebars.init.min.js +4 -4
- package/dist/assets/node/handlebars.init.min.js.map +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/navbar/navbar.hbs +3 -3
- package/dist/package.json +7 -7
- package/dist/sample-data/sidenav/sidenav.data.json +1 -7
- package/package.json +7 -7
- package/src/components/bs5/card/card.scss +6 -1
- package/src/components/bs5/footer/footer.scss +8 -0
- package/src/components/bs5/formcheck/formcheck.scss +5 -0
- package/src/components/bs5/linkColumns/linkColumns.scss +1 -1
- package/src/components/bs5/navbar/navbar.hbs +3 -3
- package/src/components/bs5/sidenav/sidenav.data.json +1 -7
- package/src/components/bs5/sidenav/sidenav.scss +5 -6
|
@@ -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.10","branch":"HEAD","tag":"v2.1.10","commit":"79f6f4de29c7bb0fdcd84c080d854f4efdd26877","majorVersion":"v2"} -->
|
|
3
3
|
|
|
4
4
|
{{! Select environment, used verbatium if not using predefind key
|
|
5
5
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<ul class="dropdown-menu">
|
|
33
33
|
{{#unless dropdownOptions.hasNoLink}}
|
|
34
34
|
<li>
|
|
35
|
-
<a class="dropdown-item parent-link"
|
|
35
|
+
<a class="dropdown-item parent-link" href="{{url}}" {{#if currentPage}} aria-current="page"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{#if dropdownOptions.alternativeText}}{{dropdownOptions.alternativeText}}{{else}}{{text}}{{/if}}</a>
|
|
36
36
|
{{#if dropdownOptions.description}}
|
|
37
37
|
<p>{{dropdownOptions.description}}</p>
|
|
38
38
|
{{/if}}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
{{{htmlContent}}}
|
|
45
45
|
{{/if}}
|
|
46
46
|
{{#unless isHTML}}
|
|
47
|
-
<a class="dropdown-item" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
|
|
47
|
+
<a class="dropdown-item" href="{{url}}"{{#if target}} {{#if currentPage}} aria-current="page"{{/if}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
|
|
48
48
|
{{#if description}}
|
|
49
49
|
<p>{{description}}</p>
|
|
50
50
|
{{/if}}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
{{/each}}
|
|
54
54
|
{{#if dropdownOptions.viewAllHref}}
|
|
55
55
|
<li>
|
|
56
|
-
<a class="dropdown-item view-all" href="{{dropdownOptions.viewAllHref}}">View all</a>
|
|
56
|
+
<a class="dropdown-item view-all" {{#if currentPage}} aria-current="page"{{/if}} href="{{dropdownOptions.viewAllHref}}">View all</a>
|
|
57
57
|
</li>
|
|
58
58
|
{{/if}}
|
|
59
59
|
</ul>
|
package/dist/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qld-gov-au/qgds-bootstrap5",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"bootstrap": "^5.3.8"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@chromatic-com/storybook": "^
|
|
58
|
+
"@chromatic-com/storybook": "^5.0.0",
|
|
59
59
|
"@eslint/eslintrc": "^3.3.1",
|
|
60
|
-
"@eslint/json": "^0.
|
|
60
|
+
"@eslint/json": "^1.0.0",
|
|
61
61
|
"@qld-gov-au/qgds-tokens": "^1.2.1",
|
|
62
62
|
"@storybook/addon-a11y": "^10.1.10",
|
|
63
63
|
"@storybook/addon-docs": "^10.1.10",
|
|
@@ -70,15 +70,15 @@
|
|
|
70
70
|
"chai": "^6.2.1",
|
|
71
71
|
"chalk": "^5.6.2",
|
|
72
72
|
"chromatic": "^13.3.3",
|
|
73
|
-
"esbuild": "0.27.
|
|
73
|
+
"esbuild": "0.27.2",
|
|
74
74
|
"esbuild-plugin-copy": "^2.1.1",
|
|
75
75
|
"esbuild-plugin-eslint": "^0.3.12",
|
|
76
76
|
"esbuild-plugin-handlebars": "1.0.3",
|
|
77
|
-
"esbuild-sass-plugin": "3.
|
|
78
|
-
"eslint": "9.39.
|
|
77
|
+
"esbuild-sass-plugin": "3.6.0",
|
|
78
|
+
"eslint": "9.39.2",
|
|
79
79
|
"eslint-plugin-json": "^4.0.1",
|
|
80
80
|
"eslint-plugin-storybook": "^10.1.10",
|
|
81
|
-
"globals": "
|
|
81
|
+
"globals": "17.3.0",
|
|
82
82
|
"handlebars": "4.7.8",
|
|
83
83
|
"http-server": "^14.1.1",
|
|
84
84
|
"husky": "^9.1.7",
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
{
|
|
7
7
|
"link": "https://www.qld.gov.au/transport/registration/register/heavy",
|
|
8
8
|
"label": "Sibling page",
|
|
9
|
-
"class": "",
|
|
10
9
|
"target": "",
|
|
11
10
|
"children": [
|
|
12
11
|
{
|
|
@@ -17,25 +16,21 @@
|
|
|
17
16
|
},
|
|
18
17
|
{
|
|
19
18
|
"link": "#",
|
|
20
|
-
"class": "active",
|
|
21
19
|
"label": "Child page",
|
|
22
20
|
"children": []
|
|
23
21
|
},
|
|
24
22
|
{
|
|
25
23
|
"link": "#",
|
|
26
|
-
"class": "",
|
|
27
|
-
|
|
28
24
|
"label": "Child page",
|
|
29
25
|
"children": [
|
|
30
26
|
{
|
|
31
27
|
"link": "#",
|
|
32
|
-
"class": "",
|
|
28
|
+
"class": "active",
|
|
33
29
|
"label": "Grandchild page",
|
|
34
30
|
"children": []
|
|
35
31
|
},
|
|
36
32
|
{
|
|
37
33
|
"link": "#",
|
|
38
|
-
"class": "active",
|
|
39
34
|
"label": "Grandchild page",
|
|
40
35
|
"children": []
|
|
41
36
|
}
|
|
@@ -52,7 +47,6 @@
|
|
|
52
47
|
{
|
|
53
48
|
"link": "#",
|
|
54
49
|
"label": "Sibling page",
|
|
55
|
-
"class": "active",
|
|
56
50
|
"children": []
|
|
57
51
|
},
|
|
58
52
|
{
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@qld-gov-au/qgds-bootstrap5",
|
|
3
|
-
"version": "2.1.
|
|
3
|
+
"version": "2.1.10",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -55,9 +55,9 @@
|
|
|
55
55
|
"bootstrap": "^5.3.8"
|
|
56
56
|
},
|
|
57
57
|
"devDependencies": {
|
|
58
|
-
"@chromatic-com/storybook": "^
|
|
58
|
+
"@chromatic-com/storybook": "^5.0.0",
|
|
59
59
|
"@eslint/eslintrc": "^3.3.1",
|
|
60
|
-
"@eslint/json": "^0.
|
|
60
|
+
"@eslint/json": "^1.0.0",
|
|
61
61
|
"@qld-gov-au/qgds-tokens": "^1.2.1",
|
|
62
62
|
"@storybook/addon-a11y": "^10.1.10",
|
|
63
63
|
"@storybook/addon-docs": "^10.1.10",
|
|
@@ -70,15 +70,15 @@
|
|
|
70
70
|
"chai": "^6.2.1",
|
|
71
71
|
"chalk": "^5.6.2",
|
|
72
72
|
"chromatic": "^13.3.3",
|
|
73
|
-
"esbuild": "0.27.
|
|
73
|
+
"esbuild": "0.27.2",
|
|
74
74
|
"esbuild-plugin-copy": "^2.1.1",
|
|
75
75
|
"esbuild-plugin-eslint": "^0.3.12",
|
|
76
76
|
"esbuild-plugin-handlebars": "1.0.3",
|
|
77
|
-
"esbuild-sass-plugin": "3.
|
|
78
|
-
"eslint": "9.39.
|
|
77
|
+
"esbuild-sass-plugin": "3.6.0",
|
|
78
|
+
"eslint": "9.39.2",
|
|
79
79
|
"eslint-plugin-json": "^4.0.1",
|
|
80
80
|
"eslint-plugin-storybook": "^10.1.10",
|
|
81
|
-
"globals": "
|
|
81
|
+
"globals": "17.3.0",
|
|
82
82
|
"handlebars": "4.7.8",
|
|
83
83
|
"http-server": "^14.1.1",
|
|
84
84
|
"husky": "^9.1.7",
|
|
@@ -318,6 +318,11 @@
|
|
|
318
318
|
}
|
|
319
319
|
}
|
|
320
320
|
&-img {
|
|
321
|
+
// Fix: Prevent .ratio:before from blocking clicks on card heading in multi-action cards
|
|
322
|
+
&.ratio::before {
|
|
323
|
+
display: inline-block;
|
|
324
|
+
}
|
|
325
|
+
|
|
321
326
|
&:after {
|
|
322
327
|
content: "";
|
|
323
328
|
position: absolute;
|
|
@@ -426,7 +431,7 @@
|
|
|
426
431
|
.tag-list {
|
|
427
432
|
margin: 0;
|
|
428
433
|
padding: 0;
|
|
429
|
-
gap:
|
|
434
|
+
gap: 0.5rem;
|
|
430
435
|
display: flex;
|
|
431
436
|
flex-wrap: wrap;
|
|
432
437
|
.tag-item {
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
<ul class="dropdown-menu">
|
|
33
33
|
{{#unless dropdownOptions.hasNoLink}}
|
|
34
34
|
<li>
|
|
35
|
-
<a class="dropdown-item parent-link"
|
|
35
|
+
<a class="dropdown-item parent-link" href="{{url}}" {{#if currentPage}} aria-current="page"{{/if}}{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{#if dropdownOptions.alternativeText}}{{dropdownOptions.alternativeText}}{{else}}{{text}}{{/if}}</a>
|
|
36
36
|
{{#if dropdownOptions.description}}
|
|
37
37
|
<p>{{dropdownOptions.description}}</p>
|
|
38
38
|
{{/if}}
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
{{{htmlContent}}}
|
|
45
45
|
{{/if}}
|
|
46
46
|
{{#unless isHTML}}
|
|
47
|
-
<a class="dropdown-item" href="{{url}}"{{#if target}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
|
|
47
|
+
<a class="dropdown-item" href="{{url}}"{{#if target}} {{#if currentPage}} aria-current="page"{{/if}} target="{{target}}"{{/if}}{{#ifCond target '==' '_blank'}} rel="noopener noreferrer"{{/ifCond}}>{{text}}</a>
|
|
48
48
|
{{#if description}}
|
|
49
49
|
<p>{{description}}</p>
|
|
50
50
|
{{/if}}
|
|
@@ -53,7 +53,7 @@
|
|
|
53
53
|
{{/each}}
|
|
54
54
|
{{#if dropdownOptions.viewAllHref}}
|
|
55
55
|
<li>
|
|
56
|
-
<a class="dropdown-item view-all" href="{{dropdownOptions.viewAllHref}}">View all</a>
|
|
56
|
+
<a class="dropdown-item view-all" {{#if currentPage}} aria-current="page"{{/if}} href="{{dropdownOptions.viewAllHref}}">View all</a>
|
|
57
57
|
</li>
|
|
58
58
|
{{/if}}
|
|
59
59
|
</ul>
|
|
@@ -6,7 +6,6 @@
|
|
|
6
6
|
{
|
|
7
7
|
"link": "https://www.qld.gov.au/transport/registration/register/heavy",
|
|
8
8
|
"label": "Sibling page",
|
|
9
|
-
"class": "",
|
|
10
9
|
"target": "",
|
|
11
10
|
"children": [
|
|
12
11
|
{
|
|
@@ -17,25 +16,21 @@
|
|
|
17
16
|
},
|
|
18
17
|
{
|
|
19
18
|
"link": "#",
|
|
20
|
-
"class": "active",
|
|
21
19
|
"label": "Child page",
|
|
22
20
|
"children": []
|
|
23
21
|
},
|
|
24
22
|
{
|
|
25
23
|
"link": "#",
|
|
26
|
-
"class": "",
|
|
27
|
-
|
|
28
24
|
"label": "Child page",
|
|
29
25
|
"children": [
|
|
30
26
|
{
|
|
31
27
|
"link": "#",
|
|
32
|
-
"class": "",
|
|
28
|
+
"class": "active",
|
|
33
29
|
"label": "Grandchild page",
|
|
34
30
|
"children": []
|
|
35
31
|
},
|
|
36
32
|
{
|
|
37
33
|
"link": "#",
|
|
38
|
-
"class": "active",
|
|
39
34
|
"label": "Grandchild page",
|
|
40
35
|
"children": []
|
|
41
36
|
}
|
|
@@ -52,7 +47,6 @@
|
|
|
52
47
|
{
|
|
53
48
|
"link": "#",
|
|
54
49
|
"label": "Sibling page",
|
|
55
|
-
"class": "active",
|
|
56
50
|
"children": []
|
|
57
51
|
},
|
|
58
52
|
{
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
|
|
31
31
|
--sidenav-submenu-divider: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='var(--#{$prefix}color-light-border)' d='M2 10h12v1H2zM2 5h1v5H2z'/%3E%3C/svg%3E");
|
|
32
32
|
|
|
33
|
-
--sidenav-active-item-color: var(
|
|
33
|
+
--sidenav-active-item-color: var(--#{$prefix}light-text-heading);
|
|
34
34
|
|
|
35
35
|
--#{$prefix}accordion-color: var(--#{$prefix}body-color);
|
|
36
36
|
--#{$prefix}accordion-bg: var(--#{$prefix}body-bg);
|
|
@@ -149,7 +149,7 @@
|
|
|
149
149
|
.nav-link {
|
|
150
150
|
padding: var(--sidenav-navlink-padding);
|
|
151
151
|
font-size: 0.875rem;
|
|
152
|
-
color: var(
|
|
152
|
+
color: var(--#{$prefix}light-text-text);
|
|
153
153
|
text-decoration: none;
|
|
154
154
|
transition-duration: 0s;
|
|
155
155
|
line-height: 1.25rem;
|
|
@@ -223,13 +223,12 @@
|
|
|
223
223
|
padding-left: var(--sidenav-level-three-padding);
|
|
224
224
|
}
|
|
225
225
|
|
|
226
|
-
//li .nav-link.active
|
|
226
|
+
//li .nav-link.active - use > to only target direct child, not nested nav-links
|
|
227
227
|
&.active {
|
|
228
|
-
.nav-link {
|
|
228
|
+
> .nav-link {
|
|
229
229
|
font-weight: 600;
|
|
230
|
-
color: var(--
|
|
230
|
+
color: var(--sidenav-active-item-color);
|
|
231
231
|
text-decoration: none;
|
|
232
|
-
pointer-events: none;
|
|
233
232
|
}
|
|
234
233
|
}
|
|
235
234
|
}
|