hds-web 1.20.6 → 1.20.7

package/package.json

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

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

@@ -57,7 +57,7 @@ const DebouncedSearchBox = ({
           <input
             id="search-input"
             ref={searchInputRef}
-            className="shodow-none w-full font-bold indent-8 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 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/searchresults.js

@@ -35,7 +35,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 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-0">
         {
           titleIcon()
         }
@@ -122,7 +122,7 @@ const HitsInIndex = ({ index, show }) => (
 );
 
 const SearchResult = ({ children, indices, className, id, wrapperRef, activeIndexTypes }) => (
-  <div id={id} className={`${className} search-results z-[-1] clear-both`} ref={wrapperRef}>
+  <div id={id} className={`${className} search-results clear-both`} ref={wrapperRef}>
     {children && children}
     {indices.map(index => (
       <HitsInIndex index={index} key={index.name} show={activeIndexTypes[index.type]} />

package/src/index.css

@@ -8,7 +8,7 @@
   width: 100%;
 }
 .shodow-none:focus {
-  box-shadow: none;
+  box-shadow: none !important;
 }
 .marketoFormWrapper .mktoFormRow {
   width: 100%;
@@ -80,6 +80,7 @@
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 40px;
+  padding-top: 26px;
 }
 
 .search-results .ais-Hits .ais-Hits-list .ais-Hits-item,

package/src/styles/tailwind.css

@@ -1068,10 +1068,6 @@ select{
   z-index: 50;
 }
 
-.z-\[-1\]{
-  z-index: -1;
-}
-
 .z-\[10000\]{
   z-index: 10000;
 }
@@ -7603,7 +7599,7 @@ select{
 }
 
 .shodow-none:focus {
-  box-shadow: none;
+  box-shadow: none !important;
 }
 
 .marketoFormWrapper .mktoFormRow {
@@ -7673,6 +7669,7 @@ select{
   display: grid;
   grid-template-columns: repeat(2, 1fr);
   grid-gap: 40px;
+  padding-top: 26px;
 }
 
 .search-results .ais-Hits .ais-Hits-list .ais-Hits-item,
@@ -11333,6 +11330,10 @@ select{
     padding-top: 4rem;
   }
 
+  .tb-m\:indent-11{
+    text-indent: 2.75rem;
+  }
+
   .tb-m\:text-4xl{
     font-size: 2.25rem;
     line-height: 2.5rem;