@salesforcedevs/dx-components 1.3.153 → 1.3.155

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.153",
+    "version": "1.3.155",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -41,5 +41,5 @@
         "eventsourcemock": "^2.0.0",
         "luxon": "^3.1.0"
     },
-    "gitHead": "d7535afec7c9bd14eba65ebb6108a59e9dd6c948"
+    "gitHead": "49e14e97f56c7c2978f7dc7e8609ec921344e939"
 }

package/src/modules/dx/emptyState/emptyState.ts

@@ -13,7 +13,7 @@ export default class EmptyState extends LightningElement {
     }
 
     get imageAssetPath() {
-        return `/assets/svg/docs-empty-state${
+        return `https://a.sfdcstatic.com/developer-website/images/docs-empty-state${
             this.size === "small" ? "-small" : ""
         }.svg`;
     }

package/src/modules/dx/feature/feature.css

@@ -3,7 +3,7 @@
 
 :host {
     --dx-c-feature-img-box-shadow: 0 6px 30px 0 rgba(0, 20, 45, 0.4);
-    --dx-c-feature-description-left-img-src: url(/assets/svg/feature-backdrop1.svg);
+    --dx-c-feature-description-left-img-src: url("https://a.sfdcstatic.com/developer-website/images/feature-backdrop1.svg");
     --dx-c-feature-description-max-width: 31.75rem;
     --dx-c-feature-img-margin-left: auto;
     --dx-c-feature-img-container-padding: 4rem;
@@ -73,7 +73,7 @@ section {
 
 .description-right .image {
     margin-right: auto;
-    background-image: url(/assets/svg/feature-backdrop2.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/feature-backdrop2.svg");
 }
 
 .image-display-container {

package/src/modules/dx/feature/feature.html

@@ -20,7 +20,7 @@
         <div if:true={isDisplay} class="image-display-container">
             <img
                 class="image-display"
-                src="/assets/svg/featured-demo-art-blank.svg"
+                src="https://a.sfdcstatic.com/developer-website/images/featured-demo-art-blank.svg"
                 alt={title}
             />
             <div class="image-container">

package/src/modules/dx/featuredContentHeader/featuredContentHeader.css

@@ -165,14 +165,15 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-image: url(/assets/svg/cloud-1.svg), url(/assets/svg/cloud-2.svg),
-        url(/assets/svg/trees.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/cloud-1.svg"),
+        url("https://a.sfdcstatic.com/developer-website/images/cloud-2.svg"),
+        url("https://a.sfdcstatic.com/developer-website/images/trees.svg");
     background-position: top center, 102% 10%, 65% 90%;
     background-repeat: no-repeat, no-repeat, no-repeat;
 }
 @media screen and (max-width: 1174px) {
     .custom-bg-codey::after {
-        background-image: url(/assets/svg/cloud-2.svg);
+        background-image: url("https://a.sfdcstatic.com/developer-website/images/cloud-2.svg");
         background-position: calc(100% + 30px) -20%;
     }
 }
@@ -208,16 +209,16 @@
     left: 0;
     width: 100%;
     height: 100%;
-    background-image: url(/assets/svg/fch-blog-cloud-1.png),
-        url(/assets/svg/fch-blog-cloud-2.png),
-        url(/assets/svg/fch-blog-planet.png);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/fch-blog-cloud-1.png"),
+        url("https://a.sfdcstatic.com/developer-website/images/fch-blog-cloud-2.png"),
+        url("https://a.sfdcstatic.com/developer-website/images/fch-blog-planet.png");
     background-position: calc(100% + -60px) -80px, 67% calc(100% + -100px),
         54% 70px;
     background-repeat: no-repeat, no-repeat, no-repeat;
 }
 @media screen and (max-width: 1024px) {
     .custom-bg-blog::after {
-        background-image: url(/assets/svg/fch-blog-cloud-1.png);
+        background-image: url("https://a.sfdcstatic.com/developer-website/images/fch-blog-cloud-1.png");
         background-position: calc(100% + 78px) -60px;
     }
 
@@ -226,7 +227,7 @@
         position: absolute;
         width: 100%;
         height: 100%;
-        background-image: url(/assets/svg/fch-blog-cloud-2.png);
+        background-image: url("https://a.sfdcstatic.com/developer-website/images/fch-blog-cloud-2.png");
         background-repeat: no-repeat;
         background-position: bottom left;
         transform: rotate(180deg);
@@ -243,8 +244,8 @@
 
 .custom-bg-trial::after {
     content: "";
-    background-image: url(/assets/svg/trial-left.svg),
-        url(/assets/svg/trial-right.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/trial-left.svg"),
+        url("https://a.sfdcstatic.com/developer-website/images/trial-right.svg");
     background-position: var(--dx-g-page-padding-horizontal) 50px,
         right 15px top;
     background-repeat: no-repeat;
@@ -257,7 +258,7 @@
 
 @media screen and (max-width: 1024px) {
     .custom-bg-trial::after {
-        background-image: url(/assets/svg/trial-left.svg);
+        background-image: url("https://a.sfdcstatic.com/developer-website/images/trial-left.svg");
         background-position: 48px 30px;
         background-size: contain;
     }
@@ -265,7 +266,7 @@
 
 .custom-bg-big-moon::after {
     content: "";
-    background-image: url(/assets/svg/big-moon.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/big-moon.svg");
     background-position: top right;
     background-repeat: no-repeat;
     position: absolute;
@@ -280,7 +281,7 @@
     justify-content: center;
     align-items: center;
     position: absolute;
-    background-image: url(/assets/svg/blue-circle.svg);
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/blue-circle.svg");
     top: 110px;
     right: 230px;
     left: unset;

package/src/modules/dx/footer/footer.css

@@ -109,14 +109,14 @@ footer.signup-variant-no-signup {
     height: 112px;
     width: 110px;
     margin-right: var(--dx-g-spacing-lg);
-    background-image: url("/assets/svg/footer-graphic-trees.svg");
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-trees.svg");
 }
 
 .graphic-mountains {
     height: 96px;
     width: 220px;
     margin-right: var(--dx-g-spacing-lg);
-    background-image: url("/assets/svg/footer-graphic-mountains.svg");
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains.svg");
 }
 
 .graphic-mountains-mobile {
@@ -126,14 +126,14 @@ footer.signup-variant-no-signup {
     bottom: 0;
     height: 56px;
     width: 100px;
-    background-image: url("/assets/svg/footer-graphic-mountains-small.svg");
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-mountains-small.svg");
 }
 
 .graphic-trees-small {
     height: 66px;
     width: 52px;
     margin-left: var(--dx-g-spacing-lg);
-    background-image: url("/assets/svg/footer-graphic-trees-small.svg");
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-trees-small.svg");
 }
 
 .graphic-large {
@@ -143,7 +143,7 @@ footer.signup-variant-no-signup {
     bottom: -2px;
     width: 100%;
     height: 100%;
-    background-image: url("/assets/svg/footer-graphic-large.svg");
+    background-image: url("https://a.sfdcstatic.com/developer-website/images/footer-graphic-large.svg");
     background-size: 101%;
 }
 

package/src/modules/dx/footer/footer.html

@@ -39,7 +39,7 @@
         >
             <a class="logo" href="/">
                 <img
-                    src="/assets/svg/salesforce-logo-corporate.svg"
+                    src="https://a.sfdcstatic.com/developer-website/images/salesforce-logo-corporate.svg"
                     alt="Salesforce logo"
                 />
             </a>

package/src/modules/dx/footer/links.ts

@@ -81,8 +81,7 @@ export const generalLinksRaw: OptionWithRequiredNested[] = [
         options: [
             {
                 link: {
-                    href:
-                        "https://trailhead.salesforce.com/trailblazer-community/feed"
+                    href: "https://trailhead.salesforce.com/trailblazer-community/feed"
                 },
                 label: "Trailblazer Community",
                 id: "Trailblazer Community"
@@ -159,8 +158,7 @@ export const termsLinks = [
         label: "Legal"
     },
     {
-        href:
-            "https://www.salesforce.com/company/privacy/full_privacy/#nav_info",
+        href: "https://www.salesforce.com/company/privacy/full_privacy/#nav_info",
         label: "Use of Cookies"
     },
     { href: "https://trust.salesforce.com/en/", label: "Trust" },
@@ -173,7 +171,7 @@ export const termsLinks = [
     {
         href: "https://www.salesforce.com/form/other/privacy-request/",
         label: "Your Privacy Choices",
-        img: "/assets/svg/privacyicon.png"
+        img: "https://a.sfdcstatic.com/developer-website/images/privacyicon.png"
     }
 ];
 

package/src/modules/dx/input/input.ts

@@ -144,7 +144,7 @@ export default class Input extends LightningElement {
     }
 
     private get shortcutImgSrc() {
-        return `/assets/svg/${this.commandKey}.svg`;
+        return `https://a.sfdcstatic.com/developer-website/images/${this.commandKey}.svg`;
     }
 
     private get shortcutImgAlt() {

package/src/modules/dx/logo/logo.ts

@@ -2,7 +2,8 @@ import { LightningElement, api } from "lwc";
 
 export default class Logo extends LightningElement {
     @api href: string = "/";
-    @api imgSrc: string = "/assets/svg/salesforce-cloud.svg";
+    @api imgSrc: string =
+        "https://a.sfdcstatic.com/developer-website/images/salesforce-cloud.svg";
     @api imgAlt: string = "Salesforce logo";
     @api label!: string;
 }

package/src/modules/dx/mainContentHeader/mainContentHeader.html

@@ -29,8 +29,8 @@
             </div>
         </div>
         <div class="image-container">
-            <img class="desktop" src={imgSrc} />
-            <img class="mobile" src={imgSrcMobile} />
+            <img class="desktop" src={imgSrc} alt="" />
+            <img class="mobile" src={imgSrcMobile} alt="" />
         </div>
     </div>
     <template if:true={hasSwoop}>

package/src/modules/dx/sectionBanner/sectionBanner.html

@@ -3,7 +3,7 @@
         <img
             if:false={hideTopGraphic}
             class="graphic"
-            src="/assets/svg/dx-section-banner-graphic-1.svg"
+            src="https://a.sfdcstatic.com/developer-website/images/dx-section-banner-graphic-1.svg"
             alt=""
         />
         <div class="content">

package/src/modules/dx/sidebar/sidebar.html

@@ -55,7 +55,7 @@
             <img
                 if:true={isSearchLoading}
                 class="loading-skeleton padding-horizontal"
-                src="/assets/svg/sidebar-loading.svg"
+                src="https://a.sfdcstatic.com/developer-website/images/sidebar-loading.svg"
                 alt="loading"
             />
             <template

package/src/modules/dx/treeItem/treeItem.html

@@ -15,7 +15,7 @@
     <img
         if:true={showChildrenLoading}
         class="tree-children-loading"
-        src="/assets/svg/sidebar-item-loading.svg"
+        src="https://a.sfdcstatic.com/developer-website/images/sidebar-item-loading.svg"
         alt="childrenLoading"
     />
     <template if:true={showChildren} tabindex="0">

package/src/assets/svg/big-moon.svg

@@ -1 +0,0 @@
-<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 397 322" width="397" height="322"><defs><clipPath clipPathUnits="userSpaceOnUse" id="cp1"><path d="m0 0h397v322h-397z"/></clipPath></defs><style>.a{fill:#3a49da}.b{fill:none;stroke:#90d0fe;stroke-width:2}.c{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-linejoin:round;stroke-width:2}.d{fill:none;stroke:#90d0fe;stroke-linecap:round;stroke-width:2}</style><g clip-path="url(#cp1)"><path class="a" d="m424.5 322c-207.1 0-374.5-167.4-374.5-374.5 0-207.1 167.4-374.5 374.5-374.5 207.1 0 374.5 167.4 374.5 374.5 0 207.1-167.4 374.5-374.5 374.5z"/><path class="b" d="m270 137c-5.5 0-10-4.5-10-10 0-5.5 4.5-10 10-10 5.5 0 10 4.5 10 10 0 5.5-4.5 10-10 10z"/><path class="c" d="m356.2 93.2c5.3-9.8 5.8-21.3 1.4-31.6"/><path class="c" d="m353.3 97.7c-10 13.4-27.9 19.1-44.4 14.2-16.4-5-27.6-19.5-27.6-36q0-2.7 0.4-5.3"/><path class="c" d="m282.9 65.2c4.6-14.3 17.5-24.8 33.2-26.6 15.6-1.9 30.9 5.2 38.9 18.1"/><path class="c" d="m291.6 70.4h-13.9"/><path class="c" d="m272.3 70.4h-3.3"/><path class="c" d="m374.5 57.3h-4.7"/><path class="c" d="m363.9 57.3h-14.5"/><path class="b" d="m364.6 58.2c-0.5 0-0.9-0.4-0.9-0.9 0-0.5 0.4-0.9 0.9-0.9 0.6 0 1 0.4 1 0.9 0 0.5-0.4 0.9-1 0.9z"/><path class="c" d="m363.5 97.5h-14.7"/><path class="c" d="m331.5 172l2.1 5.7q0.3 0.6 0.9 0.9l5.7 2.1c1.3 0.5 1.3 2.3 0 2.8l-5.7 2.1q-0.6 0.3-0.9 0.9l-2.1 5.7c-0.5 1.3-2.3 1.3-2.8 0l-2.1-5.7q-0.3-0.6-0.9-0.9l-5.7-2.1c-1.3-0.5-1.3-2.3 0-2.8l5.7-2.1q0.6-0.3 0.9-0.9l2.1-5.7c0.5-1.3 2.3-1.3 2.8 0z"/><path class="c" d="m162.4 32.6l3.4 9.3q0.5 1.1 1.5 1.5l9.3 3.4c2.1 0.8 2.1 3.8 0 4.6l-9.3 3.4q-1 0.4-1.5 1.5l-3.4 9.3c-0.8 2.1-3.8 2.1-4.6 0l-3.4-9.3q-0.5-1.1-1.5-1.5l-9.3-3.4c-2.1-0.8-2.1-3.8 0-4.6l9.3-3.4q1-0.4 1.5-1.5l3.4-9.3c0.8-2.1 3.8-2.1 4.6 0z"/><path class="c" d="m8 284v-16"/><path class="c" d="m16.1 276h-16.1"/><path class="d" d="m160 176h28"/><path class="d" d="m204 176h-9"/><path class="b" d="m200 106c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/><path class="b" d="m150 246c-1.1 0-2-0.9-2-2 0-1.1 0.9-2 2-2 1.1 0 2 0.9 2 2 0 1.1-0.9 2-2 2z"/></g></svg>

package/src/assets/svg/blue-circle.svg

@@ -1,3 +0,0 @@
-<svg width="126" height="126" viewBox="0 0 126 126" fill="none" xmlns="http://www.w3.org/2000/svg">
-<circle cx="63" cy="63" r="62" fill="white" stroke="#90D0FE" stroke-width="2"/>
-</svg>