hds-web 1.19.6 → 1.19.8

package/package.json

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

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

@@ -25,31 +25,31 @@ export default function AnnouncementMd(props) {
           <div className="block items-center tb:flex tb:justify-center">
             {
               props.brandImg && (
-                <div className="pl-3 tb:pl-14 tb:pr-2">
+                <div className="pb-1 tb:pb-0 tb:pl-14 tb:pr-2">
                   <img className="max-h-[32px]" src={props.brandImg} alt={props.brandImgAlt} />
                 </div>
               )
             }
             {
               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>
               )
             }
             {
               props.tagText && (
-                <Typography textStyle="body2-medium" className={`inline-flex py-1 px-3 ml-0 tb:ml-14 tb-m:ml-6 rounded-full mr-4 min-w-fit ${tagColorVariants[tagClass]}`}>{props.tagText}</Typography>
+                <Typography textStyle="body2-medium" className={`inline-flex py-1 px-0 tb:px-3 ml-0 tb:ml-14 tb-m:ml-6 rounded-full mr-4 min-w-fit ${tagColorVariants[tagClass]}`}>{props.tagText}</Typography>
               )
             }
-            <a href={props.linkUrl} className="px-3 block tb:px-0 pb-1 tb:pb-0">
+            <a href={props.linkUrl} className="block pb-1 tb:pb-0">
               <Typography textStyle="body2-medium" className={`${linkTextClass} group flex items-center [&>div]:inline-block`}>
                 {props.linkText}
-                <Icon height={'block w-6 h-6 stroke-[2px] ml-3 transition ease-in-out group-hover:translate-x-[5px]'} variant='arrownarrowright' strokeClass='stroke-blue-500' />
+                <Icon height={' hidden tb:block w-6 h-6 stroke-[2px] ml-3 transition ease-in-out group-hover:translate-x-[5px]'} variant='arrownarrowright' strokeClass='stroke-blue-500' />
               </Typography>
             </a>
           </div>
-          <div className=" static mx-3 tb:mx-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)}>
+          <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/styles/tailwind.css

@@ -10307,11 +10307,6 @@ select{
     right: 0px;
   }
 
-  .tb\:mx-0{
-    margin-left: 0px;
-    margin-right: 0px;
-  }
-
   .tb\:mb-16{
     margin-bottom: 4rem;
   }
@@ -10360,6 +10355,10 @@ select{
     margin-top: -4px;
   }
 
+  .tb\:mb-0{
+    margin-bottom: 0px;
+  }
+
   .tb\:block{
     display: block;
   }