@salesforcedevs/dx-components 1.3.206 → 1.3.210

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.206",
+    "version": "1.3.210",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -44,5 +44,5 @@
     "volta": {
         "node": "16.19.1"
     },
-    "gitHead": "64dfbe7681c227a3ff1aa409decf2c079c848715"
+    "gitHead": "745b13f8f7e0662b19917885a8e3fadaa49ff3c2"
 }

package/src/assets/icons/brand-sprite/svg/symbols.svg

@@ -1193,7 +1193,7 @@ License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL
     <path d="M391.17,103.47H352.54v109.7h38.63ZM285,103H246.37V212.75H285ZM120.83,0,24.31,91.42V420.58H140.14V512l96.53-91.42h77.25L487.69,256V0ZM449.07,237.75l-77.22,73.12H294.61l-67.6,64v-64H140.14V36.58H449.07Z"></path>
   </symbol>
   <symbol id="twitter" viewBox="0 0 1200 1227">
-    <path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z" fill="#fff"/>
+    <path d="M714.163 519.284 1160.89 0h-105.86L667.137 450.887 357.328 0H0l468.492 681.821L0 1226.37h105.866l409.625-476.152 327.181 476.152H1200L714.137 519.284h.026ZM569.165 687.828l-47.468-67.894-377.686-540.24h162.604l304.797 435.991 47.468 67.894 396.2 566.721H892.476L569.165 687.854v-.026Z"/>
   </symbol>
   <symbol id="typo3" viewBox="0 0 448 512">
     <path d="M178.7 78.4c0-24.7 5.4-32.4 13.9-39.4-69.5 8.5-149.3 34-176.3 66.4-5.4 7.7-9.3 20.8-9.3 37.1C7 246 113.8 480 191.1 480c36.3 0 97.3-59.5 146.7-139-7 2.3-11.6 2.3-18.5 2.3-57.2 0-140.6-198.5-140.6-264.9zM301.5 32c-30.1 0-41.7 5.4-41.7 36.3 0 66.4 53.8 198.5 101.7 198.5 26.3 0 78.8-99.7 78.8-182.3 0-40.9-67-52.5-138.8-52.5z"></path>

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

@@ -1,6 +1,11 @@
 import { LightningElement, api } from "lwc";
 import cx from "classnames";
-import { IconSprite, IconSymbol, IconBadgeShape } from "typings/custom";
+import {
+    IconSprite,
+    IconSymbol,
+    IconBadgeShape,
+    IconSize
+} from "typings/custom";
 import { toDxColor } from "dxUtils/css";
 
 const validShapes = ["square", "circle"];
@@ -11,7 +16,7 @@ export default class IconBadge extends LightningElement {
     @api color?: string | null = null;
     @api backgroundColor?: string;
     @api backgroundSize?: string;
-    @api iconSize?: string = "override";
+    @api iconSize?: IconSize = "override";
     @api alt: string = "";
 
     _shape: IconBadgeShape = "circle";

package/src/modules/dx/podcastHost/podcastHost.css

@@ -6,6 +6,12 @@
     --dx-c-host-img-margin-right: 16px;
 }
 
+dx-icon {
+    display: inline-block;
+    position: relative;
+    top: -1px;
+}
+
 .container {
     background: white;
     box-shadow: var(--dx-g-box-shadow-sm);

package/src/modules/dx/podcastHost/podcastHost.html

@@ -14,14 +14,13 @@
             <div class="host-bio">
                 <p>{bio}</p>
             </div>
-            <dx-button
-                href={twitterHref}
-                target="_blank"
-                variant="inline"
-                icon-symbol="twitter"
-                icon-sprite="brand"
-            >
-                Follow {firstName} on Twitter
+            <dx-button href={twitterHref} target="_blank" variant="inline">
+                Follow {firstName} on&nbsp;
+                <dx-icon
+                    size="xsmall"
+                    sprite="brand"
+                    symbol="twitter"
+                ></dx-icon>
             </dx-button>
         </div>
     </div>