@npm_leadtech/legal-lib-components 2.41.1 → 2.41.2

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 (88) hide show
  1. package/dist/cjs/index.js +5 -3
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/legal-lib-components.css +65 -206
  4. package/dist/cjs/src/components/atoms/index.d.ts +0 -2
  5. package/dist/cjs/src/components/molecules/AccordionItem/AccordionItem.d.ts +4 -0
  6. package/dist/cjs/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts +10 -0
  7. package/dist/cjs/src/components/molecules/AccordionItem/index.d.ts +1 -0
  8. package/dist/cjs/src/components/molecules/index.d.ts +1 -3
  9. package/dist/cjs/src/components/organisms/Accordion/Accordion.context.d.ts +43 -0
  10. package/dist/cjs/src/components/organisms/Accordion/Accordion.d.ts +4 -0
  11. package/dist/cjs/src/components/organisms/Accordion/AccordionProps.types.d.ts +13 -0
  12. package/dist/cjs/src/components/organisms/Accordion/index.d.ts +2 -0
  13. package/dist/cjs/src/components/organisms/index.d.ts +1 -0
  14. package/dist/cjs/src/components/sections/index.d.ts +0 -1
  15. package/dist/cjs/src/hooks/useIsMobileOrTable.d.ts +0 -1
  16. package/dist/cjs/src/index.d.ts +0 -1
  17. package/dist/esm/index.js +5 -3
  18. package/dist/esm/index.js.map +1 -1
  19. package/dist/esm/legal-lib-components.css +65 -206
  20. package/dist/esm/src/components/atoms/index.d.ts +0 -2
  21. package/dist/esm/src/components/molecules/AccordionItem/AccordionItem.d.ts +4 -0
  22. package/dist/esm/src/components/molecules/AccordionItem/AccordionItemProps.types.d.ts +10 -0
  23. package/dist/esm/src/components/molecules/AccordionItem/index.d.ts +1 -0
  24. package/dist/esm/src/components/molecules/index.d.ts +1 -3
  25. package/dist/esm/src/components/organisms/Accordion/Accordion.context.d.ts +43 -0
  26. package/dist/esm/src/components/organisms/Accordion/Accordion.d.ts +4 -0
  27. package/dist/esm/src/components/organisms/Accordion/AccordionProps.types.d.ts +13 -0
  28. package/dist/esm/src/components/organisms/Accordion/index.d.ts +2 -0
  29. package/dist/esm/src/components/organisms/index.d.ts +1 -0
  30. package/dist/esm/src/components/sections/index.d.ts +0 -1
  31. package/dist/esm/src/hooks/useIsMobileOrTable.d.ts +0 -1
  32. package/dist/esm/src/index.d.ts +0 -1
  33. package/dist/index.d.ts +64 -56
  34. package/package.json +1 -1
  35. package/dist/cjs/images/componentsSvg/SvgProps.d.ts +0 -5
  36. package/dist/cjs/images/componentsSvg/generalCategories/BusinessIconCategory.d.ts +0 -3
  37. package/dist/cjs/images/componentsSvg/generalCategories/EmploymentIconCategory.d.ts +0 -3
  38. package/dist/cjs/images/componentsSvg/generalCategories/FinanceIconCategory.d.ts +0 -3
  39. package/dist/cjs/images/componentsSvg/generalCategories/PersonalFamilyIconCategory.d.ts +0 -3
  40. package/dist/cjs/images/componentsSvg/generalCategories/RealEstateIconCategory.d.ts +0 -3
  41. package/dist/cjs/images/componentsSvg/generalCategories/index.d.ts +0 -5
  42. package/dist/cjs/src/components/atoms/MoreDocsItem/MoreDocsItem.d.ts +0 -4
  43. package/dist/cjs/src/components/atoms/MoreDocsItem/MoreDocsItemProps.d.ts +0 -7
  44. package/dist/cjs/src/components/atoms/MoreDocsItem/index.d.ts +0 -2
  45. package/dist/cjs/src/components/atoms/PopularDocsItem/PopularDocsItem.d.ts +0 -4
  46. package/dist/cjs/src/components/atoms/PopularDocsItem/PopularDocsItemProps.d.ts +0 -7
  47. package/dist/cjs/src/components/atoms/PopularDocsItem/index.d.ts +0 -2
  48. package/dist/cjs/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.d.ts +0 -4
  49. package/dist/cjs/src/components/molecules/MoreDocsDesktop/MoreDocsDesktopProps.d.ts +0 -5
  50. package/dist/cjs/src/components/molecules/MoreDocsDesktop/index.d.ts +0 -2
  51. package/dist/cjs/src/components/molecules/MoreDocsMobile/MoreDocsMobile.d.ts +0 -4
  52. package/dist/cjs/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.d.ts +0 -5
  53. package/dist/cjs/src/components/molecules/MoreDocsMobile/index.d.ts +0 -2
  54. package/dist/cjs/src/components/molecules/PopularDocs/PopularDocs.d.ts +0 -4
  55. package/dist/cjs/src/components/molecules/PopularDocs/PopularDocsProps.d.ts +0 -5
  56. package/dist/cjs/src/components/molecules/PopularDocs/index.d.ts +0 -2
  57. package/dist/cjs/src/components/sections/MoreDocsSection/MoreDocsSection.d.ts +0 -3
  58. package/dist/cjs/src/components/sections/MoreDocsSection/MoreDocsSectionProps.d.ts +0 -5
  59. package/dist/cjs/src/components/sections/MoreDocsSection/index.d.ts +0 -2
  60. package/dist/cjs/src/utils/ProductCategory.d.ts +0 -7
  61. package/dist/cjs/src/utils/getCategoryIcons.d.ts +0 -3
  62. package/dist/esm/images/componentsSvg/SvgProps.d.ts +0 -5
  63. package/dist/esm/images/componentsSvg/generalCategories/BusinessIconCategory.d.ts +0 -3
  64. package/dist/esm/images/componentsSvg/generalCategories/EmploymentIconCategory.d.ts +0 -3
  65. package/dist/esm/images/componentsSvg/generalCategories/FinanceIconCategory.d.ts +0 -3
  66. package/dist/esm/images/componentsSvg/generalCategories/PersonalFamilyIconCategory.d.ts +0 -3
  67. package/dist/esm/images/componentsSvg/generalCategories/RealEstateIconCategory.d.ts +0 -3
  68. package/dist/esm/images/componentsSvg/generalCategories/index.d.ts +0 -5
  69. package/dist/esm/src/components/atoms/MoreDocsItem/MoreDocsItem.d.ts +0 -4
  70. package/dist/esm/src/components/atoms/MoreDocsItem/MoreDocsItemProps.d.ts +0 -7
  71. package/dist/esm/src/components/atoms/MoreDocsItem/index.d.ts +0 -2
  72. package/dist/esm/src/components/atoms/PopularDocsItem/PopularDocsItem.d.ts +0 -4
  73. package/dist/esm/src/components/atoms/PopularDocsItem/PopularDocsItemProps.d.ts +0 -7
  74. package/dist/esm/src/components/atoms/PopularDocsItem/index.d.ts +0 -2
  75. package/dist/esm/src/components/molecules/MoreDocsDesktop/MoreDocsDesktop.d.ts +0 -4
  76. package/dist/esm/src/components/molecules/MoreDocsDesktop/MoreDocsDesktopProps.d.ts +0 -5
  77. package/dist/esm/src/components/molecules/MoreDocsDesktop/index.d.ts +0 -2
  78. package/dist/esm/src/components/molecules/MoreDocsMobile/MoreDocsMobile.d.ts +0 -4
  79. package/dist/esm/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.d.ts +0 -5
  80. package/dist/esm/src/components/molecules/MoreDocsMobile/index.d.ts +0 -2
  81. package/dist/esm/src/components/molecules/PopularDocs/PopularDocs.d.ts +0 -4
  82. package/dist/esm/src/components/molecules/PopularDocs/PopularDocsProps.d.ts +0 -5
  83. package/dist/esm/src/components/molecules/PopularDocs/index.d.ts +0 -2
  84. package/dist/esm/src/components/sections/MoreDocsSection/MoreDocsSection.d.ts +0 -3
  85. package/dist/esm/src/components/sections/MoreDocsSection/MoreDocsSectionProps.d.ts +0 -5
  86. package/dist/esm/src/components/sections/MoreDocsSection/index.d.ts +0 -2
  87. package/dist/esm/src/utils/ProductCategory.d.ts +0 -7
  88. package/dist/esm/src/utils/getCategoryIcons.d.ts +0 -3
