hds-web 1.20.0 → 1.20.2

package/package.json

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

package/src/HDS/components/Buttons/button.js

@@ -47,7 +47,7 @@ const Buttonclasses = {
     'default': {
       'base': 'db:w-fit tb:w-fit w-full justify-center border-2 border-neutral-0 text-neutral-0 ',
 
-      'hover': 'hover:text-neutral-0 hover:border-2 hover:border-neutral-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
+      'hover': 'hover:text-neutral-0 hover:border-opacity-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
       
       'focus': 'focus:text-neutrak-0 focus:border-2 border-neutral-0 focus:outline-none focus:text-neutral-0',
     },
@@ -56,11 +56,11 @@ const Buttonclasses = {
   
   'ghost': {
     'default': {
-      'base': 'db:w-fit tb:w-fit w-full  justify-center text-blue-600',
-      'hover': 'hover:bg-blue-100 hover:text-blue-600',
-      'focus': 'focus:text-blue-700 focus:outline-none',
+      'base': 'db:w-fit tb:w-fit w-full  justify-center text-neutral-0',
+      'hover': ' ',
+      'focus': 'focus:outline-none',
     },
-    'disabled': 'text-neutral-300',
+    'disabled': ' bg-neutral-200 text-neutral-400',
   },
   'primaryLink': {
     'default': {
@@ -116,6 +116,7 @@ export default function Button(props) {
     btnTextColorClass,
     btnTextHoverClass,
     btnBgColorClass,
+    btnbgHoverClass,
     rightIconVariant,
     rightIconColor,
     leftIconVariant,
@@ -156,7 +157,8 @@ export default function Button(props) {
     'group',
     defaultClasses,
     className,
-    HDSColor(btnTextHoverClass)
+    HDSColor(btnTextHoverClass),
+    HDSColor(btnbgHoverClass)
 
   ].join(' ');
 

package/src/HDS/components/Cards/Misc/talkcard2.js

@@ -17,7 +17,7 @@ export default function TalkCard2(props) {
 
     return (
 
-        <div className="grid">
+        <a href={props.readUrl ?? '#'} className="grid group">
             <div className={`flex flex-col tb-l:flex-row tb-l:justify-between `}>
                 <div className={"px-6 pt-6 tb-l:px-8 tb-l:pb-6  tb-l:border-r tb-l:border-r-neutral-200"}>
                     <div className="flex flex-row flex-wrap tb:gap-3 gap-2">
@@ -52,7 +52,7 @@ export default function TalkCard2(props) {
                         <div className="flex pb-6 tb-l:pb-0">
                             {props.readUrl &&
                                 props.para && (
-                                    <a href={props.readUrl}>
+                                    <div>
                                         <HDSButton
                                         label={props.videoUrl ? 'Watch Recording': 'Read more'}
                                             type='secondaryLink'
@@ -67,7 +67,7 @@ export default function TalkCard2(props) {
                                             animatedHoverStroke='stroke-blue-500'
                                             btnTextHoverClass='hover:text-blue-500'
                                         />
-                                    </a>
+                                    </div>
                                 )}
                         </div>
                     </div>
@@ -112,7 +112,7 @@ export default function TalkCard2(props) {
                         </div>}
                 </div>
             </div>
-        </div>
+        </a>
 
     )
 

package/src/styles/tailwind.css

@@ -9115,6 +9115,10 @@ select{
   border-width: 2px;
 }
 
+.hover\:border-none:hover{
+  border-style: none;
+}
+
 .hover\:border-blue-600:hover{
   --tw-border-opacity: 1;
   border-color: rgb(30 86 227 / var(--tw-border-opacity));