@npm_leadtech/legal-lib-components 3.2.0 → 3.2.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.
Files changed (152) hide show
  1. package/dist/cjs/index.js +4 -4
  2. package/dist/cjs/index.js.map +1 -1
  3. package/dist/cjs/legal-lib-components.css +513 -0
  4. package/dist/cjs/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.d.ts +5 -0
  5. package/dist/cjs/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCardProps.types.d.ts +6 -0
  6. package/dist/cjs/src/components/atoms/BenefitRatafiaCard/index.d.ts +2 -0
  7. package/dist/cjs/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts +2 -2
  8. package/dist/cjs/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +0 -3
  9. package/dist/cjs/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.d.ts +5 -0
  10. package/dist/cjs/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCardProps.types.d.ts +8 -0
  11. package/dist/cjs/src/components/atoms/FeatureRatafiaCard/index.d.ts +2 -0
  12. package/dist/cjs/src/components/atoms/StepRatafiaCard/StepRatafiaCard.d.ts +5 -0
  13. package/dist/cjs/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.d.ts +6 -0
  14. package/dist/cjs/src/components/atoms/StepRatafiaCard/index.d.ts +2 -0
  15. package/dist/cjs/src/components/atoms/TagRatafiaItem/TagRatafiaItem.d.ts +5 -0
  16. package/dist/cjs/src/components/atoms/TagRatafiaItem/TagRatafiaItemProps.types.d.ts +5 -0
  17. package/dist/cjs/src/components/atoms/TagRatafiaItem/index.d.ts +2 -0
  18. package/dist/cjs/src/components/atoms/index.d.ts +4 -0
  19. package/dist/cjs/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.d.ts +5 -0
  20. package/dist/cjs/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.d.ts +4 -0
  21. package/dist/cjs/src/components/molecules/BenefitRatafiaCardList/index.d.ts +2 -0
  22. package/dist/cjs/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.d.ts +5 -0
  23. package/dist/cjs/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardListProps.types.d.ts +5 -0
  24. package/dist/cjs/src/components/molecules/FeatureRatafiaCardList/index.d.ts +2 -0
  25. package/dist/cjs/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.d.ts +5 -0
  26. package/dist/cjs/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContentProps.types.d.ts +7 -0
  27. package/dist/cjs/src/components/molecules/MidBannerRatafiaContent/index.d.ts +2 -0
  28. package/dist/cjs/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.d.ts +5 -0
  29. package/dist/cjs/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +3 -0
  30. package/dist/cjs/src/components/molecules/MidBannerRatafiaSample/index.d.ts +2 -0
  31. package/dist/cjs/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.d.ts +5 -0
  32. package/dist/cjs/src/components/molecules/StepRatafiaCardList/StepRatafiaCardListProps.types.d.ts +4 -0
  33. package/dist/cjs/src/components/molecules/StepRatafiaCardList/index.d.ts +2 -0
  34. package/dist/cjs/src/components/molecules/TagsRatafiaList/TagsRatafiaList.d.ts +5 -0
  35. package/dist/cjs/src/components/molecules/TagsRatafiaList/TagsRatafiaListProps.types.d.ts +4 -0
  36. package/dist/cjs/src/components/molecules/TagsRatafiaList/index.d.ts +2 -0
  37. package/dist/cjs/src/components/molecules/TooltipMenu/TooltipMenuProps.types.d.ts +0 -1
  38. package/dist/cjs/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.d.ts +5 -0
  39. package/dist/cjs/src/components/molecules/UploadRatafiaZone/UploadRatafiaZoneProps.types.d.ts +18 -0
  40. package/dist/cjs/src/components/molecules/UploadRatafiaZone/index.d.ts +2 -0
  41. package/dist/cjs/src/components/molecules/index.d.ts +7 -0
  42. package/dist/cjs/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.d.ts +5 -0
  43. package/dist/cjs/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContentProps.types.d.ts +7 -0
  44. package/dist/cjs/src/components/organisms/FeaturesRatafiaContent/index.d.ts +2 -0
  45. package/dist/cjs/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.d.ts +5 -0
  46. package/dist/cjs/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContentProps.types.d.ts +7 -0
  47. package/dist/cjs/src/components/organisms/JumbotronRatafiaContent/index.d.ts +2 -0
  48. package/dist/cjs/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.d.ts +5 -0
  49. package/dist/cjs/src/components/organisms/StepsRatafiaContent/StepsRatafiaContentProps.types.d.ts +5 -0
  50. package/dist/cjs/src/components/organisms/StepsRatafiaContent/index.d.ts +2 -0
  51. package/dist/cjs/src/components/organisms/index.d.ts +3 -0
  52. package/dist/cjs/src/components/pages/RatafiaLandingPage/RatafiaLandingPage.d.ts +3 -0
  53. package/dist/cjs/src/components/pages/RatafiaLandingPage/RatafiaLandingPageProps.types.d.ts +13 -0
  54. package/dist/cjs/src/components/pages/RatafiaLandingPage/index.d.ts +2 -0
  55. package/dist/cjs/src/components/pages/index.d.ts +1 -0
  56. package/dist/cjs/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.d.ts +5 -0
  57. package/dist/cjs/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.d.ts +6 -0
  58. package/dist/cjs/src/components/sections/BenefitsRatafiaSection/index.d.ts +2 -0
  59. package/dist/cjs/src/components/sections/FaqSection/FaqSectionProps.d.ts +1 -0
  60. package/dist/cjs/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSection.d.ts +5 -0
  61. package/dist/cjs/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSectionProps.types.d.ts +5 -0
  62. package/dist/cjs/src/components/sections/FeaturesRatafiaSection/index.d.ts +2 -0
  63. package/dist/cjs/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSection.d.ts +5 -0
  64. package/dist/cjs/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSectionProps.types.d.ts +5 -0
  65. package/dist/cjs/src/components/sections/JumbotronRatafiaSection/index.d.ts +2 -0
  66. package/dist/cjs/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.d.ts +5 -0
  67. package/dist/cjs/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +8 -0
  68. package/dist/cjs/src/components/sections/MidBannerRatafiaSection/index.d.ts +2 -0
  69. package/dist/cjs/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.d.ts +5 -0
  70. package/dist/cjs/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts +6 -0
  71. package/dist/cjs/src/components/sections/StepsRatafiaSection/index.d.ts +2 -0
  72. package/dist/cjs/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.d.ts +5 -0
  73. package/dist/cjs/src/components/sections/TryItRatafiaSection/TryItRatafiaSectionProps.types.d.ts +5 -0
  74. package/dist/cjs/src/components/sections/TryItRatafiaSection/index.d.ts +2 -0
  75. package/dist/cjs/src/components/sections/index.d.ts +6 -0
  76. package/dist/esm/index.js +4 -4
  77. package/dist/esm/index.js.map +1 -1
  78. package/dist/esm/legal-lib-components.css +513 -0
  79. package/dist/esm/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.d.ts +5 -0
  80. package/dist/esm/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCardProps.types.d.ts +6 -0
  81. package/dist/esm/src/components/atoms/BenefitRatafiaCard/index.d.ts +2 -0
  82. package/dist/esm/src/components/atoms/Disclaimer/DisclaimerProps.types.d.ts +2 -2
  83. package/dist/esm/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +0 -3
  84. package/dist/esm/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCard.d.ts +5 -0
  85. package/dist/esm/src/components/atoms/FeatureRatafiaCard/FeatureRatafiaCardProps.types.d.ts +8 -0
  86. package/dist/esm/src/components/atoms/FeatureRatafiaCard/index.d.ts +2 -0
  87. package/dist/esm/src/components/atoms/StepRatafiaCard/StepRatafiaCard.d.ts +5 -0
  88. package/dist/esm/src/components/atoms/StepRatafiaCard/StepRatafiaCardProps.types.d.ts +6 -0
  89. package/dist/esm/src/components/atoms/StepRatafiaCard/index.d.ts +2 -0
  90. package/dist/esm/src/components/atoms/TagRatafiaItem/TagRatafiaItem.d.ts +5 -0
  91. package/dist/esm/src/components/atoms/TagRatafiaItem/TagRatafiaItemProps.types.d.ts +5 -0
  92. package/dist/esm/src/components/atoms/TagRatafiaItem/index.d.ts +2 -0
  93. package/dist/esm/src/components/atoms/index.d.ts +4 -0
  94. package/dist/esm/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.d.ts +5 -0
  95. package/dist/esm/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.d.ts +4 -0
  96. package/dist/esm/src/components/molecules/BenefitRatafiaCardList/index.d.ts +2 -0
  97. package/dist/esm/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardList.d.ts +5 -0
  98. package/dist/esm/src/components/molecules/FeatureRatafiaCardList/FeatureRatafiaCardListProps.types.d.ts +5 -0
  99. package/dist/esm/src/components/molecules/FeatureRatafiaCardList/index.d.ts +2 -0
  100. package/dist/esm/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContent.d.ts +5 -0
  101. package/dist/esm/src/components/molecules/MidBannerRatafiaContent/MidBannerRatafiaContentProps.types.d.ts +7 -0
  102. package/dist/esm/src/components/molecules/MidBannerRatafiaContent/index.d.ts +2 -0
  103. package/dist/esm/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.d.ts +5 -0
  104. package/dist/esm/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +3 -0
  105. package/dist/esm/src/components/molecules/MidBannerRatafiaSample/index.d.ts +2 -0
  106. package/dist/esm/src/components/molecules/StepRatafiaCardList/StepRatafiaCardList.d.ts +5 -0
  107. package/dist/esm/src/components/molecules/StepRatafiaCardList/StepRatafiaCardListProps.types.d.ts +4 -0
  108. package/dist/esm/src/components/molecules/StepRatafiaCardList/index.d.ts +2 -0
  109. package/dist/esm/src/components/molecules/TagsRatafiaList/TagsRatafiaList.d.ts +5 -0
  110. package/dist/esm/src/components/molecules/TagsRatafiaList/TagsRatafiaListProps.types.d.ts +4 -0
  111. package/dist/esm/src/components/molecules/TagsRatafiaList/index.d.ts +2 -0
  112. package/dist/esm/src/components/molecules/TooltipMenu/TooltipMenuProps.types.d.ts +0 -1
  113. package/dist/esm/src/components/molecules/UploadRatafiaZone/UploadRatafiaZone.d.ts +5 -0
  114. package/dist/esm/src/components/molecules/UploadRatafiaZone/UploadRatafiaZoneProps.types.d.ts +18 -0
  115. package/dist/esm/src/components/molecules/UploadRatafiaZone/index.d.ts +2 -0
  116. package/dist/esm/src/components/molecules/index.d.ts +7 -0
  117. package/dist/esm/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.d.ts +5 -0
  118. package/dist/esm/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContentProps.types.d.ts +7 -0
  119. package/dist/esm/src/components/organisms/FeaturesRatafiaContent/index.d.ts +2 -0
  120. package/dist/esm/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.d.ts +5 -0
  121. package/dist/esm/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContentProps.types.d.ts +7 -0
  122. package/dist/esm/src/components/organisms/JumbotronRatafiaContent/index.d.ts +2 -0
  123. package/dist/esm/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.d.ts +5 -0
  124. package/dist/esm/src/components/organisms/StepsRatafiaContent/StepsRatafiaContentProps.types.d.ts +5 -0
  125. package/dist/esm/src/components/organisms/StepsRatafiaContent/index.d.ts +2 -0
  126. package/dist/esm/src/components/organisms/index.d.ts +3 -0
  127. package/dist/esm/src/components/pages/RatafiaLandingPage/RatafiaLandingPage.d.ts +3 -0
  128. package/dist/esm/src/components/pages/RatafiaLandingPage/RatafiaLandingPageProps.types.d.ts +13 -0
  129. package/dist/esm/src/components/pages/RatafiaLandingPage/index.d.ts +2 -0
  130. package/dist/esm/src/components/pages/index.d.ts +1 -0
  131. package/dist/esm/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.d.ts +5 -0
  132. package/dist/esm/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.d.ts +6 -0
  133. package/dist/esm/src/components/sections/BenefitsRatafiaSection/index.d.ts +2 -0
  134. package/dist/esm/src/components/sections/FaqSection/FaqSectionProps.d.ts +1 -0
  135. package/dist/esm/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSection.d.ts +5 -0
  136. package/dist/esm/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSectionProps.types.d.ts +5 -0
  137. package/dist/esm/src/components/sections/FeaturesRatafiaSection/index.d.ts +2 -0
  138. package/dist/esm/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSection.d.ts +5 -0
  139. package/dist/esm/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSectionProps.types.d.ts +5 -0
  140. package/dist/esm/src/components/sections/JumbotronRatafiaSection/index.d.ts +2 -0
  141. package/dist/esm/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.d.ts +5 -0
  142. package/dist/esm/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +8 -0
  143. package/dist/esm/src/components/sections/MidBannerRatafiaSection/index.d.ts +2 -0
  144. package/dist/esm/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.d.ts +5 -0
  145. package/dist/esm/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts +6 -0
  146. package/dist/esm/src/components/sections/StepsRatafiaSection/index.d.ts +2 -0
  147. package/dist/esm/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.d.ts +5 -0
  148. package/dist/esm/src/components/sections/TryItRatafiaSection/TryItRatafiaSectionProps.types.d.ts +5 -0
  149. package/dist/esm/src/components/sections/TryItRatafiaSection/index.d.ts +2 -0
  150. package/dist/esm/src/components/sections/index.d.ts +6 -0
  151. package/dist/index.d.ts +190 -8
  152. package/package.json +1 -1