@@ -2041,79 +2041,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2041
2041
  border-radius: 5px;
2042
2042
  font-family: "Inter", sans-serif; }
2043
2043
 
2044
- .more-docs-item {
2045
- display: flex;
2046
- flex-direction: row;
2047
- align-items: center;
2048
- padding: 8px;
2049
- gap: 10px;
2050
- border-radius: 4px;
2051
- text-decoration: none; }
2052
- .more-docs-item:hover {
2053
- background-color: var(--primary-main-light-5); }
2054
- .more-docs-item .category-icon {
2055
- margin: 0 1rem 0 1.3rem; }
2056
- .more-docs-item .category-icon svg {
2057
- fill: var(--primary-main); }
2058
- .more-docs-item .texts {
2059
- display: flex;
2060
- flex-direction: column;
2061
- gap: 0.5rem;
2062
- text-align: left;
2063
- padding-left: 1rem; }
2064
- .more-docs-item .texts .title {
2065
- line-height: 22px;
2066
- letter-spacing: -0.3px;
2067
- color: var(--neutral-neutral-1);
2068
- padding-right: 0.5rem; }
2069
- .more-docs-item .texts .description {
2070
- font-size: 12px;
2071
- line-height: 16px;
2072
- letter-spacing: -0.3px;
2073
- color: var(--neutral-neutral-2); }
2074
-
2075
2044
  .paypal-button {
2076
2045
  padding: 0;
2077
2046
  border: none;
2078
2047
  cursor: pointer; }
