@salesforcedevs/dx-components 0.45.0 → 0.46.2

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "0.45.0",
+    "version": "0.46.2",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -28,5 +28,5 @@
         "@types/lodash.get": "^4.4.6",
         "@types/vimeo__player": "^2.16.2"
     },
-    "gitHead": "6e38daa55ef9ef7e43b71be5c08b5be1aab534b7"
+    "gitHead": "9396146b0d02e24bfa200721582bf4a8a0e97f7f"
 }

package/src/modules/dx/button/button.css

@@ -116,7 +116,8 @@
     border: 1px solid var(--dx-c-button-primary-color);
 }
 
-.button.variant_primary:hover {
+.button.variant_primary:hover,
+:host([aria-expanded="true"]) .button.variant_primary {
     background: var(--dx-c-button-primary-color-hover);
     border-color: var(--dx-c-button-primary-color-hover);
 }
@@ -129,7 +130,8 @@
     border: 1px solid var(--dx-c-button-primary-color);
 }
 
-.button.variant_secondary:hover {
+.button.variant_secondary:hover,
+:host([aria-expanded="true"]) .button.variant_secondary {
     background: var(--dx-c-button-secondary-color-hover);
 }
 
@@ -146,7 +148,8 @@
     color: white;
 }
 
-.button.variant_tertiary:hover {
+.button.variant_tertiary:hover,
+:host([aria-expanded="true"]) .button.variant_tertiary {
     background: var(--dx-c-button-secondary-color-hover);
     border-color: var(--dx-c-button-secondary-color-hover);
 }
@@ -161,7 +164,9 @@
 }
 
 .button.variant_inline:hover,
-.button.variant_inline-inherit:hover {
+.button.variant_inline-inherit:hover,
+:host([aria-expanded="true"])
+    :is(.button.variant_inline, .button.variant_inline-inherit) {
     color: var(--dx-c-button-inline-color-hover);
 }
 
@@ -176,7 +181,8 @@
     border: 1px solid var(--dx-c-button-custom-border);
 }
 
-.button.variant_custom:hover {
+.button.variant_custom:hover,
+:host([aria-expanded="true"]) .button.variant_custom {
     color: var(--dx-c-button-custom-color-hover);
     background: var(--dx-c-button-custom-background-hover);
     border-color: var(--dx-c-button-custom-border-hover);

package/src/modules/dx/footer/footer.ts

@@ -11,8 +11,9 @@ import {
 } from "./links";
 import { track } from "dx/instrumentation";
 
+const PATH = "/newsletter";
 const createNewsletterSignupHref = (email: string): string =>
-    `/newsletter?subscriberEmail=${email}`;
+    `${PATH}?subscriberEmail=${email}`;
 
 const ANALYTICS_INFO = {
     itemTitle: "Newsletter Sign Up Footer",
@@ -95,7 +96,7 @@ export default class Footer extends LightningElement {
         track(e.currentTarget, "custEv_ctaButtonClick", {
             ...ANALYTICS_INFO,
             clickText: this.inputSubmitLabel,
-            clickUrl: href
+            clickUrl: PATH
         });
 
         window.location.assign(href);

package/src/modules/dx/sidebar/sidebar.ts

@@ -145,7 +145,7 @@ export default class Sidebar extends SidebarBase {
     }
 
     renderedCallback() {
-        super.renderedCallback()
+        super.renderedCallback();
         this.initializeSearchScrollPosition();
     }
 
@@ -160,7 +160,7 @@ export default class Sidebar extends SidebarBase {
     }
 
     disconnectedCallback() {
-        super.disconnectedCallback()
+        super.disconnectedCallback();
         this.matchMedia.removeEventListener("change", this.onMediaChange);
     }
 

package/src/modules/dx/sidebarOld/sidebarOld.html

@@ -49,7 +49,10 @@
                     ></dx-input>
                 </div>
             </div>
-            <div class="sidebar-content sidebar-content-tree" if:true={anyResultMatch}>
+            <div
+                class="sidebar-content sidebar-content-tree"
+                if:true={anyResultMatch}
+            >
                 <dx-tree
                     for:each={filteredTrees}
                     for:item="tree"

package/src/modules/dx/sidebarOld/sidebarOld.ts

@@ -86,7 +86,7 @@ export default class Sidebar extends SidebarBase {
     }
 
     disconnectedCallback() {
-        super.disconnectedCallback()
+        super.disconnectedCallback();
         this.matchMedia.removeEventListener("change", this.onMediaChange);
     }