hds-web 1.22.4 → 1.22.5

package/package.json

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

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

@@ -16,15 +16,15 @@ export default function StoryCardXL(props) {
                     }
                     {props.brandImageURL &&
                         props.brandImageAlt && (
-                            <div className="flex justify-start">
-                                <img src={props.brandImageURL} alt={props.brandImageAlt} className=" tb-l:flex hidden " />
+                        <div className="tb-l:flex hidden  justify-start">
+                                <img src={props.brandImageURL} alt={props.brandImageAlt} className=" " />
                             </div>
                         )
 
                     }
                     {props.title &&
                         (
-                            <div className="flex pt-6 flex-col gap-6 tb-l:max-w-[547px] ">
+                            <div className="flex pt-3 flex-col gap-6 tb-l:max-w-[547px] ">
                             <Typography textStyle='h3' className='text-neutral-1000 tb-l:block hidden min-h-[144px] overflow-clip'>{props.title}</Typography>
                                 {props.heroList &&
                                     (
@@ -33,7 +33,10 @@ export default function StoryCardXL(props) {
                                                 {props.heroList.map((value, index) => (
                                                     <div key={index} className='flex gap-5'>
                                                         <Icon
-                                                            height='tb:h-8 tb:w-8 h-6 w-6' variant={value.iconVariant} strokeClass='stroke-neutral-800' />
+                                                            height='tb:h-8 tb:w-8 h-6 w-6' 
+                                                            variant={value.iconVariant} 
+                                                            strokeClass={value.strokeClass ?? 'stroke-neutral-800'} 
+                                                            />
                                                         <Typography
                                                             textStyle='sub2' className='text-neutral-700' >
                                                             {value.title}
@@ -92,8 +95,8 @@ export default function StoryCardXL(props) {
                 <div className="tb-l:hidden pb-6">
                     {props.brandImageURL &&
                         props.brandImageAlt && (
-                        <div className="pb-4 ">
-                            <img src={props.brandImageURL} alt={props.brandImageAlt} className="max-h-[28px]" />
+                        <div className="pb-1 ">
+                            <img src={props.brandImageURL} alt={props.brandImageAlt} className="max-h-[64px]" />
                             </div>
                         )
                     }
@@ -116,7 +119,7 @@ StoryCardXL.defaultProps = {
     heroIconVariant: 'calendar',
     heroIconStrokeClass: 'stroke-neutral-1000',
     heroListTitle: '100 days from concept to production',
-    brandImageURL: 'https://res.cloudinary.com/dh8fp23nd/image/upload/v1690982687/website%20v3/customers/ushor_zewv16.png',
+    brandImageURL: 'https://res.cloudinary.com/hasura-cms-uploads/image/upload/v1690982762/pulley_pcj45e_8fd10af212.png',
     brandImageAlt: 'optum',
     title: 'Healthcare giant Optum goes from concept to production in 100 days with Hasura',
     description: 'description1',

package/src/HDS/components/common-components/Icon/IconMap.js

@@ -2401,6 +2401,9 @@ export default function Icon ({ variant, height, strokeColor, strokeClass, class
     if (variant === 'meetup') {
         IconStrokeCLass = 'fill-neutral-500 group-hover/icon:fill-pink-meetup'
     }
+    if (variant === 'graphQL') {
+        IconStrokeCLass = ''
+    }
     return (
         <div style={{ stroke: `${strokeColor}` }}>
             <CurrentActiveIcon