@momentum-design/components 0.127.1 → 0.127.3

package/dist/components/menusection/menusection.component.d.ts

@@ -4,7 +4,7 @@ import type { IconNames } from '../icon/icon.types';
 /**
  * `mdc-menusection` is a container element used to group a set of menu items.
  *
- * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components. MenuSection can not be nested.
  *
  * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
  *   only one radio item can be selected at a time.

package/dist/components/menusection/menusection.component.js

@@ -19,7 +19,7 @@ import { DEFAULTS } from './menusection.constants';
 /**
  * `mdc-menusection` is a container element used to group a set of menu items.
  *
- * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components.
+ * This component supports a mix of `menuitem`, `menuitemcheckbox`, and `menuitemradio` components. MenuSection can not be nested.
  *
  * - If multiple `menuitemradio` components are slotted into the section, the group enforces a single-selection rule:
  *   only one radio item can be selected at a time.

package/dist/components/select/select.component.js

@@ -276,7 +276,7 @@ class Select extends ListNavigationMixin(CaptureDestroyEventForChildElement(Auto
                 // when selected, check if there is any other option is a selected option,
                 // first preference should always be given to the `selected` attribute.
                 // if there is no selected option, then reset it to placeholder or first option
-                if (firstSelectedOption) {
+                if (firstSelectedOption && firstSelectedOption !== this.selectedOption) {
                     this.setSelectedOption(firstSelectedOption);
                 }
                 else {
@@ -663,13 +663,13 @@ class Select extends ListNavigationMixin(CaptureDestroyEventForChildElement(Auto
           >
             ${(_f = (_e = this.selectedOption) === null || _e === void 0 ? void 0 : _e.label) !== null && _f !== void 0 ? _f : this.placeholder}
           </mdc-text>
-        </div>
-        <div part="icon-container">
-          <mdc-icon
-            size="1"
-            length-unit="rem"
-            name="${this.displayPopover ? ARROW_ICON.ARROW_UP : ARROW_ICON.ARROW_DOWN}"
-          ></mdc-icon>
+          <div part="icon-container">
+            <mdc-icon
+              size="1"
+              length-unit="rem"
+              name="${this.displayPopover ? ARROW_ICON.ARROW_UP : ARROW_ICON.ARROW_DOWN}"
+            ></mdc-icon>
+          </div>
         </div>
         <input
           id="${this.inputId}"