npm - @searchstax-inc/searchstudio-ux-js - Versions diffs - 4.2.2 → 4.2.13 - Mend

@searchstax-inc/searchstudio-ux-js 4.2.2 → 4.2.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (12) hide show

package/CHANGELOG.md +13 -0
package/README.md +2 -0
package/dist/@searchstax-inc/searchstudio-ux-js.cjs +67 -64
package/dist/@searchstax-inc/searchstudio-ux-js.d.mts +56 -46
package/dist/@searchstax-inc/searchstudio-ux-js.d.ts +56 -46
package/dist/@searchstax-inc/searchstudio-ux-js.iife.js +67 -64
package/dist/@searchstax-inc/searchstudio-ux-js.mjs +68 -65
package/dist/styles/mainTheme.css +47 -14
package/dist/styles/mainTheme.css.map +1 -1
package/dist/styles/scss/widgets/searchInput/style.scss +48 -13
package/dist/templates.js +5 -3
package/package.json +1 -1

package/dist/styles/mainTheme.css CHANGED Viewed

@@ -4,7 +4,6 @@
   padding: 15px 20px 10px 20px;
   border-radius: 80px;
   height: 40px;
-  position: relative;
 }
 .searchstax-search-input-container.searchstax-search-input-container-new {
   display: flex;
@@ -22,9 +21,8 @@
 .searchstax-search-input-container.searchstax-alternative-render .searchstax-search-input-wrapper input {
   border-radius: 5px;
   border: 1px solid #bfbfbf;
-  font-size: 16px;
   font-size: 14px;
-  padding: 0 10px;
+  padding: 0 24px 0 10px;
 }
 .searchstax-search-input-container.searchstax-alternative-render .searchstax-search-icon {
   margin-top: 4px;
@@ -33,21 +31,43 @@
   background-color: #EB3500;
   background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI3MnB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTQuMDM2LDQ4LjAzOEw3MS40MTksNjUuNDNsLTUuNTUxLDQuOTYzTDQ5LjUxMiw1NC4wMzNjLTUuMjIsNC4yMy0xMS44NzEsNi43NTktMTkuMTEsNi43NTkKCUMxMy42MTMsNjAuNzkyLDAsNDcuMTgxLDAsMzAuMzk3QzAsMTMuNjA5LDEzLjYxMywwLDMwLjQwMSwwYzE2Ljc4NiwwLDMwLjM5NiwxMy42MDksMzAuMzk2LDMwLjM5NwoJYzAsNy4yNDItMi41MzQsMTMuODg4LTYuNzYyLDE5LjExMVY0OC4wMzh6IE0zMC40MTQsNTIuNzFjMTIuMzM5LDAsMjIuMzQyLTEwLDIyLjM0Mi0yMi4zNDFjMC0xMi4zMzktMTAuMDAzLTIyLjMzOS0yMi4zNDItMjIuMzM5CgljLTEyLjM0MSwwLTIyLjM0MSwxMC0yMi4zNDEsMjIuMzM5QzguMDczLDQyLjcxLDE4LjA3Myw1Mi43MSwzMC40MTQsNTIuNzEiLz4KPC9zdmc+Cg==");
 }
-.searchstax-search-input-container.searchstax-alternative-render .searchstax-search-close {
-  margin-top: 4px;
-  border-radius: 5px;
-  background-size: 55%;
-  background-color: #EB3500;
-  background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+.searchstax-search-input-container.searchstax-alternative-render .searchstax-cross-icon {
+  position: absolute;
+  z-index: 3; /* Higher than the input's z-index of 2 */
+  margin-top: 0;
+  top: 6px;
+  right: 4px;
+  height: 20px;
+  width: 20px;
+  background-image: none;
+  border-radius: 100%;
+}
+.searchstax-search-input-container.searchstax-alternative-render .searchstax-cross-icon::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  -webkit-mask-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+  mask-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+  -webkit-mask-repeat: no-repeat;
+  mask-repeat: no-repeat;
+  -webkit-mask-position: center;
+  mask-position: center;
+  background-color: #bfbfbf;
+}
+.searchstax-search-input-container.searchstax-alternative-render .searchstax-separator {
+  display: none;
 }
 .searchstax-search-input-container .searchstax-search-icon,
-.searchstax-search-input-container .searchstax-search-close,
+.searchstax-search-input-container .searchstax-cross-icon,
 .searchstax-search-input-container .searchstax-spinner-icon {
   cursor: pointer;
   margin-top: 3px;
 }
 .searchstax-search-input-container .searchstax-search-icon:focus,
-.searchstax-search-input-container .searchstax-search-close:focus,
+.searchstax-search-input-container .searchstax-cross-icon:focus,
 .searchstax-search-input-container .searchstax-spinner-icon:focus {
   outline: none !important;
   box-shadow: 0 0 0 2px #0A2A66;
@@ -107,7 +127,7 @@
 }
 .searchstax-search-icon,
-.searchstax-search-close {
+.searchstax-cross-icon {
   max-width: 28px;
   height: 28px;
   width: 28px;
@@ -123,10 +143,24 @@
   background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI3MnB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUIzNTAwIiBkPSJNNTQuMDM2LDQ4LjAzOEw3MS40MTksNjUuNDNsLTUuNTUxLDQuOTYzTDQ5LjUxMiw1NC4wMzNjLTUuMjIsNC4yMy0xMS44NzEsNi43NTktMTkuMTEsNi43NTkKCUMxMy42MTMsNjAuNzkyLDAsNDcuMTgxLDAsMzAuMzk3QzAsMTMuNjA5LDEzLjYxMywwLDMwLjQwMSwwYzE2Ljc4NiwwLDMwLjM5NiwxMy42MDksMzAuMzk2LDMwLjM5NwoJYzAsNy4yNDItMi41MzQsMTMuODg4LTYuNzYyLDE5LjExMVY0OC4wMzh6IE0zMC40MTQsNTIuNzFjMTIuMzM5LDAsMjIuMzQyLTEwLDIyLjM0Mi0yMi4zNDFjMC0xMi4zMzktMTAuMDAzLTIyLjMzOS0yMi4zNDItMjIuMzM5CgljLTEyLjM0MSwwLTIyLjM0MSwxMC0yMi4zNDEsMjIuMzM5QzguMDczLDQyLjcxLDE4LjA3Myw1Mi43MSwzMC40MTQsNTIuNzEiLz4KPC9zdmc+Cg==");
 }
-.searchstax-search-close {
+.searchstax-cross-icon {
   background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRUIzNTAwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
 }
+.searchstax-separator {
+  max-width: 14px;
+  height: 33px;
+  width: 14px;
+  display: block;
+  background: none;
+  border-right: 1px solid #bfbfbf;
+  margin-right: 14px;
+}
+.hidden {
+  display: none;
+}
 @keyframes spinner-border {
   to {
     transform: rotate(360deg);
@@ -138,7 +172,6 @@
   height: 28px;
   vertical-align: text-bottom;
   border: 3px solid #EB3500;
-  border-right-color: #EB3500;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border 0.75s linear infinite;

package/dist/styles/mainTheme.css.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sourceRoot":"","sources":["../../src/widgets/searchInput/style.scss","../../src/colors.scss","../../src/widgets/searchResults/style.scss","../../src/widgets/pagination/style.scss","../../src/widgets/facets/style.scss","../../src/widgets/searchFeedback/style.scss","../../src/widgets/sorting/style.scss","../../src/widgets/relatedSearches/style.scss","../../src/widgets/answer/style.scss","../../src/widgets/location/style.scss","../../src/style.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA~~;EACA~~;;AAEA;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA~~;EACA~~;;AAIJ;EACE;EACA;EACA;EACA,~~kBCpCQ~~;~~EDqCR~~;;AAGF;EACE;EACA;EACA;EACA,~~kBC5CQ~~;~~ED6CR~~;;AAIJ;AAAA;AAAA;EAGE;EACA;;AACA;AAAA;AAAA;EACE;EACA,~~YC9CM~~;~~ED+CN~~;;AAGJ;EACE;EACA,~~QA7DU~~;~~EA8DV~~;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AACA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,~~kBCzFI~~;;~~AD2FJ~~;EACE;;AAGF;EACE;EACA;;AAEA;EACE,~~kBCvGM~~;~~EDwGN~~;;AAEA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA,~~cAjHS~~;~~EAkHT~~,~~eAlHS~~;;;~~AAwHjB~~;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA~~,oBC1JY~~;~~ED2JZ;~~EACA;EACA;EACA;EACA;;;~~AE5JA~~;EACE,ODJU;;;ACQZ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,ODzBa;EC0Bb;EACA;;AACA;EACE,YDxBQ;ECyBR;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,OD5Ca;EC6Cb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;EACA,OD3GW;EC4GX;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODtIQ;ECuIR;EACA;EACA;EACA;EACA;EACA;EACA,kBDvIS;;AC2IT;EACE;EACA;EACA;EACA;EACA;EACA;EACA,ODlJO;ECmJP;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,YDzKM;EC0KN;;;AAKJ;EACI,YDhLM;ECiLN;EACA;EACA;;;AC3LN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,OFVY;EEWZ;EACA;EACA;;AACA;EACE,YFNI;EEOJ;;AAEF;EACE,OFhBD;;AEoBH;EACE,OFhBE;EEiBF;;AAGF;EACE,OF7BY;EE8BZ;EACA;;AACA;EACE,YFxBI;EEyBJ;;AANJ;EAQE;;AACA;EACE,OFnCD;;;AEyCP;EACE;EACA;EACA;EACA;EACA;EACA;;;ACjDF;AAAA;EAEE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAMF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;;AAGE;AAAA;EACE;;AAFJ;AAAA;EAIE;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA,YH5CE;;AGgDN;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAtBJ;AAAA;EAwBE;;AAIJ;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;;AAEA;AAAA;EACE;;AACA;AAAA;EACE;EACA,YHvFA;;AG2FJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE,OHvHH;;AG4HH;AAAA;EACE;EACA;;AACA;AAAA;EACE;EACA,OHpIU;EGqIV;EACA;EACA;;AACA;AAAA;EACE;EACA,YHjIE;;AGyHN;AAAA;EAUE;;AACA;AAAA;EACE;;AAOF;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAON;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA,YHpKI;;AGuKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA,OH7LD;EG8LC;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OHtOE;EGuOF;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBH1QQ;EG2QR;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1RN;EACE;EACA;;AAEA;EACE;;AACA;EACE,OJRQ;EISR;;;ACTN;EACI;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,YLrBI;;;AMVZ;EACE;EACA;;AACA;EACE;EACA,ONJc;EMKd;EACA;;;ACPJ;EACE;EACA;EACA;EACA;;AACA;EACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IAEE;;;ACnLJ;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA,ORjBU;EQkBV;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAIN;EACE,ORhCC;EQiCD;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,cRlDM;;AQsDV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OR1DC;;;ASQP;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OT7BY;;AS8BZ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,YT9BQ;;;ASkCZ;EAEI;IACE;IACA;;EACA;IACE;IACA;IACA;;EAGF;IACE;;EAGJ;IACE;IACA;;;AAKN;EAEI;IACE;;EACA;IACE;IACA;IACA;;EAEF;IACE;;EAGJ;AAAA;IAEE;;;AAKN;EACE;;;AAKE;EACE;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE","file":"mainTheme.css"}
1	+ {"version":3,"sourceRoot":"","sources":["../../src/widgets/searchInput/style.scss","../../src/colors.scss","../../src/widgets/searchResults/style.scss","../../src/widgets/pagination/style.scss","../../src/widgets/facets/style.scss","../../src/widgets/searchFeedback/style.scss","../../src/widgets/sorting/style.scss","../../src/widgets/relatedSearches/style.scss","../../src/widgets/answer/style.scss","../../src/widgets/location/style.scss","../../src/style.scss"],"names":[],"mappings":"AAGA;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;;AACA;EACE;;AACA;EACE;;AAEF;EACE;EACA;EACA;EACA;;AAIJ;EACE;EACA;EACA;EACA,kBClCQ;EDmCR;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,kBCxDO;;AD2DT;EACE;;AAIJ;AAAA;AAAA;EAGE;EACA;;AACA;AAAA;AAAA;EACE;EACA,YCpEM;EDqEN;;AAGJ;EACE;EACA,QAnFU;EAoFV;EACA;EACA;;AAEA;EACE;EACA;;AAIJ;EACE;EACA;;AACA;EACE;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,kBC/GI;;ADiHJ;EACE;;AAGF;EACE;EACA;;AAEA;EACE,kBC7HM;ED8HN;;AAEA;EACE;;AAGJ;EACE;EACA;EACA;EACA;EACA,cAvIS;EAwIT,eAxIS;;;AA8IjB;AAAA;EAEE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAEF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;IACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AE/LA;EACE,ODJU;;;ACQZ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,ODzBa;EC0Bb;EACA;;AACA;EACE,YDxBQ;ECyBR;EACA;;AAGF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA,OD5Ca;EC6Cb;EACA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;EACA;;AAKN;EACE;EACA;;AAGF;EACE;EACA,OD3GW;EC4GX;;AAGF;EACE;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA,ODtIQ;ECuIR;EACA;EACA;EACA;EACA;EACA;EACA,kBDvIS;;AC2IT;EACE;EACA;EACA;EACA;EACA;EACA;EACA,ODlJO;ECmJP;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,YDzKM;EC0KN;;;AAKJ;EACI,YDhLM;ECiLN;EACA;EACA;;;AC3LN;EACE;EACA;EACA;;AACA;EACE;EACA;EACA;;AACA;EACE,OFVY;EEWZ;EACA;EACA;;AACA;EACE,YFNI;EEOJ;;AAEF;EACE,OFhBD;;AEoBH;EACE,OFhBE;EEiBF;;AAGF;EACE,OF7BY;EE8BZ;EACA;;AACA;EACE,YFxBI;EEyBJ;;AANJ;EAQE;;AACA;EACE,OFnCD;;;AEyCP;EACE;EACA;EACA;EACA;EACA;EACA;;;ACjDF;AAAA;EAEE;;;AAGF;EACE;IACE;;EAEF;IACE;;;AAIJ;EACE;IACE;;EAEF;IACE;;;AAMF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;;AAGE;AAAA;EACE;;AAFJ;AAAA;EAIE;;AAGF;AAAA;EACE;EACA;EACA;;AAEA;AAAA;EACE;EACA,YH5CE;;AGgDN;AAAA;EACE;EACA;EACA;EACA;EACA;;AACA;AAAA;EACE;EACA;;AAEF;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;;AAtBJ;AAAA;EAwBE;;AAIJ;AAAA;EACE;EACA;EACA;;AACA;AAAA;EACE;;AAEA;AAAA;EACE;;AACA;AAAA;EACE;EACA,YHvFA;;AG2FJ;AAAA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAGF;AAAA;EACE;EACA;EACA;;AAGF;AAAA;EACE,OHvHH;;AG4HH;AAAA;EACE;EACA;;AACA;AAAA;EACE;EACA,OHpIU;EGqIV;EACA;EACA;;AACA;AAAA;EACE;EACA,YHjIE;;AGyHN;AAAA;EAUE;;AACA;AAAA;EACE;;AAOF;AAAA;EACE;;AAIJ;AAAA;EACE;;;AAON;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA,YHpKI;;AGuKN;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA,OH7LD;EG8LC;;AAIJ;EACE;EACA;;AAGF;EACE;EACA;EACA;;AAEA;EACE;;AAEA;EACE;;AAMR;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA,OHtOE;EGuOF;EACA;EACA;;AAEA;EACE;EACA;EACA;;AAGF;EACE;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,kBH1QQ;EG2QR;EACA;EACA;EACA;EACA;EACA;EACA;EAEA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AC1RN;EACE;EACA;;AAEA;EACE;;AACA;EACE,OJRQ;EISR;;;ACTN;EACI;EACA;;AACA;EACE;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EAGA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;EACA;EACA,YLrBI;;;AMVZ;EACE;EACA;;AACA;EACE;EACA,ONJc;EMKd;EACA;;;ACPJ;EACE;EACA;EACA;EACA;;AACA;EACE;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;EASA;EACA;EACA;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EAEA;;AAEA;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE;EACA;;AAIJ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;;AAGF;EACE;;AACA;EACE;EACA;EACA;EACA;EACA;;AAIJ;EACE;;;AAKF;EACE;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;EACA;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;AAAA;EAEE;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;;AAGF;EACE;IACE;;EAEF;IAEE;;;ACnLJ;EACE;;AACA;EACE;EACA;;AACA;EACE;EACA;;AACA;EAEE;EACA;EACA;EACA;EACA;EACA,ORjBU;EQkBV;EACA;EACA;;AAEA;EACE;EACA;EACA;EACA;AACA;EACA;EACA;EACA;;AAIN;EACE,ORhCC;EQiCD;EACA;EACA;;AAEF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;;AACA;EACE,cRlDM;;AQsDV;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA,OR1DC;;;ASQP;EACE;EACA;EACA;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;EACA;EACA;EACA,OT7BY;;AS8BZ;EACE;EACA;EACA;EACA;EACA;;AAGF;EACE;EACA,YT9BQ;;;ASkCZ;EAEI;IACE;IACA;;EACA;IACE;IACA;IACA;;EAGF;IACE;;EAGJ;IACE;IACA;;;AAKN;EAEI;IACE;;EACA;IACE;IACA;IACA;;EAEF;IACE;;EAGJ;AAAA;IAEE;;;AAKN;EACE;;;AAKE;EACE;;AAIJ;EACE;EACA;;AACA;AAAA;EAEE","file":"mainTheme.css"}

package/dist/styles/scss/widgets/searchInput/style.scss CHANGED Viewed

@@ -7,7 +7,6 @@ $suggestPadding: 20px;
   padding: 15px 20px 10px 20px;
   border-radius: 80px;
   height: 40px;
-  position: relative;
   &.searchstax-search-input-container-new {
     display: flex;
@@ -24,9 +23,8 @@ $suggestPadding: 20px;
       input{
         border-radius: 5px;
         border: 1px solid $grey-light;
-        font-size: 16px;
         font-size: 14px;
-        padding: 0 10px;
+        padding: 0 24px 0 10px;
       }
     }
@@ -38,17 +36,41 @@ $suggestPadding: 20px;
       background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI3MnB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNTQuMDM2LDQ4LjAzOEw3MS40MTksNjUuNDNsLTUuNTUxLDQuOTYzTDQ5LjUxMiw1NC4wMzNjLTUuMjIsNC4yMy0xMS44NzEsNi43NTktMTkuMTEsNi43NTkKCUMxMy42MTMsNjAuNzkyLDAsNDcuMTgxLDAsMzAuMzk3QzAsMTMuNjA5LDEzLjYxMywwLDMwLjQwMSwwYzE2Ljc4NiwwLDMwLjM5NiwxMy42MDksMzAuMzk2LDMwLjM5NwoJYzAsNy4yNDItMi41MzQsMTMuODg4LTYuNzYyLDE5LjExMVY0OC4wMzh6IE0zMC40MTQsNTIuNzFjMTIuMzM5LDAsMjIuMzQyLTEwLDIyLjM0Mi0yMi4zNDFjMC0xMi4zMzktMTAuMDAzLTIyLjMzOS0yMi4zNDItMjIuMzM5CgljLTEyLjM0MSwwLTIyLjM0MSwxMC0yMi4zNDEsMjIuMzM5QzguMDczLDQyLjcxLDE4LjA3Myw1Mi43MSwzMC40MTQsNTIuNzEiLz4KPC9zdmc+Cg==");
     }
-    .searchstax-search-close {
-      margin-top: 4px;
-      border-radius: 5px;
-      background-size: 55%;
-      background-color: $actionColor;
-      background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+    .searchstax-cross-icon  {
+      position: absolute;
+      z-index: 3; /* Higher than the input's z-index of 2 */
+      margin-top: 0;
+      top: 6px;
+      right: 4px;
+      height: calc($inputHeight - 10px);
+      width: calc($inputHeight - 10px);
+      background-image: none;
+      border-radius: 100%;
+    }
+    .searchstax-cross-icon::before {
+      content: "";
+      position: absolute;
+      top: 0;
+      left: 0;
+      width: 100%;
+      height: 100%;
+      -webkit-mask-image:  url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+      mask-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
+      -webkit-mask-repeat: no-repeat;
+      mask-repeat: no-repeat;
+      -webkit-mask-position: center;
+      mask-position: center;
+      background-color: $grey-light;
+    }
+    .searchstax-separator {
+      display: none;
     }
   }
   .searchstax-search-icon,
-  .searchstax-search-close,
+  .searchstax-cross-icon,
   .searchstax-spinner-icon {
     cursor: pointer;
     margin-top: 3px;
@@ -121,7 +143,7 @@ $suggestPadding: 20px;
 }
 .searchstax-search-icon,
-.searchstax-search-close {
+.searchstax-cross-icon {
   max-width: 28px;
   height: 28px;
   width: 28px;
@@ -136,10 +158,24 @@ $suggestPadding: 20px;
 .searchstax-search-icon {
   background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDE2LjAuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSI3MnB4IiBoZWlnaHQ9IjcycHgiIHZpZXdCb3g9IjAgMCA3MiA3MiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNzIgNzIiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8cGF0aCBmaWxsPSIjRUIzNTAwIiBkPSJNNTQuMDM2LDQ4LjAzOEw3MS40MTksNjUuNDNsLTUuNTUxLDQuOTYzTDQ5LjUxMiw1NC4wMzNjLTUuMjIsNC4yMy0xMS44NzEsNi43NTktMTkuMTEsNi43NTkKCUMxMy42MTMsNjAuNzkyLDAsNDcuMTgxLDAsMzAuMzk3QzAsMTMuNjA5LDEzLjYxMywwLDMwLjQwMSwwYzE2Ljc4NiwwLDMwLjM5NiwxMy42MDksMzAuMzk2LDMwLjM5NwoJYzAsNy4yNDItMi41MzQsMTMuODg4LTYuNzYyLDE5LjExMVY0OC4wMzh6IE0zMC40MTQsNTIuNzFjMTIuMzM5LDAsMjIuMzQyLTEwLDIyLjM0Mi0yMi4zNDFjMC0xMi4zMzktMTAuMDAzLTIyLjMzOS0yMi4zNDItMjIuMzM5CgljLTEyLjM0MSwwLTIyLjM0MSwxMC0yMi4zNDEsMjIuMzM5QzguMDczLDQyLjcxLDE4LjA3Myw1Mi43MSwzMC40MTQsNTIuNzEiLz4KPC9zdmc+Cg==");
 }
-.searchstax-search-close {
+.searchstax-cross-icon {
   background-image: url("data:image/svg+xml; base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI1LjAuMSwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA0OCA0OCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNDggNDg7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRUIzNTAwO30KPC9zdHlsZT4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTI2LjksMjQuMWw2LjQsNi40YzAuOCwwLjgsMC44LDIsMCwyLjhjLTAuOCwwLjgtMiwwLjgtMi44LDBMMjQsMjYuOWwtNi40LDYuNGMtMC44LDAuOC0yLDAuOC0yLjgsMAoJYy0wLjgtMC44LTAuOC0yLDAtMi44bDYuNC02LjRsLTYuNC02LjRjLTAuOC0wLjgtMC44LTIsMC0yLjhjMC44LTAuOCwyLTAuOCwyLjgsMGw2LjQsNi40bDYuNC02LjRjMC44LTAuOCwyLTAuOCwyLjgsMAoJYzAuOCwwLjgsMC44LDIsMCwyLjhMMjYuOSwyNC4xeiBNMjQsNDguMWMtMTMuMywwLTI0LTEwLjctMjQtMjRzMTAuNy0yNCwyNC0yNHMyNCwxMC43LDI0LDI0UzM3LjMsNDguMSwyNCw0OC4xeiBNMjQsNDMuNAoJYzEwLjcsMCwxOS40LTguNywxOS40LTE5LjRTMzQuNyw0LjcsMjQsNC43UzQuNiwxMy4zLDQuNiwyNC4xUzEzLjMsNDMuNCwyNCw0My40eiIvPgo8L3N2Zz4K");
 }
+.searchstax-separator {
+  max-width: 14px;
+  height: calc($inputHeight + 3px);
+  width: 14px;
+  display: block;
+  background: none;
+  border-right: 1px solid $grey-light;
+  margin-right: 14px;
+}
+.hidden {
+  display: none;
+}
 @keyframes spinner-border {
   to {
     transform: rotate(360deg);
@@ -152,7 +188,6 @@ $suggestPadding: 20px;
   height: 28px;
   vertical-align: text-bottom;
   border: 3px solid $actionColor;
-  border-right-color: $actionColor;
   border-right-color: transparent;
   border-radius: 50%;
   -webkit-animation: spinner-border 0.75s linear infinite;

package/dist/templates.js CHANGED Viewed

@@ -166,17 +166,19 @@
                 {{/hasResults}}
             </h4>
         {{/searchExecuted}}
-        `,originalQueryClass:"searchstax-feedback-original-query"}},L={mainTemplate:{template:`
+        `,originalQueryClass:"searchstax-feedback-original-query"}},r={mainTemplate:{template:`
         <div class="searchstax-search-input-container searchstax-search-input-container-new {{#locationEnabled}}searchstax-alternative-render{{/locationEnabled}}">
           <div class="searchstax-search-input-wrapper">
             <input type="text" id="searchstax-search-input" class="searchstax-search-input" placeholder="SEARCH FOR..." aria-label="Search" />
+            <button id="searchstax-clear-input-action-button" class="searchstax-cross-icon hidden" aria-label="clear input" role="button"></button>
+            <span id="searchstax-separator-icon" class="searchstax-separator hidden"></span>
           </div>
           <div id="searchstax-location-container" class="searchstax-location-container"></div>
           <button class="searchstax-spinner-icon" id="searchstax-search-input-action-button" aria-label="search" role="button"></button>
         </div>
         `,searchInputId:"searchstax-search-input"},autosuggestItemTemplate:{template:`
         <div class="searchstax-autosuggest-item-term-container">{{{term}}}</div>
-        `}},r={mainTemplate:{template:`
+        `}},L={mainTemplate:{template:`
         <div class="searchstax-location-input-container" data-test-id="searchstax-location-input-container">
             <div class="searchstax-location-input-wrapper">
                 <span class="searchstax-location-input-label">NEAR</span>
@@ -366,4 +368,4 @@
      </div>
      </div>
-      `,thumbsUpButtonClass:"searchstax-lightweight-widget-thumbs-up",thumbsDownButtonClass:"searchstax-lightweight-widget-thumbs-down"}};class s{static answer=a;static externalPromotions=e;static facets=t;static pagination=i;static relatedSearches=M;static searchFeedback=c;static searchInput=L;static location=r;static searchResults=l;static sorting=w;static feedback=u}exports.Templates=s;exports.default=s;
+      `,thumbsUpButtonClass:"searchstax-lightweight-widget-thumbs-up",thumbsDownButtonClass:"searchstax-lightweight-widget-thumbs-down"}};class s{static answer=a;static externalPromotions=e;static facets=t;static pagination=i;static relatedSearches=M;static searchFeedback=c;static searchInput=r;static location=L;static searchResults=l;static sorting=w;static feedback=u}exports.Templates=s;exports.default=s;

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@searchstax-inc/searchstudio-ux-js",
   "private": false,
-  "version": "4.2.2",
+  "version": "4.2.13",
   "engines": {
     "node": ">=20.19.0"
   },