@coveops/abi 0.4.0 → 0.5.0

package/dist/esm/sample-component.entry.js

@@ -1,6 +1,7 @@
-import { r as registerInstance, h, g as getElement, f as forceUpdate } from './index-51334f26.js';
-import { i as initializeBindings, n as nw, D as DI } from './index-77ebb3d5.js';
+import { r as registerInstance, h, g as getElement, f as forceUpdate } from './index-8b0b351b.js';
+import { i as initializeBindings, n as nw, D as DI } from './index-42e9a708.js';
 import { w as waitForAtomic } from './atomic-0e957d02.js';
+import './headless.esm-085e70ed-c4dfb380.js';
 
 const sampleComponentCss = "nav{width:300px;display:flex;justify-content:space-around}button{color:var(--atomic-on-primary);background-color:var(--atomic-primary)}";
 

package/dist/esm/strip-html-component.entry.js

@@ -0,0 +1,56 @@
+import { r as registerInstance, h, g as getElement } from './index-8b0b351b.js';
+import './headless.esm-085e70ed-c4dfb380.js';
+import { r as resultContext } from './result-template-decorators-881a4c8e-ed85ad21.js';
+
+const stripHtmlComponentCss = "b{color:var(--atomic-primary)}";
+
+const StripHtmlComponent = class {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+  }
+  // We recommended fetching the result context using the `connectedCallback` lifecycle method
+  // with async/await. Using `componentWillLoad` will hang the parent `atomic-search-interface` initialization.
+  async connectedCallback() {
+    try {
+      this.result = await resultContext(this.host);
+    }
+    catch (error) {
+      console.error(error);
+      this.host.remove();
+    }
+  }
+  // Function to strip HTML tags and decode HTML entities
+  stripHtmlAndEntities(str) {
+    // Create a temporary DOM element
+    var tempDiv = document.createElement("div");
+    // Set its innerHTML to the input string
+    tempDiv.innerHTML = str;
+    // Use textContent to get the plain text
+    var text = tempDiv.textContent || tempDiv.innerText || "";
+    // Replace HTML entities
+    var decodedText = text.replace(/&#(\d+);/g, (_, dec) => String.fromCharCode(dec));
+    return decodedText;
+  }
+  render() {
+    // Do not render the component until the result object has been resolved.
+    if (!this.result) {
+      return;
+    }
+    let description;
+    if (this.result.raw.abicontenttype == "Quick Links") {
+      description = this.result.excerpt || "No description available";
+    }
+    else {
+      description = this.result.raw.description;
+    }
+    let strippedString = '';
+    if (typeof description === 'string') {
+      strippedString = this.stripHtmlAndEntities(description);
+    }
+    return (h("div", { style: { fontSize: "13px" } }, strippedString));
+  }
+  get host() { return getElement(this); }
+};
+StripHtmlComponent.style = stripHtmlComponentCss;
+
+export { StripHtmlComponent as strip_html_component };

package/dist/types/components/strip-html-component/strip-html-component.d.ts

@@ -0,0 +1,14 @@
+/**
+ * Sample custom Atomic result component, to be used inside an Atomic Result Template.
+ *
+ * This component showcases a component that conditionally renders the author of a result, with a fallback to display "anonymous" in the event that no author is available for a document, for educational purposes.
+ *
+ * In a real life scenario, we recommend using [result-field-condition](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-field-condition/) and [atomic-result-text](https://docs.coveo.com/en/atomic/latest/reference/result-template-components/atomic-result-text/).
+ */
+export declare class StripHtmlComponent {
+  private result?;
+  private host;
+  connectedCallback(): Promise<void>;
+  private stripHtmlAndEntities;
+  render(): any;
+}

package/dist/types/components.d.ts

@@ -12,6 +12,8 @@ export namespace Components {
     }
     interface SampleComponent {
     }
