feat(notification): disable open animation by default

src/components/notification/notification.scss

@@ -40,6 +40,11 @@
   --sbb-focus-outline-color: var(--sbb-focus-outline-color-default);
 }
 
+// By default, the open animation is disabled
+:host([data-state='opening']:not(.sbb-animate)) {
+  @include sbb.disable-animation;
+}
+
 :host(:is([data-state='opened'], [data-state='opening'])) {
   --sbb-notification-opacity: 1;
   --sbb-notification-max-height: calc(

src/components/notification/notification.stories.ts

@@ -49,6 +49,7 @@ const appendNotification = (event: Event, args: Args): void => {
     '--sbb-notification-margin',
     '0 0 var(--sbb-spacing-fixed-4x) 0',
   );
+  newNotification.setAttribute('class', 'sbb-animate');
   newNotification.titleContent = args['title-content'];
   newNotification.type = args['type'];
   newNotification.readonly = args['readonly'];

src/components/notification/readme.md

@@ -73,6 +73,8 @@ This ensures that users who rely on screen readers are promptly informed of any
 
 ## Animation
 
+By default, the `sbb-notification` does not have an open animation. Add the `.sbb-animate` class to the element to enable it.
+
 Add the `sbb-disable-animation` class to disable animation and transition effects for the element and all its children.
 
 <!-- Auto Generated Below -->