hds-web 1.23.5 → 1.23.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "hds-web",
-  "version": "1.23.5",
+  "version": "1.23.6",
   "private": false,
   "main": "dist/index.js",
   "module": "dist/index.es.js",

package/src/HDS/helpers/AlgoliaSearch/searchbox.js

@@ -44,7 +44,7 @@ const DebouncedSearchBox = ({
     setValue(value);
   };
   return (
-    <div className=" sticky -top-20 tb-m:-top-20 z-10 py-8 pt-16 tb-m:pt-16 tb-m:py-9 bg-neutral-0">
+    <div className=" sticky -top-20 tb-m:-top-20 z-10 py-8 pt-16 tb-m:pt-16 tb-m:py-9 bg-neutral-100">
       <div className="flex relative items-center w-full">
         <div className="absolute left-2">
           {isSearchStalled ? (
@@ -57,7 +57,7 @@ const DebouncedSearchBox = ({
           <input
             id="search-input"
             ref={searchInputRef}
-            className="shodow-none w-full font-bold indent-8 tb-m:indent-11 text-2xl tb-m:text-4xl text-neutral-800 placeholder:text-neutral-800 rounded-xl border-0 h-12 focus:border-0 focus:shadow-[none] focus:border-neutral-0 tb:text-2xl"
+            className="shodow-none bg-neutral-100 w-full font-bold indent-8 tb-m:indent-11 text-2xl tb-m:text-4xl text-neutral-800 placeholder:text-neutral-800 rounded-xl border-0 h-12 focus:border-0 focus:shadow-[none] focus:border-neutral-0 tb:text-2xl"
             type="text"
             placeholder="Search for tutorials, articles or docs"
             aria-label="Search"

package/src/HDS/helpers/AlgoliaSearch/searchoverlay.js

@@ -19,11 +19,11 @@ export default function SearchOverlay({showSearch, onCloseSearch, ...props}) {
   if (!showSearch) return null;
 
   return (
-    <div className="fixed left-0 top-0 w-full h-full z-[10000] bg-neutral-0">
+    <div className="fixed left-0 top-0 w-full h-full z-[10000] bg-neutral-100">
       <div className="absolute top-4 right-4 cursor-pointer z-[11]" onClick={onCloseSearch}>
         <Icon height={'w-8 h-8 stroke-[1.5px]'} variant="xclose" strokeClass="stroke-neutral-800" />
       </div>
-      <div className="py-20 overflow-y-auto h-full w-full">
+      <div className="py-20 overflow-y-auto h-full w-full bg-neutral-100">
         <div className="px-4">
           <div className="max-w-7xl mx-auto">
             <div className="w-full">

package/src/HDS/helpers/AlgoliaSearch/searchresults.js

@@ -34,7 +34,7 @@ const HitsHeader = ({ searchResults, indexTitle, showSeparator, allIndex }) => {
       {/* <div className="HitCount">
         {hitCount} result{hitCount !== 1 ? `s` : ``}
       </div> */}
-      <Typography textStyle="sub1" className="pb-4 pl-2 flex items-center text-neutral-800 font-normal sticky tb-m:z-0 top-[170px] tb:top-[160px] tb-m:top-[120px] bg-neutral-0">
+      <Typography textStyle="sub1" className="pb-4 pl-2 flex items-center text-neutral-800 font-normal sticky tb-m:z-0 top-[170px] tb:top-[160px] tb-m:top-[120px] bg-neutral-100">
         {
           titleIcon()
         }

package/src/HDS/helpers/AlgoliaSearch/searchwrapper.js

@@ -178,7 +178,7 @@ export default function SearchWrapper({ indices, ...props }) {
             wrapperRef={wrapperRef}
             activeIndexTypes={activeIndexTypes}
             className="search-results">
-              <div className="hds-hidden-tbm sticky top-[124px] tb:top-[114px] z-10 bg-neutral-0 pb-3">
+              <div className="hds-hidden-tbm sticky top-[124px] tb:top-[114px] z-10 bg-neutral-100 pb-3">
                 <IndexTypeFilter
                   activeIndexTypes={activeIndexTypes}
                   setActiveIndexTypes={setActiveIndexTypes}