@salesforcedevs/dx-components 1.3.186-cssalpha → 1.3.192-1-cssalpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.186-cssalpha",
+    "version": "1.3.192-1-cssalpha",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {

package/src/modules/dx/headerNav/headerNav.html

@@ -5,7 +5,6 @@
                 <li key={navItem.id}>
                     <dx-tab
                         if:false={navItem.options}
-                        class="new-nav-list-item_default new-nav-list-item"
                         is-active={navItem.isActive}
                         label={navItem.label}
                         href={navItem.link.href}

package/src/modules/dx/tab/tab.css

@@ -11,41 +11,14 @@ a {
     );
 
     position: relative;
-    display: flex;
-    align-items: center;
-    height: var(--dx-g-spacing-xl);
-    font-family: var(--dx-g-font-display);
-    white-space: nowrap;
-    color: var(--dx-g-blue-vibrant-20);
-    transition: var(--dx-g-transition-hue-1x);
-    cursor: pointer;
-    outline-offset: -1px;
-}
-
-.new-nav-list-item {
-    color: var(--foundation-gray-neutral-10, #181818);
-    font-feature-settings: "clig" off, "liga" off;
-    font-family: var(--dx-g-font-sans);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    letter-spacing: 0.019px;
+    height: 44px;
 }
 
 .nav-list-item_default {
-    border: 0;
-    border-radius: var(--dx-g-spacing-md);
-    font-size: var(--dx-g-text-sm);
-    padding: 0 var(--horizontal-spacing);
-}
-
-.new-nav-list-item_default {
     display: flex;
-    padding: 10px 24px;
+    padding: var(--dx-g-spacing-sm) var(--dx-g-spacing-md);
     justify-content: center;
     align-items: center;
-    border-radius: var(--dx-g-spacing-md);
 }
 
 .nav-list-item_small {
@@ -65,8 +38,6 @@ button.nav-list-item_small > dx-icon {
     margin-left: var(--dx-g-spacing-xs);
 }
 
-.nav-list-item_default:hover,
-.nav-list-item_default:active,
 :host([aria-expanded="true"]) button.nav-list-item_default {
     background: var(
         --dx-g-brand-current-button-color-background-inactive,
@@ -74,18 +45,6 @@ button.nav-list-item_small > dx-icon {
     );
 }
 
-.new-nav-list-item_default:active {
-    color: var(--vibrant-blue-50, #0176d3);
-    font-feature-settings: "clig" off, "liga" off;
-    font-family: var(--dx-g-font-sans);
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 24px;
-    letter-spacing: 0.019px;
-    border-bottom: var(--dx-g-spacing-xs) solid var(--dx-g-blue-vibrant-50);
-}
-
 button.nav-list-item:hover > dx-icon,
 button.nav-list-item:active > dx-icon,
 :host([aria-expanded="true"]) button.nav-list-item > dx-icon {
@@ -107,11 +66,10 @@ button.nav-list-item:active > dx-icon,
 }
 
 .nav-list-item_default.state-active {
-    background: var(
-        --dx-g-brand-current-button-color-background-active,
-        var(--dx-g-brand-default-button-color-background-active)
-    );
-    color: var(--dx-g-brand-current-color, var(--dx-g-brand-default-color));
+    color: var(--vibrant-blue-50, #0176d3);
+    font-family: var(--dx-g-font-sans);
+    font-size: var(--dx-g-text-base);
+    border-bottom: var(--dx-g-spacing-xs) solid var(--dx-g-blue-vibrant-50);
 }
 
 @media (max-width: 1160px) {

package/src/modules/dx/trafficLabeler/trafficLabeler.ts

@@ -1,3 +1,4 @@
+import { logCoveoPageView } from "docUtils/utils";
 import { LightningElement, api } from "lwc";
 
 const REDUNDANT_INSTANCE_ERROR_MESSAGE =
@@ -10,6 +11,8 @@ declare module globalThis {
 export default class TrafficLabeler extends LightningElement {
     @api internalIps?: string;
     @api clearbitPublicKey?: string;
+    @api coveoOrganizationId!: string;
+    @api coveoAnalyticsToken!: string;
 
     connectedCallback(): void {
         if (!globalThis.singletonTrafficLabelerConnected) {
@@ -23,6 +26,8 @@ export default class TrafficLabeler extends LightningElement {
         } else {
             console.error(REDUNDANT_INSTANCE_ERROR_MESSAGE);
         }
+
+        logCoveoPageView(this.coveoOrganizationId, this.coveoAnalyticsToken);
     }
 
     async loadClearBitData() {

package/src/modules/dxHelpers/commonHeader/commonHeader.css

@@ -58,7 +58,6 @@ header.state-show-mobile-nav .header_l2_group-nav_overflow {
 /* Second row */
 
 .header_l2 {
-    background: var(--dx-g-brand-current-color-background);
     padding: var(--dx-g-spacing-lg) var(--dx-g-global-header-padding-horizontal);
 }