@asd20/ui-next 2.12.6 → 2.12.8

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.12.8](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.7...ui-next-v2.12.8) (2026-06-22)
+
+
+### Bug Fixes
+
+* Increase bottom margin on wayfinding messages ([724b4f7](https://github.com/academydistrict20/asd20-ui-next/commit/724b4f7d3e55340f4987c73a34cf661e64cce920))
+
+## [2.12.7](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.6...ui-next-v2.12.7) (2026-06-15)
+
+
+### Bug Fixes
+
+* fix font size for bullets in page notifications; fix person list spacing when description is not present ([e92b5c5](https://github.com/academydistrict20/asd20-ui-next/commit/e92b5c525899d26f6fd97d3872f79f69e727fbe6))
+
 ## [2.12.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.12.5...ui-next-v2.12.6) (2026-06-02)
 
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@asd20/ui-next",
-  "version": "2.12.6",
+  "version": "2.12.8",
   "private": false,
   "description": "ASD20 UI component library for Vue 3.",
   "license": "MIT",

package/src/components/molecules/Asd20Notification/index.vue

@@ -197,6 +197,15 @@ export default {
     white-space: normal;
   }
 
+  .asd20-notification__description p,
+  .asd20-notification__description ul,
+  .asd20-notification__description ol,
+  .asd20-notification__description li,
+  .asd20-notification__description div,
+  .asd20-notification__description span {
+    font-size: inherit !important;
+  }
+
   &__dismiss {
     position: absolute !important;
     top: 0;

package/src/components/organisms/Asd20PageContent/index.vue

@@ -215,7 +215,7 @@ export default {
     .secondary-messaging-section {
       padding: space(2) space(1) space(2) space(2);
       & > :deep(*) {
-        margin: 0 space(1) !important;
+        margin: 0 space(1) space(1.5) space(1) !important;
       }
     }
     &--grid {

package/src/helpers/mapPeopleToListItems.js

@@ -1,6 +1,24 @@
 export default function mapPeopleToListItems(people) {
   if (people) {
     return people.map(p => {
+      const jobTitles = Array.isArray(p.jobTitles)
+        ? p.jobTitles.filter(Boolean)
+        : p.jobTitles
+        ? [p.jobTitles]
+        : []
+      const formattedJobTitles = jobTitles.map(t =>
+        t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
+      )
+      const location = p.office || p.organization || ''
+      const descriptionParts =
+        formattedJobTitles.length > 0
+          ? [
+              formattedJobTitles.join(', '),
+              location ? `<small>${location}</small>` : '',
+            ]
+          : [p.title || '', location ? `<small>${location}</small>` : '']
+      const description = descriptionParts.filter(Boolean).join('<br>')
+
       return {
         person: p,
         id: p.id || p.employeeId || p.profileId || p.userId,
@@ -11,34 +29,25 @@ export default function mapPeopleToListItems(people) {
           .split(' ')
           .map(n => n[0])
           .join(''),
-        description: p.jobTitles
-          ? `${p.jobTitles
-              .map(t =>
-                t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
-              )
-              .join(', ')}<br><small>${p.office || p.organization}</small>`
-          : p.title,
+        description,
         badge: '',
         email: p.email,
         condensed: false,
         actionable: true,
         bordered: true,
         checked: false,
-        alignTop: true,
+        alignTop: !!description,
         tags: [],
         thumbnail: p.thumbnail || p.photoUrl,
         // description: `${p.biography.slice(0, 100)}...`,
         biography: p.biography,
-        office: p.office || p.organization,
+        office: location,
         workPhone: p.title === 'Teacher' ? '' : p.phone,
-        jobTitles: [p.jobTitles],
-        jobTypes: p.jobTitles
-          ? `${p.jobTitles
-              .map(t =>
-                t.replace('Teacher: ', 'Teacher, ').replace(/.+: /g, '')
-              )
-              .join(', ')}, ${p.office || p.organization}`
-          : p.title,
+        jobTitles: [jobTitles],
+        jobTypes:
+          formattedJobTitles.length > 0
+            ? [formattedJobTitles.join(', '), location].filter(Boolean).join(', ')
+            : p.title,
       }
     })
   }