@@ -274,6 +274,45 @@ html[data-theme='lawdistrictonline'] {
274
274
  .base-box--color-neutral4 {
275
275
  border-color: var(--neutral-neutral-4); }
276
276
 
277
+ .benefit-ratafia-card {
278
+ display: flex;
279
+ flex-direction: column;
280
+ align-items: flex-start;
281
+ flex: 1 0 0;
282
+ align-self: stretch;
283
+ padding: 1.5rem;
284
+ gap: 1rem;
285
+ border-radius: 4px;
286
+ background: rgba(255, 255, 255, 0.8);
287
+ box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
288
+ @media (min-width: 720px) {
289
+ .benefit-ratafia-card {
290
+ flex-direction: row; } }
291
+ @media (min-width: 960px) {
292
+ .benefit-ratafia-card {
293
+ flex-direction: column; } }
294
+ .benefit-ratafia-card__icon {
295
+ display: flex;
296
+ align-items: flex-start;
297
+ padding: 0.25rem;
298
+ gap: 0.625rem;
299
+ border-radius: 4px;
300
+ background: rgba(255, 255, 255, 0.8);
301
+ box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
302
+ .benefit-ratafia-card__icon img {
303
+ min-width: 32px;
304
+ min-height: 32px; }
305
+ .benefit-ratafia-card__content {
306
+ display: flex;
307
+ flex-direction: column;
308
+ align-items: flex-start;
309
+ align-self: stretch;
310
+ gap: 0.5rem; }
311
+ .benefit-ratafia-card__content__title {
312
+ color: var(--primary-main-dark-2); }
313
+ .benefit-ratafia-card__content__description {
314
+ color: var(--neutral-neutral-1); }
315
+
277
316
  .bill-card {
278
317
  background-color: var(--neutral-neutral-6);
279
318
  border: 1px solid var(--neutral-neutral-4);
@@ -1798,6 +1837,56 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
1798
1837
  text-align: center;
1799
1838
  width: 75%; }
1800
1839
 
1840
+ .feature-ratafia-card__wrapper {
1841
+ display: flex;
1842
+ flex-direction: column;
1843
+ align-items: flex-start;
1844
+ align-self: stretch;
1845
+ gap: 1rem;
1846
+ padding: 1.5rem;
1847
+ border-radius: 4px;
1848
+ background: var(--neutral-neutral-6); }
1849
+ .feature-ratafia-card__wrapper__header {
1850
+ display: flex;
1851
+ justify-content: space-between;
1852
+ align-items: center;
1853
+ align-self: stretch; }
1854
+ .feature-ratafia-card__wrapper__header__title {
1855
+ display: flex;
1856
+ align-items: center;
1857
+ padding: 0.5rem 1rem;
1858
+ gap: 0.5rem;
1859
+ border-radius: 4px;
1860
+ background: var(--primary-main-dark-1); }
1861
+ .feature-ratafia-card__wrapper__header__title__icon img {
1862
+ width: 24px;
1863
+ height: 24px; }
1864
+ .feature-ratafia-card__wrapper__header__title__text {
1865
+ color: var(--others-white); }
1866
+ .feature-ratafia-card__wrapper__description {
1867
+ color: var(--neutral-neutral-1); }
1868
+
1869
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title {
1870
+ opacity: 0.5;
1871
+ background: var(--others-white); }
1872
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title__text {
1873
+ color: var(--primary-main-dark-1); }
1874
+
1875
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__not-released {
1876
+ display: flex;
1877
+ align-items: center;
1878
+ padding: 0.25rem;
1879
+ gap: 0.25rem;
1880
+ border-radius: 4px;
1881
+ background: var(--neutral-neutral-4);
1882
+ color: var(--primary-main-dark-1); }
1883
+
1884
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__description {
1885
+ opacity: 0.5; }
1886
+
1887
+ .feature-ratafia-card {
1888
+ width: 100%; }
1889
+
1801
1890
  .form-faq {
1802
1891
  display: flex;
1803
1892
  position: relative;
@@ -2811,6 +2900,25 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2811
2900
  .spinner--primary path {
2812
2901
  fill: var(--primary-main); }
2813
2902
 
2903
+ .step-ratafia-card {
2904
+ display: flex;
2905
+ padding: 1.5rem;
2906
+ flex-direction: column;
2907
+ align-items: flex-start;
2908
+ gap: 0.5rem;
2909
+ align-self: stretch;
2910
+ border-radius: 4px;
2911
+ background: var(--neutral-neutral-6); }
2912
+ .step-ratafia-card__title {
2913
+ display: flex;
2914
+ align-items: center;
2915
+ gap: 0.5rem;
2916
+ align-self: stretch;
2917
+ color: var(--neutral-neutral-1); }
2918
+ .step-ratafia-card__title__icon {
2919
+ width: 20px;
2920
+ height: 20px; }
2921
+
2814
2922
  .tagline {
2815
2923
  margin-bottom: 1rem; }
2816
2924
 
@@ -2824,6 +2932,20 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2824
2932
  padding-bottom: 0.5rem;
2825
2933
  text-transform: uppercase; }
2826
2934
 
2935
+ .tag-ratafia-item {
2936
+ background: var(--primary-main-light-6);
2937
+ border-radius: 4px;
2938
+ display: flex;
2939
+ justify-content: center;
2940
+ align-items: center;
2941
+ gap: 0.25rem;
2942
+ padding: 0.25rem 0.5rem; }
2943
+ .tag-ratafia-item__icon {
2944
+ height: 16px;
2945
+ width: 16px; }
2946
+ .tag-ratafia-item__description {
2947
+ color: var(--primary-main-dark-2); }
2948
+
2827
2949
  .e-textarea {
2828
2950
  display: flex;
2829
2951
  flex-direction: column-reverse; }
@@ -3218,6 +3340,18 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3218
3340
  .base-box-group--padded .base-box {
3219
3341
  padding: 2rem; }
3220
3342
 
3343
+ .benefit-ratafia-card-list {
3344
+ display: flex;
3345
+ flex-direction: column;
3346
+ justify-content: center;
3347
+ align-items: center;
3348
+ align-self: stretch;
3349
+ gap: 1rem; }
3350
+ @media (min-width: 960px) {
3351
+ .benefit-ratafia-card-list {
3352
+ flex-direction: row;
3353
+ gap: 2rem; } }
3354
+
3221
3355
  .bottom-fixed-bar {
3222
3356
  padding: 0 1.5rem 1rem;
3223
3357
  display: flex;
@@ -3587,6 +3721,14 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3587
3721
  line-height: 22px;
3588
3722
  letter-spacing: -0.3px; }
3589
3723
 
3724
+ .feature-ratafia-card-list {
3725
+ display: flex;
3726
+ flex-direction: column;
3727
+ justify-content: center;
3728
+ align-items: center;
3729
+ align-self: stretch;
3730
+ gap: 1rem; }
3731
+
3590
3732
  .feedback {
3591
3733
  display: flex;
3592
3734
  flex-direction: column;
@@ -3759,6 +3901,76 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3759
3901
  .menu-items-section__title-wrapper__title {
3760
3902
  font-weight: bold; }
3761
3903
 
3904
+ .mid-banner-ratafia-content {
3905
+ display: flex;
3906
+ flex-direction: column;
3907
+ gap: 2rem; }
3908
+ .mid-banner-ratafia-content__header {
3909
+ display: flex;
3910
+ flex-direction: column;
3911
+ justify-content: center;
3912
+ align-items: flex-start;
3913
+ align-self: stretch;
3914
+ gap: 1rem; }
3915
+ .mid-banner-ratafia-content__header__title {
3916
+ align-self: stretch;
3917
+ color: var(--primary-main-dark-2); }
3918
+ .mid-banner-ratafia-content__header__description {
3919
+ align-self: stretch;
3920
+ color: var(--neutral-neutral-1); }
3921
+ .mid-banner-ratafia-content__cta {
3922
+ align-self: start;
3923
+ padding: 0.6875rem 1rem; }
3924
+
3925
+ .mid-banner-ratafia-sample {
3926
+ display: flex;
3927
+ align-items: flex-start;
3928
+ position: relative; }
3929
+ .mid-banner-ratafia-sample__image img {
3930
+ border-radius: 8px 8px 0 0;
3931
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
3932
+ width: 460px; }
3933
+ .mid-banner-ratafia-sample__sumarized-tag {
3934
+ display: flex;
3935
+ justify-content: center;
3936
+ align-items: center;
3937
+ padding: 0.25rem;
3938
+ gap: 0.25rem;
3939
+ position: absolute;
3940
+ left: 85px;
3941
+ top: -13px;
3942
+ background: var(--primary-main-light-5);
3943
+ border-radius: 4px;
3944
+ border: 1px solid var(--primary-main-light-3);
3945
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25); }
3946
+ .mid-banner-ratafia-sample__sumarized-tag__icon {
3947
+ width: 16px;
3948
+ height: 16px; }
3949
+ .mid-banner-ratafia-sample__sumarized-tag__text {
3950
+ color: var(--primary-main); }
3951
+ .mid-banner-ratafia-sample__feature-tag {
3952
+ display: flex;
3953
+ justify-content: center;
3954
+ align-items: center;
3955
+ padding: 0.5rem;
3956
+ gap: 0.25rem;
3957
+ background: var(--neutral-neutral-6);
3958
+ border-radius: 4px;
3959
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25); }
3960
+ .mid-banner-ratafia-sample__feature-tag__icon {
3961
+ width: 20px;
3962
+ height: 20px; }
3963
+ .mid-banner-ratafia-sample__feature-tag__text {
3964
+ color: var(--neutral-neutral-2); }
3965
+ .mid-banner-ratafia-sample__feature-tag__key-facts {
3966
+ position: absolute;
3967
+ left: -16px;
3968
+ bottom: 143px; }
3969
+ .mid-banner-ratafia-sample__feature-tag__clauses {
3970
+ position: absolute;
3971
+ right: -16px;
3972
+ top: 75px; }
3973
+
3762
3974
  .more-docs-desktop {
3763
3975
  display: flex;
3764
3976
  flex-flow: row nowrap;
@@ -4311,6 +4523,26 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4311
4523
  .homeStepsItem:not(:first-child) .gatsby-image-wrapper {
4312
4524
  width: 100%; }
4313
4525
 
4526
+ .step-ratafia-card-list {
4527
+ display: flex;
4528
+ justify-content: center;
4529
+ align-items: center;
4530
+ align-self: stretch;
4531
+ flex-direction: column;
4532
+ gap: 1.5rem; }
4533
+ @media (min-width: 1200px) {
4534
+ .step-ratafia-card-list {
4535
+ flex-direction: row; } }
4536
+ @media (min-width: 1600px) {
4537
+ .step-ratafia-card-list {
4538
+ flex-direction: column;
4539
+ gap: 1rem; } }
4540
+
4541
+ .tag-ratafia-list {
4542
+ display: flex;
4543
+ align-items: flex-start;
4544
+ gap: 1rem; }
4545
+
4314
4546
  .tooltip-form {
4315
4547
  margin-top: 0.5rem; }
4316
4548
 
@@ -4543,6 +4775,46 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4543
4775
  background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8625 8.47054C13.1222 8.21085 13.1222 7.7898 12.8625 7.53012C12.6029 7.27059 12.1822 7.2704 11.9225 7.52969L8.66602 10.7803V3.33366C8.66602 2.96547 8.36754 2.66699 7.99935 2.66699C7.63116 2.66699 7.33268 2.96547 7.33268 3.33366V10.7803L4.0858 7.52763C3.82457 7.26593 3.4006 7.26574 3.13914 7.5272C2.87784 7.7885 2.87784 8.21215 3.13914 8.47345L7.29224 12.6266C7.68277 13.0171 8.31593 13.0171 8.70646 12.6266L12.8625 8.47054Z%22 fill%3D%22%233D4042%22%2F%3E%3C%2Fsvg%3E");
4544
4776
  margin-right: 0.5rem; }
4545
4777
 
4778
+ .upload-ratafia-zone {
4779
+ padding: 1rem;
4780
+ border-radius: 24px;
4781
+ background: rgba(255, 255, 255, 0.4);
4782
+ box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
4783
+ @media (min-width: 720px) {
4784
+ .upload-ratafia-zone {
4785
+ max-width: 560px; } }
4786
+ .upload-ratafia-zone__content {
4787
+ display: flex;
4788
+ flex-direction: column;
4789
+ justify-content: center;
4790
+ text-align: center;
4791
+ align-items: center;
4792
+ flex: 1 0 0;
4793
+ align-self: stretch;
4794
+ padding: 3.5rem 2rem 1rem 2rem;
4795
+ border-radius: 16px;
4796
+ background: var(--neutral-neutral-6);
4797
+ color: var(--neutral-neutral-3); }
4798
+ .upload-ratafia-zone__content__title {
4799
+ margin-bottom: 2.5rem; }
4800
+ .upload-ratafia-zone__content__cta {
4801
+ display: flex;
4802
+ padding: 0.75rem 1rem;
4803
+ justify-content: center;
4804
+ align-items: center;
4805
+ gap: 0.5rem; }
4806
+ .upload-ratafia-zone__content__cta__icon {
4807
+ width: 24px;
4808
+ height: 24px; }
4809
+ .upload-ratafia-zone__content__description {
4810
+ margin-top: 3.5rem;
4811
+ margin-bottom: 1rem; }
4812
+ .upload-ratafia-zone__content__service-terms a {
4813
+ color: var(--neutral-neutral-3);
4814
+ text-decoration: underline; }
4815
+ .upload-ratafia-zone:hover .upload-ratafia-zone__content__title {
4816
+ color: var(--neutral-main); }
4817
+
4546
4818
  .about-us-content {
4547
4819
  display: flex;
4548
4820
  flex-flow: row wrap;
@@ -4698,6 +4970,27 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4698
4970
  gap: 1rem;
4699
4971
  width: 100%; }
4700
4972
 
4973
+ .features-ratafia-content__wrapper {
4974
+ display: flex;
4975
+ flex-direction: column;
4976
+ justify-content: center;
4977
+ align-items: center;
4978
+ flex: 1 0 0;
4979
+ gap: 1.5rem; }
4980
+ .features-ratafia-content__wrapper__title {
4981
+ display: flex;
4982
+ flex-direction: column;
4983
+ justify-content: center;
4984
+ align-items: center;
4985
+ align-self: stretch;
4986
+ gap: 1rem; }
4987
+ .features-ratafia-content__wrapper__title__text {
4988
+ align-self: stretch;
4989
+ color: var(--neutral-neutral-1); }
4990
+ .features-ratafia-content__wrapper__title__description {
4991
+ align-self: stretch;
4992
+ color: var(--neutral-neutral-1); }
4993
+
4701
4994
  .guidelines-section__texts {
4702
4995
  flex-basis: 50%;
4703
4996
  display: flex;
@@ -4748,6 +5041,25 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4748
5041
  .guidelines-section__image.is-mobile {
4749
5042
  display: none; } }
4750
5043
 
5044
+ .jumbotron-ratafia-content {
5045
+ display: flex;
5046
+ flex-direction: column;
5047
+ align-items: flex-start;
5048
+ gap: 1rem;
5049
+ flex: 1 0 0; }
5050
+ .jumbotron-ratafia-content__title {
5051
+ display: flex;
5052
+ flex-direction: row;
5053
+ align-items: flex-start;
5054
+ gap: 0.75rem; }
5055
+ .jumbotron-ratafia-content__title__icon {
5056
+ width: 41px;
5057
+ height: 32px; }
5058
+ .jumbotron-ratafia-content__title__text {
5059
+ color: var(--others-white); }
5060
+ .jumbotron-ratafia-content__description {
5061
+ color: var(--others-white); }
5062
+
4751
5063
  .language-selector-mobile {
4752
5064
  position: relative; }
4753
5065
  .language-selector-mobile .selected-option {
@@ -4850,6 +5162,13 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4850
5162
  width: 24px;
4851
5163
  margin: 0; }
4852
5164
 
5165
+ .steps-ratafia-content {
5166
+ display: flex;
5167
+ flex-direction: column;
5168
+ gap: 1.5rem; }
5169
+ .steps-ratafia-content__title {
5170
+ color: var(--neutral-neutral-1); }
5171
+
4853
5172
  .try-our-free-legal-blogs-section__texts {
4854
5173
  flex-basis: 50%;
4855
5174
  display: flex;
@@ -4984,6 +5303,41 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4984
5303
  letter-spacing: -0.3px;
4985
5304
  margin: 1rem 0; }
4986
5305
 
5306
+ .benefit-ratafia-section {
5307
+ padding: 2rem 1.5rem; }
5308
+ @media (min-width: 960px) {
5309
+ .benefit-ratafia-section {
5310
+ padding: 3rem 2rem; } }
5311
+ @media (min-width: 1600px) {
5312
+ .benefit-ratafia-section {
5313
+ padding: 3rem 7.5rem; } }
5314
+ .benefit-ratafia-section__wrapper {
5315
+ display: flex;
5316
+ flex-direction: column;
5317
+ justify-content: center;
5318
+ align-items: center;
5319
+ align-self: stretch;
5320
+ padding: 1.5rem;
5321
+ gap: 2rem;
5322
+ border-radius: 16px; }
5323
+ @media (min-width: 720px) {
5324
+ .benefit-ratafia-section__wrapper {
5325
+ padding: 2rem; } }
5326
+ @media (min-width: 960px) {
5327
+ .benefit-ratafia-section__wrapper {
5328
+ padding: 3rem; } }
5329
+ .benefit-ratafia-section__wrapper__title {
5330
+ display: flex;
5331
+ flex-direction: column;
5332
+ justify-content: center;
5333
+ align-items: flex-start;
5334
+ align-self: stretch;
5335
+ gap: 1rem; }
5336
+ .benefit-ratafia-section__wrapper__title__text {
5337
+ color: var(--others-white); }
5338
+ .benefit-ratafia-section__wrapper__title__description {
5339
+ color: var(--others-white); }
5340
+
4987
5341
  .blog {
4988
5342
  text-align: center;
4989
5343
  margin: 0 auto 3rem;
@@ -5096,6 +5450,44 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5096
5450
  max-width: 700px;
5097
5451
  width: 100%; }
5098
5452
 
5453
+ .faq-ratafia-section {
5454
+ padding: 3rem 1.5rem 5rem 1.5rem;
5455
+ max-width: none;
5456
+ background: var(--neutral-neutral-6); }
5457
+ @media (min-width: 960px) {
5458
+ .faq-ratafia-section {
5459
+ padding: 3rem 2rem 5rem 2rem; } }
5460
+ @media (min-width: 1600px) {
5461
+ .faq-ratafia-section {
5462
+ padding: 3rem 13.75rem 5rem 13.75rem; } }
5463
+
5464
+ .features-ratafia-section {
5465
+ display: flex;
5466
+ justify-content: center;
5467
+ align-items: center;
5468
+ align-self: stretch;
5469
+ padding: 2rem 1.5rem; }
5470
+ @media (min-width: 960px) {
5471
+ .features-ratafia-section {
5472
+ padding: 3rem 2rem;
5473
+ gap: 1.5rem; } }
5474
+ @media (min-width: 1600px) {
5475
+ .features-ratafia-section {
5476
+ padding: 3rem 7.5rem;
5477
+ gap: 5rem; } }
5478
+ .features-ratafia-section__children {
5479
+ display: none;
5480
+ min-width: 50%; }
5481
+ @media (min-width: 960px) {
5482
+ .features-ratafia-section__children {
5483
+ display: flex;
5484
+ flex-direction: column;
5485
+ align-items: center;
5486
+ padding: 1.5rem;
5487
+ gap: 1.5rem; } }
5488
+ .features-ratafia-section__children img {
5489
+ width: 100%; }
5490
+
5099
5491
  .guidelines-section {
5100
5492
  display: flex;
5101
5493
  flex-direction: column; }
@@ -5122,6 +5514,28 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5122
5514
  .how-it-works-wrapper .works-title {
5123
5515
  padding-top: 2.5rem; } }
5124
5516
 
5517
+ .jumbotron-ratafia-section {
5518
+ display: flex;
5519
+ flex-direction: column;
5520
+ justify-content: center;
5521
+ align-items: center;
5522
+ align-self: stretch;
5523
+ width: 100%;
5524
+ padding: 2.5rem 1.5rem 6.5rem 1.5rem;
5525
+ gap: 2.5rem; }
5526
+ @media (min-width: 720px) {
5527
+ .jumbotron-ratafia-section {
5528
+ flex-direction: row; } }
5529
+ @media (min-width: 1200px) {
5530
+ .jumbotron-ratafia-section {
5531
+ padding: 5rem 2rem 6.5rem 2rem; } }
5532
+ @media (min-width: 1600px) {
5533
+ .jumbotron-ratafia-section {
5534
+ padding: 5rem 7.5rem 6.5rem 7.5rem;
5535
+ gap: 5rem; } }
5536
+ .jumbotron-ratafia-section__children {
5537
+ flex: none; }
5538
+
5125
5539
  .jumbotron--simplified {
5126
5540
  background: var(--primary-main-light-6);
5127
5541
  margin-bottom: -12rem;
@@ -5232,6 +5646,33 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5232
5646
  .legal .m-richText ol {
5233
5647
  list-style-type: decimal; }
5234
5648
 
5649
+ .mid-banner-ratafia-section {
5650
+ padding: 2rem 1.5rem; }
5651
+ @media (min-width: 1200px) {
5652
+ .mid-banner-ratafia-section {
5653
+ padding: 3rem 2rem; } }
5654
+ @media (min-width: 1600px) {
5655
+ .mid-banner-ratafia-section {
5656
+ padding: 3rem 7.5rem; } }
5657
+ .mid-banner-ratafia-section__wrapper {
5658
+ display: flex;
5659
+ justify-content: center;
5660
+ align-items: flex-start;
5661
+ flex: 1 0 0;
5662
+ padding: 2rem;
5663
+ gap: 3rem;
5664
+ border-radius: 16px;
5665
+ background: var(--neutral-neutral-6); }
5666
+ @media (min-width: 1200px) {
5667
+ .mid-banner-ratafia-section__wrapper {
5668
+ padding: 3rem 5rem 0.5rem 4rem;
5669
+ gap: 5rem; } }
5670
+ .mid-banner-ratafia-section__wrapper__sample {
5671
+ display: none; }
5672
+ @media (min-width: 1200px) {
5673
+ .mid-banner-ratafia-section__wrapper__sample {
5674
+ display: block; } }
5675
+
5235
5676
  .people-say {
5236
5677
  width: 100%;
5237
5678
  margin: 0 auto;
@@ -5244,6 +5685,78 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5244
5685
  letter-spacing: -0.3px;
5245
5686
  text-align: center; }
5246
5687
 
5688
+ .steps-ratafia-section {
5689
+ z-index: 999;
5690
+ display: flex;
5691
+ flex-direction: column;
5692
+ align-items: center;
5693
+ align-self: stretch;
5694
+ gap: 3rem;
5695
+ margin-top: -1.5rem;
5696
+ padding: 0 1.5rem 2rem 1.5rem; }
5697
+ @media (min-width: 1200px) {
5698
+ .steps-ratafia-section {
5699
+ padding: 0 2rem 3rem 2rem; } }
5700
+ @media (min-width: 1600px) {
5701
+ .steps-ratafia-section {
5702
+ padding: 0 7.5rem 3rem 7.5rem;
5703
+ flex-direction: row;
5704
+ justify-content: space-between;
5705
+ align-items: flex-start; } }
5706
+ .steps-ratafia-section__video {
5707
+ display: flex;
5708
+ justify-content: center; }
5709
+ .steps-ratafia-section__video video {
5710
+ border-radius: 8px;
5711
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
5712
+ width: 100%; }
5713
+ @media (min-width: 1600px) {
5714
+ .steps-ratafia-section__content {
5715
+ margin-top: 4rem; } }
5716
+
5717
+ .try-it-ratafia-section {
5718
+ padding: 2rem 1.5rem; }
5719
+ @media (min-width: 960px) {
5720
+ .try-it-ratafia-section {
5721
+ padding: 3rem 2rem; } }
5722
+ @media (min-width: 1600px) {
5723
+ .try-it-ratafia-section {
5724
+ padding: 3rem 7.5rem; } }
5725
+ .try-it-ratafia-section__wrapper {
5726
+ display: flex;
5727
+ flex-direction: column;
5728
+ justify-content: space-between;
5729
+ align-items: center;
5730
+ align-self: stretch;
5731
+ padding: 1.5rem;
5732
+ gap: 1.5rem;
5733
+ border-radius: 16px; }
5734
+ @media (min-width: 720px) {
5735
+ .try-it-ratafia-section__wrapper {
5736
+ padding: 2rem;
5737
+ gap: 2.5rem;
5738
+ flex-direction: row; } }
5739
+ @media (min-width: 960px) {
5740
+ .try-it-ratafia-section__wrapper {
5741
+ padding: 2.5rem 2.5rem 2.5rem 4rem;
5742
+ gap: 5rem; } }
5743
+ .try-it-ratafia-section__wrapper__content {
5744
+ display: flex;
5745
+ flex-direction: column;
5746
+ align-items: flex-start;
5747
+ flex: 1 0 0;
5748
+ align-self: stretch;
5749
+ gap: 1rem; }
5750
+ @media (min-width: 720px) {
5751
+ .try-it-ratafia-section__wrapper__content {
5752
+ padding: 3rem 0; } }
5753
+ .try-it-ratafia-section__wrapper__content__icon {
5754
+ width: 48px;
5755
+ height: 48px; }
5756
+ .try-it-ratafia-section__wrapper__content__title {
5757
+ align-self: stretch;
5758
+ color: var(--others-white); }
5759
+
5247
5760
  .try-our-free-legal-blogs-section {
5248
5761
  display: flex;
5249
5762
  flex-direction: column; }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type BenefitRatafiaCardProps } from './BenefitRatafiaCardProps.types';
3
+ import './BenefitRatafiaCard.scss';
4
+ export declare const BenefitRatafiaCard: React.FC<BenefitRatafiaCardProps>;
5
+ export default BenefitRatafiaCard;
@@ -0,0 +1,6 @@
1
+ export interface BenefitRatafiaCardProps {
2
+ id: string;
3
+ title: string;
4
+ image?: React.ReactNode;
5
+ description: string;
6
+ }
@@ -0,0 +1,2 @@
1
+ export { default as BenefitRatafiaCard } from './BenefitRatafiaCard';
2
+ export { type BenefitRatafiaCardProps } from './BenefitRatafiaCardProps.types';
@@ -5,6 +5,6 @@ export interface DisclaimerProps {
5
5
  givenClass?: string;
6
6
  siteUrl?: string;
7
7
  simpleCopyRight?: string;
8
- complexCopyRight?: React.ReactNode;
9
- complexCopyRightMobile?: React.ReactNode;
8
+ complexCopyRight?: React.ReactNode | undefined;
9
+ complexCopyRightMobile?: React.ReactNode | undefined;
10
10
  }
@@ -1,6 +1,3 @@
1
1
  export interface DocumentStatusProps {
2
2
  type: string;
3
- statusCompletedText: string;
4
- statusNewText: string;
5
- statusInProgressText: string;
6
3
  }
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type FeatureRatafiaCardProps } from './FeatureRatafiaCardProps.types';
3
+ import './FeatureRatafiaCard.scss';
4
+ export declare const FeatureRatafiaCard: React.FC<FeatureRatafiaCardProps>;
5
+ export default FeatureRatafiaCard;
@@ -0,0 +1,8 @@
1
+ export interface FeatureRatafiaCardProps {
2
+ id: string;
3
+ title: string;
4
+ icon?: React.ReactNode;
5
+ description: string;
6
+ isReleased: boolean;
7
+ notReleasedText: string;
8
+ }
@@ -0,0 +1,2 @@
1
+ export { default as FeatureRatafiaCard } from './FeatureRatafiaCard';
2
+ export { type FeatureRatafiaCardProps } from './FeatureRatafiaCardProps.types';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type StepRatafiaCardProps } from './StepRatafiaCardProps.types';
3
+ import './StepRatafiaCard.scss';
4
+ export declare const StepRatafiaCard: React.FC<StepRatafiaCardProps>;
5
+ export default StepRatafiaCard;
@@ -0,0 +1,6 @@
1
+ export interface StepRatafiaCardProps {
2
+ id: string;
3
+ title: string;
4
+ icon?: React.ReactNode;
5
+ description: string;
6
+ }
@@ -0,0 +1,2 @@
1
+ export { default as StepRatafiaCard } from './StepRatafiaCard';
2
+ export { type StepRatafiaCardProps } from './StepRatafiaCardProps.types';
@@ -0,0 +1,5 @@
1
+ import React from 'react';
2
+ import { type TagRatafiaItemProps } from './TagRatafiaItemProps.types';
3
+ import './TagRatafiaItem.scss';
4
+ export declare const TagRatafiaItem: React.FC<TagRatafiaItemProps>;
5
+ export default TagRatafiaItem;