@salesforcedevs/dx-components 1.3.317 → 1.3.320

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@salesforcedevs/dx-components",
-    "version": "1.3.317",
+    "version": "1.3.320",
     "description": "DX Lightning web components",
     "license": "MIT",
     "engines": {
@@ -18,7 +18,7 @@
         "@vimeo/player": "^2.16.4",
         "classnames": "^2.2.6",
         "composed-offset-position": "^0.0.4",
-        "coveo-search-ui": "^2.10109.0",
+        "coveo-search-ui": "2.10113.0",
         "debounce": "^1.2.0",
         "js-cookie": "^3.0.1",
         "lodash.defaults": "^4.2.0",
@@ -46,5 +46,5 @@
     "volta": {
         "node": "16.19.1"
     },
-    "gitHead": "9e40898b8728d5ec2c08afdd49ccbcb4b065cc5d"
+    "gitHead": "2f4e89a68c97e00c5776877ec86d332ed1aca6fb"
 }

package/src/modules/dx/featuresListHeader/featuresListHeader.css

@@ -14,7 +14,8 @@
     flex-direction: column;
     justify-content: center;
     align-items: flex-start;
-    padding: var(--dx-g-spacing-2xl) 0 var(--dx-g-spacing-3xl) 0;
+    padding-top: var(--dx-g-spacing-4xl);
+    padding-bottom: var(--dx-g-spacing-3xl);
     min-height: 460px;
     text-align: left;
     background-position: center;
@@ -22,6 +23,30 @@
     background-repeat: no-repeat;
 }
 
+.countries-list {
+    margin-top: var(--dx-g-spacing-smd);
+    width: 100%;
+}
+
+.countries-list > *:not(:first-child) {
+    margin-top: var(--dx-g-spacing-md);
+}
+
+.country {
+    display: flex;
+    align-items: center;
+}
+
+.country > span {
+    color: white;
+}
+
+.country > img {
+    height: 42px;
+    width: 42px;
+    margin-left: var(--dx-g-spacing-smd);
+}
+
 .button-container {
     display: flex;
     gap: var(--dx-g-spacing-md);
@@ -41,6 +66,7 @@
     grid-template-columns: 1fr 1fr;
     margin-top: var(--dx-g-spacing-lg);
     gap: var(--dx-g-spacing-md);
+    width: 100%;
 }
 
 .feature-item {

package/src/modules/dx/featuresListHeader/featuresListHeader.html

@@ -20,6 +20,16 @@
                     </div>
                 </template>
             </div>
+            <div class="countries-list" if:true={renderCountriesList}>
+                <template for:each={countriesList} for:item="country">
+                    <div key={country.name} class="country">
+                        <span class="dx-text-display-7">
+                            {country.label}&nbsp;{country.name}
+                        </span>
+                        <img src={country.flagSrc} alt={country.flagAltText} />
+                    </div>
+                </template>
+            </div>
             <div class="button-container">
                 <dx-button
                     onclick={onCtaClick}

package/src/modules/dx/featuresListHeader/featuresListHeader.ts

@@ -18,6 +18,8 @@ export default class FeaturesListHeader extends LightningElement {
     @api imgSrcMobile!: string;
     @api backgroundDark: boolean = false;
     @api backgroundColor?: string;
+    private _featuresList!: any;
+    private _countriesList?: any;
 
     @api
     get featuresList() {
@@ -27,6 +29,18 @@ export default class FeaturesListHeader extends LightningElement {
         this._featuresList = toJson(value);
     }
 
+    @api
+    get countriesList() {
+        return this._countriesList;
+    }
+    set countriesList(value: string) {
+        this._countriesList = toJson(value);
+    }
+
+    get renderCountriesList(): boolean {
+        return Boolean(this.countriesList?.length);
+    }
+
     // For use when displayed title will have embed HTML, i.e., is "rich text"
     @api
     get displayTitle() {
@@ -49,8 +63,6 @@ export default class FeaturesListHeader extends LightningElement {
         return cx("text-container", this.backgroundDark && "light-text");
     }
 
-    private _featuresList!: any;
-
     private onCtaClick(e: Event) {
         if (e.currentTarget) {
             track(e.currentTarget, "custEv_ctaButtonClick", {

package/src/modules/dx/searchResults/coveo.css

@@ -7944,7 +7944,7 @@ select.coveo-dropdown::-ms-expand {
 
 @font-face {
   font-family: "Lato";
-  src: url('https://static.cloud.coveo.com/searchui/v2.10115/0/fonts/lato.woff2'), url('https://staticdev.cloud.coveo.com/searchui/v2.10115/0/fonts/lato.woff2'), url('../fonts/lato.woff2'), url('https://static.cloud.coveo.com/searchui/v2.10115/0/fonts/lato.woff'), url('https://staticdev.cloud.coveo.com/searchui/v2.10115/0/fonts/lato.woff'), url('../fonts/lato.woff');
+  src: url('https://static.cloud.coveo.com/searchui/v2.10113/0/fonts/lato.woff2'), url('https://staticdev.cloud.coveo.com/searchui/v2.10113/0/fonts/lato.woff2'), url('../fonts/lato.woff2'), url('https://static.cloud.coveo.com/searchui/v2.10113/0/fonts/lato.woff'), url('https://staticdev.cloud.coveo.com/searchui/v2.10113/0/fonts/lato.woff'), url('../fonts/lato.woff');
   font-weight: normal;
   font-style: normal;
 }