+    interface StripHtmlComponent {
+    }
 }
 declare global {
     interface HTMLFaqPopupComponentElement extends Components.FaqPopupComponent, HTMLStencilElement {
@@ -32,10 +34,17 @@ declare global {
         prototype: HTMLSampleComponentElement;
         new (): HTMLSampleComponentElement;
     };
+    interface HTMLStripHtmlComponentElement extends Components.StripHtmlComponent, HTMLStencilElement {
+    }
+    var HTMLStripHtmlComponentElement: {
+        prototype: HTMLStripHtmlComponentElement;
+        new (): HTMLStripHtmlComponentElement;
+    };
     interface HTMLElementTagNameMap {
         "faq-popup-component": HTMLFaqPopupComponentElement;
         "results-manager": HTMLResultsManagerElement;
         "sample-component": HTMLSampleComponentElement;
+        "strip-html-component": HTMLStripHtmlComponentElement;
     }
 }
 declare namespace LocalJSX {
@@ -45,10 +54,13 @@ declare namespace LocalJSX {
     }
     interface SampleComponent {
     }
+    interface StripHtmlComponent {
+    }
     interface IntrinsicElements {
         "faq-popup-component": FaqPopupComponent;
         "results-manager": ResultsManager;
         "sample-component": SampleComponent;
+        "strip-html-component": StripHtmlComponent;
     }
 }
 export { LocalJSX as JSX };
@@ -58,6 +70,7 @@ declare module "@stencil/core" {
             "faq-popup-component": LocalJSX.FaqPopupComponent & JSXBase.HTMLAttributes<HTMLFaqPopupComponentElement>;
             "results-manager": LocalJSX.ResultsManager & JSXBase.HTMLAttributes<HTMLResultsManagerElement>;
             "sample-component": LocalJSX.SampleComponent & JSXBase.HTMLAttributes<HTMLSampleComponentElement>;
+            "strip-html-component": LocalJSX.StripHtmlComponent & JSXBase.HTMLAttributes<HTMLStripHtmlComponentElement>;
         }
     }
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coveops/abi",
   "description": "Abi project",
-  "version": "0.4.0",
+  "version": "0.5.0",
   "private": false,
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

package/src/components/results-manager/AppTemplate.html

@@ -15,31 +15,49 @@
   }
 
   atomic-result-section-title a {
-    color: #b11f24 !important;
-    font-size: 18px;
+    color: #F2DC39 !important;
+    font-size: 18px !important;
     font-weight: 600;
   }
 
+  atomic-result-link a:visited {
+    color: #45130f !important;
+  }
+
   atomic-result-section-excerpt {
-    font-size: 13px;
+    font-size: 13px !important;
     margin-top: 2px !important;
   }
 
