@justeattakeaway/pie-tooltip 0.3.0 → 0.5.0

package/src/react.ts

@@ -12,7 +12,7 @@ const PieTooltipReact = createComponent({
     tagName: 'pie-tooltip',
     events: {
         onPieTooltipOpen: 'pie-tooltip-open' as EventName<Event>, // When a configured trigger asks for the panel. Set `isOpen` to `true` in response.
-        onPieTooltipClose: 'pie-tooltip-close' as EventName<Event>, // When the close button is clicked, or a configured trigger asks to dismiss the panel. Set `isOpen` to `false` in response.
+        onPieTooltipClose: 'pie-tooltip-close' as EventName<Event>, // When the close button is clicked, Escape is pressed, or a configured trigger asks to dismiss the panel. Set `isOpen` to `false` in response.
     },
 });
 

package/src/tooltip.scss

@@ -1,6 +1,6 @@
 @use '@justeattakeaway/pie-css/scss' as p;
 
-// All twelve position values are generated explicitly — none inferred.
+// All twelve position values are generated explicitly, none inferred.
 $tooltip-alignments: ('', '-start', '-end');
 
 // Zero-size, pinned to the containing block's origin. Trigger position is measured relative
@@ -343,6 +343,13 @@ $tooltip-alignments: ('', '-start', '-end');
     overflow-wrap: break-word;
 }
 
+// The content is the programmatic focus target in dialog mode (see `focusPanel`). It is never
+// reached by Tab, which moves between the panel's own controls, so it draws no focus ring of
+// its own: the controls inside the panel carry their own focus indicators.
+.c-tooltip-content:focus {
+    outline: none;
+}
+
 .c-tooltip.has-action .c-tooltip-action {
     display: flex;
     justify-content: flex-end;