@reliability-design/web 1.4.3 → 1.4.5

package/dist/components/rel-tooltip/rel-tooltip.ts

@@ -57,6 +57,12 @@ export class RelTooltip extends LitElement {
       opacity: 1;
     }
 
+    /* Escape-dismissed (APG): stays hidden until hover/focus leaves and
+       returns. Declared after the hover/focus rules so source order wins. */
+    :host([data-dismissed]) .tooltip-bubble {
+      opacity: 0;
+    }
+
     /* Positioning */
     .tooltip-bubble.above {
       bottom: calc(100% + 6px);
@@ -131,6 +137,30 @@ export class RelTooltip extends LitElement {
     }
   `;
 
+  connectedCallback() {
+    super.connectedCallback();
+    this.addEventListener("keydown", this.onKeydown);
+    this.addEventListener("mouseleave", this.clearDismissed);
+    this.addEventListener("focusout", this.clearDismissed);
+  }
+
+  disconnectedCallback() {
+    super.disconnectedCallback();
+    this.removeEventListener("keydown", this.onKeydown);
+    this.removeEventListener("mouseleave", this.clearDismissed);
+    this.removeEventListener("focusout", this.clearDismissed);
+  }
+
+  /** APG: Escape dismisses the tooltip. Not swallowed — an enclosing dialog
+   *  may legitimately close on the same keystroke. */
+  private onKeydown = (e: KeyboardEvent) => {
+    if (e.key === "Escape") this.toggleAttribute("data-dismissed", true);
+  };
+
+  private clearDismissed = () => {
+    this.removeAttribute("data-dismissed");
+  };
+
   firstUpdated() {
     this.linkTrigger();
   }

package/dist/components/rel-topbar/rel-topbar-actions.ts

@@ -3,7 +3,7 @@ import { customElement } from "lit/decorators.js";
 
 /**
  * @deprecated Part of the deprecated rel-topbar family. Use plain
- * `rel-button` elements inside the "App Topbar" recipe at /docs/recipes/app-topbar.
+ * `rel-button` elements inside the "Navbar" recipe at /docs/recipes/navbar.
  */
 @customElement("rel-topbar-actions")
 export class RelTopbarActions extends LitElement {

package/dist/components/rel-topbar/rel-topbar-brand.ts

@@ -3,7 +3,7 @@ import { customElement, property } from "lit/decorators.js";
 
 /**
  * @deprecated Part of the deprecated rel-topbar family. Use a plain
- * `<a>`/logo markup inside the "App Topbar" recipe at /docs/recipes/app-topbar.
+ * `<a>`/logo markup inside the "Navbar" recipe at /docs/recipes/navbar.
  */
 @customElement("rel-topbar-brand")
 export class RelTopbarBrand extends LitElement {

package/dist/components/rel-topbar/rel-topbar-dropdown-item.ts

@@ -3,7 +3,7 @@ import { customElement, property } from "lit/decorators.js";
 
 /**
  * @deprecated Part of the deprecated rel-topbar family. Use `rel-menu`'s
- * item slots or `rel-popover` content in the "App Topbar" recipe at /docs/recipes/app-topbar.
+ * item slots or `rel-popover` content in the "Navbar" recipe at /docs/recipes/navbar.
  */
 @customElement("rel-topbar-dropdown-item")
 export class RelTopbarDropdownItem extends LitElement {

package/dist/components/rel-topbar/rel-topbar-dropdown.ts

@@ -3,7 +3,7 @@ import { customElement } from "lit/decorators.js";
 
 /**
  * @deprecated Part of the deprecated rel-topbar family. Use `rel-menu` or
- * `rel-popover` for nav dropdowns in the "App Topbar" recipe at /docs/recipes/app-topbar.
+ * `rel-popover` for nav dropdowns in the "Navbar" recipe at /docs/recipes/navbar.
  */
 @customElement("rel-topbar-dropdown")
 export class RelTopbarDropdown extends LitElement {