added auto width to svg

* fix tooltip safe triangles regression

* prettier

* update changelog

packages/webawesome/docs/_transformers/code-examples.js

@@ -35,7 +35,11 @@ export function codeExamplesTransformer(options = {}) {
 
       // Run preview scripts as modules to prevent collisions
       const root = parse(preview, { blockTextElements: { script: true } });
-      root.querySelectorAll('script').forEach(script => script.setAttribute('type', 'module'));
+      root.querySelectorAll('script').forEach(script => {
+        if (!script.type?.trim()) {
+          script.setAttribute('type', 'module');
+        }
+      });
       preview = root.toString();
 
       copyCode(code);

packages/webawesome/docs/docs/resources/changelog.md

@@ -24,7 +24,8 @@ Components with the <wa-badge variant="warning">Experimental</wa-badge> badge sh
 - [Docs]: component APIs like slots, state, methods, etc, are now alphabetized [pr:1895]
 - [Docs]: component APIs now properly check their inheritance chain [pr:1895]
 - [Docs]: Included framework specific documentation for Svelte, Vue, and Angular. [pr:1895]
-- Fixed a bug in `<wa-dropdown>` where submenu detection would not work in shadow dom. [pr:]
+- Fixed a bug in `<wa-tooltip>` where safe triangles were not being respected. [pr:1967]
+- Fixed a bug in `<wa-dropdown>` where submenu detection would not work in shadow dom. [pr:1956]
 - Fixed a bug in `<wa-combobox>` that prevented the listbox from opening when options were preselected [issue:1883]
 - Fixed a bug in `<wa-combobox>` that prevented the listbox from opening when options were preselected [issue:1883]
 - Fixed a bug in `<wa-popup>` and `<wa-dropdown-item>` that caused an error when removing a popup while it was opening [issue:1910]

packages/webawesome/scripts/docs.js

@@ -52,7 +52,8 @@ export async function createEleventy(options = {}) {
   eleventy.logger.overrideLogger(new CustomLogger());
 
   if (isIncremental) {
-    await eleventy.watch();
+    // For some reason, removing the await here fixes incremental loading?
+    eleventy.watch();
 
     process.on('SIGINT', async () => {
       await eleventy.stopWatch();

packages/webawesome/src/components/icon/icon.styles.ts

@@ -29,6 +29,7 @@ export default css`
   svg {
     height: 1em;
     overflow: visible;
+    width: auto;
 
     /* Duotone colors with path-specific opacity fallback */
     path[data-duotone-primary] {

packages/webawesome/src/components/tooltip/tooltip.ts

@@ -106,6 +106,8 @@ export default class WaTooltip extends WebAwesomeElement {
       this.eventController = new AbortController();
     }
 
+    this.addEventListener('mouseout', this.handleMouseOut);
+
     // TODO: This is a hack that I need to revisit [Konnor]
     if (this.open) {
       this.open = false;
@@ -191,8 +193,20 @@ export default class WaTooltip extends WebAwesomeElement {
 
   private handleMouseOut = () => {
     if (this.hasTrigger('hover')) {
+      const anchorHovered = Boolean(this.anchor?.matches(':hover'));
+      const tooltipHovered = this.matches(':hover');
+
+      if (anchorHovered || tooltipHovered) {
+        return;
+      }
+
       clearTimeout(this.hoverTimeout);
-      this.hoverTimeout = window.setTimeout(() => this.hide(), this.hideDelay);
+
+      if (!(anchorHovered || tooltipHovered)) {
+        this.hoverTimeout = window.setTimeout(() => {
+          this.hide();
+        }, this.hideDelay);
+      }
     }
   };