hds-web 1.32.3 → 1.32.4

package/package.json

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

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

@@ -62,6 +62,14 @@ const Buttonclasses = {
     },
     'disabled': ' bg-neutral-200 text-neutral-400',
   },
+  'ghostBlue': {
+    'default': {
+      'base': 'db:w-fit tb:w-fit w-full  justify-center border-opacity-0 hover:border-opacity-100 border-2 rounded-full text-blue-500',
+      'hover': 'hover:bg-blue-700 hover:text-neutral-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
+      'focus': 'focus:outline-none',
+    },
+    'disabled': ' bg-neutral-200 text-neutral-400',
+  },
   'primaryLink': {
     'default': {
       'base': 'db:w-fit tb:w-fit w-full justify-center ',

package/src/HDS/components/Hero/herolinkcard.js

@@ -42,8 +42,7 @@ const tabCard = (Content) => (
                     animatedHoverStroke={btn.animatedHoverStroke ?? 'group-hover:stroke-neutral-0'}
                     btnTextColorClass={btn.btnTextColorClass}
                     btnTextHoverClass={btn.btnTextHoverClass}
-                    className={'flex ' + ((btn.type === 'ghost') ?
-                    (' border-opacity-0 hover:border-opacity-100 border-2 rounded-full ' + btn.ghostClasses) : '') }
+                    className={btn.className}
                     // btnTextColorClass={HDSColor('text-neutral-0')}
                     btnbgHoverClass={btn.btnBgColorClass}
                   />