hds-web 1.19.5 → 1.19.7

package/package.json

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

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

@@ -25,7 +25,7 @@ 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>
               )
@@ -39,17 +39,17 @@ export default function AnnouncementMd(props) {
             }
             {
               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: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/Headers/v3Header.js

@@ -414,7 +414,7 @@ export default function V3Header(props) {
                                                     className="flex justify-between items-center p-4 cursor-pointer group"
                                                 >
                                                     <div className="flex items-center justify-center gap-2">
-                                                        <Icon height="h-5 w-5" variant="home03" strokeColor="#3970FD" />
+                                                        {/* <Icon height="h-5 w-5" variant="home03" strokeColor="#3970FD" /> */}
                                                         <Typography textStyle="body3c-medium" className="text-neutral-700 hover:text-neutral-1000 transition-all duration-300 ease-in-out">
                                                             {`${item['title']}`}
                                                         </Typography>

package/src/styles/tailwind.css

@@ -1670,8 +1670,8 @@ select{
   max-height: 26.25;
 }
 
-.max-h-\[34px\]{
-  max-height: 34px;
+.max-h-\[32px\]{
+  max-height: 32px;
 }
 
 .max-h-\[530px\]{
@@ -1686,10 +1686,6 @@ select{
   max-height: 100vh;
 }
 
-.max-h-\[32px\]{
-  max-height: 32px;
-}
-
 .min-h-\[12px\]{
   min-height: 12px;
 }
@@ -10328,6 +10324,10 @@ select{
     margin-left: 3.5rem;
   }
 
+  .tb\:mr-2{
+    margin-right: 0.5rem;
+  }
+
   .tb\:mr-4{
     margin-right: 1rem;
   }
@@ -10360,10 +10360,6 @@ select{
     margin-top: -4px;
   }
 
-  .tb\:mr-2{
-    margin-right: 0.5rem;
-  }
-
   .tb\:block{
     display: block;
   }
@@ -10708,6 +10704,10 @@ select{
     padding-right: 0px;
   }
 
+  .tb\:pr-2{
+    padding-right: 0.5rem;
+  }
+
   .tb\:pr-4{
     padding-right: 1rem;
   }
@@ -10740,10 +10740,6 @@ select{
     padding-top: 2.875rem;
   }
 
-  .tb\:pr-2{
-    padding-right: 0.5rem;
-  }
-
   .tb\:text-left{
     text-align: left;
   }