@coveo/quantic 3.43.3 → 3.43.5

package/force-app/main/default/lwc/quanticResultTag/quanticResultTag.css

@@ -1,7 +1,9 @@
+/* stylelint-disable-next-line slds/no-hardcoded-values-slds2 */
 .recommended-tag {
   background-color: #4fbe75;
 }
 
+/* stylelint-disable-next-line slds/no-hardcoded-values-slds2 */
 .featured-tag {
   background-color: #b070e6;
 }

package/force-app/main/default/lwc/quanticResultTemplate/quanticResultTemplate.css

@@ -10,7 +10,7 @@
 
 .date__container{
   font-size: .9em;
-  color:#3E3E3C;
+  color: var(--slds-g-color-on-surface-2, #3E3E3C);
 }
 
 /* max-width value comes from SLDS definition of `slds-medium-size`. "See https://www.lightningdesignsystem.com/utilities/grid/#Responsive-Layout-Options.*/

package/force-app/main/default/lwc/quanticResultsPerPage/e2e/fixture.ts

@@ -42,6 +42,7 @@ export const testSearch =
       {page, options, configuration, search, urlHash},
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(
         urlHash ? `${resultsPerPageUrl}#${urlHash}` : resultsPerPageUrl
       );
@@ -64,11 +65,14 @@ export const testInsight =
       {page, options, search, configuration, insightSetup},
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(resultsPerPageUrl);
       configuration.configure({...options, useCase: useCaseEnum.insight});
       await insightSetup.waitForInsightInterfaceInitialization();
-      await search.performSearch();
-      await search.waitForSearchResponse();
+      await Promise.all([
+        search.waitForSearchResponse(),
+        search.performSearch(),
+      ]);
       await use(new ResultsPerPageObject(page));
     },
   });

package/force-app/main/default/lwc/quanticSearchBox/e2e/fixture.ts

