@momentum-design/components 0.139.7 → 0.139.9

package/dist/components/popover/popover.component.js

@@ -667,10 +667,19 @@ class Popover extends KeyDownHandledMixin(KeyToActionMixin(BackdropMixin(Prevent
                 ? 'clippingAncestors'
                 : Array.from(document.querySelectorAll(this.boundary));
             const rootBoundary = this.boundaryRoot;
+            let arrowOffset = 0;
+            if (this.showArrow) {
+                this.arrowElement = this.renderRoot.querySelector('div[part="popover-arrow"]');
+                if (this.arrowElement) {
+                    const arrowLen = this.arrowElement.offsetHeight;
+                    arrowOffset = Math.sqrt(2 * arrowLen ** 2) / 2;
+                }
+            }
             const middleware = [];
             if (this.inline) {
                 middleware.push(inlineMiddleware());
             }
+            middleware.push(offset(typeof this.offset === 'number' ? this.offset + arrowOffset : this.offset));
             middleware.push(shift({
                 boundary,
                 rootBoundary,
@@ -704,16 +713,9 @@ class Popover extends KeyDownHandledMixin(KeyToActionMixin(BackdropMixin(Prevent
                     padding: 50,
                 }));
             }
-            let arrowOffset = 0;
-            if (this.showArrow) {
-                this.arrowElement = this.renderRoot.querySelector('div[part="popover-arrow"]');
-                if (this.arrowElement) {
-                    const arrowLen = this.arrowElement.offsetHeight;
-                    arrowOffset = Math.sqrt(2 * arrowLen ** 2) / 2;
-                    middleware.push(arrow({ element: this.arrowElement, padding: 12 }));
-                }
+            if (this.showArrow && this.arrowElement) {
+                middleware.push(arrow({ element: this.arrowElement, padding: 12 }));
             }
-            middleware.push(offset(typeof this.offset === 'number' ? this.offset + arrowOffset : this.offset));
             this.floatingUICleanupFunction = autoUpdate(triggerElement, this, async () => {
                 const { triggerElement } = this;
                 if (!triggerElement)

package/dist/components/radio/radio.styles.js

@@ -27,20 +27,21 @@ const styles = [
       display: contents;
     }
 
-    :host(:hover)::part(static-radio) {
+    :host(:hover)::part(radio-indicator) {
       --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-hover);
+      cursor: pointer;
     }
 
-    :host(:active)::part(static-radio) {
+    :host(:active)::part(radio-indicator) {
       --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-inactive-pressed);
     }
 
-    :host([checked]:hover)::part(static-radio) {
+    :host([checked]:hover)::part(radio-indicator) {
       --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-control-active-hover);
       --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-hover);
     }
 
-    :host([checked]:active)::part(static-radio) {
+    :host([checked]:active)::part(radio-indicator) {
       --mdc-staticradio-outer-circle-border-color: var(--mds-color-theme-control-active-pressed);
       --mdc-staticradio-outer-circle-background-color: var(--mds-color-theme-control-active-pressed);
     }

package/dist/utils/dom.js

@@ -183,6 +183,7 @@ export const findFocusable = (root, options = {}) => {
     const stopAtNonTabbable = (_d = options === null || options === void 0 ? void 0 : options.stopAtNonTabbable) !== null && _d !== void 0 ? _d : false;
     const matches = new Set([]);
     const internalFocusableCheck = (element) => {
+        var _a;
         // Excluded
         if (excludesSet.has(root) || isMatchAny(element, excludeSelectors))
             return 'stop';
@@ -198,6 +199,8 @@ export const findFocusable = (root, options = {}) => {
                 return 'stop';
             }
         }
+        if ((_a = element.shadowRoot) === null || _a === void 0 ? void 0 : _a.delegatesFocus)
+            return 'continue';
         return isMatchAny(element, includeSelectors) || (isTabbable(element) && isInteractiveElement(element))
             ? 'focusable'
             : 'continue';

package/package.json

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