-  atomic-result-link a:visited {
-    color: #45130f !important;
+  atomic-result-section-visual {
+    width: 4rem !important;
+    height: 5rem !important;
+
   }
 </style>
 
 <atomic-result-section-visual>
   <atomic-icon class="icon"></atomic-icon>
   <svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="38" height="35" viewBox="0 0 60 50">
-    <path d="M0 0 C0.8245166 -0.00478363 1.6490332 -0.00956726 2.49853516 -0.01449585 C4.23667313 -0.01788872 5.97487544 -0.00872903 7.71289062 0.01220703 C10.36733825 0.03898521 13.01755825 0.01244254 15.671875 -0.01953125 C17.36459263 -0.01622704 19.05730763 -0.00982056 20.75 0 C21.93456787 -0.01518173 21.93456787 -0.01518173 23.14306641 -0.03067017 C27.11276955 0.05339275 28.99170918 0.40801499 32.37255859 2.66650391 C35.0441572 6.66575868 35.09944932 9.57732793 35.0390625 14.2890625 C35.04384613 15.1135791 35.04862976 15.9380957 35.05355835 16.78759766 C35.05695122 18.52573563 35.04779153 20.26393794 35.02685547 22.00195312 C35.00007729 24.65640075 35.02661996 27.30662075 35.05859375 29.9609375 C35.05528954 31.65365513 35.04888306 33.34637013 35.0390625 35.0390625 C35.04918365 35.82877441 35.05930481 36.61848633 35.06973267 37.43212891 C34.98566975 41.40183205 34.63104751 43.28077168 32.37255859 46.66162109 C28.37330382 49.3332197 25.46173457 49.38851182 20.75 49.328125 C19.5132251 49.33530045 19.5132251 49.33530045 18.25146484 49.34262085 C16.51332687 49.34601372 14.77512456 49.33685403 13.03710938 49.31591797 C10.38266175 49.28913979 7.73244175 49.31568246 5.078125 49.34765625 C3.38540737 49.34435204 1.69269237 49.33794556 0 49.328125 C-0.78971191 49.33824615 -1.57942383 49.34836731 -2.39306641 49.35879517 C-6.36276955 49.27473225 -8.24170918 48.92011001 -11.62255859 46.66162109 C-14.2941572 42.66236632 -14.34944932 39.75079707 -14.2890625 35.0390625 C-14.29384613 34.2145459 -14.29862976 33.3900293 -14.30355835 32.54052734 C-14.30695122 30.80238937 -14.29779153 29.06418706 -14.27685547 27.32617188 C-14.25007729 24.67172425 -14.27661996 22.02150425 -14.30859375 19.3671875 C-14.30528954 17.67446987 -14.29888306 15.98175487 -14.2890625 14.2890625 C-14.29918365 13.49935059 -14.30930481 12.70963867 -14.31973267 11.89599609 C-14.23566975 7.92629295 -13.88104751 6.04735332 -11.62255859 2.66650391 C-7.62330382 -0.0050947 -4.71173457 -0.06038682 0 0 Z " fill="#090909" transform="translate(13.625,-0.6640625)"></path>
-    <path d="M0 0 C5.60625406 3.00563431 11.18661116 6.05492007 16.6875 9.25 C17.51636719 9.72953125 18.34523438 10.2090625 19.19921875 10.703125 C19.79347656 11.13109375 20.38773438 11.5590625 21 12 C21 12.66 21 13.32 21 14 C19.02 14.99 19.02 14.99 17 16 C18.32 17.32 19.64 18.64 21 20 C19.95125002 22.62187494 19.35068687 23.79371361 16.875 25.25 C16.25625 25.4975 15.6375 25.745 15 26 C13.02 24.35 11.04 22.7 9 21 C8.34 21.99 7.68 22.98 7 24 C6.34 24 5.68 24 5 24 C4.35284867 21.9170757 3.70732834 19.83364461 3.0625 17.75 C2.70285156 16.58984375 2.34320312 15.4296875 1.97265625 14.234375 C0.46331884 9.2153735 -0.10177317 5.29220494 0 0 Z " fill="#DCDCDC" transform="translate(19,16)"></path>
-    <path d="M0 0 C3.81275879 1.52510352 6.86017055 3.00757127 10.3125 5.125 C11.19550781 5.66382813 12.07851563 6.20265625 12.98828125 6.7578125 C13.65214844 7.16773438 14.31601562 7.57765625 15 8 C13.02 8.99 13.02 8.99 11 10 C11.845625 10.928125 12.69125 11.85625 13.5625 12.8125 C15.00390625 14.39453125 15.00390625 14.39453125 16 16 C15.67 16.99 15.34 17.98 15 19 C12.33333333 17.66666667 9.66666667 16.33333333 7 15 C6.01 15.66 5.02 16.32 4 17 C2.68 11.39 1.36 5.78 0 0 Z " fill="#070707" transform="translate(21,20)"></path>
-    <path d="M0 0 C1.98 0.99 1.98 0.99 4 2 C3.8040625 2.53625 3.608125 3.0725 3.40625 3.625 C2.86836562 6.76955484 3.61487629 8.94784926 4.5 12 C6.33802817 18.33802817 6.33802817 18.33802817 5 22 C0.80891282 15.71336924 -0.50995408 7.47932645 0 0 Z " fill="#C9C9C9" transform="translate(19,16)"></path>
-    <path d="M0 0 C3.43595166 1.52708963 6.11912454 3.59927045 9 6 C8.01 6.66 7.02 7.32 6 8 C4.02 6.35 2.04 4.7 0 3 C-0.99 4.485 -0.99 4.485 -2 6 C-2.66 6 -3.32 6 -4 6 C-4 5.01 -4 4.02 -4 3 C-2 1.3125 -2 1.3125 0 0 Z " fill="#DFDFDF" transform="translate(28,34)"></path>
-    <path d="M0 0 C1 3 1 3 1 5 C2.45833358 6.62514468 2.45833358 6.62514468 4 8 C3.34 9.32 2.68 10.64 2 12 C0.00449854 10.00449854 -0.81376393 8.52075165 -2 6 C-2.37125 5.2575 -2.7425 4.515 -3.125 3.75 C-3.41375 3.1725 -3.7025 2.595 -4 2 C-2.68 1.34 -1.36 0.68 0 0 Z " fill="#C6C6C6" transform="translate(36,28)"></path>
-    </svg>
+    <path
+      d="M0 0 C0.8245166 -0.00478363 1.6490332 -0.00956726 2.49853516 -0.01449585 C4.23667313 -0.01788872 5.97487544 -0.00872903 7.71289062 0.01220703 C10.36733825 0.03898521 13.01755825 0.01244254 15.671875 -0.01953125 C17.36459263 -0.01622704 19.05730763 -0.00982056 20.75 0 C21.93456787 -0.01518173 21.93456787 -0.01518173 23.14306641 -0.03067017 C27.11276955 0.05339275 28.99170918 0.40801499 32.37255859 2.66650391 C35.0441572 6.66575868 35.09944932 9.57732793 35.0390625 14.2890625 C35.04384613 15.1135791 35.04862976 15.9380957 35.05355835 16.78759766 C35.05695122 18.52573563 35.04779153 20.26393794 35.02685547 22.00195312 C35.00007729 24.65640075 35.02661996 27.30662075 35.05859375 29.9609375 C35.05528954 31.65365513 35.04888306 33.34637013 35.0390625 35.0390625 C35.04918365 35.82877441 35.05930481 36.61848633 35.06973267 37.43212891 C34.98566975 41.40183205 34.63104751 43.28077168 32.37255859 46.66162109 C28.37330382 49.3332197 25.46173457 49.38851182 20.75 49.328125 C19.5132251 49.33530045 19.5132251 49.33530045 18.25146484 49.34262085 C16.51332687 49.34601372 14.77512456 49.33685403 13.03710938 49.31591797 C10.38266175 49.28913979 7.73244175 49.31568246 5.078125 49.34765625 C3.38540737 49.34435204 1.69269237 49.33794556 0 49.328125 C-0.78971191 49.33824615 -1.57942383 49.34836731 -2.39306641 49.35879517 C-6.36276955 49.27473225 -8.24170918 48.92011001 -11.62255859 46.66162109 C-14.2941572 42.66236632 -14.34944932 39.75079707 -14.2890625 35.0390625 C-14.29384613 34.2145459 -14.29862976 33.3900293 -14.30355835 32.54052734 C-14.30695122 30.80238937 -14.29779153 29.06418706 -14.27685547 27.32617188 C-14.25007729 24.67172425 -14.27661996 22.02150425 -14.30859375 19.3671875 C-14.30528954 17.67446987 -14.29888306 15.98175487 -14.2890625 14.2890625 C-14.29918365 13.49935059 -14.30930481 12.70963867 -14.31973267 11.89599609 C-14.23566975 7.92629295 -13.88104751 6.04735332 -11.62255859 2.66650391 C-7.62330382 -0.0050947 -4.71173457 -0.06038682 0 0 Z "
+      fill="#090909" transform="translate(13.625,-0.6640625)"></path>
+    <path
+      d="M0 0 C5.60625406 3.00563431 11.18661116 6.05492007 16.6875 9.25 C17.51636719 9.72953125 18.34523438 10.2090625 19.19921875 10.703125 C19.79347656 11.13109375 20.38773438 11.5590625 21 12 C21 12.66 21 13.32 21 14 C19.02 14.99 19.02 14.99 17 16 C18.32 17.32 19.64 18.64 21 20 C19.95125002 22.62187494 19.35068687 23.79371361 16.875 25.25 C16.25625 25.4975 15.6375 25.745 15 26 C13.02 24.35 11.04 22.7 9 21 C8.34 21.99 7.68 22.98 7 24 C6.34 24 5.68 24 5 24 C4.35284867 21.9170757 3.70732834 19.83364461 3.0625 17.75 C2.70285156 16.58984375 2.34320312 15.4296875 1.97265625 14.234375 C0.46331884 9.2153735 -0.10177317 5.29220494 0 0 Z "
+      fill="#DCDCDC" transform="translate(19,16)"></path>
+    <path
+      d="M0 0 C3.81275879 1.52510352 6.86017055 3.00757127 10.3125 5.125 C11.19550781 5.66382813 12.07851563 6.20265625 12.98828125 6.7578125 C13.65214844 7.16773438 14.31601562 7.57765625 15 8 C13.02 8.99 13.02 8.99 11 10 C11.845625 10.928125 12.69125 11.85625 13.5625 12.8125 C15.00390625 14.39453125 15.00390625 14.39453125 16 16 C15.67 16.99 15.34 17.98 15 19 C12.33333333 17.66666667 9.66666667 16.33333333 7 15 C6.01 15.66 5.02 16.32 4 17 C2.68 11.39 1.36 5.78 0 0 Z "
+      fill="#070707" transform="translate(21,20)"></path>
+    <path
+      d="M0 0 C1.98 0.99 1.98 0.99 4 2 C3.8040625 2.53625 3.608125 3.0725 3.40625 3.625 C2.86836562 6.76955484 3.61487629 8.94784926 4.5 12 C6.33802817 18.33802817 6.33802817 18.33802817 5 22 C0.80891282 15.71336924 -0.50995408 7.47932645 0 0 Z "
+      fill="#C9C9C9" transform="translate(19,16)"></path>
+    <path
+      d="M0 0 C3.43595166 1.52708963 6.11912454 3.59927045 9 6 C8.01 6.66 7.02 7.32 6 8 C4.02 6.35 2.04 4.7 0 3 C-0.99 4.485 -0.99 4.485 -2 6 C-2.66 6 -3.32 6 -4 6 C-4 5.01 -4 4.02 -4 3 C-2 1.3125 -2 1.3125 0 0 Z "
+      fill="#DFDFDF" transform="translate(28,34)"></path>
+    <path
+      d="M0 0 C1 3 1 3 1 5 C2.45833358 6.62514468 2.45833358 6.62514468 4 8 C3.34 9.32 2.68 10.64 2 12 C0.00449854 10.00449854 -0.81376393 8.52075165 -2 6 C-2.37125 5.2575 -2.7425 4.515 -3.125 3.75 C-3.41375 3.1725 -3.7025 2.595 -4 2 C-2.68 1.34 -1.36 0.68 0 0 Z "
+      fill="#C6C6C6" transform="translate(36,28)"></path>
+  </svg>
 </atomic-result-section-visual>
 
 <atomic-result-section-title>
@@ -47,5 +65,5 @@
 </atomic-result-section-title>
 <!-- sfppcustomlinkcpplinkurlc -->
 <atomic-result-section-excerpt>
-  <atomic-result-html field="sfppcustomlinkcppdescriptionc"></atomic-result-html>
-</atomic-result-section-excerpt>
+  <atomic-result-text field="sfppcustomlinkcppdescriptionc"></atomic-result-text>
+</atomic-result-section-excerpt>

package/src/components/results-manager/DocumentsTemplate.html

@@ -8,9 +8,7 @@
     font-weight: bold;
     margin-right: 0.25rem;
   }
