hds-web 1.6.2 → 1.6.3

package/package.json

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

package/src/HDS/components/Cards/Link/link.js

@@ -6,13 +6,11 @@ import { Typography } from '../../../foundation/Typography'
 
 
 export default function LinkCard(props) {
-    const cardBgColorClass = HDSColor(props.cardBgColor)
-    const cardHoverClasses = HDSColor(`hover:${props.cardHoverBg}`);
     return (
         <>
             <a
                 href={props.linkUrl}
-                className={`${cardHoverClasses} ${cardBgColorClass} hover:shadow-xl rounded-2xl p-6 h-full block`}
+                className={`rounded-2xl p-6 h-full block`}
             >
                 {props.brandImageUrl ?
                     (
@@ -85,7 +83,6 @@ LinkCard.defaultProps = {
     brandImageUrl: '',
     brandImageAlt:'',
     linkUrl: '#',
-    cardHoverBg: 'bg-pink-600',
     iconVariant: 'videorecorder',
     iconStrokeColor: 'blue-500',
     iconArrowVariant: 'arrownarrowupright',

package/src/HDS/components/Tabs/tab.js

@@ -56,7 +56,11 @@ export default function Tab(props) {
               key={tab.name}
               onClick={(event) => handleTabClick(event, tab)}
             >
-              <Typography className={`${tabClass(tab.name)} cursor-pointer px-3 py-1  z-[2] relative whitespace-nowrap`} textStyle='body3c-medium'>{tab.name}</Typography>
+              <Typography 
+              className={`${tabClass(tab.name)} cursor-pointer px-3 py-1  z-[2] relative whitespace-nowrap`} 
+              textStyle='body3c-medium'>
+                {tab.name}
+              </Typography>
             </div>
           ))}
           <span

package/src/HDS/modules/TextCard/textCard.js

@@ -57,7 +57,7 @@ export default function TextCard(props) {
                     const imgBgColor = HDSColor(list.tab_img_bg_class)
                     return (
                       <div className='border-b border-b-neutral-150 last:border-b-0 cursor-pointer' onClick={()=>setImgActive(list.title)}>
-                        <div className={'m-2 p-0 tb:p-6 rounded-lg hover:bg-neutral-50' + ((imgActive === list.title) ? " bg-neutral-100" : "")} key={i}>
+                        <div className={'m-2 p-0 tb:p-6 rounded-lg transition-all ease-in duration-75 hover:bg-neutral-50' + ((imgActive === list.title) ? " bg-neutral-100" : "")} key={i}>
                           <div className='flex items-center pb-4'>
                             <Icon
                               height={`w-6 h-6 mr-2 stroke-[1.5px]` }

package/src/styles/tailwind.css

@@ -6961,6 +6961,10 @@ select {
   transition-duration: 500ms;
 }
 
+.duration-75 {
+  transition-duration: 75ms;
+}
+
 .ease-in {
   transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
 }