@imaginario27/air-ui-ds 1.15.0 → 1.15.1

package/CHANGELOG.md

@@ -5,6 +5,17 @@ All notable changes to this package are documented in this file.
 Historical releases were reconstructed from git history (GitHub repository) and npm publish dates.
 Future releases will include detailed entries generated with Changesets.
 
+## 1.15.0 - 2026-06-30
+
+Release type: minor.
+Commits found in range: 1.
+
+### Added
+
+1. add NotificationsPopover; enhance MetricCard, ContainedIcon, SectionTitle, and Popover ([352e809](https://github.com/imaginario27/air-ui/commit/352e809a77a63b6ef70d3877ad5d8c4b20a4e65e))
+
+- Package: @imaginario27/air-ui-ds.
+
 ## 1.14.2 - 2026-06-23
 
 Release type: patch.

package/components/cards/specific/MetricCard.vue

@@ -71,7 +71,7 @@
                     v-if="unit"
                     :class="['text-lg', 'font-semibold', unitClass]"
                 >
-                    /{{ unit }}
+                    {{ unit }}
                 </span>
             </div>
 

package/components/notifications/NotificationsPopover.vue

@@ -134,41 +134,11 @@
 const props = defineProps({
     list: {
         type: Array as PropType<NotificationItem[]>,
-        default: () => [
-                       {
-                id: '1',
-                read: false,
-                icon: 'mdi:bell-outline',
-                iconColor: ColorAccent.NEUTRAL,
-                title: 'New Notification',
-                description: 'This is a sample notification description.',
-                timeAgo: '5 minutes ago',
-                author: 'John Doe',
-                link: '',
-            },
-            {
-                id: '2',
-                read: true,
-                icon: 'mdi:bell-outline',
-                iconColor: ColorAccent.SECONDARY_BRAND,
-                title: 'Another Notification',
-                description: 'This is another sample notification description.',
-                timeAgo: '10 minutes ago',
-                author: 'Jane Doe',
-                link: '',
-            },
-            {
-                id: '3',
-                read: false,
-                icon: 'mdi:bell-outline',
-                iconColor: ColorAccent.PRIMARY_BRAND,
-                title: 'Third Notification',
-                description: 'This is the third sample notification description.',
-                timeAgo: '15 minutes ago',
-                author: 'Jim Doe',
-                link: '',
-            }
-        ],
+        default: () => [],
+    },
+    limit: {
+        type: Number as PropType<number>,
+        default: 10,
     },
     isListIconContained: {
         type: Boolean as PropType<boolean>,
@@ -331,10 +301,11 @@ const hasError = computed(() => props.errorText.trim().length > 0)
 const unreadCount = computed(() => internalList.value.filter(notification => !notification.read).length)
 
 const filteredList = computed(() => {
-    if (selectedFilterValue.value === 'unread') {
-        return internalList.value.filter(notification => !notification.read)
-    }
-    return internalList.value
+    const source = selectedFilterValue.value === 'unread'
+        ? internalList.value.filter(notification => !notification.read)
+        : internalList.value
+
+    return source.slice(0, props.limit)
 })
 
 // Handlers

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@imaginario27/air-ui-ds",
-    "version": "1.15.0",
+    "version": "1.15.1",
     "author": "imaginario27",
     "type": "module",
     "homepage": "https://air-ui.netlify.app/",