-  atomic-result-section-excerpt{
-    margin-top:2px !important;
-  }
+
   atomic-result-section-bottom-metadata a{
     color: grey !important;
   }
@@ -22,7 +20,21 @@
     line-height: 18px !important;
   }
 
+  atomic-result-section-title a {
+    color: #F2DC39 !important;
+    font-size: 18px !important;
+    font-weight: 600;
+  }
+  atomic-result-section-excerpt{
+    margin-top:2px !important;
+    font-size: 13px;
+  }
+
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
 
+    }
   
 </style>
 
@@ -46,7 +58,7 @@
 </atomic-result-section-title>
 
 <atomic-result-section-excerpt>
-  <atomic-result-html field="excerpt"></atomic-result-html>
+  <atomic-result-text field="excerpt"></atomic-result-text>
 </atomic-result-section-excerpt>
 
 <atomic-result-section-bottom-metadata>

package/src/components/results-manager/ELearningTemplate.html

@@ -19,20 +19,22 @@
   }
 
   atomic-result-section-title a {
-    color: #b11f24 !important;
-    font-size: 18px;
+    color: #F2DC39 !important;
+    font-size: 18px !important;
     font-weight: 600;
   }
-
+  atomic-result-link a:visited {
+    color: #45130f !important;
+  }
   atomic-result-section-excerpt {
-    font-size: 13px;
+    font-size: 13px !important;
     margin-top: 2px !important;
   }
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
 
