@asd20/ui-next 2.3.4 → 2.3.6

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # Changelog
 
+## [2.3.6](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.5...ui-next-v2.3.6) (2026-04-29)
+
+
+### Bug Fixes
+
+* remove page header category tags ([3bab2af](https://github.com/academydistrict20/asd20-ui-next/commit/3bab2af6825c3ff025ffcaba8c23846337601779))
+
+## [2.3.5](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.4...ui-next-v2.3.5) (2026-04-28)
+
+
+### Bug Fixes
+
+* restore published and modified dates in the page header for announcements and stories ([9b9e9be](https://github.com/academydistrict20/asd20-ui-next/commit/9b9e9be565ddf787a4eb8455bb0c285747903539))
+
 ## [2.3.4](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.3...ui-next-v2.3.4) (2026-04-21)
 
 ## [2.3.3](https://github.com/academydistrict20/asd20-ui-next/compare/ui-next-v2.3.2...ui-next-v2.3.3) (2026-04-17)

package/package.json

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

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

@@ -70,26 +70,29 @@
             v-html="heading"
           />
           <div
-            v-if="publishDateTime || categories.length || $slots.meta"
+            v-if="hasMeta"
             class="asd20-page-header__meta"
           >
-            <span class="date-prefix">Published:</span>
+            <span
+              v-if="publishDateTime"
+              class="date-prefix"
+            >
+              Published:
+            </span>
             <asd20-formatted-date
               v-if="publishDateTime"
               :date-time="publishDateTime"
             />
             <div
-              v-if="modifiedDateTime && showModifiedDateTime"
+              v-if="showModifiedDateTime"
               class="modified-meta"
+              :class="{ 'modified-meta--after-published': publishDateTime }"
             >
-              <span class="date-prefix"> | Updated:</span>
+              <span class="date-prefix">
+                {{ publishDateTime ? '| ' : '' }}Updated:
+              </span>
               <asd20-formatted-date :date-time="modifiedDateTime" />
             </div>
-            <asd20-tag-group
-              v-if="categories.length"
-              :tags="categories"
-              class="date-prefix"
-            />
             <slot name="meta" />
           </div>
           <div
@@ -186,7 +189,6 @@ import Asd20Breadcrumb from '../../../components/atoms/Asd20Breadcrumb'
 import Asd20LanguageTranslation from '../../molecules/Asd20LanguageTranslation'
 import Asd20Share from '../../molecules/Asd20Share'
 import Asd20FormattedDate from '../../atoms/Asd20FormattedDate'
-import Asd20TagGroup from '../../organisms/Asd20TagGroup'
 
 import truncate from 'lodash/truncate'
 
@@ -197,7 +199,6 @@ export default {
     // Asd20DistrictLogo,
     Asd20OrganizationPicker,
     Asd20Breadcrumb,
-    Asd20TagGroup,
     Asd20LanguageTranslation,
     Asd20Share,
     Asd20FormattedDate,
@@ -243,16 +244,31 @@ export default {
         this.detailLink.replace(/\/$/, '').split('/').pop()
       )
     },
+    hasMeta() {
+      return (
+        this.publishDateTime ||
+        this.showModifiedDateTime ||
+        this.$slots.meta
+      )
+    },
     showModifiedDateTime() {
+      if (!this.modifiedDateTime) return false
+      if (!this.publishDateTime) return true
+
       const publishDateTimeString = new Date(this.publishDateTime)
       const modifiedDateTimeString = new Date(this.modifiedDateTime)
-      // console.log(publishDateTimeString, modifiedDateTimeString)
 
-      let publishDateTimePlusOne = new Date(
+      if (
+        Number.isNaN(publishDateTimeString.getTime()) ||
+        Number.isNaN(modifiedDateTimeString.getTime())
+      ) {
+        return false
+      }
+
+      const publishDateTimePlusOne = new Date(
         publishDateTimeString.setDate(publishDateTimeString.getDate() + 1)
       )
-      // console.log(publishDateTimePlusOne, modifiedDateTimeString)
-      return modifiedDateTimeString > publishDateTimePlusOne ? true : false
+      return modifiedDateTimeString > publishDateTimePlusOne
     },
     styles() {
       return {
@@ -473,24 +489,21 @@ export default {
   }
 
   &__meta {
+    font-family: var(--website-typography__font-family-headlines);
+    font-size: 0.75rem;
+    font-weight: 400;
     margin-bottom: space(0.5);
-    .asd20-tag-group {
-      margin-left: -0.5em;
-    }
     .date-prefix {
-      @include asd20-font(
-        0.6,
-        var(--website-typography__font-family-headlines)
-      );
+      font: inherit;
     }
     .modified-meta {
       display: inline-block;
     }
+    .modified-meta--after-published {
+      margin-left: 0.25em;
+    }
     .asd20-formatted-date {
-      @include asd20-font(
-        0.6,
-        var(--website-typography__font-family-headlines)
-      );
+      font: inherit;
     }
   }
 

package/src/components/templates/Asd20ArticleTemplate/index.vue

@@ -33,9 +33,9 @@
       :organization-options="organizationOptions"
       :language-code="languageCode"
       :breadcrumb-links="breadcrumbLinks"
-      :publish-date-time="parentPage ? '' : publishDateTime"
-      :modified-date-time="parentPage ? '' : modifiedDateTime"
-      :categories="parentPage ? [] : messageCategories"
+      :publish-date-time="publishDateTime"
+      :modified-date-time="modifiedDateTime"
+      :categories="messageCategories"
       @update:languageCode="$emit('update:languageCode', $event)"
     >
       <!-- Floating Notifications -->