@asd20/ui-next 2.10.9 → 2.10.11

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.10.11](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.10.10...ui-next-v2.10.11) (2026-05-20)
+
+
+### Bug Fixes
+
+* update calendar modal date accent color ([efedbe6](https://github.com/academydistrict20/asd20-ui-next/commit/efedbe6e8aa18412a272753aa36d0cdcb70e20a9))
+
+## [2.10.10](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.10.9...ui-next-v2.10.10) (2026-05-20)
+
+
+### Bug Fixes
+
+* normalize card slugs ([d5a7119](https://github.com/academydistrict20/asd20-ui-next/commit/d5a7119690c453a3b19a879aac311dcf43f945b5))
+
 ## [2.10.9](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.10.8...ui-next-v2.10.9) (2026-05-19)
 
 

package/package.json

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

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

@@ -203,13 +203,13 @@ export default {
         transparent 55deg,
         rgba(255, 255, 255, 0.2) 80deg,
         rgba(255, 255, 255, 0.75) 98deg,
-        var(--accent-color) 114deg,
+        var(--website-card__reverse-background-color) 114deg,
         rgba(255, 255, 255, 0.25) 132deg,
         transparent 160deg,
         transparent 235deg,
         rgba(255, 255, 255, 0.2) 260deg,
         rgba(255, 255, 255, 0.75) 278deg,
-        var(--accent-color) 294deg,
+        var(--website-card__reverse-background-color) 294deg,
         rgba(255, 255, 255, 0.25) 312deg,
         transparent 340deg,
         transparent 360deg

package/src/helpers/mapMessageToCard.js

@@ -68,6 +68,22 @@ function formatApDate(iso) {
   }
 }
 
+function normalizeMessageSlug(slug) {
+  return typeof slug === 'string'
+    ? slug.trim().replace(/^\/+/, '').replace(/\/+$/, '')
+    : ''
+}
+
+function buildMessageLink({ prefix, slug, website = '' }) {
+  const normalizedSlug = normalizeMessageSlug(slug)
+  const normalizedWebsite = website.replace(/\/+$/, '')
+
+  if (!prefix || !normalizedSlug) return normalizedWebsite || prefix || '/'
+
+  const normalizedPrefix = prefix.endsWith('/') ? prefix : `${prefix}/`
+  return `${normalizedWebsite}${normalizedPrefix}${normalizedSlug}/`
+}
+
 export default function mapMessageToCard(
   message,
   options = {},
@@ -97,7 +113,10 @@ export default function mapMessageToCard(
   }
 
   // Check for organization ID match
-  let baseLink = `${channelPrefixMap[channelTitle]}${message.slug}`
+  let baseLink = buildMessageLink({
+    prefix: channelPrefixMap[channelTitle],
+    slug: message.slug,
+  })
   let sourceOrg = null
   let websiteLogo = null
 
@@ -119,7 +138,11 @@ export default function mapMessageToCard(
 
       // Keep destination-targeted content on the current site URL.
       if (!hasDestinations && matchedOrg.website) {
-        baseLink = `${matchedOrg.website}${channelPrefixMap[channelTitle]}${message.slug}`
+        baseLink = buildMessageLink({
+          prefix: channelPrefixMap[channelTitle],
+          slug: message.slug,
+          website: matchedOrg.website,
+        })
       }
     } else {
       websiteLogo = organization.logoImageUrl