hds-web 1.12.4 → 1.12.5

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.
Files changed (5) hide show
  1. package/dist/index.es.js +1 -1
  2. package/dist/index.js +1 -1
  3. package/package.json +1 -1
  4. package/src/HDS/components/Tabs/tab.js +2 -3
  5. package/src/HDS/modules/navCard/navCard.js +3 -3
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "hds-web",
3
- "version": "1.12.4",
3
+ "version": "1.12.5",
4
4
  "private": false,
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
package/src/HDS/components/Tabs/tab.js CHANGED
@@ -39,7 +39,6 @@ export default function Tab(props) {
39
39
  let tabTextClass = '';
40
40
 
41
41
  function tabClass(name) {
42
-
43
42
  // console.log(currentTab['tabTextColorClass']);
44
43
 
45
44
  if(activeTab['tabTextColorClass']){
@@ -66,7 +65,7 @@ export default function Tab(props) {
66
65
  onClick={(event) => handleTabClick(event, tab)}
67
66
  >
68
67
  <Typography
69
- className={`${tabClass(tab.name)} cursor-pointer px-3 py-1 z-[2] relative whitespace-nowrap`}
68
+ className={`${tabClass(tab.name)} ${tab.name === activeTab.name ? '' : 'hover:bg-neutral-150'} cursor-pointer px-3 py-1 z-[2] relative whitespace-nowrap`}
70
69
  textStyle='body3c-medium'>
71
70
  {tab.name}
72
71
  </Typography>
@@ -74,7 +73,7 @@ export default function Tab(props) {
74
73
  ))}
75
74
  <span
76
75
  ref={pillRef}
77
- className={`absolute left-0 z-[1] ${pillColorClass} rounded-full transition-all ease-in duration-150`}
76
+ className={`absolute left-0 z-[1] ${pillColorClass} rounded-full transition-all ease-in duration-150`}
78
77
  style={{
79
78
  left: `${activeTab.index * 100}%`,
80
79
  width: `${activeTab.width}px`, // Use the width of the clicked tab
package/src/HDS/modules/navCard/navCard.js CHANGED
@@ -8,7 +8,7 @@ import PropTypes from 'prop-types';
8
8
 
9
9
  const tabCard = (tabContent) => (
10
10
  <>
11
- <div className='px-3'>
11
+ <div className=''>
12
12
  {tabContent.title && <Typography textStyle='h4' className={HDSColor(tabContent.title_color)}>{tabContent.title}</Typography>}
13
13
 
14
14
  {tabContent.sub_title && <Typography textStyle='body1c' className={HDSColor(tabContent.sub_title_color)}>{tabContent.sub_title}</Typography>}
@@ -62,9 +62,9 @@ export default function NavCard(props) {
62
62
  <div>
63
63
  {props.navTabs &&
64
64
 
65
- <div className='max-w-[44.44rem] bg-neutral-0 shadow rounded-2xl'>
65
+ <div className='max-w-[44.44rem] rounded-2xl'>
66
66
 
67
- <div className='flex justify-center pb-8'>
67
+ <div className='flex pb-8'>
68
68
  <Tab
69
69
  onTabClick={handleTabClick}
70
70
  tabs={props.navTabs}