-  atomic-result-link a:visited {
-    color: #b11f24 !important;
-
-  }
+    }
 </style>
 
 <atomic-result-section-visual>

package/src/components/results-manager/FAQTemplate.html

@@ -27,14 +27,14 @@
 
   }
 
-  atomic-result-section-title a {
-    color: #b11f24 !important;
-    font-size: 18px;
+  atomic-result-section-title{
+    color: #F2DC39 !important;
+    font-size: 18px !important ;
     font-weight: 600;
   }
 
   atomic-result-link a {
-    color: #b11f24;
+    color: #45130f;
   }
 
   atomic-result-section-bottom-metadata {
@@ -51,9 +51,14 @@
 
   atomic-result-section-title:hover {
   cursor: pointer;
-  text-decoration: underline; /* Optional: adds underline on hover */
+  text-decoration: underline; 
 }
 
+atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
+
+    }
 </style>
 
 <atomic-result-section-visual>
@@ -74,7 +79,7 @@
 </atomic-result-section-title>
 
 <atomic-result-section-excerpt>
-  <atomic-result-html field="answer"></atomic-result-html>
+  <strip-html-component></strip-html-component>
 </atomic-result-section-excerpt>
 
 <atomic-result-section-bottom-metadata>

package/src/components/results-manager/KATemplate.html

@@ -11,7 +11,7 @@
 
 
   atomic-result-section-excerpt {
-    font-size: 13px;
+    font-size: 13px !important;
     margin-top:2px !important;
   }
   atomic-text {
@@ -21,24 +21,28 @@
     line-height: 18px !important;
   }
 
-  atomic-result-link a:visited {
-    color: #45130f !important;
 
-  }
 
   atomic-result-section-bottom-metadata{
     margin-top: 2px;
   }
 
   atomic-result-section-title a {
-    color: #b11f24 !important;
-    font-size: 18px;
+    color: #F2DC39 !important;
+    font-size: 18px !important;
     font-weight: 600;
   }
-  atomic-result-link a{
-    color: #b11f24;
+
+  atomic-result-link a:visited {
+    color: #45130f !important;
+
   }
 
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
+
+    }
 </style>
 
 <atomic-result-section-visual>

package/src/components/results-manager/MediaTemplate.html

@@ -14,6 +14,24 @@
   atomic-result-section-bottom-metadata{
     margin-top: 2px;
   }
+  atomic-result-section-bottom-metadata{
+    margin-top: 2px;
+  }
+
+  atomic-result-section-title a {
+    color: #F2DC39 !important;
+    font-size: 18px !important;
+    font-weight: 600;
+  }
+
+  atomic-result-link a:visited {
+    color: #45130f !important;
+  }
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
+
+    }
 </style>
 
 <atomic-result-section-visual>