2079
2048
 
2080
- .popular-docs-item {
2081
- display: flex;
2082
- flex-direction: row;
2083
- align-items: center;
2084
- padding: 24px 16px 24px 24px;
2085
- gap: 2rem;
2086
- height: 6rem;
2087
- background: var(--others-white);
2088
- box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
2089
- border-radius: 4px;
2090
- text-decoration: none; }
2091
- .popular-docs-item .category-icon svg {
2092
- fill: var(--primary-main-dark-1); }
2093
- .popular-docs-item .texts {
2094
- display: flex;
2095
- flex-direction: column;
2096
- text-align: left;
2097
- width: 100%; }
2098
- .popular-docs-item .texts .description {
2099
- color: var(--neutral-neutral-2);
2100
- font-size: 12px;
2101
- line-height: 1.33;
2102
- margin-top: 0.3rem; }
2103
- .popular-docs-item .icon-left svg {
2104
- width: 40px;
2105
- height: 40px; }
2106
- .popular-docs-item .icon-left svg .main-fill {
2107
- fill: var(--neutral-neutral-4); }
2108
- .popular-docs-item:hover {
2109
- background-color: var(--neutral-neutral-5);
2110
- cursor: pointer; }
2111
- .popular-docs-item:hover .icon-left svg .main-fill {
2112
- fill: var(--primary-main); }
2113
- @media (min-width: 720px) {
2114
- .popular-docs-item {
2115
- margin-left: 0.5rem; } }
2116
-
2117
2049
  .progress__wrapper {
2118
2050
  position: absolute;
2119
2051
  width: 100%;
@@ -2802,11 +2734,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2802
2734
 
2803
2735
  .e-spinner {
2804
2736
  animation: rotate 2s linear infinite;
2805
- margin: -16px -16px 0 -25px;
2806
- width: 50px;
2807
- height: 50px; }
2808
- .e-spinner .path {
2809
- stroke: var(--others-white);
2737
+ width: 24px;
2738
+ height: 24px; }
2739
+ .e-spinner path {
2740
+ fill: var(--others-white);
2810
2741
  stroke-linecap: round;
2811
2742
  stroke-dasharray: 15, 150;
2812
2743
  animation: dash 1.5s ease-in-out infinite; }
@@ -2815,8 +2746,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2815
2746
  width: 70px;
2816
2747
  height: 70px; }
2817
2748
 
2818
- .spinner--primary .path {
2819
- stroke: var(--primary-main); }
2749
+ .spinner--neutral path {
2750
+ fill: var(--neutral-neutral-2); }
2751
+
2752
+ .spinner--primary path {
2753
+ fill: var(--primary-main); }
2820
2754
 
2821
2755
  .tagline {
2822
2756
  margin-bottom: 1rem; }
