hds-web 1.19.7 → 1.19.9

package/package.json

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

package/src/HDS/components/Cards/Announcement/announcementMd.js

@@ -32,7 +32,7 @@ export default function AnnouncementMd(props) {
             }
             {
               props.iconBgColor && (
-                <div className={`${iconBgClass} ml-3 tb:ml-14 tb:mr-2 w-8 h-8 min-w-[32px] rounded-full flex items-center justify-center`}>
+                <div className={`${iconBgClass} ml-0 mb-1 tb:mb-0 tb:ml-14 tb:mr-2 w-8 h-8 min-w-[32px] rounded-full flex items-center justify-center`}>
                   <Icon height={'block w-5 h-5 stroke-[2px] transition ease-in-out'} variant={props.iconVariant} strokeClass='stroke-neutral-1000' />
                 </div>
               )
@@ -49,7 +49,7 @@ export default function AnnouncementMd(props) {
               </Typography>
             </a>
           </div>
-          <div className="static ml-3 tb:absolute top-1/2 tb:-translate-y-1/2 tb:left-6 cursor-pointer w-8 min-w-[32px] h-8 rounded-full bg-neutral-100 flex items-center justify-center" onClick={()=>toggleBanner(false)}>
+          <div className="static ml-3 tb:ml-0 tb:absolute top-1/2 tb:-translate-y-1/2 tb:left-6 cursor-pointer w-8 min-w-[32px] h-8 rounded-full bg-neutral-100 flex items-center justify-center" onClick={()=>toggleBanner(false)}>
             <Icon height={'block w-6 h-6 stroke-[2px] transition ease-in-out'} variant='xclose' strokeClass='stroke-neutral-800' />
           </div>
         </div>

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

@@ -28,7 +28,7 @@ export default function FlyoutB(props) {
             <a href={primaryBtnCTA} className="group/card cursor-pointer w-full h-full relative transition-all duration-300 ease-out ">
                 <div className="group-hover/card:bg-neutral-100   ml-2 z-[1] mt-2 w-[calc(100%-16px)] h-[calc(100%-16px)] rounded-xl absolute ">
                 </div>
-                <div className="p-6 w-full h-full ">
+                <div className="px-6 pt-6 pb-4 w-full h-full ">
 
 
                     <div className=" flex items-center relative justify-center p-2.5 h-14 w-14 z-[2] group-hover/card:bg-blue-200 bg-neutral-150 rounded-2xl">
@@ -52,12 +52,14 @@ export default function FlyoutB(props) {
                     <Typography className='mt-2 text-neutral-600 relative z-[2]' textStyle='body3'>{mainDescription}</Typography>
                 </div>
             </a>
-            <div className="flex flex-col gap-2">
+            <div className="flex flex-col pb-3 gap-2">
                 {secondaryBtn.map((btn, index) => (
-                    <a key={index} href={btn.cta_link} className="group/btn justify-around  cursor-pointer px-2 ">
+                    <a key={index} href={btn.cta_link} className="group/btn px-2 justify-around  cursor-pointer ">
 
-                        <div className=" flex items-center p-2 hover:bg-neutral-100 rounded-xl ">
-                            <div className="flex w-full justify-between items-center z-[2]">
+                        <div className=" flex items-center hover:bg-neutral-100 rounded-xl px-4 ">
+                            <div 
+                            className="flex w-full justify-between items-center z-[2] py-2.5"
+                            >
                                 <div
                                     className="flex rounded-lg gap-2 items-center ">
                                     {btn.cta_leftVariantIcon && (
@@ -88,10 +90,10 @@ export default function FlyoutB(props) {
                     </a>))}
 
                 {tertiaryBtn && tertiaryBtn.map((t, index) => (
-                    <a key={index} href={t.cta_link} className="group/btn justify-around  cursor-pointer px-2 pb-2 ">
+                    <a key={index} href={t.cta_link} className="group/btn justify-around  cursor-pointer px-2 ">
 
-                        <div className=" flex items-center p-2 hover:bg-neutral-100 rounded-xl ">
-                            <div className="flex w-full justify-between items-center z-[2]">
+                        <div className=" flex items-center hover:bg-neutral-100 rounded-xl px-4 ">
+                            <div className="flex w-full justify-between items-center z-[2] pr-2 py-2.5">
                                 <div
                                     className="flex rounded-lg gap-2 items-center ">
                                     {t.cta_leftVariantIcon && (

package/src/styles/tailwind.css

@@ -6512,6 +6512,10 @@ select{
   padding-top: 81px;
 }
 
+.pb-3{
+  padding-bottom: 0.75rem;
+}
+
 .text-left{
   text-align: left;
 }
@@ -10307,9 +10311,8 @@ select{
     right: 0px;
   }
 
-  .tb\:mx-0{
-    margin-left: 0px;
-    margin-right: 0px;
+  .tb\:mb-0{
+    margin-bottom: 0px;
   }
 
   .tb\:mb-16{