@@ -48,6 +48,7 @@ export const testSearch = quanticBase.extend<QuanticSearchBoxE2ESearchFixtures>(
       {page, options, configuration, search, urlHash, analytics},
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(urlHash ? `${pageUrl}#${urlHash}` : pageUrl);
 
       configuration.configure(options);
@@ -70,9 +71,10 @@ export const testInsight =
       await use(new InsightSetupObject(page));
     },
     searchBox: async (
-      {page, options, configuration, insightSetup, analytics},
+      {page, options, configuration, insightSetup, analytics, search},
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(pageUrl);
 
       configuration.configure({...options, useCase: useCaseEnum.insight});

package/force-app/main/default/lwc/quanticSearchBoxInput/templates/defaultSearchBoxInput.css

@@ -5,5 +5,5 @@
 }
 
 input {
-  border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-brandAccessible, #0176d3);
+  border: var(--slds-g-sizing-border-1, var(--lwc-borderWidthThin, 1px)) solid var(--slds-g-color-accent-container-1, var(--lwc-brandAccessible, #0176d3));
 }

package/force-app/main/default/lwc/quanticSearchBoxInput/templates/expandableSearchBoxInput.css

@@ -4,14 +4,6 @@
   margin: inherit;
 }
 
-.searchbox__icon-container-left {
-  margin-left: 0.5rem;
-}
-
-.searchbox__icon-container-right {
-  margin-right: 0.5rem;
-}
-
 /* This is to override some style from the slds-has-input and prevent */
 /* the search icon from sliding down as the searchbox expands */
 .searchbox__search-icon {
@@ -21,7 +13,7 @@
 
 .searchbox__container {
   overflow: visible;
-  border: var(--lwc-borderWidthThin, 1px) solid var(--lwc-brandAccessible, #0176d3);
+  border: var(--slds-g-sizing-border-1, var(--lwc-borderWidthThin, 1px)) solid var(--slds-g-color-accent-container-1, var(--lwc-brandAccessible, #0176d3));
 }
 
 .z-index-high {
@@ -43,7 +35,7 @@ textarea.searchbox__input {
 
 .searchbox__submit-button {
   border: none;
-  border-radius: 0 var(--lwc-borderRadiusMedium, 0.25rem) var(--lwc-borderRadiusMedium, 0.25rem) 0;
+  border-radius: 0 var(--slds-g-radius-border-2, var(--lwc-borderRadiusMedium, 0.25rem)) var(--slds-g-radius-border-2, var(--lwc-borderRadiusMedium, 0.25rem)) 0;
 }
 
 .searchbox__container-wrapper {
@@ -54,6 +46,6 @@ textarea.searchbox__input {
 .searchbox_floating-container {
   position: absolute;
   width: 100%;
-  background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
-  border-radius: 0.25rem;
+  background-color: var(--slds-g-color-surface-1, var(--lwc-colorBackgroundAlt, rgb(255, 255, 255)));
+  border-radius: var(--slds-g-radius-border-2, 0.25rem);
 }

package/force-app/main/default/lwc/quanticSearchBoxInput/templates/expandableSearchBoxInput.html

@@ -9,7 +9,7 @@
             <div class={searchBoxContainerClass} role="none">
               <template if:true={withoutSubmitButton}>
                 <div
-                  class="slds-grid slds-align_absolute-center searchbox__icon-container searchbox__icon-container-left"
+                  class="slds-grid slds-align_absolute-center searchbox__icon-container slds-m-left_x-small"
                 >
                   <lightning-icon
                     class="slds-icon slds-input__icon slds-input__icon_left searchbox__search-icon"
@@ -42,7 +42,7 @@
 
               <template if:false={isQueryEmpty}>
                 <div
-                  class="slds-grid slds-align_absolute-center searchbox__icon-container searchbox__icon-container-right"
+                  class="slds-grid slds-align_absolute-center searchbox__icon-container slds-m-right_x-small"
                 >
                   <lightning-button-icon
                     onclick={clearInput}

package/force-app/main/default/lwc/quanticSearchBoxSuggestionsList/e2e/fixture.ts

@@ -59,6 +59,7 @@ export const testSearch =
       },
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(searchBoxSuggestionsListUrl);
       if (recentQueries.length > 0) {
         await querySuggest.setRecentQueries(recentQueries);
@@ -94,9 +95,11 @@ export const testInsight =
         querySuggest,
         analytics,
         recentQueries,
+        search,
       },
       use
     ) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(searchBoxSuggestionsListUrl);
       if (recentQueries.length > 0) {
         await querySuggest.setRecentQueries(recentQueries);

package/force-app/main/default/lwc/quanticSmartSnippet/e2e/fixture.ts

@@ -43,8 +43,8 @@ export const testSearch =
     ) => {
       const smartSnippetObject = new SmartSnippetObject(page);
 
-      await page.goto(pageUrl);
       await search.mockSearchWithSmartSnippetResponse(data);
+      await page.goto(pageUrl);
 
       configuration.configure(options);
       await search.waitForSearchResponse();
@@ -77,13 +77,15 @@ export const testInsight =
     ) => {
       const smartSnippetObject = new SmartSnippetObject(page);
 
-      await page.goto(pageUrl);
       await search.mockSearchWithSmartSnippetResponse(data);
+      await page.goto(pageUrl);
 
       configuration.configure({...options, useCase: useCaseEnum.insight});
       await insightSetup.waitForInsightInterfaceInitialization();
-      await search.performSearch();
-      await search.waitForSearchResponse();
+      await Promise.all([
+        search.waitForSearchResponse(),
+        search.performSearch(),
+      ]);
       await use(smartSnippetObject);
     },
   });

package/force-app/main/default/lwc/quanticSmartSnippetSource/quanticSmartSnippetSource.css

@@ -1,4 +1,4 @@
 .smart-snippet__source-uri {
-  color: #1a1b1e;
+  color: var(--slds-g-color-on-surface-3, #1a1b1e);
   font-weight: var(--slds-g-font-weight-4, 400);
 }

package/force-app/main/default/lwc/quanticSmartSnippetSuggestions/e2e/fixture.ts

@@ -43,8 +43,8 @@ export const testSearch =
         page
       );
 
-      await page.goto(pageUrl);
       await search.mockSearchWithSmartSnippetSuggestionsResponse(data);
+      await page.goto(pageUrl);
 
       configuration.configure(options);
       await search.waitForSearchResponse();
@@ -79,13 +79,15 @@ export const testInsight =
         page
       );
 
-      await page.goto(pageUrl);
       await search.mockSearchWithSmartSnippetSuggestionsResponse(data);
+      await page.goto(pageUrl);
 
       configuration.configure({...options, useCase: useCaseEnum.insight});
       await insightSetup.waitForInsightInterfaceInitialization();
-      await search.performSearch();
-      await search.waitForSearchResponse();
+      await Promise.all([
+        search.waitForSearchResponse(),
+        search.performSearch(),
+      ]);
       await use(smartSnippetSuggestionsObject);
     },
   });

package/force-app/main/default/lwc/quanticSort/e2e/pageObject.ts

@@ -43,7 +43,13 @@ export class SortObject {
   async selectNextSortOptionUsingKeyboard(
     expectedLabel: string
   ): Promise<void> {
+    const previousDescendant =
+      await this.sortDropDown.getAttribute('aria-activedescendant');
     await this.sortDropDown.press('ArrowDown');
+    await expect(this.sortDropDown).not.toHaveAttribute(
+      'aria-activedescendant',
+      previousDescendant ?? ''
+    );
     await this.sortDropDown.press('Enter');
     await expect(this.sortDropDown).toHaveText(expectedLabel);
   }

package/force-app/main/default/lwc/quanticSort/quanticSort.css

@@ -5,7 +5,7 @@
 }
 
 .sort__header {
-    color: var(--lwc-colorTextActionLabel, darkslategray);
+    color: var(--slds-g-color-on-surface-1, var(--lwc-colorTextActionLabel, darkslategray));
     padding-top: 6px;
     white-space: nowrap;
 }
@@ -15,8 +15,8 @@
 }
 
 .combobox--wide {
-  background: var(--lwc-colorBackgroundAlt, #ffffff);
-  border-radius: 0.25rem;
+  background: var(--slds-g-color-surface-1, var(--lwc-colorBackgroundAlt, #ffffff));
+  border-radius: var(--slds-g-radius-border-2, 0.25rem);
   background-clip: padding-box;
   -webkit-box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);
   box-shadow: 0 2px 2px 0 rgb(0 0 0 / 10%);

package/force-app/main/default/lwc/quanticSourceCitations/quanticSourceCitations.css

@@ -1,3 +1,3 @@
 .source-citations__label {
-  color: var(--lwc-colorTextPlaceholder, #747474);
+  color: var(--slds-g-color-on-surface-1, var(--lwc-colorTextPlaceholder, #747474));
 }

package/force-app/main/default/lwc/quanticStandaloneSearchBox/e2e/fixture.ts

@@ -39,7 +39,8 @@ export const testStandaloneSearchBox =
     querySuggest: async ({page}, use) => {
       await use(new QuerySuggestObject(page, querySuggestRegex));
     },
-    searchBox: async ({page, options, configuration, urlHash}, use) => {
+    searchBox: async ({page, options, configuration, urlHash, search}, use) => {
+      await search.mockSearchWithBaseResponse();
       await page.goto(
         urlHash
           ? `${standaloneSearchBoxUrl}#${urlHash}`

package/force-app/main/default/lwc/quanticStatefulButton/quanticStatefulButton.css

@@ -19,7 +19,7 @@
 .stateful-button--unselected:hover,
 .stateful-button--unselected:focus {
   color: var(--neutral-color);
-  background-color: white;
+  background-color: var(--slds-g-color-surface-1, white);
 }
 
 .stateful-button--selected {
@@ -32,7 +32,7 @@
 .stateful-button--selected:focus {
   border-color: var(--main-color);
   color: var(--main-color);
-  background-color: white;
+  background-color: var(--slds-g-color-surface-1, white);
 }
 
 .stateful-button__icon--selected {

package/force-app/main/default/lwc/quanticTab/e2e/fixture.ts

@@ -27,6 +27,7 @@ export const testSearch = quanticBase.extend<QuanticTabE2EFixtures>({
     await use(new SearchObject(page, searchRequestRegex));
   },
   tab: async ({page, options, configuration, search, urlHash}, use) => {
+    await search.mockSearchWithBaseResponse();
     await page.goto(urlHash ? `${pageUrl}#${urlHash}` : pageUrl);
     configuration.configure(options);
     await search.waitForSearchResponse();
@@ -44,11 +45,14 @@ export const testInsight = quanticBase.extend<QuanticTabE2EFixtures>({
     await use(new InsightSetupObject(page));
   },
   tab: async ({page, options, search, configuration, insightSetup}, use) => {
+    await search.mockSearchWithBaseResponse();
     await page.goto(pageUrl);
     configuration.configure({...options, useCase: useCaseEnum.insight});
     await insightSetup!.waitForInsightInterfaceInitialization();
-    await search.performSearch();
-    await search.waitForSearchResponse();
+    await Promise.all([
+      search.waitForSearchResponse(),
+      search.performSearch(),
+    ]);
     await use(new TabObject(page, 'insight'));
   },
 });

package/force-app/main/default/lwc/quanticTabBar/e2e/fixture.ts

@@ -32,6 +32,7 @@ export const testSearch = quanticBase.extend<QuanticTabBarE2ESearchFixtures>({
     await use(new SearchObject(page, searchRequestRegex));
   },
   tabBar: async ({page, options, configuration, search}, use) => {
+    await search.mockSearchWithBaseResponse();
     await page.goto(pageUrl);
     configuration.configure(options);
     await search.waitForSearchResponse();
@@ -49,11 +50,14 @@ export const testInsight = quanticBase.extend<QuanticTabBarE2EInsightFixtures>({
     await use(new InsightSetupObject(page));
   },
   tabBar: async ({page, options, search, configuration, insightSetup}, use) => {
+    await search.mockSearchWithBaseResponse();
     await page.goto(pageUrl);
     configuration.configure({...options, useCase: useCaseEnum.insight});
     await insightSetup.waitForInsightInterfaceInitialization();
-    await search.performSearch();
-    await search.waitForSearchResponse();
+    await Promise.all([
+      search.waitForSearchResponse(),
+      search.performSearch(),
+    ]);
     await use(new TabBarObject(page));
   },
 });

package/force-app/main/default/lwc/quanticTabBar/e2e/quanticTabBar.e2e.ts

@@ -116,6 +116,8 @@ useCaseTestCases.forEach((useCase) => {
           const expectedTabValue = 'Tab 4';
 
           const searchResponsePromise = search.waitForSearchResponse();
+          const uaRequestPromise =
+            tabBar.waitForDropdownOptionSelectUaAnalytics();
 
           await tabBar.clickMoreButton();
           const dropdownOptionsCount = await tabBar.allDropdownOptions.count();
@@ -140,8 +142,7 @@ useCaseTestCases.forEach((useCase) => {
             })
           );
 
-          const uaRequest =
-            await tabBar.waitForDropdownOptionSelectUaAnalytics();
+          const uaRequest = await uaRequestPromise;
           const requestBody = uaRequest.postDataJSON?.();
 
           expect(requestBody).not.toBeNull();

package/force-app/main/default/lwc/quanticThreadItem/quanticThreadItem.css

@@ -6,7 +6,7 @@
   display: grid;
   grid-template-columns: 10px 1fr;
   grid-template-rows: auto 1fr;
-  column-gap: var(--lwc-spacingXSmall, 8px);
+  column-gap: var(--slds-g-spacing-2, var(--lwc-spacingXSmall, 8px));
 }
 
 .thread-item__timeline {
@@ -17,7 +17,7 @@
 .thread-item__dot-column {
   width: 10px;
   height: 1lh;
-  margin-block: var(--lwc-spacingXxSmall, 4px);
+  margin-block: var(--slds-g-spacing-1, var(--lwc-spacingXxSmall, 4px));
 }
 
 .thread-item__line {
@@ -34,7 +34,7 @@
   position: absolute;
   left: 0;
   width: 1px;
-  height: 8px;
+  height: var(--slds-g-sizing-3, 8px);
   background-color: var(--lwc-colorBorder, #dddbda);
   transition: background-color 0.2s ease;
 }
@@ -63,8 +63,8 @@
 }
 
 .thread-item__dot {
-  height: 8px;
-  width: 8px;
+  height: var(--slds-g-sizing-3, 8px);
+  width: var(--slds-g-sizing-3, 8px);
   border-radius: 50%;
   background-color: var(--lwc-colorBorder, #dddbda);
   transition: background-color 0.2s ease;
@@ -94,6 +94,6 @@
   border-radius: var(--slds-g-radius-border-2, 4px);
 }
 
-.thread-item__title-button:hover {
+button.thread-item__title-button:hover {
   background-color: var(--lwc-colorBackgroundRowHover, #f3f2f2);
 }

package/force-app/main/default/lwc/quanticThreadItem/quanticThreadItem.js

@@ -103,7 +103,6 @@ export default class QuanticThreadItem extends LightningElement {
   get lineColumnClass() {
     const classes = [
       'slds-grid',
-      'slds-grid_align-center',
       'slds-grid_vertical',
       'slds-grid_vertical-align-center',
       'slds-shrink-none',

package/force-app/main/default/lwc/quanticTimeframeFacet/quanticTimeframeFacet.css

@@ -1,5 +1,5 @@
 @import 'c/quanticFacetStyles';
 
 .timeframe-facet__input-label {
-  color: var(--lwc-colorTextPlaceholder, var(--lwc-colorTextIconDefault, #747474));
+  color: var(--slds-g-color-on-surface-1, var(--lwc-colorTextPlaceholder, var(--lwc-colorTextIconDefault, #747474)));
 }

package/force-app/main/default/lwc/quanticTooltip/quanticTooltip.css

@@ -37,7 +37,7 @@
 }
 
 .tooltip__arrow--light {
-  background-color: var(--lwc-colorBackgroundAlt, rgb(255, 255, 255));
+  background-color: var(--slds-g-color-surface-1, var(--lwc-colorBackgroundAlt, rgb(255, 255, 255)));
 }
 
 .tooltip__arrow--positioned-above {
@@ -64,11 +64,11 @@
 .tooltip__nubbin--bottom:before,
 .tooltip__nubbin--bottom:after {
   clip-path: polygon(100% 0, 0% 100%, 100% 100%);
-  border: solid 0.5px rgba(0, 0, 0, 0.16);
+  border: solid 0.5px var(--slds-g-color-border-1, rgba(0, 0, 0, 0.16));
 }
 
 .tooltip__nubbin--top:before,
 .tooltip__nubbin--top:after {
   clip-path: polygon(100% 0, 0 0, 0 100%);
-  border: solid 0.5px rgba(0, 0, 0, 0.16);
+  border: solid 0.5px var(--slds-g-color-border-1, rgba(0, 0, 0, 0.16));
 }

package/force-app/main/default/lwc/quanticUserAction/quanticUserAction.css

@@ -5,13 +5,13 @@
 
 .user-action__separator {
   width: 0.125rem;
-  height: 1.75rem;
-  background-color: var(--lwc-colorTextIconDefault, #747474);
-  border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
+  height: var(--slds-g-sizing-8, 1.75rem);
+  background-color: var(--slds-g-color-on-surface-1, var(--lwc-colorTextIconDefault, #747474));
+  border-radius: var(--slds-g-radius-border-2, var(--lwc-borderRadiusMedium, 0.25rem));
 }
 
 .user-action__title {
-  color: #1a1b1e;
+  color: var(--slds-g-color-on-surface-3, #1a1b1e);
 }
 
 .user-action__ticket-creation-title {
@@ -20,12 +20,12 @@
 
 .user-action__custom-action-icon,
 .user-action__search-action-icon {
-  --slds-c-icon-color-foreground-default: #1a1b1e;
+  --slds-c-icon-color-foreground-default: var(--slds-g-color-on-surface-3, #1a1b1e);
 }
 
 .user-action__click-action-icon,
 .user-action__view-action-icon {
-  --slds-c-icon-color-foreground-default: var(--lwc-colorBrandDark, #0176d3);
+  --slds-c-icon-color-foreground-default: var(--slds-g-color-accent-2, var(--lwc-colorBrandDark, #0176d3));
 }
 
 .user-action__ticket-creation-icon {
@@ -34,6 +34,6 @@
 
 .user-action__details {
   font-weight: var(--lwc-fontWeightRegular, 400);
-  color: var(--lwc-colorTextPlaceholder, #747474);
+  color: var(--slds-g-color-on-surface-1, var(--lwc-colorTextPlaceholder, #747474));
   font-size: var(--slds-g-font-scale-neg-2, 10px);
 }

package/force-app/main/default/lwc/quanticUserActionsSession/quanticUserActionsSession.css

@@ -3,10 +3,10 @@
 }
 
 .session-start__icon-container {
-  background-color: orange;
+  background-color: var(--slds-g-color-warning-base-50, orange);
   border-radius: var(--lwc-borderRadiusCircle, 50%);
-  width: 24px;
-  height: 24px;
+  width: var(--slds-g-sizing-7, 24px);
+  height: var(--slds-g-sizing-7, 24px);
 }
 
 .session__show-more-actions-button {

package/force-app/main/default/lwc/quanticUserActionsTimeline/templates/userActionsTimeline.css

@@ -1,7 +1,7 @@
 .timeline__separator {
   height: 1px;
-  background-color: var(--lwc-brandDisabled, #c9c7c5);
-  border-radius: var(--lwc-borderRadiusMedium, 0.25rem);
+  background-color: var(--slds-g-color-disabled-1, var(--lwc-brandDisabled, #c9c7c5));
+  border-radius: var(--slds-g-radius-border-2, var(--lwc-borderRadiusMedium, 0.25rem));
 }
 
 .timeline__show-following-sessions-button,

package/force-app/main/default/lwc/searchBoxStyle/searchBoxStyle.css

@@ -3,19 +3,19 @@
 .searchbox__container {
   display: flex;
   position: relative;
-  border-color: #e5e8e8;
-  min-height: 48px;
+  border-color: var(--slds-g-color-border-1, #e5e8e8);
+  min-height: var(--slds-g-sizing-10, 48px);
   box-sizing: border-box;
-  border-radius: 0.25rem;
+  border-radius: var(--slds-g-radius-border-2, 0.25rem);
   overflow: hidden;
 }
 
 .searchbox__input {
   display: flex;
-  border-radius: 0.25rem;
-  border-bottom-left-radius: 0.25rem;
+  border-radius: var(--slds-g-radius-border-2, 0.25rem);
+  border-bottom-left-radius: var(--slds-g-radius-border-2, 0.25rem);
   position: relative;
-  height: 48px;
+  height: var(--slds-g-sizing-10, 48px);
   box-sizing: border-box;
 }
 
@@ -28,17 +28,17 @@
 .searchbox__submit-button {
   width: 46.75px;
   border-radius: 0;
-  height: 48px;
+  height: var(--slds-g-sizing-10, 48px);
 }
 
 .searchbox__submit-button:focus {
   border: none;
-  border-top-right-radius: 0.25rem;
-  border-bottom-right-radius: 0.25rem;
+  border-top-right-radius: var(--slds-g-radius-border-2, 0.25rem);
+  border-bottom-right-radius: var(--slds-g-radius-border-2, 0.25rem);
 }
 
 .searchbox__icon-container {
-  height: 48px;
+  height: var(--slds-g-sizing-10, 48px);
 }
 
 .searchbox__clear-button {