@salesforcedevs/docs-components 1.3.5-lightdom-3 → 1.3.10-sprig

package/package.json

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

package/src/modules/doc/amfReference/amfReference.html

@@ -43,5 +43,6 @@
                 </div>
             </div>
         </template>
+        <doc-sprig-survey></doc-sprig-survey>
     </doc-content-layout>
 </template>

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;
@@ -52,7 +52,7 @@ header:not(.has-brand) > .header_l2 {
     border-bottom: 1px dashed var(--border-color);
 }
 
-.header_lang-dropdown dx-button:hover {
+.header_lang-dropdown > dx-button:hover {
     --border-color: var(--button-primary-color-hover);
 }
 
@@ -89,7 +89,7 @@ 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;
     }
 

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

@@ -2,10 +2,6 @@
     <dx-brand-theme-provider brand={brand}>
         <header class={className}>
             <dx-skip-nav-link></dx-skip-nav-link>
-            <dx-banner
-                if:true={bannerMarkup}
-                banner-markup={bannerMarkup}
-            ></dx-banner>
             <div class="header_l1">
                 <div if:true={showMenuButton} class="nav_menu-ctas">
                     <dx-button

package/src/modules/doc/sprigSurvey/sprigSurvey.html

@@ -0,0 +1,9 @@
+<template>
+    <hr />
+    <div class="survey-container">
+        <dx-button class="survey-btn" variant="primary" onclick={openSurvey}>
+            Share Feedback
+        </dx-button>
+    </div>
+    <hr />
+</template>

package/src/modules/doc/sprigSurvey/sprigSurvey.scoped.css

@@ -0,0 +1,7 @@
+:host .survey-container {
+    align-items: center;
+    align-content: center;
+    display: flex;
+    flex-direction: column;
+    margin: 20px;
+}

package/src/modules/doc/sprigSurvey/sprigSurvey.ts

@@ -0,0 +1,16 @@
+import { LightningElement } from "lwc";
+import cx from "classnames";
+
+declare const Sprig: (eventType: string, eventNme: string) => void;
+
+export default class Phase extends LightningElement {
+    get className() {
+        return cx("container");
+    }
+
+    renderedCallback() {}
+
+    openSurvey() {
+        Sprig("track", "ProvideFeedback");
+    }
+}

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

@@ -3,18 +3,6 @@
     --button-primary-color-hover: var(--dx-g-blue-vibrant-40);
 }
 
-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);
-}
-
 doc-breadcrumbs {
     --dx-c-popover-z-index: 5;
 
@@ -26,6 +14,18 @@ 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);
+}
+
 .document-pickers {
     margin-left: auto;
     margin-right: var(--dx-g-spacing-sm);

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}
@@ -36,5 +36,6 @@
             onnavclick={handleNavClick}
             style={docContentStyle}
         ></doc-content>
+        <doc-sprig-survey></doc-sprig-survey>
     </doc-content-layout>
 </template>

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;
@@ -148,7 +146,7 @@ export default class DocXmlContent extends LightningElementWithState<{
                 ? this.pageReference.hash.split("#")[1]
                 : this.pageReference?.hash;
 
-        const contentEl = this.querySelector("doc-content");
+        const contentEl = this.template.querySelector("doc-content");
         const anchorEl =
             urlSectionLink &&
             (contentEl?.shadowRoot?.querySelector(`[id='${urlSectionLink}']`) ||
@@ -513,9 +511,9 @@ export default class DocXmlContent extends LightningElementWithState<{
     }
 
     private updateSearchInput(searchParam: string): void {
-        this.querySelector("doc-content-layout")?.setSidebarInputValue(
-            searchParam
-        );
+        this.template
+            .querySelector("doc-content-layout")
+            ?.setSidebarInputValue(searchParam);
     }
 
     private pageReferenceToString(reference: PageReference): string {