hds-web 1.19.8 → 1.20.0
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.css +2 -2
- package/dist/index.es.css +2 -2
- package/dist/index.es.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/src/HDS/components/Cards/Menu/flyoutB.js +10 -8
- package/src/styles/tailwind.css +8 -4
package/package.json
CHANGED
|
@@ -28,7 +28,7 @@ export default function FlyoutB(props) {
|
|
|
28
28
|
<a href={primaryBtnCTA} className="group/card cursor-pointer w-full h-full relative transition-all duration-300 ease-out ">
|
|
29
29
|
<div className="group-hover/card:bg-neutral-100 ml-2 z-[1] mt-2 w-[calc(100%-16px)] h-[calc(100%-16px)] rounded-xl absolute ">
|
|
30
30
|
</div>
|
|
31
|
-
<div className="
|
|
31
|
+
<div className="px-6 pt-6 pb-4 w-full h-full ">
|
|
32
32
|
|
|
33
33
|
|
|
34
34
|
<div className=" flex items-center relative justify-center p-2.5 h-14 w-14 z-[2] group-hover/card:bg-blue-200 bg-neutral-150 rounded-2xl">
|
|
@@ -52,12 +52,14 @@ export default function FlyoutB(props) {
|
|
|
52
52
|
<Typography className='mt-2 text-neutral-600 relative z-[2]' textStyle='body3'>{mainDescription}</Typography>
|
|
53
53
|
</div>
|
|
54
54
|
</a>
|
|
55
|
-
<div className="flex flex-col gap-2">
|
|
55
|
+
<div className="flex flex-col pb-3 gap-2">
|
|
56
56
|
{secondaryBtn.map((btn, index) => (
|
|
57
|
-
<a key={index} href={btn.cta_link} className="group/btn justify-around cursor-pointer
|
|
57
|
+
<a key={index} href={btn.cta_link} className="group/btn px-2 justify-around cursor-pointer ">
|
|
58
58
|
|
|
59
|
-
<div className=" flex items-center
|
|
60
|
-
<div
|
|
59
|
+
<div className=" flex items-center hover:bg-neutral-100 rounded-xl px-4 ">
|
|
60
|
+
<div
|
|
61
|
+
className="flex w-full justify-between items-center z-[2] py-2.5"
|
|
62
|
+
>
|
|
61
63
|
<div
|
|
62
64
|
className="flex rounded-lg gap-2 items-center ">
|
|
63
65
|
{btn.cta_leftVariantIcon && (
|
|
@@ -88,10 +90,10 @@ export default function FlyoutB(props) {
|
|
|
88
90
|
</a>))}
|
|
89
91
|
|
|
90
92
|
{tertiaryBtn && tertiaryBtn.map((t, index) => (
|
|
91
|
-
<a key={index} href={t.cta_link} className="group/btn justify-around cursor-pointer px-2
|
|
93
|
+
<a key={index} href={t.cta_link} className="group/btn justify-around cursor-pointer px-2 ">
|
|
92
94
|
|
|
93
|
-
<div className=" flex items-center
|
|
94
|
-
<div className="flex w-full justify-between items-center z-[2]">
|
|
95
|
+
<div className=" flex items-center hover:bg-neutral-100 rounded-xl px-4 ">
|
|
96
|
+
<div className="flex w-full justify-between items-center z-[2] py-2.5">
|
|
95
97
|
<div
|
|
96
98
|
className="flex rounded-lg gap-2 items-center ">
|
|
97
99
|
{t.cta_leftVariantIcon && (
|
package/src/styles/tailwind.css
CHANGED
|
@@ -6360,6 +6360,10 @@ select{
|
|
|
6360
6360
|
padding-bottom: 5rem;
|
|
6361
6361
|
}
|
|
6362
6362
|
|
|
6363
|
+
.pb-3{
|
|
6364
|
+
padding-bottom: 0.75rem;
|
|
6365
|
+
}
|
|
6366
|
+
|
|
6363
6367
|
.pb-4{
|
|
6364
6368
|
padding-bottom: 1rem;
|
|
6365
6369
|
}
|
|
@@ -10307,6 +10311,10 @@ select{
|
|
|
10307
10311
|
right: 0px;
|
|
10308
10312
|
}
|
|
10309
10313
|
|
|
10314
|
+
.tb\:mb-0{
|
|
10315
|
+
margin-bottom: 0px;
|
|
10316
|
+
}
|
|
10317
|
+
|
|
10310
10318
|
.tb\:mb-16{
|
|
10311
10319
|
margin-bottom: 4rem;
|
|
10312
10320
|
}
|
|
@@ -10355,10 +10363,6 @@ select{
|
|
|
10355
10363
|
margin-top: -4px;
|
|
10356
10364
|
}
|
|
10357
10365
|
|
|
10358
|
-
.tb\:mb-0{
|
|
10359
|
-
margin-bottom: 0px;
|
|
10360
|
-
}
|
|
10361
|
-
|
|
10362
10366
|
.tb\:block{
|
|
10363
10367
|
display: block;
|
|
10364
10368
|
}
|