hds-web 1.22.5 → 1.22.7

package/package.json

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

package/src/HDS/assets/icons/arrow-narrow-right.svg

@@ -1,3 +1,3 @@
 <svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M4 12H20M20 12L14 6M20 12L14 18"  stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4 12H20M20 12L14 6M20 12L14 18"  stroke-linecap="round" stroke-linejoin="round"/>
 </svg>

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

@@ -18,11 +18,21 @@ export default function AnnouncementSM(props) {
   return (
     <div className={`${bgClass} rounded-2xl tb:rounded-full shadow p-3 tb:py-2 tb:px-2 inline-flex items-center`}>
       <div className="block items-center tb:flex">
-        <Typography textStyle="body2-medium" className={`inline-flex pl-0 pb-1 tb:px-3 rounded-full mr-4 min-w-fit ${tagColorVariants[props.tagColor]}`}>{props.tagText}</Typography>
-        <a href={props.linkUrl} className="pl-0 px-3 block tb:px-0 tb:pb-0">
-          <Typography textStyle="body2-medium" className={`${linkTextClass} group flex items-center`}>
+        <Typography 
+        textStyle="body2-medium" 
+        className={`inline-flex pl-0 tb:py-1 tb:px-3 rounded-full mr-4 min-w-fit ${tagColorVariants[props.tagColor]}`}>
+          {props.tagText}
+          </Typography>
+        <a href={props.linkUrl} 
+        className="pl-0 px-3 block tb:px-0 tb:pb-0">
+          <Typography 
+          textStyle="body2-medium" 
+          className={`${linkTextClass} group flex items-center`}>
             {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={'block w-6 h-6 stroke-2 ml-2 mr-1 transition ease-in-out group-hover:translate-x-[5px]'} 
+            variant='arrownarrowright' 
+            strokeClass='stroke-blue-500' />
           </Typography>
         </a>
       </div>

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

@@ -58,7 +58,7 @@ export default function StoryCard(props) {
                                 <div className="translate-y-8 transition-all group-hover/sc:translate-y-0 opacity-0 group-hover/sc:opacity-100 duration-300 group-hover/sc:flex">
                                     <div className="flex">
                                         <HDSButton
-                                            label={props.readMoreBtn.cta_text}
+                                            label={props.readMoreBtn.cta_text ?? 'Read More'}
                                             type='secondaryLink'
                                             leftIconVariant='none'
                                             rightIconVariant='none'

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

@@ -55,7 +55,7 @@ export default function StoryCardXL(props) {
                             <a href={props.CTA['url']}>
                                 <HDSButton
                                     label={props.CTA['text']}
-                                    type={props.CTA['type'] || 'secondary'}
+                                    type={'secondary'}
                                     size='md'
                                     rightAnimatedArrowColor="#3970FD"
                                 />

package/src/styles/tailwind.css

@@ -11134,6 +11134,11 @@ select{
     padding-bottom: 0.5rem;
   }
 
+  .tb\:py-1{
+    padding-top: 0.25rem;
+    padding-bottom: 0.25rem;
+  }
+
   .tb\:pb-0{
     padding-bottom: 0px;
   }