@@ -3092,6 +3026,56 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3092
3026
  .message-information__text__time.regular {
3093
3027
  font-weight: 400; }
3094
3028
 
3029
+ .accordion__container {
3030
+ overflow: hidden;
3031
+ border-bottom: 1px solid var(--neutral-neutral-4); }
3032
+ .accordion__container:first-child {
3033
+ border-top: 1px solid var(--neutral-neutral-4); }
3034
+ .accordion__container:last-child {
3035
+ border-bottom-left-radius: 4px;
3036
+ border-bottom-right-radius: 4px; }
3037
+ .accordion__container .accordion__button {
3038
+ border-right: 1px solid var(--neutral-neutral-4);
3039
+ border-left: 1px solid var(--neutral-neutral-4);
3040
+ width: 100%;
3041
+ text-align: left;
3042
+ padding: 1rem 1.5rem;
3043
+ display: flex;
3044
+ align-items: center;
3045
+ justify-content: space-between;
3046
+ background: var(--neutral-neutral-6);
3047
+ border-bottom: none;
3048
+ border-top: none;
3049
+ cursor: pointer;
3050
+ font-family: Inter;
3051
+ font-size: 16px;
3052
+ font-style: normal;
3053
+ font-weight: 400;
3054
+ line-height: 22px;
3055
+ letter-spacing: -0.3px; }
3056
+ .accordion__container .accordion__button.--success {
3057
+ background: #eff7f5; }
3058
+ .accordion__container .accordion__button.--locked {
3059
+ cursor: not-allowed; }
3060
+ .accordion__container .accordion__button:not(.--locked):hover {
3061
+ background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); }
3062
+ .accordion__container .accordion__title {
3063
+ color: var(--primary-main-dark-1);
3064
+ font-family: Inter;
3065
+ font-size: 18px;
3066
+ font-style: normal;
3067
+ font-weight: 700;
3068
+ line-height: 24px;
3069
+ letter-spacing: -0.3px; }
3070
+ .accordion__container .accordion__title.--locked {
3071
+ color: var(--neutral-neutral-2); }
3072
+ .accordion__container .accordion__content {
3073
+ padding: 0 1.5rem;
3074
+ transition: height 0.7s ease-in-out;
3075
+ border-right: 1px solid var(--neutral-neutral-4);
3076
+ border-left: 1px solid var(--neutral-neutral-4);
3077
+ border-bottom: none; }
3078
+
3095
3079
  .also-known-as {
3096
3080
  display: flex;
3097
3081
  align-items: center;
@@ -3716,108 +3700,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3716
3700
  .menu-items-section__title-wrapper__title {
3717
3701
  font-weight: bold; }
3718
3702
 
3719
- .more-docs-desktop {
3720
- display: flex;
3721
- flex-flow: row nowrap;
3722
- justify-content: center; }
3723
- .more-docs-desktop .container {
3724
- padding: 1rem;
3725
- text-align: center;
3726
- display: flex;
3727
- flex-direction: column;
3728
- min-height: 20rem;
3729
- align-items: center; }
3730
- @media (min-width: 720px) {
3731
- .more-docs-desktop .container {
3732
- padding: 1rem 1rem 2rem 2rem; } }
3733
- @media (min-width: 1200px) {
3734
- .more-docs-desktop .container {
3735
- padding: 1rem 6rem 2rem 6rem; } }
3736
- .more-docs-desktop .container .section-title {
3737
- text-align: left;
3738
- font-family: "Lora", serif;
3739
- font-size: 32px;
3740
- font-weight: normal;
3741
- line-height: 1.31;
3742
- letter-spacing: -0.3px;
3743
- padding: 0 0 1.5rem 0;
3744
- width: 100%; }
3745
- @media only screen and (max-width: 960px) {
3746
- .more-docs-desktop .container .section-title {
3747
- display: flex;
3748
- justify-content: center; } }
3749
- .more-docs-desktop .container .docs-container {
3750
- display: flex;
3751
- flex-direction: row; }
3752
- .more-docs-desktop .container .docs-container .docs-column {
3753
- display: flex;
3754
- flex-direction: column;
3755
- min-width: 17rem;
3756
- margin: 0 2rem 0 1rem;
3757
- cursor: pointer; }
3758
- .more-docs-desktop .container .docs-container .docs-column:first-child {
3759
- margin-left: 0; }
3760
- .more-docs-desktop .container .docs-container .docs-column:last-child {
3761
- margin-right: 0; }
3762
- @media only screen and (max-width: 960px) {
3763
- .more-docs-desktop .container .docs-container .docs-column:last-child {
3764
- display: none; } }
3765
- .more-docs-desktop .container .docs-container .separation-line {
3766
- width: 1px;
3767
- height: 196px;
3768
- background-color: var(--primary-main-dark-1); }
3769
- @media only screen and (max-width: 960px) {
3770
- .more-docs-desktop .container .docs-container .last-line {
3771
- display: none; } }
3772
-
3773
- .more-docs-mobile {
3774
- margin: 0px 24px 40px 24px;
3775
- padding: 5px 0;
3776
- border-radius: 4px;
3777
- border: solid 2px #dfe5e8;
3778
- display: flex;
3779
- flex-direction: column;
3780
- align-items: center;
3781
- justify-content: space-between;
3782
- cursor: pointer; }
3783
- .more-docs-mobile .box-closed {
3784
- display: flex;
3785
- flex-direction: row;
3786
- align-items: center; }
3787
- .more-docs-mobile .box-closed .icon-see-more {
3788
- transform: rotate(-90deg); }
3789
- .more-docs-mobile .box-closed .icon-see-more:before, .more-docs-mobile .box-closed .icon-see-more:after {
3790
- background-color: var(--others-black); }
3791
- .more-docs-mobile .box-closed .icon-see-more.open {
3792
- transform: rotate(90deg); }
3793
- .more-docs-mobile .box-closed .icon-see-more svg {
3794
- width: 40px;
3795
- height: 40px; }
3796
- .more-docs-mobile .box-closed .box-title {
3797
- align-self: center;
3798
- margin-right: 4rem; }
3799
-
3800
- .more-docs-list {
3801
- margin: -40px 24px 40px 24px;
3802
- padding: 16px 8px 16px 8px;
3803
- border-radius: 4px;
3804
- border: solid 2px #dfe5e8;
3805
- display: flex;
3806
- flex-direction: column; }
3807
- .more-docs-list .docs-list {
3808
- display: flex;
3809
- flex-direction: column;
3810
- width: 100%; }
3811
- .more-docs-list .docs-list .separation-line {
3812
- width: calc(100% - 20px);
3813
- height: 1px;
3814
- margin: 16px 10px;
3815
- background-color: var(--neutral-neutral-3); }
3816
- .more-docs-list .docs-list:last-child {
3817
- margin-bottom: 1rem; }
3818
- .more-docs-list .docs-list:last-child .separation-line {
3819
- display: none; }
3820
-
3821
3703
  .navbar-drop-down__container {
3822
3704
  position: absolute;
3823
3705
  width: 100%;
@@ -3953,31 +3835,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3953
3835
  text-align: center;
3954
3836
  margin: 0.5rem 0 2rem; }
3955
3837
 
3956
- .popular-docs {
3957
- width: 80%;
3958
- margin-left: 3rem; }
3959
- @media only screen and (max-width: 960px) {
3960
- .popular-docs {
3961
- margin-left: 0; } }
3962
- @media only screen and (max-width: 575px) {
3963
- .popular-docs {
3964
- width: 95%; } }
3965
- .popular-docs .title {
3966
- text-align: left;
3967
- padding-left: 0.5rem;
3968
- font-size: 18px;
3969
- line-height: 1.33;
3970
- letter-spacing: -0.3px;
3971
- color: var(--primary-main-dark-1);
3972
- margin-bottom: 16px; }
3973
- @media only screen and (max-width: 960px) {
3974
- .popular-docs .title {
3975
- text-align: center; } }
3976
- .popular-docs .documents {
3977
- display: flex;
3978
- flex-direction: column;
3979
- gap: 1rem; }
3980
-
3981
3838
  .pricing-card {
3982
3839
  position: relative;
3983
3840
  max-width: 400px;
@@ -4335,11 +4192,9 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4335
4192
  .e-text--is-invalid .e-text__error {
4336
4193
  display: flex;
4337
4194
  align-content: center;
4338
- position: absolute;
4339
4195
  bottom: -5.5rem;
4340
4196
  margin-top: 0.5rem;
4341
- color: var(--error-main);
4342
- height: 5rem; }
4197
+ color: var(--error-main); }
4343
4198
  .e-text--is-invalid .e-text__error-icon {
4344
4199
  display: flex; }
4345
4200
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -4355,7 +4210,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4355
4210
  .e-text--is-invalid .e-text__error img {
4356
4211
  max-width: 20px;
4357
4212
  margin-right: 0.25rem;
4358
- height: 25%; }
4213
+ width: 16px; }
4359
4214
  @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
