@descope/web-components-ui 1.0.229 → 1.0.230

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@descope/web-components-ui",
-  "version": "1.0.229",
+  "version": "1.0.230",
   "description": "",
   "main": "dist/cjs/index.cjs.js",
   "module": "dist/index.esm.js",

package/src/components/descope-notification/NotificationClass.js

@@ -88,21 +88,6 @@ const NotificationMixin = (superclass) =>
       this.#card = document.createElement('descope-notification-card');
       this.#card.addEventListener('card-closed', this.removeNotification.bind(this));
     }
-
-    // animatedRemoveNotificationCard() {
-    //   const vaadinCard = this.baseElement._card.shadowRoot.querySelector('vaadin-notification-card');
-    //   vaadinCard.setAttribute('closing', '');
-    //   const name = getComputedStyle(vaadinCard).getPropertyValue('animation-name');
-    //   if (name && name !== 'none') {
-    //     const listener = () => {
-    //       this._removeNotificationCard();
-    //       vaadinCard.removeEventListener('animationend', listener);
-    //     };
-    //     vaadinCard.addEventListener('animationend', listener);
-    //   } else {
-    //     this._removeNotificationCard();
-    //   }
-    // }
   };
 
 export const NotificationClass = compose(

package/src/theme/components/notificationCard.js

@@ -1,6 +1,6 @@
 import globals from '../globals';
 import { getThemeRefs } from '../../helpers/themeHelpers';
-import { NotificationCardClass } from '../../components/descope-notification/descope-notification-card';
+import { NotificationCardClass } from '../../components/descope-notification/descope-notification-card/NotificationCardClass';
 
 const globalRefs = getThemeRefs(globals);
 const vars = NotificationCardClass.cssVarList;
@@ -16,10 +16,7 @@ const notification = {
   [vars.boxShadow]: `${globalRefs.shadow.wide.xl} ${shadowColor}, ${globalRefs.shadow.narrow.xl} ${shadowColor}`,
   [vars.verticalPadding]: '0.45em',
   [vars.horizontalPadding]: '1em',
-  [vars.verticalMargin]: '1em',
-  [vars.horizontalMargin]: '1em',
   [vars.borderRadius]: globalRefs.radius.md,
-  [vars.contentSpacing]: '0.5em',
 
   _bordered: {
     [vars.borderWidth]: globalRefs.border.sm,