@momentum-design/components 0.129.0 → 0.129.2

package/dist/react/index.d.ts

@@ -5,8 +5,8 @@ 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 AvatarButton } from './avatarbutton';
 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 Brandvisual } from './brandvisual';
@@ -14,8 +14,8 @@ export { default as Bullet } from './bullet';
 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 Card } from './card';
+export { default as Buttonsimple } from './buttonsimple';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
@@ -24,14 +24,14 @@ export { default as Chip } from './chip';
 export { default as Coachmark } from './coachmark';
 export { default as Combobox } from './combobox';
 export { default as ControlTypeProvider } from './controltypeprovider';
-export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
+export { default as Dialog } from './dialog';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
-export { default as IconProvider } from './iconprovider';
 export { default as Illustration } from './illustration';
+export { default as IconProvider } from './iconprovider';
 export { default as IllustrationProvider } from './illustrationprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';

package/dist/react/index.js

@@ -5,8 +5,8 @@ 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 AvatarButton } from './avatarbutton';
 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 Brandvisual } from './brandvisual';
@@ -14,8 +14,8 @@ export { default as Bullet } from './bullet';
 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 Card } from './card';
+export { default as Buttonsimple } from './buttonsimple';
 export { default as CardButton } from './cardbutton';
 export { default as CardCheckbox } from './cardcheckbox';
 export { default as CardRadio } from './cardradio';
@@ -24,14 +24,14 @@ export { default as Chip } from './chip';
 export { default as Coachmark } from './coachmark';
 export { default as Combobox } from './combobox';
 export { default as ControlTypeProvider } from './controltypeprovider';
-export { default as Dialog } from './dialog';
 export { default as Divider } from './divider';
 export { default as FilterChip } from './filterchip';
+export { default as Dialog } from './dialog';
 export { default as FormfieldGroup } from './formfieldgroup';
 export { default as FormfieldWrapper } from './formfieldwrapper';
 export { default as Icon } from './icon';
-export { default as IconProvider } from './iconprovider';
 export { default as Illustration } from './illustration';
+export { default as IconProvider } from './iconprovider';
 export { default as IllustrationProvider } from './illustrationprovider';
 export { default as Input } from './input';
 export { default as InputChip } from './inputchip';

package/dist/utils/mixins/ListNavigationMixin.d.ts

@@ -7,7 +7,7 @@ export declare abstract class ListNavigationMixinInterface {
     protected initialFocus: number;
     protected abstract get navItems(): BaseArray<HTMLElement>;
     protected resetTabIndexes(index: number, focusElement?: boolean): void;
-    protected resetTabIndexAndSetFocus(newIndex: number, oldIndex?: number, focusNewItem?: boolean): void;
+    protected resetTabIndexAndSetFocus(newIndex: number, oldIndex?: number, focusNewItem?: boolean, scrollToNewItem?: boolean): void;
     protected setInitialFocus(): void;
     protected handleNavigationKeyDown(event: KeyboardEvent): void;
 }

package/dist/utils/mixins/ListNavigationMixin.js

@@ -61,7 +61,7 @@ export const ListNavigationMixin = (superClass) => {
                     // When user clicked on a focusable element inside the item, we update the navigation index, but
                     // keep the focus on the clicked element.
                     const focusNewItem = !(this.navItems.at(newIndex) !== target && document.activeElement === event.target);
-                    this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem);
+                    this.resetTabIndexAndSetFocus(newIndex, undefined, focusNewItem, false);
                 }
             };
             this.addEventListener('keydown', this.handleNavigationKeyDown.bind(this));
@@ -179,7 +179,7 @@ export const ListNavigationMixin = (superClass) => {
          * @param focusNewItem - Call focus() on the new item or not. It should be false during firstUpdate
          * @returns - This method does not return anything.
          */
-        resetTabIndexAndSetFocus(newIndex, oldIndex, focusNewItem = true) {
+        resetTabIndexAndSetFocus(newIndex, oldIndex, focusNewItem = true, scrollToNewItem = true) {
             var _a;
             const { navItems } = this;
             if (navItems.length === 0)
@@ -199,7 +199,9 @@ export const ListNavigationMixin = (superClass) => {
             newItem.setAttribute('tabindex', '0');
             if (focusNewItem) {
                 newItem.focus({ preventScroll: true });
-                newItem.scrollIntoView({ block: 'nearest' });
+                if (scrollToNewItem) {
+                    newItem.scrollIntoView({ block: 'nearest' });
+                }
             }
         }
         /**

package/package.json

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