@asd20/ui-next 2.7.4 → 2.7.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/CHANGELOG.md +14 -0
- package/package.json +1 -1
- package/src/components/atoms/Asd20DistrictLogo/index.vue +8 -2
- package/src/components/atoms/Asd20Logo/index.vue +21 -6
- package/src/components/molecules/Asd20Modal/index.vue +0 -1
- package/src/components/molecules/Asd20Picker/index.vue +0 -2
- package/src/components/organisms/Asd20WidgetsSection/index.vue +0 -3
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# Changelog
|
|
2
2
|
|
|
3
|
+
## [2.7.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.5...ui-next-v2.7.6) (2026-05-07)
|
|
4
|
+
|
|
5
|
+
|
|
6
|
+
### Bug Fixes
|
|
7
|
+
|
|
8
|
+
* correct aria labels for logos ([6e44309](https://github.com/academydistrict20/asd20-ui-next/commit/6e44309c101a93620c3abf2b905867d742efdfad))
|
|
9
|
+
|
|
10
|
+
## [2.7.5](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.4...ui-next-v2.7.5) (2026-05-07)
|
|
11
|
+
|
|
12
|
+
|
|
13
|
+
### Bug Fixes
|
|
14
|
+
|
|
15
|
+
* harden font hydration; fix vue 3 transition compatibility with asd20organizationpicker ([ca158d0](https://github.com/academydistrict20/asd20-ui-next/commit/ca158d03e17b9c3b6626373459cc797424ab4816))
|
|
16
|
+
|
|
3
17
|
## [2.7.4](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.3...ui-next-v2.7.4) (2026-05-05)
|
|
4
18
|
|
|
5
19
|
## [2.7.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.7.2...ui-next-v2.7.3) (2026-05-05)
|
package/package.json
CHANGED
|
@@ -2,8 +2,7 @@
|
|
|
2
2
|
<a
|
|
3
3
|
:href="link"
|
|
4
4
|
class="asd20-district-logo"
|
|
5
|
-
aria-label="
|
|
6
|
-
alt="The Academy District 20 logo."
|
|
5
|
+
:aria-label="accessibleLabel"
|
|
7
6
|
@click="onClick"
|
|
8
7
|
>
|
|
9
8
|
<svg viewBox="0 0 460.94 62.52">
|
|
@@ -39,6 +38,13 @@ export default {
|
|
|
39
38
|
link: { type: String, default: '/' },
|
|
40
39
|
tagline: { type: Boolean, default: false },
|
|
41
40
|
},
|
|
41
|
+
computed: {
|
|
42
|
+
accessibleLabel() {
|
|
43
|
+
return this.tagline
|
|
44
|
+
? 'Educate. Inspire. Thrive. Academy District 20 Home'
|
|
45
|
+
: 'Academy District 20 Home'
|
|
46
|
+
},
|
|
47
|
+
},
|
|
42
48
|
methods: {
|
|
43
49
|
onClick(event) {
|
|
44
50
|
navigateInternalHref(this, event, this.link, {
|
|
@@ -3,11 +3,7 @@
|
|
|
3
3
|
class="asd20-logo"
|
|
4
4
|
:class="classes"
|
|
5
5
|
:href="link"
|
|
6
|
-
:aria-label="
|
|
7
|
-
tagline
|
|
8
|
-
? `${abbreviatedTitle} ${subtitle}, An Academy District 20 School`
|
|
9
|
-
: `${abbreviatedTitle} ${subtitle}`
|
|
10
|
-
"
|
|
6
|
+
:aria-label="accessibleLabel"
|
|
11
7
|
@click="onClick"
|
|
12
8
|
>
|
|
13
9
|
<figure class="asd20-logo__image">
|
|
@@ -83,7 +79,7 @@ export default {
|
|
|
83
79
|
if (this.title === 'Academy District 20 Insider') {
|
|
84
80
|
return (newTitle = 'D20 Insider')
|
|
85
81
|
}
|
|
86
|
-
const words = this.title.trim().split(
|
|
82
|
+
const words = this.title.trim().split(/\s+/).filter(Boolean)
|
|
87
83
|
if (this.abbreviated && words.length >= 3) {
|
|
88
84
|
for (let i = 0; i < words.length; i++) {
|
|
89
85
|
newTitle += `${words[i][0]}<em>${words[i].substr(1)} </em>`
|
|
@@ -92,6 +88,25 @@ export default {
|
|
|
92
88
|
}
|
|
93
89
|
return this.title.trim()
|
|
94
90
|
},
|
|
91
|
+
visibleTitle() {
|
|
92
|
+
if (this.title === 'Academy District 20 Insider') {
|
|
93
|
+
return 'D20 Insider'
|
|
94
|
+
}
|
|
95
|
+
const words = this.title.trim().split(/\s+/).filter(Boolean)
|
|
96
|
+
if (this.abbreviated && words.length >= 3) {
|
|
97
|
+
return words.map(word => word[0]).join('')
|
|
98
|
+
}
|
|
99
|
+
return this.title.trim()
|
|
100
|
+
},
|
|
101
|
+
accessibleLabel() {
|
|
102
|
+
return [
|
|
103
|
+
this.visibleTitle,
|
|
104
|
+
this.subtitle,
|
|
105
|
+
this.tagline ? 'An Academy District 20 School' : '',
|
|
106
|
+
]
|
|
107
|
+
.filter(Boolean)
|
|
108
|
+
.join(' ')
|
|
109
|
+
},
|
|
95
110
|
},
|
|
96
111
|
methods: {
|
|
97
112
|
onClick(event) {
|
|
@@ -62,7 +62,6 @@ import FocusTrap from '../../utils/FocusTrap'
|
|
|
62
62
|
export default {
|
|
63
63
|
name: 'Asd20Modal',
|
|
64
64
|
components: { Asd20Icon, Asd20Button, FocusTrap },
|
|
65
|
-
model: { prop: 'open', event: 'dismiss' },
|
|
66
65
|
props: {
|
|
67
66
|
open: { type: Boolean, default: false },
|
|
68
67
|
modelValue: { type: Boolean, default: undefined },
|