@brightspace-ui-labs/navigation - npm Package Compare versions

Comparing version 5.5.7 to 5.6.0

d2l-navigation-link-image.js

@@ -0,3 +1,5 @@
+import '@brightspace-ui/core/components/tooltip/tooltip.js';
 import { css, html, LitElement } from 'lit';
 import { FocusMixin } from '@brightspace-ui/core/mixins/focus-mixin.js';
+import { getUniqueId } from '@brightspace-ui/core/helpers/uniqueId.js';
 import { highlightBorderStyles, highlightLinkStyles } from './d2l-navigation-styles.js';
@@ -47,2 +49,3 @@
 		this.text = '';
+		this._linkId = getUniqueId();
 	}
@@ -57,9 +60,10 @@
 			return html`
-				<a href="${this.href}" title="${this.text}">
+				<a href="${this.href}" id="${this._linkId}">
 					<span class="d2l-navigation-highlight-border"></span>
 					<span class="d2l-navigation-link-image-container"><img src="${this.src}" alt="${this.text}"></span>
 				</a>
+				<d2l-tooltip for="${this._linkId}" for-type="label" position="bottom">${this.text}</d2l-tooltip>
 			`;
 		}
-		return html`<span class="d2l-navigation-link-image-container"><img src="${this.src}" alt="${this.text}" title="${this.text}"></span>`;
+		return html`<span class="d2l-navigation-link-image-container"><img src="${this.src}" alt="${this.text}"></span>`;
 	}
@@ -66,0 +70,0 @@ }

package.json

 {
   "name": "@brightspace-ui-labs/navigation",
-  "version": "5.5.7",
+  "version": "5.6.0",
   "type": "module",
@@ -5,0 +5,0 @@ "repository": "https://github.com/BrightspaceUILabs/navigation.git",

No alert changes

Improved metrics

Total package byte prevSize

68818

increased by0.36%

Lines of code

1455

increased by0.28%

No dependency changes