@salesforcedevs/dx-components 1.3.186-alpha → 1.3.186-cssalpha

package/package.json

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

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

@@ -5,6 +5,7 @@
                 <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

@@ -22,6 +22,17 @@ a {
     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;
+}
+
 .nav-list-item_default {
     border: 0;
     border-radius: var(--dx-g-spacing-md);
@@ -29,6 +40,14 @@ a {
     padding: 0 var(--horizontal-spacing);
 }
 
+.new-nav-list-item_default {
+    display: flex;
+    padding: 10px 24px;
+    justify-content: center;
+    align-items: center;
+    border-radius: var(--dx-g-spacing-md);
+}
+
 .nav-list-item_small {
     --border-color: transparent;
 
@@ -55,6 +74,18 @@ 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 {

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

@@ -1,5 +1,4 @@
 import { LightningElement, api } from "lwc";
-import { CoveoAnalyticsClient } from "coveo.analytics";
 
 const REDUNDANT_INSTANCE_ERROR_MESSAGE =
     "Multiple <dx-traffic-labeler>s detected, this should never be the case.";
@@ -8,34 +7,9 @@ declare module globalThis {
     let singletonTrafficLabelerConnected: boolean;
 }
 
-export function logCoveoPageView(
-    coveoOrganizationId: string | undefined,
-    coveoAnalyticsToken: string | undefined
-) {
-    if (coveoOrganizationId && coveoAnalyticsToken) {
-        const ua = new CoveoAnalyticsClient({
-            token: coveoAnalyticsToken,
-            endpoint: `https://${coveoOrganizationId}.analytics.org.coveo.com`
-        });
-        const pathParts = window.location.pathname.split("/");
-        let contentType;
-        if (pathParts.length >= 2) {
-            contentType = pathParts[1];
-        }
-
-        ua.sendViewEvent({
-            contentIdKey: "@clickableuri",
-            contentType: contentType,
-            contentIdValue: window.location.href
-        });
-    }
-}
-
 export default class TrafficLabeler extends LightningElement {
     @api internalIps?: string;
     @api clearbitPublicKey?: string;
-    @api coveoOrganizationId!: string;
-    @api coveoAnalyticsToken!: string;
 
     connectedCallback(): void {
         if (!globalThis.singletonTrafficLabelerConnected) {
@@ -49,12 +23,8 @@ export default class TrafficLabeler extends LightningElement {
         } else {
             console.error(REDUNDANT_INSTANCE_ERROR_MESSAGE);
         }
-
-        logCoveoPageView(this.coveoOrganizationId, this.coveoAnalyticsToken);
     }
 
-    private;
-
     async loadClearBitData() {
         try {
             const result = await fetch(