@momentum-design/components 0.127.7 → 0.127.9

package/dist/react/index.d.ts

@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Bullet } from './bullet';
 export { default as Brandvisual } from './brandvisual';
+export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -68,19 +68,19 @@ export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
 export { default as StaticRadio } from './staticradio';
+export { default as Spinner } from './spinner';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
 export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
-export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
+export { default as TabList } from './tablist';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

package/dist/react/index.js

@@ -9,8 +9,8 @@ export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
-export { default as Bullet } from './bullet';
 export { default as Brandvisual } from './brandvisual';
+export { default as Bullet } from './bullet';
 export { default as Button } from './button';
 export { default as ButtonGroup } from './buttongroup';
 export { default as ButtonLink } from './buttonlink';
@@ -68,19 +68,19 @@ export { default as Selectlistbox } from './selectlistbox';
 export { default as SideNavigation } from './sidenavigation';
 export { default as Skeleton } from './skeleton';
 export { default as Slider } from './slider';
-export { default as Spinner } from './spinner';
 export { default as StaticCheckbox } from './staticcheckbox';
 export { default as StaticChip } from './staticchip';
 export { default as StaticRadio } from './staticradio';
+export { default as Spinner } from './spinner';
 export { default as StaticToggle } from './statictoggle';
 export { default as Stepper } from './stepper';
 export { default as StepperConnector } from './stepperconnector';
 export { default as StepperItem } from './stepperitem';
 export { default as Tab } from './tab';
-export { default as TabList } from './tablist';
 export { default as Text } from './text';
 export { default as Textarea } from './textarea';
 export { default as ThemeProvider } from './themeprovider';
+export { default as TabList } from './tablist';
 export { default as Toast } from './toast';
 export { default as Toggle } from './toggle';
 export { default as ToggleTip } from './toggletip';

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.7",
+  "version": "0.127.9",
   "engines": {
     "node": ">=20.0.0",
     "npm": ">=8.0.0"