@momentum-design/components 0.127.8 → 0.127.10

package/dist/react/index.d.ts

@@ -2,9 +2,9 @@ export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
+export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
-export { default as Animation } from './animation';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
@@ -15,8 +15,8 @@ export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
-export { default as CardButton } from './cardbutton';
 export { default as Card } from './card';
+export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';

package/dist/react/index.js

@@ -2,9 +2,9 @@ export { default as Accordion } from './accordion';
 export { default as AccordionButton } from './accordionbutton';
 export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
+export { default as Animation } from './animation';
 export { default as AnnouncementDialog } from './announcementdialog';
 export { default as Appheader } from './appheader';
-export { default as Animation } from './animation';
 export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
@@ -15,8 +15,8 @@ export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
 export { default as Buttonsimple } from './buttonsimple';
-export { default as CardButton } from './cardbutton';
 export { default as Card } from './card';
+export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
 export { default as Checkbox } from './checkbox';

package/dist/react/popover/index.d.ts

@@ -2,7 +2,7 @@ import { type EventName } from '@lit/react';
 import Component from '../../components/popover';
 import type { Events } from '../../components/popover/popover.types';
 /**
- * Popover is genric overlay which can be trigered by any actinable element.
+ * Popover is generic overlay which can be triggered by any actionable element.
  *
  * It can be used for tooltips, dropdowns, menus or any showing any other contextual content.
  *
@@ -18,7 +18,7 @@ import type { Events } from '../../components/popover/popover.types';
  * aria-expanded and aria-haspopup attributes on the trigger.
  *
  * To prevent unexpected attribute changes on the trigger `disable-aria-expanded` attribute must be set on all linked
- * Popoers except one.
+ * Popovers except one.
  *
  * ### React Popover with append-to attribute
  *

package/dist/react/popover/index.js

@@ -3,7 +3,7 @@ import { createComponent } from '@lit/react';
 import Component from '../../components/popover';
 import { TAG_NAME } from '../../components/popover/popover.constants';
 /**
- * Popover is genric overlay which can be trigered by any actinable element.
+ * Popover is generic overlay which can be triggered by any actionable element.
  *
  * It can be used for tooltips, dropdowns, menus or any showing any other contextual content.
  *
@@ -19,7 +19,7 @@ import { TAG_NAME } from '../../components/popover/popover.constants';
  * aria-expanded and aria-haspopup attributes on the trigger.
  *
  * To prevent unexpected attribute changes on the trigger `disable-aria-expanded` attribute must be set on all linked
- * Popoers except one.
+ * Popovers except one.
  *
  * ### React Popover with append-to attribute
  *

package/dist/utils/mixins/BackdropMixin.js

@@ -30,7 +30,7 @@ export const BackdropMixin = (superClass) => {
           width: 100%;
           height: 100%;
           background: ${this.isBackdropInvisible ? `transparent` : `var(--mds-color-theme-common-overlays-secondary-normal)`};
-          z-index: ${this.zIndex - 1};
+          z-index: ${this.zIndex - 2};
         }
       `;
             backdrop.appendChild(styleElement);
@@ -69,7 +69,7 @@ export const BackdropMixin = (superClass) => {
                 position: element.style.position,
             };
             // Set the z-index and position to ensure the element is above the backdrop
-            element.style.zIndex = `${this.zIndex}`;
+            element.style.zIndex = `${this.zIndex - 1}`;
             // Only set the position to relative if it is not already set to fixed or absolute
             if (!['fixed', 'absolute'].includes(window.getComputedStyle(element).position)) {
                 element.style.position = 'relative';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@momentum-design/components",
   "packageManager": "yarn@3.2.4",
-  "version": "0.127.8",
+  "version": "0.127.10",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"