@salesforcedevs/docs-components 1.2.18-lightdom → 1.2.19-alpha

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.2.18-lightdom",
+    "version": "1.2.19-alpha",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",

package/src/modules/doc/breadcrumbItem/{breadcrumbItem.scoped.css → breadcrumbItem.css}

@@ -1,3 +1,6 @@
+@import "dxHelpers/reset";
+@import "dxHelpers/text";
+
 :host {
     display: flex;
     align-items: center;

package/src/modules/doc/breadcrumbItem/breadcrumbItem.html

@@ -1,4 +1,4 @@
-<template lwc:render-mode='light'>
+<template>
     <dx-icon if:true={isBackArrowVariant} symbol="back"></dx-icon>
     <a if:true={href} href={href} onclick={onLinkClick}>{label}</a>
     <span if:false={href}>{label}</span>

package/src/modules/doc/breadcrumbItem/breadcrumbItem.ts

@@ -7,8 +7,6 @@ const BREADCRUMB_BACK_ARROW = "breadcrumb_back-arrow";
 
 const LONG_LABEL_NUMBER = 30;
 export default class BreadcrumbItem extends LightningElement {
-    static renderMode = 'light';
-    
     @api href?: string;
     @api analyticsEvent!: string;
     @api analyticsBasePayload!: AnalyticsPayload;

package/src/modules/doc/header/header.css

@@ -43,7 +43,7 @@ header:not(.has-brand) > .header_l2 {
     --button-primary-color-hover: var(--dx-g-blue-vibrant-40);
 }
 
-.header_lang-dropdown dx-button {
+.header_lang-dropdown > dx-button {
     --dx-c-button-primary-color: var(--button-primary-color);
     --dx-c-button-primary-color-hover: var(--button-primary-color-hover);
     --dx-c-slot-empty-width: min-content;
@@ -89,11 +89,11 @@ header:not(.has-brand) > .header_l2 {
         margin-left: auto;
     }
 
-    .header_lang-dropdown dx-button {
+    .header_lang-dropdown > dx-button {
         padding: var(--dx-g-spacing-2xs) 0;
     }
 
-    .has-scoped-nav-items .header_l2 {
+    .has-scoped-nav-items > .header_l2 {
         height: unset;
     }
 

package/src/modules/doc/xmlContent/{xmlContent.scoped.css → xmlContent.css}

@@ -7,13 +7,21 @@ doc-breadcrumbs {
     --dx-c-popover-z-index: 5;
 
     display: block;
-    margin-bottom: var(--dx-g-spacing-2xl);
+    margin-bottom: var(--dx-g-spacing-md);
 }
 
 dx-dropdown {
     --dx-c-dropdown-option-font-size: var(--dx-g-text-sm);
 }
 
+dx-dropdown > dx-button {
+    --dx-c-button-primary-color: var(--button-primary-color);
+    --dx-c-button-primary-color-hover: var(--button-primary-color-hover);
+    --border-color: var(--button-primary-color);
+
+    border-bottom: 1px dashed var(--border-color);
+}
+
 dx-dropdown > dx-button:hover {
     --border-color: var(--button-primary-color-hover);
 }

package/src/modules/doc/xmlContent/xmlContent.html

@@ -1,4 +1,4 @@
-<template lwc:render-mode='light'>
+<template>
     <doc-content-layout
         if:true={loaded}
         coveo-organization-id={coveoOrganizationId}

package/src/modules/doc/xmlContent/xmlContent.ts

@@ -28,8 +28,6 @@ export default class DocXmlContent extends LightningElementWithState<{
     isFetchingContent: boolean;
     lastHighlightedSearch: string;
 }> {
-    static renderMode = 'light';
-    
     @api apiDomain = "https://developer.salesforce.com";
     @api coveoOrganizationId!: string;
     @api coveoPublicAccessToken!: string;
@@ -617,6 +615,17 @@ export default class DocXmlContent extends LightningElementWithState<{
         return [item];
     }
 
+    dropVersionFromDocId(docId: string): string {
+        const docIdElemets = docId.split(".");
+        const filteredDocId = docIdElemets.filter((docIdElement) => {
+            if (docIdElement.match(/^[0-9]+$/) === null) {
+                return docIdElement;
+            }
+            return "";
+        });
+        return filteredDocId.join(".");
+    }
+
     addMetatags(): void {
         const div = document.createElement("div");
         div.innerHTML = this.docContent;
@@ -648,6 +657,9 @@ export default class DocXmlContent extends LightningElementWithState<{
                 'link[rel="canonical"]'
             );
             if (metadescription) {
+                this.pageReference.docId = this.pageReference.docId
+                    ? this.dropVersionFromDocId(this.pageReference.docId)
+                    : this.pageReference.docId;
                 metadescription.setAttribute(
                     "href",
                     window.location.protocol +