@salesforcedevs/mrkt-components 0.68.2 → 0.69.0

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/mrkt-components",
-    "version": "0.68.2",
+    "version": "0.69.0",
     "description": "Marketing Lightning web components for DSC",
     "license": "MIT",
     "engines": {
@@ -15,5 +15,5 @@
     "devDependencies": {
         "@types/classnames": "^2.2.10"
     },
-    "gitHead": "15e09ed86a911009655e02d9b69a4b9c7407fa71"
+    "gitHead": "5183cd0ee93cedb7988377ff667f1e4c54ff8ea6"
 }

package/src/modules/mrkt/sectionHeader/sectionHeader.html

@@ -10,6 +10,7 @@
         <div class="text-container">
             <dx-icon-badge
                 if:true={hasIcon}
+                color={iconColor}
                 symbol={iconSymbol}
                 sprite={iconSprite}
             ></dx-icon-badge>

package/src/modules/mrkt/sectionHeader/sectionHeader.ts

@@ -3,6 +3,7 @@ import cx from "classnames";
 
 export default class SectionHeader extends LightningElement {
     @api dark?: boolean;
+    @api iconColor?: string;
     @api iconSymbol?: string;
     @api iconSprite?: string = "utility";
     @api imgSrc?: string;

package/src/modules/mrkt/subNavBar/subNavBar.css

@@ -96,8 +96,9 @@ a.active > dx-icon-badge {
     --dx-c-icon-badge-background-color: var(--dx-g-blue-vibrant-50);
 }
 
-a:not(.active):hover > dx-icon-badge {
+a:not(.active):hover > dx-icon-badge::part(badge) {
     --dx-c-icon-badge-background-color: var(--dx-g-blue-vibrant-40);
+    --dx-c-icon-badge-color: white;
 }
 
 /* accounts for font gap */

package/src/modules/mrkt/subNavBar/subNavBar.html

@@ -23,6 +23,7 @@
                         <a class={navItem.className} href={navItem.link.href}>
                             <dx-icon-badge
                                 symbol={navItem.iconSymbol}
+                                color={navItem.iconColor}
                                 if:true={isDesktop}
                             ></dx-icon-badge>
                             <span>{navItem.label}</span>