package/src/components/results-manager/PeopleTemplate.html

@@ -19,9 +19,9 @@
   atomic-result-section-excerpt{
     margin-top:2px !important;
   }
-  atomic-result-section-title a {
-    color: #b11f24 !important;
-    font-size: 18px;
+  atomic-result-section-title{
+    color: #F2DC39 !important;
+    font-size: 18px !important;
     font-weight: 600;
   }
 

package/src/components/results-manager/QuickLinksTemplate.html

@@ -15,7 +15,7 @@
   }
 
   atomic-result-section-title a {
-    color: #b11f24 !important;
+    color: #F2DC39 !important;
     font-size: 18px;
     font-weight: 600;
   }
@@ -26,7 +26,7 @@
   }
 
   atomic-result-link a:visited {
-    color: #b11f24 !important;
+    color: #F2DC39 !important;
 
   }
 
@@ -34,6 +34,18 @@
     color: #45130f !important;
 
   }
+
+  atomic-result-section-visual {
+    width: 4rem;
+    height: 5rem;
+    margin-top: -9px;
+  }
+
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
+
+    }
 </style>
 
 <atomic-result-section-visual>
@@ -56,5 +68,5 @@
 </atomic-result-section-title>
 <!-- sfppcustomlinkcpplinkurlc -->
 <atomic-result-section-excerpt>
-  <atomic-result-html field="description"></atomic-result-html>
+  <strip-html-component></strip-html-component>
 </atomic-result-section-excerpt>

package/src/components/results-manager/SitePagesTemplate.html

@@ -15,7 +15,7 @@
   }
 
   atomic-result-section-excerpt {
-    font-size: 13px;
+    font-size: 13px !important;
     margin-top:2px !important;
   }
 
@@ -40,11 +40,17 @@
   }
 
   atomic-result-section-title a {
-    color: #b11f24 !important;
+    color: #F2DC39 !important;
     font-size: 18px;
     font-weight: 600;
   }
 
+
+  atomic-result-section-visual {
+        width: 4rem !important;
+        height: 5rem !important;
+
+    }
 </style>
 
 <atomic-result-section-visual>