v2.2.1

Release notes

This release brings few minor improvements to <Notifications /> and <NotivueSwipe />.

Notifications

• Add Notification export as alias of Notifications in order to use it as the new default import mentioned in the documentation.
  I have come to the conclusion that users may think they're importing a list, whereas they're actually importing a single notification.
• Replace SVG spinner <animate> with pure CSS keyframes animation.
• Add --nv-y-align-has-title theme variable. It is now possible to set a different vertical align that only applies to notifications with title. The variable is set to center by default.

<Notification
   :item="item"
   :theme="{ ...lightTheme, '--nv-y-align-has-title': 'flex-start' }"
/>

In addition to that, it is now possible to conditionally style the notification elements by using the attribute data-notivue-has-title,

.Notivue__notification[data-notivue-has-title='true'] {
   /* */
}

NotivueSwipe

• Add a side-effect to move back the notification to its initial position if while dragging a new notification is pushed to the stream.
• Remove some unnecessary code related to state checks and timeouts clearing which was not removed in a previous release.