@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.
@@ -1,5 +1,5 @@
1
1
 
2
- <!-- VERSION_DETAILS={"project_id":"@qld-gov-au/qgds-bootstrap5","version":"2.1.4","branch":"HEAD","tag":"v2.1.4","commit":"119a2bb84ace0878da734ff1026c633117afc4bc","majorVersion":"v2"} -->
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
- <div class="qld-inpage-nav">
3
+ <nav class="qld-inpage-nav" aria-label="In page navigation">
4
4
 
5
- <h2 class="nav-title">{{navtitle}}</h2>
5
+ <h2 class="nav-title">{{navtitle}}</h2>
6
6
 
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>
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
- </div>
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.4",
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.0.8",
63
- "@storybook/addon-docs": "^10.0.8",
64
- "@storybook/addon-links": "^10.0.8",
65
- "@storybook/addon-themes": "^10.0.8",
66
- "@storybook/cli": "^10.0.8",
67
- "@storybook/html-vite": "^10.0.8",
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.0.8",
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.0.8",
100
+ "storybook": "^10.1.10",
101
101
  "storybook-addon-deep-controls": "^0.10.0",
102
- "storybook-addon-tag-badges": "^3.0.2",
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.4",
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.0.8",
63
- "@storybook/addon-docs": "^10.0.8",
64
- "@storybook/addon-links": "^10.0.8",
65
- "@storybook/addon-themes": "^10.0.8",
66
- "@storybook/cli": "^10.0.8",
67
- "@storybook/html-vite": "^10.0.8",
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.0.8",
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.0.8",
100
+ "storybook": "^10.1.10",
101
101
  "storybook-addon-deep-controls": "^0.10.0",
102
- "storybook-addon-tag-badges": "^3.0.2",
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
- <div class="qld-inpage-nav">
3
+ <nav class="qld-inpage-nav" aria-label="In page navigation">
4
4
 
5
- <h2 class="nav-title">{{navtitle}}</h2>
5
+ <h2 class="nav-title">{{navtitle}}</h2>
6
6
 
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>
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
- </div>
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: 1rem;
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: 1rem;
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(--#{$prefix}light-grey);
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 4rem 0 1rem;
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