hds-web 1.32.1 → 1.32.3

package/package.json

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

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

@@ -38,10 +38,12 @@ const tabCard = (Content) => (
                     state='default'
                     size='md'
                     rightAnimatedArrow={true}
-                    rightAnimatedArrowColor='#3970FD'
-                    animatedHoverStroke='group-hover:stroke-neutral-0'
+                    rightAnimatedArrowColor={btn.rightAnimatedArrowColor ?? '#3970FD'}
+                    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 border-purple-800 rounded-full ' : '') }
+                    (' border-opacity-0 hover:border-opacity-100 border-2 rounded-full ' + btn.ghostClasses) : '') }
                     // btnTextColorClass={HDSColor('text-neutral-0')}
                     btnbgHoverClass={btn.btnBgColorClass}
                   />

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

@@ -8,8 +8,9 @@ export default function V3Tab(props) {
         tabs,
         onTabClick,
         pillColor,
+        initalTab=true
     } = props;
-    const initialActiveTab = tabs.find(tab => tab.current)?.name || tabs[0].name;
+    const initialActiveTab = tabs.find((tab) => tab.current)?.name || (initalTab ? tabs[0].name : '');
     const [activeTab, setActiveTab] = useState(initialActiveTab);
     let pillColorClass = '';
     if (pillColor) {