@salesforcedevs/docs-components 1.2.13-canary.0 → 1.2.18-lightdom

package/package.json

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

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

@@ -1,4 +1,4 @@
-<template>
+<template lwc:render-mode='light'>
     <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.css → breadcrumbItem.scoped.css}

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

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

@@ -7,6 +7,8 @@ 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/header/header.html

@@ -37,9 +37,6 @@
                         onstatechange={handleStateChange}
                     ></dx-header-search>
                 </div>
-                <div if:true={showTbidLogin} class="header-tbid-login">
-                    <dw-tbid-login-menu></dw-tbid-login-menu>
-                </div>
                 <div if:true={showSignup} class="header-login-signup">
                     <dx-button
                         aria-label="Sign Up For Salesforce Developer Edition"

package/src/modules/doc/header/header.ts

@@ -62,10 +62,6 @@ export default class Header extends HeaderBase {
         return !this.mobile && this.hasNavItems;
     }
 
-    private get showTbidLogin(): boolean {
-        return this.showSignup;
-    }
-
     private get showSignup(): boolean {
         return this.signupLink
             ? (this.tablet && !this.isSearchOpen) || !this.tablet

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

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

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

@@ -14,14 +14,6 @@ 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.ts

@@ -28,6 +28,8 @@ 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;