hds-web 1.23.4 → 1.23.6

package/package.json

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

package/src/HDS/components/Cards/Menu/flyoutA.js

@@ -21,7 +21,7 @@ export default function FlyoutA(props) {
             <div className="mb-9">
             </div>
           )}
-          <div className={` tb:tb:grid tb:tb:grid-cols-1 tb:gap-x-4 tb:min-w-[182px] `}>
+          <div className={` tb:tb:grid tb:tb:grid-cols-1 tb:gap-x-4 tb:min-w-[186px] `}>
             {childArray && childArray.map((item) => (
               <div
                 key={item.name}

package/src/HDS/components/Cards/StoryCard/storyxl.js

@@ -6,7 +6,7 @@ import { Icon } from "../../common-components";
 export default function StoryCardXL(props) {
     return (
         <>
-            <div className="flex flex-col-reverse px-6 py-10 tb-l:px-0 tb-l:py-0 tb-l:flex-row tb-l:gap-10 db:gap-32 tb-l:max-w-7xl min-h-[742px]">
+            <div className="flex flex-col-reverse px-6 py-10 tb-l:px-0 tb-l:py-0 tb-l:flex-row tb-l:gap-10 db:gap-32 tb-l:max-w-7xl min-h-[742px] tb-l:min-h-[518px]">
 
                 <div className="flex flex-col tb-l:pl-20 tb-l:pt-14 tb-l:pb-14">
                     {

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}

package/src/styles/tailwind.css

@@ -10892,6 +10892,18 @@ select{
     min-width: 500px;
   }
 
+  .tb\:min-w-\[185px\]{
+    min-width: 185px;
+  }
+
+  .tb\:min-w-\[200px\]{
+    min-width: 200px;
+  }
+
+  .tb\:min-w-\[186px\]{
+    min-width: 186px;
+  }
+
   .tb\:max-w-\[17rem\]{
     max-width: 17rem;
   }
@@ -11763,6 +11775,10 @@ select{
     min-height: 224px;
   }
 
+  .tb-l\:min-h-\[518px\]{
+    min-height: 518px;
+  }
+
   .tb-l\:w-1\/2{
     width: 50%;
   }
@@ -11805,6 +11821,10 @@ select{
     min-width: 700px;
   }
 
+  .tb-l\:min-w-\[518px\]{
+    min-width: 518px;
+  }
+
   .tb-l\:max-w-\[1240px\]{
     max-width: 1240px;
   }