@npm_leadtech/legal-lib-components 2.5.5 → 2.6.1
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/cjs/index.js +4 -2
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/legal-lib-components.css +177 -121
- package/dist/cjs/src/components/atoms/MenuItems/MenuItemProps.types.d.ts +2 -0
- package/dist/cjs/src/components/molecules/NavBarDropDown/NavBarDropDown.d.ts +4 -0
- package/dist/cjs/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.d.ts +15 -0
- package/dist/cjs/src/components/molecules/NavBarDropDown/__stories__/NavBarDropDown.stories.d.ts +6 -0
- package/dist/cjs/src/components/molecules/NavBarDropDown/index.d.ts +2 -0
- package/dist/cjs/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.d.ts +5 -0
- package/dist/cjs/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts +8 -0
- package/dist/cjs/src/components/molecules/TrustworthyWebsites/__stories__/TrustworthyWebsites.stories.d.ts +6 -0
- package/dist/cjs/src/components/molecules/TrustworthyWebsites/__tests__/TrustworthyWebsites.test.d.ts +1 -0
- package/dist/cjs/src/components/molecules/TrustworthyWebsites/index.d.ts +2 -0
- package/dist/cjs/src/components/molecules/index.d.ts +2 -0
- package/dist/cjs/src/components/organisms/AsSeeInContent/AsSeeInContent.d.ts +5 -0
- package/dist/cjs/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.d.ts +6 -0
- package/dist/cjs/src/components/organisms/AsSeeInContent/__stories__/AsSeeInContent.stories.d.ts +6 -0
- package/dist/cjs/src/components/organisms/AsSeeInContent/index.d.ts +2 -0
- package/dist/cjs/src/components/organisms/index.d.ts +4 -0
- package/dist/cjs/src/components/sections/AsSeeInSection/AsSeeInSection.d.ts +5 -0
- package/dist/cjs/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.d.ts +5 -0
- package/dist/cjs/src/components/sections/AsSeeInSection/__stories__/AsSeeInSection.stories.d.ts +6 -0
- package/dist/cjs/src/components/sections/AsSeeInSection/index.d.ts +2 -0
- package/dist/cjs/src/hooks/useIntersectionObserver.d.ts +2 -0
- package/dist/esm/index.js +4 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/legal-lib-components.css +177 -121
- package/dist/esm/src/components/atoms/MenuItems/MenuItemProps.types.d.ts +2 -0
- package/dist/esm/src/components/molecules/NavBarDropDown/NavBarDropDown.d.ts +4 -0
- package/dist/esm/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.d.ts +15 -0
- package/dist/esm/src/components/molecules/NavBarDropDown/__stories__/NavBarDropDown.stories.d.ts +6 -0
- package/dist/esm/src/components/molecules/NavBarDropDown/index.d.ts +2 -0
- package/dist/esm/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.d.ts +5 -0
- package/dist/esm/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts +8 -0
- package/dist/esm/src/components/molecules/TrustworthyWebsites/__stories__/TrustworthyWebsites.stories.d.ts +6 -0
- package/dist/esm/src/components/molecules/TrustworthyWebsites/__tests__/TrustworthyWebsites.test.d.ts +1 -0
- package/dist/esm/src/components/molecules/TrustworthyWebsites/index.d.ts +2 -0
- package/dist/esm/src/components/molecules/index.d.ts +2 -0
- package/dist/esm/src/components/organisms/AsSeeInContent/AsSeeInContent.d.ts +5 -0
- package/dist/esm/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.d.ts +6 -0
- package/dist/esm/src/components/organisms/AsSeeInContent/__stories__/AsSeeInContent.stories.d.ts +6 -0
- package/dist/esm/src/components/organisms/AsSeeInContent/index.d.ts +2 -0
- package/dist/esm/src/components/organisms/index.d.ts +4 -0
- package/dist/esm/src/components/sections/AsSeeInSection/AsSeeInSection.d.ts +5 -0
- package/dist/esm/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.d.ts +5 -0
- package/dist/esm/src/components/sections/AsSeeInSection/__stories__/AsSeeInSection.stories.d.ts +6 -0
- package/dist/esm/src/components/sections/AsSeeInSection/index.d.ts +2 -0
- package/dist/esm/src/hooks/useIntersectionObserver.d.ts +2 -0
- package/dist/index.d.ts +60 -19
- package/package.json +1 -1
|
@@ -1547,12 +1547,23 @@
|
|
|
1547
1547
|
.menu-items__spacing .menu-items__item:not(:last-child) {
|
|
1548
1548
|
margin-bottom: 0.5rem; }
|
|
1549
1549
|
|
|
1550
|
+
.menu-items__bullets {
|
|
1551
|
+
list-style-position: inside;
|
|
1552
|
+
list-style-type: disc; }
|
|
1553
|
+
|
|
1550
1554
|
.menu-items__item {
|
|
1551
1555
|
transition: background-color 0.3s ease;
|
|
1552
1556
|
border-radius: 4px;
|
|
1553
|
-
padding: 0.25rem 0.5rem;
|
|
1554
|
-
|
|
1555
|
-
|
|
1557
|
+
padding: 0.25rem 0.5rem; }
|
|
1558
|
+
.menu-items__item svg {
|
|
1559
|
+
vertical-align: bottom; }
|
|
1560
|
+
.menu-items__item.active {
|
|
1561
|
+
color: #078080;
|
|
1562
|
+
font-weight: 700;
|
|
1563
|
+
background-color: #E4F8F3; }
|
|
1564
|
+
.menu-items__item.inactive {
|
|
1565
|
+
color: #6D7275;
|
|
1566
|
+
font-weight: 400; }
|
|
1556
1567
|
.menu-items__item.disabled {
|
|
1557
1568
|
color: #B5BABD; }
|
|
1558
1569
|
.menu-items__item.disabled svg > g > g {
|
|
@@ -2799,6 +2810,29 @@
|
|
|
2799
2810
|
.menu-items-section__title-wrapper__title {
|
|
2800
2811
|
font-weight: bold; }
|
|
2801
2812
|
|
|
2813
|
+
.navbar-drop-down__container {
|
|
2814
|
+
position: absolute;
|
|
2815
|
+
width: 100%;
|
|
2816
|
+
height: 100vh;
|
|
2817
|
+
left: 0;
|
|
2818
|
+
right: 0;
|
|
2819
|
+
z-index: 2; }
|
|
2820
|
+
.navbar-drop-down__container__menu_items {
|
|
2821
|
+
background: white;
|
|
2822
|
+
padding: 1.5rem;
|
|
2823
|
+
box-shadow: 0px 2px 6px 0px rgba(2, 55, 74, 0.25); }
|
|
2824
|
+
.navbar-drop-down__container__menu_items ul li {
|
|
2825
|
+
margin-bottom: 1rem;
|
|
2826
|
+
padding: 0.5rem 1rem; }
|
|
2827
|
+
.navbar-drop-down__container__menu_items ul li:last-child {
|
|
2828
|
+
margin-bottom: 0; }
|
|
2829
|
+
.navbar-drop-down__container__shadow {
|
|
2830
|
+
position: absolute;
|
|
2831
|
+
background: #B5BABD;
|
|
2832
|
+
opacity: 0.4;
|
|
2833
|
+
width: 100%;
|
|
2834
|
+
height: 100vh; }
|
|
2835
|
+
|
|
2802
2836
|
.pagination {
|
|
2803
2837
|
align-items: center;
|
|
2804
2838
|
box-sizing: border-box;
|
|
@@ -3281,6 +3315,13 @@
|
|
|
3281
3315
|
visibility: visible;
|
|
3282
3316
|
opacity: 1; }
|
|
3283
3317
|
|
|
3318
|
+
.trustworthy-websites {
|
|
3319
|
+
display: flex;
|
|
3320
|
+
flex-wrap: wrap;
|
|
3321
|
+
justify-content: center; }
|
|
3322
|
+
.trustworthy-websites__image {
|
|
3323
|
+
margin: 1.5rem; }
|
|
3324
|
+
|
|
3284
3325
|
.articles_wrapper {
|
|
3285
3326
|
display: flex;
|
|
3286
3327
|
flex-direction: column;
|
|
@@ -3348,6 +3389,139 @@
|
|
|
3348
3389
|
width: 24px;
|
|
3349
3390
|
margin: 0; }
|
|
3350
3391
|
|
|
3392
|
+
.about-us-content {
|
|
3393
|
+
display: flex;
|
|
3394
|
+
flex-flow: row wrap;
|
|
3395
|
+
justify-content: center; }
|
|
3396
|
+
@media (min-width: 720px) {
|
|
3397
|
+
.about-us-content {
|
|
3398
|
+
flex-flow: row nowrap; } }
|
|
3399
|
+
.about-us-content__body {
|
|
3400
|
+
margin-top: 1rem;
|
|
3401
|
+
margin-bottom: 2rem;
|
|
3402
|
+
font-family: "Inter", sans-serif; }
|
|
3403
|
+
@media (min-width: 720px) {
|
|
3404
|
+
.about-us-content__body {
|
|
3405
|
+
flex-basis: 50%;
|
|
3406
|
+
margin-top: 0;
|
|
3407
|
+
margin-bottom: 3rem; } }
|
|
3408
|
+
.about-us-content__body .m-richText a {
|
|
3409
|
+
color: #05646E; }
|
|
3410
|
+
.about-us-content__body__button {
|
|
3411
|
+
margin-top: 2rem;
|
|
3412
|
+
font-family: "Inter", sans-serif; }
|
|
3413
|
+
.about-us-content__body__button .e-button {
|
|
3414
|
+
display: block; }
|
|
3415
|
+
@media (min-width: 720px) {
|
|
3416
|
+
.about-us-content__body__button .e-button {
|
|
3417
|
+
display: inline-block; } }
|
|
3418
|
+
.about-us-content__image {
|
|
3419
|
+
margin-bottom: 1rem; }
|
|
3420
|
+
@media (min-width: 720px) {
|
|
3421
|
+
.about-us-content__image {
|
|
3422
|
+
margin-bottom: 0;
|
|
3423
|
+
margin-right: 1rem;
|
|
3424
|
+
flex-basis: 50%; } }
|
|
3425
|
+
@media (min-width: 960px) {
|
|
3426
|
+
.about-us-content__image {
|
|
3427
|
+
margin-bottom: -3rem; } }
|
|
3428
|
+
.about-us-content__image img {
|
|
3429
|
+
width: 100%; }
|
|
3430
|
+
|
|
3431
|
+
.as-see-in-content {
|
|
3432
|
+
display: flex; }
|
|
3433
|
+
.as-see-in-content__text {
|
|
3434
|
+
justify-content: center;
|
|
3435
|
+
text-align: center; }
|
|
3436
|
+
.as-see-in-content__text #articles, .as-see-in-content__text #legal-documents {
|
|
3437
|
+
color: #078080;
|
|
3438
|
+
font-weight: 400; }
|
|
3439
|
+
|
|
3440
|
+
.guidelines-section__texts {
|
|
3441
|
+
flex-basis: 50%;
|
|
3442
|
+
display: flex;
|
|
3443
|
+
flex-direction: column;
|
|
3444
|
+
justify-content: center;
|
|
3445
|
+
margin-bottom: 1rem;
|
|
3446
|
+
margin-right: 0;
|
|
3447
|
+
color: #3D4042;
|
|
3448
|
+
font-style: normal;
|
|
3449
|
+
font-weight: 400;
|
|
3450
|
+
letter-spacing: -0.3px; }
|
|
3451
|
+
@media (min-width: 720px) {
|
|
3452
|
+
.guidelines-section__texts {
|
|
3453
|
+
margin-left: 3rem;
|
|
3454
|
+
margin-bottom: 0; } }
|
|
3455
|
+
.guidelines-section__texts__title {
|
|
3456
|
+
font-family: "Lora", serif;
|
|
3457
|
+
margin-bottom: 2rem;
|
|
3458
|
+
text-align: center;
|
|
3459
|
+
color: #3D4042;
|
|
3460
|
+
font-size: 32px;
|
|
3461
|
+
font-style: normal;
|
|
3462
|
+
font-weight: 400;
|
|
3463
|
+
line-height: 42px;
|
|
3464
|
+
letter-spacing: -0.3px; }
|
|
3465
|
+
@media (min-width: 720px) {
|
|
3466
|
+
.guidelines-section__texts__title {
|
|
3467
|
+
text-align: left; } }
|
|
3468
|
+
.guidelines-section__texts__body {
|
|
3469
|
+
font-family: "Inter", sans-serif;
|
|
3470
|
+
font-size: 16px;
|
|
3471
|
+
line-height: 22px; }
|
|
3472
|
+
.guidelines-section__texts__body a {
|
|
3473
|
+
color: #078080; }
|
|
3474
|
+
.guidelines-section__texts__body #faqs-page {
|
|
3475
|
+
font-weight: 400; }
|
|
3476
|
+
|
|
3477
|
+
.guidelines-section__image {
|
|
3478
|
+
flex-basis: 50%;
|
|
3479
|
+
margin-bottom: 2rem; }
|
|
3480
|
+
.guidelines-section__image.big-devices {
|
|
3481
|
+
display: none; }
|
|
3482
|
+
@media (min-width: 720px) {
|
|
3483
|
+
.guidelines-section__image.big-devices {
|
|
3484
|
+
display: flex; } }
|
|
3485
|
+
.guidelines-section__image.is-mobile {
|
|
3486
|
+
display: flex; }
|
|
3487
|
+
@media (min-width: 720px) {
|
|
3488
|
+
.guidelines-section__image.is-mobile {
|
|
3489
|
+
display: none; } }
|
|
3490
|
+
|
|
3491
|
+
.try-our-free-legal-blogs-section__texts {
|
|
3492
|
+
flex-basis: 50%;
|
|
3493
|
+
display: flex;
|
|
3494
|
+
flex-direction: column;
|
|
3495
|
+
justify-content: center;
|
|
3496
|
+
margin-bottom: 1rem;
|
|
3497
|
+
margin-right: 0;
|
|
3498
|
+
color: #3D4042;
|
|
3499
|
+
font-style: normal;
|
|
3500
|
+
font-weight: 400;
|
|
3501
|
+
letter-spacing: -0.3px; }
|
|
3502
|
+
@media (min-width: 720px) {
|
|
3503
|
+
.try-our-free-legal-blogs-section__texts {
|
|
3504
|
+
margin-right: 3rem;
|
|
3505
|
+
margin-bottom: 0; } }
|
|
3506
|
+
.try-our-free-legal-blogs-section__texts__title {
|
|
3507
|
+
font-family: "Lora", serif;
|
|
3508
|
+
font-size: 28px;
|
|
3509
|
+
line-height: 42px;
|
|
3510
|
+
margin-bottom: 2rem;
|
|
3511
|
+
text-align: center; }
|
|
3512
|
+
@media (min-width: 720px) {
|
|
3513
|
+
.try-our-free-legal-blogs-section__texts__title {
|
|
3514
|
+
text-align: left; } }
|
|
3515
|
+
.try-our-free-legal-blogs-section__texts__body {
|
|
3516
|
+
font-family: "Inter", sans-serif;
|
|
3517
|
+
font-size: 16px;
|
|
3518
|
+
line-height: 22px; }
|
|
3519
|
+
.try-our-free-legal-blogs-section__texts__body a {
|
|
3520
|
+
color: #078080; }
|
|
3521
|
+
|
|
3522
|
+
.try-our-free-legal-blogs-section__image {
|
|
3523
|
+
flex-basis: 50%; }
|
|
3524
|
+
|
|
3351
3525
|
.blog {
|
|
3352
3526
|
text-align: center;
|
|
3353
3527
|
margin: 0 auto 3rem;
|
|
@@ -3391,40 +3565,6 @@
|
|
|
3391
3565
|
.how-it-works-wrapper .works-title {
|
|
3392
3566
|
padding-top: 2.5rem; } }
|
|
3393
3567
|
|
|
3394
|
-
.try-our-free-legal-blogs-section__texts {
|
|
3395
|
-
flex-basis: 50%;
|
|
3396
|
-
display: flex;
|
|
3397
|
-
flex-direction: column;
|
|
3398
|
-
justify-content: center;
|
|
3399
|
-
margin-bottom: 1rem;
|
|
3400
|
-
margin-right: 0;
|
|
3401
|
-
color: #3D4042;
|
|
3402
|
-
font-style: normal;
|
|
3403
|
-
font-weight: 400;
|
|
3404
|
-
letter-spacing: -0.3px; }
|
|
3405
|
-
@media (min-width: 720px) {
|
|
3406
|
-
.try-our-free-legal-blogs-section__texts {
|
|
3407
|
-
margin-right: 3rem;
|
|
3408
|
-
margin-bottom: 0; } }
|
|
3409
|
-
.try-our-free-legal-blogs-section__texts__title {
|
|
3410
|
-
font-family: "Lora", serif;
|
|
3411
|
-
font-size: 28px;
|
|
3412
|
-
line-height: 42px;
|
|
3413
|
-
margin-bottom: 2rem;
|
|
3414
|
-
text-align: center; }
|
|
3415
|
-
@media (min-width: 720px) {
|
|
3416
|
-
.try-our-free-legal-blogs-section__texts__title {
|
|
3417
|
-
text-align: left; } }
|
|
3418
|
-
.try-our-free-legal-blogs-section__texts__body {
|
|
3419
|
-
font-family: "Inter", sans-serif;
|
|
3420
|
-
font-size: 16px;
|
|
3421
|
-
line-height: 22px; }
|
|
3422
|
-
.try-our-free-legal-blogs-section__texts__body a {
|
|
3423
|
-
color: #078080; }
|
|
3424
|
-
|
|
3425
|
-
.try-our-free-legal-blogs-section__image {
|
|
3426
|
-
flex-basis: 50%; }
|
|
3427
|
-
|
|
3428
3568
|
.try-our-free-legal-blogs-section {
|
|
3429
3569
|
display: flex;
|
|
3430
3570
|
flex-direction: column; }
|
|
@@ -3432,45 +3572,6 @@
|
|
|
3432
3572
|
.try-our-free-legal-blogs-section {
|
|
3433
3573
|
flex-flow: row nowrap; } }
|
|
3434
3574
|
|
|
3435
|
-
.about-us-content {
|
|
3436
|
-
display: flex;
|
|
3437
|
-
flex-flow: row wrap;
|
|
3438
|
-
justify-content: center; }
|
|
3439
|
-
@media (min-width: 720px) {
|
|
3440
|
-
.about-us-content {
|
|
3441
|
-
flex-flow: row nowrap; } }
|
|
3442
|
-
.about-us-content__body {
|
|
3443
|
-
margin-top: 1rem;
|
|
3444
|
-
margin-bottom: 2rem;
|
|
3445
|
-
font-family: "Inter", sans-serif; }
|
|
3446
|
-
@media (min-width: 720px) {
|
|
3447
|
-
.about-us-content__body {
|
|
3448
|
-
flex-basis: 50%;
|
|
3449
|
-
margin-top: 0;
|
|
3450
|
-
margin-bottom: 3rem; } }
|
|
3451
|
-
.about-us-content__body .m-richText a {
|
|
3452
|
-
color: #05646E; }
|
|
3453
|
-
.about-us-content__body__button {
|
|
3454
|
-
margin-top: 2rem;
|
|
3455
|
-
font-family: "Inter", sans-serif; }
|
|
3456
|
-
.about-us-content__body__button .e-button {
|
|
3457
|
-
display: block; }
|
|
3458
|
-
@media (min-width: 720px) {
|
|
3459
|
-
.about-us-content__body__button .e-button {
|
|
3460
|
-
display: inline-block; } }
|
|
3461
|
-
.about-us-content__image {
|
|
3462
|
-
margin-bottom: 1rem; }
|
|
3463
|
-
@media (min-width: 720px) {
|
|
3464
|
-
.about-us-content__image {
|
|
3465
|
-
margin-bottom: 0;
|
|
3466
|
-
margin-right: 1rem;
|
|
3467
|
-
flex-basis: 50%; } }
|
|
3468
|
-
@media (min-width: 960px) {
|
|
3469
|
-
.about-us-content__image {
|
|
3470
|
-
margin-bottom: -3rem; } }
|
|
3471
|
-
.about-us-content__image img {
|
|
3472
|
-
width: 100%; }
|
|
3473
|
-
|
|
3474
3575
|
.about-us-section {
|
|
3475
3576
|
padding-top: 1.125rem;
|
|
3476
3577
|
background: #EFF7F5;
|
|
@@ -3511,51 +3612,6 @@
|
|
|
3511
3612
|
.about-us-section__sub-title {
|
|
3512
3613
|
font-size: 3rem; } }
|
|
3513
3614
|
|
|
3514
|
-
.guidelines-section__texts {
|
|
3515
|
-
flex-basis: 50%;
|
|
3516
|
-
display: flex;
|
|
3517
|
-
flex-direction: column;
|
|
3518
|
-
justify-content: center;
|
|
3519
|
-
margin-bottom: 1rem;
|
|
3520
|
-
margin-right: 0;
|
|
3521
|
-
color: #3D4042;
|
|
3522
|
-
font-style: normal;
|
|
3523
|
-
font-weight: 400;
|
|
3524
|
-
letter-spacing: -0.3px; }
|
|
3525
|
-
@media (min-width: 720px) {
|
|
3526
|
-
.guidelines-section__texts {
|
|
3527
|
-
margin-left: 3rem;
|
|
3528
|
-
margin-bottom: 0; } }
|
|
3529
|
-
.guidelines-section__texts__title {
|
|
3530
|
-
font-family: "Lora", serif;
|
|
3531
|
-
font-size: 28px;
|
|
3532
|
-
line-height: 42px;
|
|
3533
|
-
margin-bottom: 2rem;
|
|
3534
|
-
text-align: center; }
|
|
3535
|
-
@media (min-width: 720px) {
|
|
3536
|
-
.guidelines-section__texts__title {
|
|
3537
|
-
text-align: left; } }
|
|
3538
|
-
.guidelines-section__texts__body {
|
|
3539
|
-
font-family: "Inter", sans-serif;
|
|
3540
|
-
font-size: 16px;
|
|
3541
|
-
line-height: 22px; }
|
|
3542
|
-
.guidelines-section__texts__body a {
|
|
3543
|
-
color: #078080; }
|
|
3544
|
-
|
|
3545
|
-
.guidelines-section__image {
|
|
3546
|
-
flex-basis: 50%;
|
|
3547
|
-
margin-bottom: 2rem; }
|
|
3548
|
-
.guidelines-section__image.big-devices {
|
|
3549
|
-
display: none; }
|
|
3550
|
-
@media (min-width: 720px) {
|
|
3551
|
-
.guidelines-section__image.big-devices {
|
|
3552
|
-
display: flex; } }
|
|
3553
|
-
.guidelines-section__image.is-mobile {
|
|
3554
|
-
display: flex; }
|
|
3555
|
-
@media (min-width: 720px) {
|
|
3556
|
-
.guidelines-section__image.is-mobile {
|
|
3557
|
-
display: none; } }
|
|
3558
|
-
|
|
3559
3615
|
.guidelines-section {
|
|
3560
3616
|
display: flex;
|
|
3561
3617
|
flex-direction: column; }
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface List {
|
|
3
|
+
onClick: () => void;
|
|
4
|
+
content: string;
|
|
5
|
+
dataQA?: string;
|
|
6
|
+
}
|
|
7
|
+
export interface NavBarDropDownProps {
|
|
8
|
+
isOpen: boolean;
|
|
9
|
+
hasBullets?: boolean;
|
|
10
|
+
initialActiveContent?: string;
|
|
11
|
+
setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>;
|
|
12
|
+
setIsOpen: (open: boolean) => void;
|
|
13
|
+
list: List[];
|
|
14
|
+
}
|
|
15
|
+
export {};
|
package/dist/esm/src/components/molecules/NavBarDropDown/__stories__/NavBarDropDown.stories.d.ts
ADDED
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { NavBarDropDown } from '../NavBarDropDown';
|
|
3
|
+
declare const meta: Meta<typeof NavBarDropDown>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof NavBarDropDown>;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import TrustworthyWebsites from '../TrustworthyWebsites';
|
|
3
|
+
declare const meta: Meta<typeof TrustworthyWebsites>;
|
|
4
|
+
type Story = StoryObj<typeof TrustworthyWebsites>;
|
|
5
|
+
export default meta;
|
|
6
|
+
export declare const Default: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export {};
|
|
@@ -7,9 +7,11 @@ export * from './Breadcrumb';
|
|
|
7
7
|
export * from './ContactBox';
|
|
8
8
|
export * from './Feedback';
|
|
9
9
|
export * from './MenuItemsSection';
|
|
10
|
+
export * from './NavBarDropDown';
|
|
10
11
|
export * from './Pagination';
|
|
11
12
|
export * from './PricingCard';
|
|
12
13
|
export * from './Snackbar';
|
|
13
14
|
export * from './StepGetForm';
|
|
14
15
|
export * from './TextInput';
|
|
15
16
|
export * from './TooltipMenu';
|
|
17
|
+
export * from './TrustworthyWebsites';
|
package/dist/index.d.ts
CHANGED
|
@@ -211,6 +211,8 @@ declare const LogoText: FC<LogoTextProps>;
|
|
|
211
211
|
|
|
212
212
|
interface MenuItemProps {
|
|
213
213
|
spacing?: boolean;
|
|
214
|
+
hasBullets?: boolean;
|
|
215
|
+
initialActiveContent?: string;
|
|
214
216
|
list: MenuListItem[];
|
|
215
217
|
}
|
|
216
218
|
interface MenuListItem {
|
|
@@ -489,6 +491,22 @@ interface MenuItemsSectionProps {
|
|
|
489
491
|
|
|
490
492
|
declare const MenuItemsSection: FC<MenuItemsSectionProps>;
|
|
491
493
|
|
|
494
|
+
interface List {
|
|
495
|
+
onClick: () => void;
|
|
496
|
+
content: string;
|
|
497
|
+
dataQA?: string;
|
|
498
|
+
}
|
|
499
|
+
interface NavBarDropDownProps {
|
|
500
|
+
isOpen: boolean;
|
|
501
|
+
hasBullets?: boolean;
|
|
502
|
+
initialActiveContent?: string;
|
|
503
|
+
setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>;
|
|
504
|
+
setIsOpen: (open: boolean) => void;
|
|
505
|
+
list: List[];
|
|
506
|
+
}
|
|
507
|
+
|
|
508
|
+
declare const NavBarDropDown: FC<NavBarDropDownProps>;
|
|
509
|
+
|
|
492
510
|
interface PaginationProps {
|
|
493
511
|
totalPages: number;
|
|
494
512
|
activePage: number;
|
|
@@ -587,6 +605,16 @@ interface TooltipMenuProps {
|
|
|
587
605
|
|
|
588
606
|
declare const TooltipMenu: FC<TooltipMenuProps>;
|
|
589
607
|
|
|
608
|
+
interface TrustworthyWebsitesProps {
|
|
609
|
+
images: ImageStructure[];
|
|
610
|
+
}
|
|
611
|
+
interface ImageStructure {
|
|
612
|
+
id: string;
|
|
613
|
+
src: React.ReactNode;
|
|
614
|
+
}
|
|
615
|
+
|
|
616
|
+
declare const TrustworthyWebsites: FC<TrustworthyWebsitesProps>;
|
|
617
|
+
|
|
590
618
|
interface ArticlesListProps {
|
|
591
619
|
articles: ArticleProps[];
|
|
592
620
|
}
|
|
@@ -607,6 +635,37 @@ interface MobileBottomBarProps {
|
|
|
607
635
|
|
|
608
636
|
declare const MobileBottomBar: FC<MobileBottomBarProps>;
|
|
609
637
|
|
|
638
|
+
interface AboutUsContentProps {
|
|
639
|
+
children: React.ReactNode;
|
|
640
|
+
image: React.ReactNode;
|
|
641
|
+
button?: ButtonProps;
|
|
642
|
+
}
|
|
643
|
+
|
|
644
|
+
declare const AboutUsContent: FC<AboutUsContentProps>;
|
|
645
|
+
|
|
646
|
+
interface AsSeeInContentProps {
|
|
647
|
+
children: React.ReactNode;
|
|
648
|
+
trustWorthyImages: TrustworthyWebsitesProps;
|
|
649
|
+
}
|
|
650
|
+
|
|
651
|
+
declare const AsSeeInContent: FC<AsSeeInContentProps>;
|
|
652
|
+
|
|
653
|
+
interface GuidelinesContentProps {
|
|
654
|
+
title: string;
|
|
655
|
+
image: React.ReactNode;
|
|
656
|
+
children: React.ReactNode;
|
|
657
|
+
}
|
|
658
|
+
|
|
659
|
+
declare const GuidelinesContent: FC<GuidelinesContentProps>;
|
|
660
|
+
|
|
661
|
+
interface TryOurFreeLegalBlogsContentProps {
|
|
662
|
+
title: string;
|
|
663
|
+
image: React.ReactNode;
|
|
664
|
+
children: React.ReactNode;
|
|
665
|
+
}
|
|
666
|
+
|
|
667
|
+
declare const TryOurFreeLegalBlogsContent: FC<TryOurFreeLegalBlogsContentProps>;
|
|
668
|
+
|
|
610
669
|
interface BlogSectionProps {
|
|
611
670
|
blogTitle: string;
|
|
612
671
|
blogCta: string;
|
|
@@ -622,24 +681,12 @@ interface HowGetYourFormsSectionProps {
|
|
|
622
681
|
|
|
623
682
|
declare const HowGetYourFormsSection: FC<HowGetYourFormsSectionProps>;
|
|
624
683
|
|
|
625
|
-
interface TryOurFreeLegalBlogsContentProps {
|
|
626
|
-
title: string;
|
|
627
|
-
image: React.ReactNode;
|
|
628
|
-
children: React.ReactNode;
|
|
629
|
-
}
|
|
630
|
-
|
|
631
684
|
interface TryOurFreeLegalBlogsSectionProps {
|
|
632
685
|
contentTryOurFreeLegalBlogs: TryOurFreeLegalBlogsContentProps;
|
|
633
686
|
}
|
|
634
687
|
|
|
635
688
|
declare const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps>;
|
|
636
689
|
|
|
637
|
-
interface AboutUsContentProps {
|
|
638
|
-
children: React.ReactNode;
|
|
639
|
-
image: React.ReactNode;
|
|
640
|
-
button?: ButtonProps;
|
|
641
|
-
}
|
|
642
|
-
|
|
643
690
|
interface AboutUsSectionProps {
|
|
644
691
|
title: string;
|
|
645
692
|
subTitle?: string;
|
|
@@ -648,16 +695,10 @@ interface AboutUsSectionProps {
|
|
|
648
695
|
|
|
649
696
|
declare const AboutUsSection: FC<AboutUsSectionProps>;
|
|
650
697
|
|
|
651
|
-
interface GuidelinesContentProps {
|
|
652
|
-
title: string;
|
|
653
|
-
image: React.ReactNode;
|
|
654
|
-
children: React.ReactNode;
|
|
655
|
-
}
|
|
656
|
-
|
|
657
698
|
interface GuidelinesSectionProps {
|
|
658
699
|
contentGuidelines: GuidelinesContentProps;
|
|
659
700
|
}
|
|
660
701
|
|
|
661
702
|
declare const GuidelinesSection: FC<GuidelinesSectionProps>;
|
|
662
703
|
|
|
663
|
-
export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };
|
|
704
|
+
export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };
|