hds-web 1.41.4 → 1.41.6

package/package.json

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

package/src/HDS/components/Cards/Dropdown/v3Dropdown.js

@@ -10,7 +10,7 @@ export default function DropdownA(props) {
       <div className="tb-l:flex mb-2 tb-l:mb-0 flex w-full tb-l:bg-neutral-150 flex-col tb-l:flex-row max-w-7xl tb-l:gap-2 rounded-2xl ">
         {props.primaryCard && (
           <div className="">
-            <div className={`bg-neutral-0 rounded-2xl h-full w-full ${props.primaryCard.cardDetailsArray ? 'min-w-[500px]' : ' min-w-[250px]'}`}>
+            <div className={`bg-neutral-0 rounded-2xl h-full w-full ${props.primaryCard.cardDetailsArray ? 'tb-l:min-w-[505px]' : ' min-w-[250px]'}`}>
               <FlyoutB {...props.primaryCard} />
             </div>
           </div>

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

@@ -25,7 +25,7 @@ export default function FlyoutB(props) {
       
       
         <div className=" ml-2 mt-2 w-[calc(100%-16px)] h-[calc(100%-16px)] rounded-xl absolute "></div>
-          <div className="px-6 pt-6 pb-4 w-full h-full ">
+          <div className="px-6 pt-6 pb-2 w-full h-full ">
             <Typography
               textStyle="h6"
               className="uppercase relative z-[2] group-hover/card:text-neutral-1000 text-neutral-500 mb-4"

package/src/styles/tailwind.css

@@ -1042,6 +1042,10 @@ select{
   top: 170px;
 }
 
+.top-\[21px\]{
+  top: 21px;
+}
+
 .top-\[4px\]{
   top: 4px;
 }
@@ -1058,10 +1062,6 @@ select{
   top: 100%;
 }
 
-.top-\[21px\]{
-  top: 21px;
-}
-
 .isolate{
   isolation: isolate;
 }
@@ -2092,6 +2092,10 @@ select{
   min-width: 24px;
 }
 
+.min-w-\[250px\]{
+  min-width: 250px;
+}
+
 .min-w-\[300px\]{
   min-width: 300px;
 }
@@ -2100,14 +2104,14 @@ select{
   min-width: 312px;
 }
 
-.min-w-\[420px\]{
-  min-width: 420px;
-}
-
 .min-w-\[48px\]{
   min-width: 48px;
 }
 
+.min-w-\[505px\]{
+  min-width: 505px;
+}
+
 .min-w-\[56px\]{
   min-width: 56px;
 }
@@ -2134,22 +2138,6 @@ select{
   min-width: 100%;
 }
 
-.min-w-\[440px\]{
-  min-width: 440px;
-}
-
-.min-w-\[450px\]{
-  min-width: 450px;
-}
-
-.min-w-\[500px\]{
-  min-width: 500px;
-}
-
-.min-w-\[250px\]{
-  min-width: 250px;
-}
-
 .max-w-2xl{
   max-width: 42rem;
 }
@@ -10576,19 +10564,19 @@ select{
   visibility: visible;
 }
 
-.group\/eventListing:hover .group-hover\/eventListing\:visible{
+.group\/card:hover .group-hover\/card\:visible{
   visibility: visible;
 }
 
-.group\/icon:hover .group-hover\/icon\:visible{
+.group\/eventListing:hover .group-hover\/eventListing\:visible{
   visibility: visible;
 }
 
-.group:hover .group-hover\:visible{
+.group\/icon:hover .group-hover\/icon\:visible{
   visibility: visible;
 }
 
-.group\/card:hover .group-hover\/card\:visible{
+.group:hover .group-hover\:visible{
   visibility: visible;
 }
 
@@ -10606,6 +10594,12 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
+.group\/card:hover .group-hover\/card\:translate-x-1{
+  --tw-translate-x: 0.25rem;
+  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
+}
+
 .group\/eventListing:hover .group-hover\/eventListing\:translate-x-\[0\.15rem\]{
   --tw-translate-x: 0.15rem;
   -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
@@ -10648,12 +10642,6 @@ select{
           transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
 
-.group\/card:hover .group-hover\/card\:translate-x-1{
-  --tw-translate-x: 0.25rem;
-  -webkit-transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-          transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
-
 .group\/badge:hover .group-hover\/badge\:border-opacity-0{
   --tw-border-opacity: 0;
 }
@@ -10672,11 +10660,6 @@ select{
   background-color: rgb(223 232 255 / var(--tw-bg-opacity));
 }
 
-.group\/card:hover .group-hover\/card\:bg-neutral-100{
-  --tw-bg-opacity: 1;
-  background-color: rgb(243 244 246 / var(--tw-bg-opacity));
-}
-
 .group:hover .group-hover\:bg-amber-300{
   --tw-bg-opacity: 1;
   background-color: rgb(255 206 112 / var(--tw-bg-opacity));
@@ -12152,6 +12135,10 @@ select{
     min-width: 700px;
   }
 
+  .tb-l\:min-w-\[505px\]{
+    min-width: 505px;
+  }
+
   .tb-l\:max-w-7xl{
     max-width: 80rem;
   }