hds-web 1.28.7 → 1.28.9

package/package.json

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

package/src/HDS/components/Cards/ConnectorCard/connectorCard.js

@@ -11,15 +11,18 @@ export default function ConnectorCard(props) {
                     href={props.linkUrl} 
                     className=" flex flex-col gap-10 justify-between h-full">
                         <div className="flex justify-between">
-                            {props.imgUrl &&
+                            {/* {props.imgUrl &&
                                 <div className="w-10 h-10 rounded-full border border-neutral-300 ">
                                     <img
                                         alt={props.title ?? 'connectorImage'}
                                         src={props.imgUrl}
                                         className="rounded-full w-full " />
 
-                                </div>}
-                            {props.checkIcon && <div >
+                                </div>} */}
+                            {props.imgUrl && <div className="flex">
+                                <img alt={props.title ?? 'connectorImage'} src={props.imgUrl} className=" max-h-[25px] object-contain " />
+                            </div>}
+                            {props.checkIcon && <div className="ml-2">
                                 <Icon
                                     height={'h-6 w-6 stroke-[1.5px]'}
                                     variant={props.checkIcon}

package/src/HDS/modules/Cards/aboutSection.js

@@ -9,7 +9,7 @@ export default function AboutSection(props) {
             <div className="divide-y divide-neutral-200">
                 <div className=" pb-8">
                     <div>
-                        <div className=" w-14 h-14 relative rounded-full border border-neutral-300 ">
+                        {/* <div className=" w-14 h-14 relative rounded-full border border-neutral-300 ">
                             <img alt={props.title ?? 'connectorImage'} src={props.imgUrl} className="rounded-full w-full " />
                             {props.is_verified  && <div className="absolute top-8 left-10">
                                 <Icon
@@ -17,8 +17,12 @@ export default function AboutSection(props) {
                                     variant='verifiedBlue'
 
                                 />
-                            </div>}
-                        </div>
+                            </div>
+                            }
+                        </div> */}
+                        {props.imgUrl &&  <div className="flex">
+                            <img alt={props.title ?? 'connectorImage'} src={props.imgUrl} className=" max-h-[25px] " />
+                        </div>}
 
                         {props.tags &&
                             <div className="gap-2 pt-8 flex flex-wrap">
@@ -63,22 +67,27 @@ export default function AboutSection(props) {
                             <Typography textStyle='body1-medium' className='text-neutral-500'>{props.typeText ?? 'Type'}</Typography>
                             <Icon
                                 height={'h-5 w-5 stroke-[1.5px]'}
-                                variant='github'
+                                variant={props.typeIconVariant}
+                                strokeClass='stroke-neutral-800'
                             />
-                            <Typography textStyle='body1-medium' className='text-neutral-500'>{props.typeValue}</Typography>
+                            <Typography textStyle='body1c-medium' className='text-neutral-800'>{props.typeValue}</Typography>
 
                         </div>}
                         {props.releasedValue && <div className="flex gap-2">
                             <Typography textStyle='body1-medium' className='text-neutral-500'>{props.releasedText ?? 'Released'}</Typography>
-                            <Typography textStyle='body1-medium' className='text-neutral-500'>{props.releasedValue}</Typography>
+                            <Typography textStyle='body1-medium' className='text-neutral-800'>{props.releasedValue}</Typography>
                         </div>}
                         {props.lastUpdateValue && <div className="flex gap-2">
                             <Typography textStyle='body1-medium' className='text-neutral-500'>{props.lastUpdatedText ?? 'Last Updated'}</Typography>
-                            <Typography textStyle='body1-medium' className='text-neutral-500'>{props.lastUpdateValue}</Typography>
+                            <Typography textStyle='body1-medium' className='text-neutral-800'>{props.lastUpdateValue}</Typography>
+                        </div>}
+                        {props.deployed && <div className="flex gap-2">
+                            <Typography textStyle='body1-medium' className='text-neutral-500'>{props.deployed ?? 'Deployed'}</Typography>
+                            <Typography textStyle='body1-medium' className='text-neutral-800'>{props.deployedValue}</Typography>
                         </div>}
                         {props.githubRepoLink && <a href={props.githubRepoLink} className="flex gap-2 items-center">
                             <Icon
-                                height={'h-5 w-5 stroke-[1.5px]'}
+                                height={'h-6 w-6 stroke-[1.5px]'}
                                 variant='octoface'
 
                             />

package/src/styles/tailwind.css

@@ -1758,6 +1758,10 @@ select{
   max-height: 20px;
 }
 
+.max-h-\[25px\]{
+  max-height: 25px;
+}
+
 .max-h-\[26\.25\]{
   max-height: 26.25;
 }

package/storybook-static/project.json

@@ -0,0 +1 @@
+{"generatedAt":1695029296737,"builder":{"name":"@storybook/builder-webpack5"},"hasCustomBabel":false,"hasCustomWebpack":false,"hasStaticDirs":false,"hasStorybookEslint":false,"refCount":0,"metaFramework":{"name":"CRA","packageName":"react-scripts","version":"5.0.1"},"packageManager":{"type":"yarn","version":"1.22.19"},"storybookVersion":"6.5.16","language":"javascript","storybookPackages":{"@storybook/addon-actions":{"version":"6.5.16"},"@storybook/addons":{"version":"6.5.16"},"@storybook/builder-webpack5":{"version":"6.5.16"},"@storybook/manager-webpack5":{"version":"6.5.16"},"@storybook/node-logger":{"version":"6.5.16"},"@storybook/react":{"version":"6.5.16"},"@storybook/testing-library":{"version":"0.0.13"},"@storybook/theming":{"version":"6.5.16"}},"framework":{"name":"react"},"addons":{"@storybook/addon-links":{"version":"6.5.16"},"@storybook/addon-essentials":{"version":"6.5.16"},"@storybook/addon-interactions":{"version":"6.5.16"},"@storybook/preset-create-react-app":{"version":"4.1.2"},"storybook-dark-mode":{"version":null},"storybook-color-picker":{"version":null}}}