@momentum-design/components 0.117.1 → 0.117.2

package/dist/react/index.d.ts

@@ -4,8 +4,8 @@ export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
 export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
-export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
+export { default as Password } from './password';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';

package/dist/react/index.js

@@ -4,8 +4,8 @@ export { default as AccordionGroup } from './accordiongroup';
 export { default as AlertChip } from './alertchip';
 export { default as Animation } from './animation';
 export { default as Appheader } from './appheader';
-export { default as Avatar } from './avatar';
 export { default as AvatarButton } from './avatarbutton';
+export { default as Avatar } from './avatar';
 export { default as Badge } from './badge';
 export { default as Banner } from './banner';
 export { default as Brandvisual } from './brandvisual';
@@ -50,10 +50,10 @@ export { default as MenuSection } from './menusection';
 export { default as NavMenuItem } from './navmenuitem';
 export { default as OptGroup } from './optgroup';
 export { default as Option } from './option';
-export { default as Password } from './password';
 export { default as Popover } from './popover';
 export { default as Presence } from './presence';
 export { default as Progressbar } from './progressbar';
+export { default as Password } from './password';
 export { default as Progressspinner } from './progressspinner';
 export { default as Radio } from './radio';
 export { default as RadioGroup } from './radiogroup';

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

@@ -7,6 +7,7 @@ import Component from '../../components/select';
  * Every mdc-option should have a `value` attribute set to ensure proper form submission.
  *
  * To set a default option, use the `selected` attribute on the `mdc-option` element.
+ * You can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.
  *
  * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.
  *

package/dist/react/select/index.js

@@ -9,6 +9,7 @@ import { TAG_NAME } from '../../components/select/select.constants';
  * Every mdc-option should have a `value` attribute set to ensure proper form submission.
  *
  * To set a default option, use the `selected` attribute on the `mdc-option` element.
+ * You can also set the `value` attribute on the `mdc-select` element to match the value of the desired option. The component will select the corresponding option automatically.
  *
  * **Note:** Make sure to add `mdc-selectlistbox` as a child of `mdc-select` and wrap options/optgroup in it to ensure proper accessibility functionality. Read more about it in SelectListBox documentation.
  *

package/dist/utils/controllers/ElementStore.d.ts

@@ -21,7 +21,7 @@ interface ElementStoreOptions<TItem extends HTMLElement = HTMLElement> {
      * @param index - Index at which the item is added or removed.
      * @param store - The current state of the store.
      */
-    onStoreUpdate?: (item: TItem, changeType: ElementStoreChangeTypes, index: number, store: TItem[]) => void;
+    onStoreUpdate?: (item: TItem, changeType: ElementStoreChangeTypes, index: number, store?: TItem[]) => void;
 }
 /**
  * ElementStore is a controller that manages a collection of elements.

package/dist/utils/mixins/ListNavigationMixin.js

@@ -146,11 +146,12 @@ export const ListNavigationMixin = (superClass) => {
          * @param index - The index of the currently focused item.
          */
         resetTabIndexes(index) {
+            var _a;
             if (this.navItems.length > 0) {
                 this.navItems.forEach(item => item.setAttribute('tabindex', '-1'));
                 const currentIndex = this.navItems[index] ? index : 0;
                 this.navItems[currentIndex].setAttribute('tabindex', '0');
-                this.navItems[currentIndex].focus();
+                (_a = this.navItems[currentIndex]) === null || _a === void 0 ? void 0 : _a.focus();
             }
         }
         /**

package/package.json

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