@primer/view-components 0.15.0-rc.cf8d9e05 → 0.15.0-rc.d9ea70e9

package/app/components/primer/alpha/tool_tip.js

@@ -43,7 +43,7 @@ const DIRECTION_CLASSES = [
     'tooltip-ne',
     'tooltip-se',
     'tooltip-nw',
-    'tooltip-sw'
+    'tooltip-sw',
 ];
 function closeOpenTooltips(except) {
     for (const tooltip of openTooltips) {
@@ -270,11 +270,11 @@ class ToolTipElement extends HTMLElement {
         // eslint-disable-next-line @typescript-eslint/ban-ts-comment
         // @ts-ignore popoverTargetElement is not in the type definition
         (_b = this.control.popoverTargetElement) === null || _b === void 0 ? void 0 : _b.addEventListener('beforetoggle', this, {
-            signal
+            signal,
         });
         this.ownerDocument.addEventListener('focusout', focusOutListener);
         this.ownerDocument.addEventListener('focusin', focusInListener);
-        this.ownerDocument.addEventListener('keydown', this, { signal });
+        this.ownerDocument.addEventListener('keydown', this, { signal, captures: true });
     }
     disconnectedCallback() {
         var _a;
@@ -296,6 +296,10 @@ class ToolTipElement extends HTMLElement {
         const isMouseDownOnButton = event.type === 'mousedown' && event.currentTarget === this.control;
         const isOpeningOtherPopover = event.type === 'beforetoggle' && event.currentTarget !== this;
         const shouldHide = isMouseLeaveFromButton || isEscapeKeydown || isMouseDownOnButton || isOpeningOtherPopover;
+        if (showing && isEscapeKeydown) {
+            event.stopImmediatePropagation();
+            event.preventDefault();
+        }
         await Promise.resolve();
         if (!showing && shouldShow && !isPopoverOpen(this)) {
             __classPrivateFieldSet(this, _ToolTipElement_showReason, event.type === 'mouseenter' ? 'mouse' : 'focus', "f");
@@ -409,7 +413,7 @@ _ToolTipElement_abortController = new WeakMap(), _ToolTipElement_align = new Wea
     const position = getAnchoredPosition(this, this.control, {
         side: __classPrivateFieldGet(this, _ToolTipElement_side, "f"),
         align: __classPrivateFieldGet(this, _ToolTipElement_align, "f"),
-        anchorOffset: TOOLTIP_OFFSET
+        anchorOffset: TOOLTIP_OFFSET,
     });
     const anchorSide = position.anchorSide;
     const align = position.anchorAlign;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/view-components",
-  "version": "0.15.0-rc.cf8d9e05",
+  "version": "0.15.0-rc.d9ea70e9",
   "description": "ViewComponents for the Primer Design System",
   "main": "app/assets/javascripts/primer_view_components.js",
   "module": "app/components/primer/primer.js",
@@ -51,7 +51,7 @@
     "@github/include-fragment-element": "^6.1.1",
     "@github/relative-time-element": "^4.0.0",
     "@github/tab-container-element": "^3.1.2",
-    "@oddbird/popover-polyfill": "^0.3.2",
+    "@oddbird/popover-polyfill": "^0.3.6",
     "@primer/behaviors": "^1.3.4"
   },
   "devDependencies": {

package/static/info_arch.json

@@ -10236,6 +10236,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/blankslate/inside_flex_container",
+        "name": "inside_flex_container",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ],
     "subcomponents": [

package/static/previews.json

@@ -1740,6 +1740,19 @@
             "color-contrast"
           ]
         }
+      },
+      {
+        "preview_path": "primer/beta/blankslate/inside_flex_container",
+        "name": "inside_flex_container",
+        "snapshot": "false",
+        "skip_rules": {
+          "wont_fix": [
+            "region"
+          ],
+          "will_fix": [
+            "color-contrast"
+          ]
+        }
       }
     ]
   },