@salesforcedevs/dx-components 1.3.186-2-cssalpha → 1.3.186-4-cssalpha

package/package.json

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

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

@@ -14,34 +14,17 @@ a {
     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 {
     font-size: var(--dx-g-text-base);
 }
 
 .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: var(--dx-g-spacing-sm) var(--dx-g-spacing-lg);
     justify-content: center;
     align-items: center;
 }
 
-.nav-list-item_small,
-.new-nav-list-item_small {
+.nav-list-item_small {
     --border-color: transparent;
 
     border-bottom: 2px solid var(--border-color);
@@ -58,8 +41,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,
@@ -67,13 +48,6 @@ button.nav-list-item_small > dx-icon {
     );
 }
 
-.new-nav-list-item_default.state-active {
-    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);
-}
-
 button.nav-list-item:hover > dx-icon,
 button.nav-list-item:active > dx-icon,
 :host([aria-expanded="true"]) button.nav-list-item > dx-icon {
@@ -95,11 +69,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/tab/tab.ts

@@ -51,9 +51,9 @@ export default class Tab extends LightningElement {
 
     get className() {
         return cx(
-            "new-nav-list-item",
+            "nav-list-item",
             this.isActive && "state-active",
-            `new-nav-list-item_${this.variant}`
+            `nav-list-item_${this.variant}`
         );
     }
 

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() {