4360
4215
  .e-text--is-invalid .e-text__error img {
4361
4216
  height: 20px; } }
@@ -4460,6 +4315,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4460
4315
  .about-us-content__image img {
4461
4316
  width: 100%; }
4462
4317
 
4318
+ .accordion {
4319
+ width: 100%;
4320
+ padding-bottom: 2rem; }
4321
+
4463
4322
  .articles_wrapper {
4464
4323
  display: flex;
4465
4324
  flex-direction: column;
@@ -24,9 +24,7 @@ export * from './Logo';
24
24
  export * from './LogoText';
25
25
  export * from './MenuItems';
26
26
  export * from './Message';
27
- export * from './MoreDocsItem';
28
27
  export * from './PaypalButton';
29
- export * from './PopularDocsItem';
30
28
  export * from './ProgressBar';
31
29
  export * from './Radio';
32
30
  export * from './RemoveButton';
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { type AccordionItemProps } from './AccordionItemProps.types';
3
+ import './AccordionItem.scss';
4
+ export declare const AccordionItem: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ export interface AccordionItemProps {
3
+ accordionRightContent?: React.ReactNode;
4
+ children?: React.ReactNode;
5
+ defaultHeightItem?: number;
6
+ index: number;
7
+ isOpen?: boolean;
8
+ onClick: () => void;
9
+ title?: string;
10
+ }
@@ -0,0 +1 @@
1
+ export { AccordionItem } from './AccordionItem';
@@ -1,3 +1,4 @@
1
+ export * from './AccordionItem';
1
2
  export * from './AlsoKnownAs';
2
3
  export * from './Article';
3
4
  export * from './BaseBoxList';
@@ -14,13 +15,10 @@ export * from './FaqItem';
14
15
  export * from './Feedback';
15
16
  export * from './FreeDocModalContent';
16
17
  export * from './MenuItemsSection';
17
- export * from './MoreDocsDesktop';
18
- export * from './MoreDocsMobile';
19
18
  export * from './NavBarDropDown';
20
19
  export * from './Pagination';
21
20
  export * from './PhoneContactBoxDesktop';
22
21
  export * from './PhoneContactBoxMobile';
23
- export * from './PopularDocs';
24
22
  export * from './PricingCard';
25
23
  export * from './Snackbar';
26
24
  export * from './StepGetForm';
@@ -0,0 +1,43 @@
1
+ import React from 'react';
2
+ type Handler = 'error' | 'warning' | 'success' | 'default';
3
+ type Action = {
4
+ type: 'message';
5
+ accordionItem: number;
6
+ message: string;
7
+ } | {
8
+ type: 'loading';
9
+ accordionItem: number;
10
+ } | {
11
+ type: 'locked';
12
+ accordionItem: number;
13
+ } | {
14
+ type: 'unlocked';
15
+ accordionItem: number;
16
+ resetAction?: string;
17
+ } | {
18
+ type: 'handler';
19
+ accordionItem: number;
20
+ handlerMessage: Handler;
21
+ };
22
+ type Dispatch = (action: Action) => void;
23
+ interface ItemDataAccordion {
24
+ handler: string;
25
+ isLoading: boolean;
26
+ message: string;
27
+ locked: {
28
+ actionType: string;
29
+ isLocked: boolean;
30
+ };
31
+ }
32
+ interface AccordionProviderProps {
33
+ children: React.ReactNode;
34
+ elements: number;
35
+ }
36
+ declare function AccordionProvider({ children, elements }: AccordionProviderProps): JSX.Element;
37
+ declare function useDispatchDataAccordionItem(): {
38
+ dispatch: Dispatch;
39
+ };
40
+ declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
41
+ state: ItemDataAccordion;
42
+ };
43
+ export { AccordionProvider, useDispatchDataAccordionItem, useStateDataAccordionItem };
@@ -0,0 +1,4 @@
1
+ /// <reference types="react" />
2
+ import { type AccordionProps } from './AccordionProps.types';
3
+ import './Accordion.scss';
4
+ export declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;
@@ -0,0 +1,13 @@
1
+ /// <reference types="react" />
2
+ interface AccordionItem {
3
+ accordionRightContent?: React.ReactNode;
4
+ children?: React.ReactNode;
5
+ onClick?: () => void;
6
+ title?: string;
7
+ }
8
+ export interface AccordionProps {
9
+ data: AccordionItem[];
10
+ defaultActiveIndex?: number;
11
+ defaultHeightItem?: number;
12
+ }
13
+ export {};
@@ -0,0 +1,2 @@
1
+ export { Accordion } from './Accordion';
2
+ export { useDispatchDataAccordionItem, useStateDataAccordionItem } from './Accordion.context';
@@ -1,4 +1,5 @@
1
1
  export * from './AboutUsContent';
