@momentum-design/components 0.74.1 → 0.74.3

package/dist/components/menupopover/menupopover.constants.js

@@ -0,0 +1,3 @@
+import utils from '../../utils/tag-name';
+const TAG_NAME = utils.constructTagName('menupopover');
+export { TAG_NAME };

package/dist/components/menupopover/menupopover.styles.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("lit").CSSResult[];
+export default _default;

package/dist/components/menupopover/menupopover.styles.js

@@ -0,0 +1,7 @@
+import { css } from 'lit';
+const styles = css `
+  :host::part(popover-content) {
+    padding: 0.75rem 0.5rem;
+  }
+`;
+export default [styles];

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

@@ -33,15 +33,6 @@ declare class MenuSection extends Component {
      * @internal
      */
     private handleClick;
-    /**
-     * Handles `keydown` events within the component.
-     * Activates menu items when the Enter or Space keys are pressed.
-     *
-     * @param event - The keyboard event from a child menu item
-     *
-     * @internal
-     */
-    private handleKeydown;
     /**
      * Toggles the `aria-checked` state on a target menu item based on its tag name.
      * - For checkboxes, toggles the checked state.

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

@@ -14,7 +14,6 @@ import { TAG_NAME as MENUITEMCHECKBOX_TAGNAME } from '../menuitemcheckbox/menuit
 import { ARIA_CHECKED_STATES } from './menusection.constants';
 import { Component } from '../../models';
 import { ROLE } from '../../utils/roles';
-import { KEYS } from '../../utils/keys';
 /**
  * `mdc-menusection` is a container element used to group a set of menu items.
  *
@@ -42,33 +41,15 @@ class MenuSection extends Component {
         this.handleClick = (event) => {
             this.toggleCheckedState(event.target);
         };
-        /**
-         * Handles `keydown` events within the component.
-         * Activates menu items when the Enter or Space keys are pressed.
-         *
-         * @param event - The keyboard event from a child menu item
-         *
-         * @internal
-         */
-        this.handleKeydown = (event) => {
-            if (event.key !== KEYS.ENTER && event.key !== KEYS.SPACE)
-                return;
-            if (event.key === KEYS.SPACE) {
-                event.preventDefault(); // Prevent page scroll
-            }
-            this.toggleCheckedState(event.target);
-        };
     }
     connectedCallback() {
         super.connectedCallback();
         this.setAttribute('role', ROLE.GROUP);
         this.addEventListener('click', this.handleClick);
-        this.addEventListener('keydown', this.handleKeydown);
     }
     disconnectedCallback() {
         super.disconnectedCallback();
         this.removeEventListener('click', this.handleClick);
-        this.removeEventListener('keydown', this.handleKeydown);
     }
     /**
      * Toggles the `aria-checked` state on a target menu item based on its tag name.