hds-web 1.1.2 → 1.1.4
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/dist/index.es.js +3 -3
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/src/HDS/components/Cards/Link/resources.js +0 -1
- package/src/HDS/components/Carousels/carousel.js +0 -1
- package/src/HDS/components/Carousels/carouselCard.js +4 -4
- package/src/HDS/components/Snippet/CodeSnippet.js +0 -1
- package/src/HDS/components/Tabs/tab.js +2 -2
- package/src/HDS/foundation/ColorPalette/color.js +0 -1
- package/src/HDS/modules/TextCard/textCard.js +0 -1
package/package.json
CHANGED
@@ -22,10 +22,10 @@ export default function Carouseltest(props) {
|
|
22
22
|
}, 0);
|
23
23
|
setTotalContainerWidth(totalCardsWidth);
|
24
24
|
const noOfcardsinaview = (visibleCardsContainerWidth/cardWidth);
|
25
|
-
|
25
|
+
|
26
26
|
const cardLength = props.length;
|
27
27
|
setTotalCards(cardLength);
|
28
|
-
|
28
|
+
|
29
29
|
setTotalClick(2*(cardLength/noOfcardsinaview));
|
30
30
|
|
31
31
|
|
@@ -68,7 +68,7 @@ export default function Carouseltest(props) {
|
|
68
68
|
};
|
69
69
|
|
70
70
|
const nextCard = () => {
|
71
|
-
|
71
|
+
|
72
72
|
if (currentCard >= totalCards-1 || currentCard > totalClick+1) {
|
73
73
|
scrollToCard(0);
|
74
74
|
} else {
|
@@ -94,7 +94,7 @@ export default function Carouseltest(props) {
|
|
94
94
|
// let y = (totalContainerWidth/(noOfcardsinaview*visibleCardsContainerWidth))*(noOfcardsinaview*(currentCard+1));
|
95
95
|
|
96
96
|
// }
|
97
|
-
|
97
|
+
|
98
98
|
let slider1 = (384/(totalCards*cardWidth)) * (328)* (currentCard+noOfcardsinaview);
|
99
99
|
if(slider1>384){
|
100
100
|
slider1 = 384;
|
@@ -42,12 +42,12 @@ export default function Tab(props) {
|
|
42
42
|
aria-current={activeTab === tab ? 'page' : undefined}
|
43
43
|
onClick={(event) => handleTabClick(event, tab)}
|
44
44
|
>
|
45
|
-
<Typography className='z-
|
45
|
+
<Typography className='z-[2] relative whitespace-nowrap' textStyle='body3c-medium'>{tab.name}</Typography>
|
46
46
|
</a>
|
47
47
|
))}
|
48
48
|
<span
|
49
49
|
ref={pillRef}
|
50
|
-
className="absolute left-0
|
50
|
+
className="absolute left-0 z-[1] bg-blue-500 rounded-full transition-all ease-in-out duration-700"
|
51
51
|
style={{
|
52
52
|
left: `${activeTab.index * 100}%`,
|
53
53
|
width: `${activeTab.width}px`, // Use the width of the clicked tab
|