@salesforcedevs/docs-components 1.3.84 → 1.3.86

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/docs-components",
-    "version": "1.3.84",
+    "version": "1.3.86",
     "description": "Docs Lightning web components for DSC",
     "license": "MIT",
     "main": "index.js",
@@ -24,5 +24,5 @@
         "@types/lodash.orderby": "^4.6.7",
         "@types/lodash.uniqby": "^4.7.7"
     },
-    "gitHead": "09b7aafdaf3a75bf49ecf7691fb51378e6a9c332"
+    "gitHead": "61133211828234c195a168b122293e153a40617b"
 }

package/src/modules/doc/content/content.css

@@ -111,13 +111,6 @@ h6 {
     margin: var(--dx-g-spacing-sm) 0 var(--dx-g-spacing-sm) 0;
 }
 
-.dx-text-heading-alt-1 {
-    color: var(--dx-g-gray-30);
-    font-family: var(--dx-g-font-sans);
-    font-size: var(--slds-text-lg);
-    line-height: 25px;
-}
-
 p,
 .p {
     font-family: var(--dx-g-font-sans);

package/src/modules/doc/header/header.html

@@ -87,7 +87,7 @@
                             symbol={brand}
                             size="xlarge"
                         ></dx-icon>
-                        <span class="subtitle dx-text-heading-4">
+                        <span class="subtitle dx-text-display-6">
                             {subtitle}
                         </span>
                     </a>

package/src/modules/doc/heading/heading.css

@@ -1,54 +1,33 @@
-h1,
-h2,
-h3,
-h4,
-h5,
-h6 {
-    color: var(--dx-g-blue-vibrant-20);
-    font-family: var(--dx-g-font-display);
-    font-weight: var(--dx-g-font-demi);
-}
-
-.display-3 {
-    font-size: var(--dx-g-text-3xl);
-    letter-spacing: -0.85px;
-    line-height: var(--dx-g-spacing-3xl);
+@import "dxHelpers/text";
+
+h1 {
     margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;
 }
 
-.display-3 doc-heading-content {
+h1 doc-heading-content {
     --doc-c-heading-anchor-button-bottom: 9.5px;
 }
 
-.display-4 {
-    font-size: var(--dx-g-text-2xl);
-    letter-spacing: -0.6px;
-    line-height: var(--dx-g-spacing-2xl);
+h2 {
     margin: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-md) 0;
 }
 
-.display-4 doc-heading-content {
+h2 doc-heading-content {
     --doc-c-heading-anchor-button-bottom: 3px;
 }
 
-.display-5 {
-    font-size: var(--dx-g-text-xl);
-    letter-spacing: -0.5px;
-    line-height: var(--dx-g-spacing-xl);
+h3 {
     margin: var(--dx-g-spacing-xl) 0 var(--dx-g-spacing-md) 0;
 }
 
-.display-5 doc-heading-content {
+h3 doc-heading-content {
     --doc-c-heading-anchor-button-bottom: -0.5px;
 }
 
-.display-6 {
-    font-size: var(--dx-g-text-base);
-    letter-spacing: -0.5px;
-    line-height: var(--dx-g-spacing-lg);
+h4 {
     margin: var(--dx-g-spacing-lg) 0 var(--dx-g-spacing-sm) 0;
 }
 
-.display-6 doc-heading-content {
+h4 doc-heading-content {
     --doc-c-heading-anchor-button-bottom: -6px;
 }

package/src/modules/doc/heading/heading.ts

@@ -5,10 +5,10 @@ export const displayLevels = ["3", "4", "5", "6"];
 export const ariaLevels = ["1", "2", "3", "4"];
 
 export const ariaDisplayLevels: { [key: string]: string } = {
-    "1": "3",
-    "2": "4",
-    "3": "5",
-    "4": "6"
+    "1": "4",
+    "2": "5",
+    "3": "6",
+    "4": "8"
 };
 
 export default class Heading extends LightningElement {
@@ -60,6 +60,6 @@ export default class Heading extends LightningElement {
     }
 
     private get className(): string {
-        return `display-${this.displayLevel}`;
+        return `dx-text-display-${this.displayLevel}`;
     }
 }

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

@@ -287,8 +287,8 @@ export default class DocXmlContent extends LightningElementWithState<{
         };
     }
 
-    private handlePopState = (): void =>
-        this.updatePageReference(this.getReferenceFromUrl());
+    private handlePopState = (event: PopStateEvent): void =>
+        this.updatePageReference(this.getReferenceFromUrl(), event);
 
     handleSelect(event: CustomEvent<{ name: string }>): void {
         event.stopPropagation();
@@ -333,7 +333,10 @@ export default class DocXmlContent extends LightningElementWithState<{
         this.fetchDocument();
     };
 
-    updatePageReference(newPageReference: PageReference): void {
+    updatePageReference(
+        newPageReference: PageReference,
+        event: PopStateEvent | undefined = undefined
+    ): void {
         this.pageReference.hash = newPageReference.hash;
         this.pageReference.search = newPageReference.search;
 
@@ -350,17 +353,16 @@ export default class DocXmlContent extends LightningElementWithState<{
         }
 
         this.fetchContent()
-            .then(() => this.buildBreadcrumbs())
+            .then(() => {
+                this.buildBreadcrumbs();
+                document.body.scrollTop = event?.state?.scroll?.value || 0;
+            })
             .catch(handleContentError);
     }
 
     getReferenceFromUrl(): PageReference {
-        const [
-            page,
-            docId,
-            deliverable,
-            contentDocumentId
-        ] = window.location.pathname.substr(1).split("/");
+        const [page, docId, deliverable, contentDocumentId] =
+            window.location.pathname.substr(1).split("/");
 
         const { origin: domain, hash, search } = window.location;
 
@@ -527,14 +529,8 @@ export default class DocXmlContent extends LightningElementWithState<{
     }
 
     private pageReferenceToString(reference: PageReference): string {
-        const {
-            page,
-            docId,
-            deliverable,
-            contentDocumentId,
-            hash,
-            search
-        } = reference;
+        const { page, docId, deliverable, contentDocumentId, hash, search } =
+            reference;
         return `/${page}/${docId}/${deliverable}/${contentDocumentId}${this.normalizeSearch(
             search
         )}${this.normalizeHash(hash)}`;