@momentum-design/components 0.122.11 → 0.122.13

package/dist/components/combobox/combobox.styles.js

@@ -40,7 +40,7 @@ const styles = css `
     cursor: unset;
   }
   :host(:focus-within)::part(combobox__button) {
-    border-left: 1px solid var(--mdc-combobox-focused-border-color);
+    border-inline-start-color: var(--mdc-combobox-border-color);
   }
   :host(:not([disabled]))::part(combobox__base):hover {
     background-color: var(--mdc-combobox-hover-background-color);
@@ -52,7 +52,7 @@ const styles = css `
     border-color: var(--mdc-help-text-color);
   }
   :host([disabled])::part(combobox__button) {
-    border-left: 1px solid var(--mdc-combobox-text-color-disabled);
+    border-inline-start-color: var(--mdc-combobox-text-color-disabled);
   }
   :host::part(mdc-input) {
     width: calc(100% - 1.5rem);

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

@@ -70,7 +70,7 @@ declare class MenuItemCheckbox extends MenuItemCheckbox_base {
     connectedCallback(): void;
     /**
      * Handles click events to toggle checked state
-     * If the menuitemcheckbox is disabled, it does nothing.
+     * If the menuitemcheckbox is disabled or soft-disabled, it does nothing.
      * If the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event.
      */
     private handleMouseClick;

package/dist/components/menuitemcheckbox/menuitemcheckbox.component.js

@@ -91,11 +91,11 @@ class MenuItemCheckbox extends ControlTypeMixin(MenuItem) {
     }
     /**
      * Handles click events to toggle checked state
-     * If the menuitemcheckbox is disabled, it does nothing.
+     * If the menuitemcheckbox is disabled or soft-disabled, it does nothing.
      * If the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event.
      */
     handleMouseClick() {
-        if (this.disabled)
+        if (this.disabled || this.softDisabled)
             return;
         if (this.controlType !== 'controlled') {
             this.checked = !this.checked;

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

@@ -82,6 +82,7 @@ declare class MenuItemRadio extends MenuItemRadio_base {
     private updateOtherRadiosCheckedState;
     /**
      * Handles click events to set checked state and uncheck siblings in the same group and container.
+     * If the menuitemradio is disabled, soft-disabled, or already checked, it does nothing.
      * If the menuitemradio is not checked, it sets its checked state to `true`
      * and sets all other menuitemradio elements of the same group with checked state to `false`.
      */

package/dist/components/menuitemradio/menuitemradio.component.js

@@ -116,11 +116,12 @@ class MenuItemRadio extends ControlTypeMixin(MenuItem) {
     }
     /**
      * Handles click events to set checked state and uncheck siblings in the same group and container.
+     * If the menuitemradio is disabled, soft-disabled, or already checked, it does nothing.
      * If the menuitemradio is not checked, it sets its checked state to `true`
      * and sets all other menuitemradio elements of the same group with checked state to `false`.
      */
     handleMouseClick() {
-        if (this.disabled || this.checked)
+        if (this.disabled || this.softDisabled || this.checked)
             return;
         if (this.controlType !== 'controlled') {
             this.updateOtherRadiosCheckedState();

package/dist/components/menupopover/menupopover.component.js

@@ -226,7 +226,7 @@ class MenuPopover extends Popover {
                     break;
                 }
                 case KEYS.ENTER: {
-                    if (!this.getSubMenuPopoverOfTarget(target)) {
+                    if (!this.getSubMenuPopoverOfTarget(target) && !target.hasAttribute('soft-disabled')) {
                         this.closeAllMenuPopovers();
                         this.fireMenuItemAction(target);
                         isKeyHandled = true;
@@ -267,7 +267,7 @@ class MenuPopover extends Popover {
             switch (event.key) {
                 case KEYS.SPACE: {
                     // If the target is a menu item, trigger its click event
-                    if (!target.matches(`${MENUITEMRADIO_TAGNAME}, ${MENUITEMCHECKBOX_TAGNAME}`)) {
+                    if (!target.matches(`${MENUITEMRADIO_TAGNAME}, ${MENUITEMCHECKBOX_TAGNAME}`) && !target.hasAttribute('soft-disabled')) {
                         // only close all menu popovers if the target is not opening a menu popover
                         if (!this.getSubMenuPopoverOfTarget(target)) {
                             this.closeAllMenuPopovers();
@@ -473,7 +473,7 @@ class MenuPopover extends Popover {
         // if the target is not a valid menu item or if the event is not trusted (
         // e.g., triggered by keydown originally), do nothing. Pressing space and enter
         // is handled separately in the respective handler.
-        if (!isValidMenuItem(target) || !event.isTrusted)
+        if (!isValidMenuItem(target) || !event.isTrusted || target.hasAttribute('soft-disabled'))
             return;
         // If the target has a submenu, show it and close other submenus on the same level
         if (this.getSubMenuPopoverOfTarget(target)) {

package/dist/custom-elements.json

@@ -24915,7 +24915,7 @@
               "kind": "method",
               "name": "handleMouseClick",
               "privacy": "private",
-              "description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event."
+              "description": "Handles click events to toggle checked state\nIf the menuitemcheckbox is disabled or soft-disabled, it does nothing.\nIf the menuitemcheckbox is not disabled, it toggles checked if uncontrolled, and dispatches the 'change' event."
             },
             {
               "kind": "method",
@@ -25985,7 +25985,7 @@
               "kind": "method",
               "name": "handleMouseClick",
               "privacy": "private",
-              "description": "Handles click events to set checked state and uncheck siblings in the same group and container.\nIf the menuitemradio is not checked, it sets its checked state to `true`\nand sets all other menuitemradio elements of the same group with checked state to `false`."
+              "description": "Handles click events to set checked state and uncheck siblings in the same group and container.\nIf the menuitemradio is disabled, soft-disabled, or already checked, it does nothing.\nIf the menuitemradio is not checked, it sets its checked state to `true`\nand sets all other menuitemradio elements of the same group with checked state to `false`."
             },
             {
               "kind": "method",

package/package.json

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