@qld-gov-au/qgds-bootstrap5 2.1.4 → 2.1.6
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/inpagenav/inpagenav.hbs +10 -10
- package/dist/assets/css/qld.bootstrap.css +2 -2
- package/dist/assets/css/qld.bootstrap.css.map +2 -2
- package/dist/assets/css/qld.bootstrap.legacy.css +2 -2
- package/dist/assets/css/qld.bootstrap.legacy.css.map +2 -2
- package/dist/assets/js/handlebars.helpers.bundle.js +1 -1
- package/dist/assets/js/handlebars.init.min.js +12 -12
- package/dist/assets/js/handlebars.init.min.js.map +1 -1
- package/dist/assets/js/handlebars.partials.js +12 -12
- 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 +2 -2
- package/dist/assets/node/handlebars.init.min.js.map +1 -1
- package/dist/components/bs5/head/head.hbs +1 -1
- package/dist/components/bs5/inpagenav/inpagenav.hbs +10 -10
- package/dist/package.json +10 -10
- package/package.json +10 -10
- package/src/components/bs5/inpagenav/inpagenav.hbs +10 -10
- package/src/components/bs5/linkColumns/linkColumns.scss +24 -5
- package/src/components/bs5/searchInput/searchInput.scss +2 -13
|
@@ -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.6","branch":"HEAD","tag":"v2.1.6","commit":"808c456d6a9e74b77f5534ffe7bd8c1c3c27d354","majorVersion":"v2"} -->
|
|
3
3
|
|
|
4
4
|
{{! Select environment, used verbatium if not using predefind key
|
|
5
5
|
cdn := PROD|STAGING|BETA|TEST|DEV|???
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<!-- QGDS Partial: inpage-nav -->
|
|
2
2
|
|
|
3
|
-
<
|
|
3
|
+
<nav class="qld-inpage-nav" aria-label="In page navigation">
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<h2 class="nav-title">{{navtitle}}</h2>
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
<ul class="nav">
|
|
8
|
+
{{#each navitems}}
|
|
9
|
+
<li class="nav-item">
|
|
10
|
+
<a class="nav-link" href="#{{linkid}}">{{linktext}}</a>
|
|
11
|
+
</li>
|
|
12
|
+
{{/each}}
|
|
13
|
+
</ul>
|
|
14
14
|
|
|
15
|
-
</
|
|
15
|
+
</nav>
|
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.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -59,12 +59,12 @@
|
|
|
59
59
|
"@eslint/eslintrc": "^3.3.1",
|
|
60
60
|
"@eslint/json": "^0.14.0",
|
|
61
61
|
"@qld-gov-au/qgds-tokens": "^1.2.1",
|
|
62
|
-
"@storybook/addon-a11y": "^10.
|
|
63
|
-
"@storybook/addon-docs": "^10.
|
|
64
|
-
"@storybook/addon-links": "^10.
|
|
65
|
-
"@storybook/addon-themes": "^10.
|
|
66
|
-
"@storybook/cli": "^10.
|
|
67
|
-
"@storybook/html-vite": "^10.
|
|
62
|
+
"@storybook/addon-a11y": "^10.1.10",
|
|
63
|
+
"@storybook/addon-docs": "^10.1.10",
|
|
64
|
+
"@storybook/addon-links": "^10.1.10",
|
|
65
|
+
"@storybook/addon-themes": "^10.1.10",
|
|
66
|
+
"@storybook/cli": "^10.1.10",
|
|
67
|
+
"@storybook/html-vite": "^10.1.10",
|
|
68
68
|
"@vitest/ui": "^4.0.10",
|
|
69
69
|
"autoprefixer": "^10.4.20",
|
|
70
70
|
"chai": "^6.2.1",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"esbuild-sass-plugin": "3.3.1",
|
|
78
78
|
"eslint": "9.39.1",
|
|
79
79
|
"eslint-plugin-json": "^4.0.1",
|
|
80
|
-
"eslint-plugin-storybook": "^10.
|
|
80
|
+
"eslint-plugin-storybook": "^10.1.10",
|
|
81
81
|
"globals": "16.5.0",
|
|
82
82
|
"handlebars": "4.7.8",
|
|
83
83
|
"http-server": "^14.1.1",
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
"run-parallel": "^1.2.0",
|
|
98
98
|
"sass": "^1.94.0",
|
|
99
99
|
"selenium-webdriver": "^4.38.0",
|
|
100
|
-
"storybook": "^10.
|
|
100
|
+
"storybook": "^10.1.10",
|
|
101
101
|
"storybook-addon-deep-controls": "^0.10.0",
|
|
102
|
-
"storybook-addon-tag-badges": "^3.0.
|
|
102
|
+
"storybook-addon-tag-badges": "^3.0.4",
|
|
103
103
|
"vite": "^7.1.11",
|
|
104
104
|
"vitest": "^4.0.10"
|
|
105
105
|
},
|
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.6",
|
|
4
4
|
"description": "",
|
|
5
5
|
"repository": {
|
|
6
6
|
"type": "git",
|
|
@@ -59,12 +59,12 @@
|
|
|
59
59
|
"@eslint/eslintrc": "^3.3.1",
|
|
60
60
|
"@eslint/json": "^0.14.0",
|
|
61
61
|
"@qld-gov-au/qgds-tokens": "^1.2.1",
|
|
62
|
-
"@storybook/addon-a11y": "^10.
|
|
63
|
-
"@storybook/addon-docs": "^10.
|
|
64
|
-
"@storybook/addon-links": "^10.
|
|
65
|
-
"@storybook/addon-themes": "^10.
|
|
66
|
-
"@storybook/cli": "^10.
|
|
67
|
-
"@storybook/html-vite": "^10.
|
|
62
|
+
"@storybook/addon-a11y": "^10.1.10",
|
|
63
|
+
"@storybook/addon-docs": "^10.1.10",
|
|
64
|
+
"@storybook/addon-links": "^10.1.10",
|
|
65
|
+
"@storybook/addon-themes": "^10.1.10",
|
|
66
|
+
"@storybook/cli": "^10.1.10",
|
|
67
|
+
"@storybook/html-vite": "^10.1.10",
|
|
68
68
|
"@vitest/ui": "^4.0.10",
|
|
69
69
|
"autoprefixer": "^10.4.20",
|
|
70
70
|
"chai": "^6.2.1",
|
|
@@ -77,7 +77,7 @@
|
|
|
77
77
|
"esbuild-sass-plugin": "3.3.1",
|
|
78
78
|
"eslint": "9.39.1",
|
|
79
79
|
"eslint-plugin-json": "^4.0.1",
|
|
80
|
-
"eslint-plugin-storybook": "^10.
|
|
80
|
+
"eslint-plugin-storybook": "^10.1.10",
|
|
81
81
|
"globals": "16.5.0",
|
|
82
82
|
"handlebars": "4.7.8",
|
|
83
83
|
"http-server": "^14.1.1",
|
|
@@ -97,9 +97,9 @@
|
|
|
97
97
|
"run-parallel": "^1.2.0",
|
|
98
98
|
"sass": "^1.94.0",
|
|
99
99
|
"selenium-webdriver": "^4.38.0",
|
|
100
|
-
"storybook": "^10.
|
|
100
|
+
"storybook": "^10.1.10",
|
|
101
101
|
"storybook-addon-deep-controls": "^0.10.0",
|
|
102
|
-
"storybook-addon-tag-badges": "^3.0.
|
|
102
|
+
"storybook-addon-tag-badges": "^3.0.4",
|
|
103
103
|
"vite": "^7.1.11",
|
|
104
104
|
"vitest": "^4.0.10"
|
|
105
105
|
},
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
<!-- QGDS Partial: inpage-nav -->
|
|
2
2
|
|
|
3
|
-
<
|
|
3
|
+
<nav class="qld-inpage-nav" aria-label="In page navigation">
|
|
4
4
|
|
|
5
|
-
|
|
5
|
+
<h2 class="nav-title">{{navtitle}}</h2>
|
|
6
6
|
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
7
|
+
<ul class="nav">
|
|
8
|
+
{{#each navitems}}
|
|
9
|
+
<li class="nav-item">
|
|
10
|
+
<a class="nav-link" href="#{{linkid}}">{{linktext}}</a>
|
|
11
|
+
</li>
|
|
12
|
+
{{/each}}
|
|
13
|
+
</ul>
|
|
14
14
|
|
|
15
|
-
</
|
|
15
|
+
</nav>
|
|
@@ -1,7 +1,23 @@
|
|
|
1
1
|
.link-column {
|
|
2
2
|
--max-column-width: 46rem;
|
|
3
|
+
--color-border: var(--#{$prefix}neutral-lighter);
|
|
4
|
+
|
|
3
5
|
background-color: var(--#{$prefix}body-bg);
|
|
4
6
|
|
|
7
|
+
&.light {
|
|
8
|
+
--color-border: var(--#{$prefix}light-border);
|
|
9
|
+
}
|
|
10
|
+
|
|
11
|
+
&.alt {
|
|
12
|
+
--color-border: var(--#{$prefix}light-border-alt);
|
|
13
|
+
}
|
|
14
|
+
&.dark {
|
|
15
|
+
--color-border: var(--#{$prefix}dark-border);
|
|
16
|
+
}
|
|
17
|
+
&.dark-alt {
|
|
18
|
+
--color-border: var(--#{$prefix}dark-alt-border);
|
|
19
|
+
}
|
|
20
|
+
|
|
5
21
|
&:has(.col-1) {
|
|
6
22
|
max-width: var(--max-column-width);
|
|
7
23
|
}
|
|
@@ -31,12 +47,14 @@
|
|
|
31
47
|
.col-vert-1 {
|
|
32
48
|
display: block;
|
|
33
49
|
column-count: 1;
|
|
34
|
-
column-gap: 1rem;
|
|
35
50
|
}
|
|
36
51
|
.col-vert-2 {
|
|
37
52
|
display: block;
|
|
38
53
|
column-count: 2;
|
|
39
|
-
column-gap:
|
|
54
|
+
column-gap: 2rem;
|
|
55
|
+
@include media-breakpoint-down(lg) {
|
|
56
|
+
column-gap: 1.5rem;
|
|
57
|
+
}
|
|
40
58
|
@include media-breakpoint-down(md) {
|
|
41
59
|
column-count: 1;
|
|
42
60
|
}
|
|
@@ -44,10 +62,11 @@
|
|
|
44
62
|
.col-vert-3 {
|
|
45
63
|
display: block;
|
|
46
64
|
column-count: 3;
|
|
47
|
-
column-gap:
|
|
65
|
+
column-gap: 2rem;
|
|
48
66
|
@include media-breakpoint-down(lg) {
|
|
49
67
|
column-count: 2;
|
|
50
|
-
|
|
68
|
+
column-gap: 1.5rem;
|
|
69
|
+
}
|
|
51
70
|
@include media-breakpoint-down(md) {
|
|
52
71
|
column-count: 1;
|
|
53
72
|
}
|
|
@@ -58,7 +77,7 @@
|
|
|
58
77
|
gap: 1rem;
|
|
59
78
|
align-items: center;
|
|
60
79
|
align-content: center;
|
|
61
|
-
border-block-end: 1px solid var(
|
|
80
|
+
border-block-end: 1px solid var(--color-border);
|
|
62
81
|
// Required to reset styles from .qld-content-body li
|
|
63
82
|
margin-block: 0;
|
|
64
83
|
//Reset the line height too to override styles from .qld-content-body li
|
|
@@ -63,12 +63,6 @@
|
|
|
63
63
|
opacity 0.5s,
|
|
64
64
|
display 0.5s;
|
|
65
65
|
}
|
|
66
|
-
|
|
67
|
-
// &:has(#search-button:active) {
|
|
68
|
-
// .suggestions {
|
|
69
|
-
// display: none;
|
|
70
|
-
// }
|
|
71
|
-
// }
|
|
72
66
|
}
|
|
73
67
|
|
|
74
68
|
@include mixins.focusable($customSelector: ":has(.form-control:focus)");
|
|
@@ -81,14 +75,14 @@
|
|
|
81
75
|
|
|
82
76
|
.form-control {
|
|
83
77
|
min-height: var(--_size);
|
|
84
|
-
padding: 0
|
|
78
|
+
padding-block: 0;
|
|
79
|
+
padding-inline: 1rem;
|
|
85
80
|
border: var(--border-color) solid 0.125rem;
|
|
86
81
|
border-inline-end-width: 0;
|
|
87
82
|
border-radius: 0;
|
|
88
83
|
border-start-start-radius: var(--border-radius);
|
|
89
84
|
border-end-start-radius: var(--border-radius);
|
|
90
85
|
background: var(--background-color);
|
|
91
|
-
padding-inline-end: 7.5rem;
|
|
92
86
|
color: var(--text-color);
|
|
93
87
|
|
|
94
88
|
transition: {
|
|
@@ -158,11 +152,6 @@
|
|
|
158
152
|
margin-inline-start: 0;
|
|
159
153
|
}
|
|
160
154
|
}
|
|
161
|
-
|
|
162
|
-
.form-control {
|
|
163
|
-
padding-block: 0.75rem;
|
|
164
|
-
padding-inline: 1rem;
|
|
165
|
-
}
|
|
166
155
|
}
|
|
167
156
|
|
|
168
157
|
//Search dropdown
|