@warp-ds/elements 2.0.2-next.1 → 2.0.2-next.3

package/dist/packages/attention/index.js

@@ -3345,7 +3345,7 @@ ${JSON.stringify(directions)}`
     ]);
   }
   get _arrowHtml() {
-    return this.noArrow ? "" : html2`<div id="arrow" role="img" class="${this._arrowClasses}"></div>`;
+    return this.noArrow ? "" : html2`<div id="arrow" class="${this._arrowClasses}"></div>`;
   }
   get _activeVariantClasses() {
     const variantProps = {
@@ -3518,19 +3518,16 @@ ${JSON.stringify(directions)}`
         ${this.placement === "right-start" || this.placement === "right" || this.placement === "right-end" || this.placement === "bottom-start" || this.placement === "bottom" || this.placement === "bottom-end" ? html2`
               <slot name="target"></slot>
 
-              <div
-                id="attention"
-                role="${this.tooltip ? "tooltip" : "img"}"
-                aria-label="${this.defaultAriaLabel()}"
-                class="${this._wrapperClasses}">
-                ${this._arrowHtml}
+              <div id="attention" class="${this._wrapperClasses}">
+                <div role="${this.tooltip ? "tooltip" : "img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
                 <slot name="message"></slot>
                 ${this.canClose ? this._closeBtnHtml : nothing}
               </div>
             ` : html2`
               <div id="attention" class="${this._wrapperClasses}">
                 <slot name="message"></slot>
-                ${this._arrowHtml} ${this.canClose ? this._closeBtnHtml : nothing}
+                <div role="${this.tooltip ? "tooltip" : "img"}" aria-label="${this.defaultAriaLabel()}">${this._arrowHtml}</div>
+                ${this.canClose ? this._closeBtnHtml : nothing}
               </div>
               <slot name="target"></slot>
             `}