hds-web 1.12.7 → 1.12.9
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/package.json
CHANGED
|
@@ -27,6 +27,15 @@ const Buttonclasses = {
|
|
|
27
27
|
},
|
|
28
28
|
'disabled': 'bg-neutral-200 text-neutral-400',
|
|
29
29
|
},
|
|
30
|
+
'primaryTransparent': {
|
|
31
|
+
'default': {
|
|
32
|
+
'base': 'db:w-fit tb:w-fit w-full justify-center justify-center text-neutral-0',
|
|
33
|
+
'hover': 'hover:bg-blue-700 hover:text-neutral-0 hover:shadow-md hover:shadow hover:transition-all hover:ease-out hover:duration-300',
|
|
34
|
+
'focus': 'focus:bg-blue-600 focus:shadow-[0_0px_0px_4px_#DFE8FF] focus:text-neutral-0 focus:outline-none active:bg-blue-600 active:text-neutral-0 active:outline-none',
|
|
35
|
+
|
|
36
|
+
},
|
|
37
|
+
'disabled': 'bg-neutral-200 text-neutral-400',
|
|
38
|
+
},
|
|
30
39
|
'tonal': {
|
|
31
40
|
'default': {
|
|
32
41
|
'base': 'db:w-fit tb:w-fit w-full justify-center bg-blue-200 text-blue-600',
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import React, { useState, useEffect } from 'react';
|
|
2
2
|
import { MediaBox } from '../../helpers/Media';
|
|
3
3
|
import { Typography } from '../../foundation/Typography';
|
|
4
4
|
import { HDSButton } from '../../components/Buttons';
|
|
@@ -29,7 +29,7 @@ const tabCard = (tabContent) => (
|
|
|
29
29
|
btnTextColorClass='text-blue-600'
|
|
30
30
|
/>
|
|
31
31
|
</div>
|
|
32
|
-
|
|
32
|
+
}
|
|
33
33
|
<div className='mt-8'>
|
|
34
34
|
<MediaBox
|
|
35
35
|
img_url={tabContent.img_url}
|
|
@@ -59,24 +59,26 @@ export default function NavCard(props) {
|
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
return (
|
|
62
|
-
|
|
63
|
-
|
|
62
|
+
<div>
|
|
63
|
+
{props.navTabs &&
|
|
64
64
|
|
|
65
|
-
|
|
65
|
+
<div className='max-w-[44.44rem] rounded-2xl'>
|
|
66
66
|
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
67
|
+
<div className='flex pb-8'>
|
|
68
|
+
<Tab
|
|
69
|
+
onTabClick={handleTabClick}
|
|
70
|
+
tabs={props.navTabs}
|
|
71
|
+
pillColor={props.pillColor}
|
|
72
|
+
bgColorTab={props.heroData.bgColorTab}
|
|
73
|
+
/>
|
|
74
|
+
</div>
|
|
75
|
+
<div className=''>
|
|
76
|
+
{props.tabContent &&
|
|
77
|
+
props.tabContent[activeTab] &&
|
|
78
|
+
tabCard(props.tabContent[activeTab])}
|
|
79
|
+
</div>
|
|
78
80
|
|
|
79
|
-
|
|
80
|
-
|
|
81
|
+
</div>}
|
|
82
|
+
</div>
|
|
81
83
|
)
|
|
82
84
|
}
|