2
+ export * from './Accordion';
2
3
  export * from './ArticlesList';
3
4
  export * from './AsSeeInContent';
4
5
  export * from './ContactJumbotron';
@@ -9,7 +9,6 @@ export * from './GuidelinesSection';
9
9
  export * from './HowGetYourFormsSection';
10
10
  export * from './JumbotronSimplifiedSection';
11
11
  export * from './LegalSection';
12
- export * from './MoreDocsSection';
13
12
  export * from './PeopleSayAboutUsSection';
14
13
  export * from './TryOurFreeLegalBlogsSection';
15
14
  export * from './TryUsSection';
@@ -2,7 +2,6 @@ interface UseIsMobileOrTablePropsReturn {
2
2
  isMobile: boolean;
3
3
  isTablet: boolean;
4
4
  load: boolean;
5
- isGtLandscapeTablets: boolean;
6
5
  }
7
6
  export declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
8
7
  export {};
@@ -4,4 +4,3 @@ export * from './components/organisms';
4
4
  export * from './components/sections';
5
5
  export * from './components/pages';
6
6
  export * from './hooks';
7
- export * from './utils/ProductCategory';
package/dist/index.d.ts CHANGED
@@ -276,38 +276,12 @@ interface MessageProps {
276
276
 
277
277
  declare const Message: FC<MessageProps>;
278
278
 
279
- declare enum ProductCategory {
280
- Business = "Business",
281
- Employment = "Employment",
282
- RealEstate = "Real Estate",
283
- Finance = "Finance",
284
- PersonalFamily = "Personal and Family"
285
- }
286
-
287
- interface MoreDocsItemProps {
288
- id: string;
289
- title: string;
290
- description: ProductCategory;
291
- slug: string;
292
- }
293
-
294
- declare const MoreDocsItem: React$1.FC<MoreDocsItemProps>;
295
-
296
279
  interface PaypalButtonProps {
297
280
  onClickButton: () => void;
298
281
  }
299
282
 
300
283
  declare const PaypalButton: FC<PaypalButtonProps>;
301
284
 
302
- interface PopularDocsItemProps {
303
- id: string;
304
- title: string;
305
- description: ProductCategory;
306
- slug: string;
307
- }
308
-
309
- declare const PopularDocsItem: React$1.FC<PopularDocsItemProps>;
310
-
311
285
  interface ProgressBarProps {
312
286
  currentStep: number;
313
287
  allSteps: any[];
@@ -533,6 +507,18 @@ interface MessageInformationProps {
533
507
 
534
508
  declare const MessageInformation: FC<MessageInformationProps>;
535
509
 
510
+ interface AccordionItemProps {
511
+ accordionRightContent?: React.ReactNode;
512
+ children?: React.ReactNode;
513
+ defaultHeightItem?: number;
514
+ index: number;
515
+ isOpen?: boolean;
516
+ onClick: () => void;
517
+ title?: string;
518
+ }
519
+
520
+ declare const AccordionItem$1: ({ accordionRightContent, children, defaultHeightItem, index, isOpen, onClick, title }: AccordionItemProps) => JSX.Element;
521
+
536
522
  interface AlsoKnownAsProps {
537
523
  title: string;
538
524
  documents: string[];
@@ -707,20 +693,6 @@ interface MenuItemsSectionProps {
707
693
 
708
694
  declare const MenuItemsSection: FC<MenuItemsSectionProps>;
709
695
 
710
- interface MoreDocsDesktopProps {
711
- title: string;
712
- documents: MoreDocsItemProps[];
713
- }
714
-
715
- declare const MoreDocsDesktop: React$1.FC<MoreDocsDesktopProps>;
716
-
717
- interface MoreDocsMobileProps {
718
- title: string;
719
- documents: MoreDocsItemProps[];
720
- }
721
-
722
- declare const MoreDocsMobile: React$1.FC<MoreDocsMobileProps>;
723
-
724
696
  interface List {
725
697
  onClick: () => void;
726
698
  content: string;
@@ -761,13 +733,6 @@ interface PhoneContactBoxMobileProps {
761
733
 
762
734
  declare const PhoneContactBoxMobile: React$1.FC<PhoneContactBoxMobileProps>;
763
735
 
764
- interface PopularDocsProps {
765
- title: string;
766
- documents: PopularDocsItemProps[];
767
- }
768
-
769
- declare const PopularDocs: React$1.FC<PopularDocsProps>;
770
-
771
736
  interface PricingCardProps {
772
737
  order?: number;
773
738
  subscriptionId?: string;
@@ -869,6 +834,57 @@ interface AboutUsContentProps {
869
834
 
870
835
  declare const AboutUsContent: FC<AboutUsContentProps>;
871
836
 
837
+ interface AccordionItem {
838
+ accordionRightContent?: React.ReactNode;
839
+ children?: React.ReactNode;
840
+ onClick?: () => void;
841
+ title?: string;
842
+ }
843
+ interface AccordionProps {
844
+ data: AccordionItem[];
845
+ defaultActiveIndex?: number;
846
+ defaultHeightItem?: number;
847
+ }
848
+
849
+ declare const Accordion: ({ data, defaultActiveIndex, defaultHeightItem }: AccordionProps) => JSX.Element;
850
+
851
+ type Handler = 'error' | 'warning' | 'success' | 'default';
852
+ type Action = {
853
+ type: 'message';
854
+ accordionItem: number;
855
+ message: string;
856
+ } | {
857
+ type: 'loading';
858
+ accordionItem: number;
859
+ } | {
860
+ type: 'locked';
861
+ accordionItem: number;
862
+ } | {
863
+ type: 'unlocked';
864
+ accordionItem: number;
865
+ resetAction?: string;
866
+ } | {
867
+ type: 'handler';
868
+ accordionItem: number;
869
+ handlerMessage: Handler;
870
+ };
871
+ type Dispatch = (action: Action) => void;
872
+ interface ItemDataAccordion {
873
+ handler: string;
874
+ isLoading: boolean;
875
+ message: string;
876
+ locked: {
877
+ actionType: string;
878
+ isLocked: boolean;
879
+ };
880
+ }
881
+ declare function useDispatchDataAccordionItem(): {
882
+ dispatch: Dispatch;
883
+ };
884
+ declare function useStateDataAccordionItem(accordionLoadingItem?: number): {
885
+ state: ItemDataAccordion;
886
+ };
887
+
872
888
  interface ArticlesListProps {
873
889
  articles: ArticleProps[];
874
890
  }
@@ -1024,13 +1040,6 @@ interface LegalSectionProps {
1024
1040
 
1025
1041
  declare const LegalSection: React$1.FC<LegalSectionProps>;
1026
1042
 
1027
- interface MoreDocsSectionProps {
1028
- title: string;
1029
- documents: MoreDocsItemProps[];
1030
- }
1031
-
1032
- declare const MoreDocsSection: React$1.FC<MoreDocsSectionProps>;
1033
-
1034
1043
  interface PeopleSayAboutUsSectionProps {
1035
1044
  title?: string;
1036
1045
  contentTrustPilot: TrustPilotProps;
@@ -1135,8 +1144,7 @@ interface UseIsMobileOrTablePropsReturn {
1135
1144
  isMobile: boolean;
1136
1145
  isTablet: boolean;
1137
1146
  load: boolean;
1138
- isGtLandscapeTablets: boolean;
1139
1147
  }
1140
1148
  declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
1141
1149
 
1142
- export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
1150
+ export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useStateDataAccordionItem };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@npm_leadtech/legal-lib-components",
3
- "version": "2.41.1",
3
+ "version": "2.41.2",
4
4
  "dependencies": {
5
5
  "@testing-library/jest-dom": "^6.1.4",
6
6
  "@tippyjs/react": "4.2.6",