@salesforcedevs/dx-components 1.3.160 → 1.3.162

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.160",
+    "version": "1.3.162",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -41,5 +41,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "cba7e68142d03e2a299dfb8354a50732b20ad77c"
+    "gitHead": "45d6002680edaf34e755c2d9a509fc2fba9ca97e"
 }

package/src/modules/dx/button/button.ts

@@ -2,6 +2,7 @@ import { LightningElement, api } from "lwc";
 import cx from "classnames";
 import {
     ButtonTextColor,
+    ButtonTarget,
     ButtonVariant,
     ButtonSize,
     IconSprite,
@@ -31,7 +32,7 @@ export default class Button extends LightningElement {
     // link props
     @api href: string | null = null;
     @api download: string | null = null;
-    @api target: "_self" | "_blank" | "_parent" | "_top" | null = null;
+    @api target: ButtonTarget = null;
     @api rel: string | null = null;
 
     @api focus() {

package/src/modules/dx/cardPodcastEpisode/cardPodcastEpisode.html

@@ -13,6 +13,7 @@
                     symbol="play"
                     background-color="white"
                     slot="image-badge"
+                    alt="Play episode"
                 ></dx-icon-badge>
             </a>
         </div>

package/src/modules/dx/icon/icon.html

@@ -1,11 +1,22 @@
 <template>
-    <svg
-        aria-hidden="true"
-        style={style}
-        xmlns="http://www.w3.org/2000/svg"
-        if:true={symbol}
-        part="svg"
-    >
-        <use xlink:href={href}></use>
-    </svg>
+    <template if:true={symbol}>
+        <svg
+            if:true={hasAlt}
+            style={style}
+            xmlns="http://www.w3.org/2000/svg"
+            part="svg"
+            alt={alt}
+        >
+            <use xlink:href={href}></use>
+        </svg>
+        <svg
+            if:false={hasAlt}
+            style={style}
+            xmlns="http://www.w3.org/2000/svg"
+            part="svg"
+            aria-hidden="true"
+        >
+            <use xlink:href={href}></use>
+        </svg>
+    </template>
 </template>

package/src/modules/dx/icon/icon.ts

@@ -18,9 +18,14 @@ export default class Icon extends LightningElement {
     @api size: IconSize = "small";
     @api symbol!: IconSymbol;
     @api color?: string;
+    @api alt: string = "";
 
     private node: SVGSymbolElement | undefined;
 
+    private get hasAlt() {
+        return !!this.alt;
+    }
+
     private get style() {
         let stylestr = "";
         if (this.size !== "override" && this.size in sizeMap) {

package/src/modules/dx/iconBadge/iconBadge.html

@@ -1,5 +1,10 @@
 <template>
     <div class={className} style={style} part="badge">
-        <dx-icon symbol={symbol} sprite={sprite} size={iconSize}></dx-icon>
+        <dx-icon
+            symbol={symbol}
+            sprite={sprite}
+            size={iconSize}
+            alt={alt}
+        ></dx-icon>
     </div>
 </template>

package/src/modules/dx/iconBadge/iconBadge.ts

@@ -12,6 +12,7 @@ export default class IconBadge extends LightningElement {
     @api backgroundColor?: string;
     @api backgroundSize?: string;
     @api iconSize?: string = "override";
+    @api alt: string = "";
 
     _shape: IconBadgeShape = "circle";
     @api