@npm_leadtech/legal-lib-components 3.1.2 → 3.1.3

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 +518 -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 +0 -3
  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 +518 -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 +0 -3
  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 +188 -9
  152. package/package.json +1 -1
@@ -274,6 +274,46 @@ 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
+ font-weight: 700; }
314
+ .benefit-ratafia-card__content__description {
315
+ color: var(--neutral-neutral-1); }
316
+
277
317
  .bill-card {
278
318
  background-color: var(--neutral-neutral-6);
279
319
  border: 1px solid var(--neutral-neutral-4);
@@ -1798,6 +1838,58 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
1798
1838
  text-align: center;
1799
1839
  width: 75%; }
1800
1840
 
1841
+ .feature-ratafia-card__wrapper {
1842
+ display: flex;
1843
+ flex-direction: column;
1844
+ align-items: flex-start;
1845
+ align-self: stretch;
1846
+ gap: 1rem;
1847
+ padding: 1.5rem;
1848
+ border-radius: 4px;
1849
+ background: var(--neutral-neutral-6); }
1850
+ .feature-ratafia-card__wrapper__header {
1851
+ display: flex;
1852
+ justify-content: space-between;
1853
+ align-items: center;
1854
+ align-self: stretch; }
1855
+ .feature-ratafia-card__wrapper__header__title {
1856
+ display: flex;
1857
+ align-items: center;
1858
+ padding: 0.5rem 1rem;
1859
+ gap: 0.5rem;
1860
+ border-radius: 4px;
1861
+ background: var(--primary-main-dark-1); }
1862
+ .feature-ratafia-card__wrapper__header__title__icon img {
1863
+ width: 24px;
1864
+ height: 24px; }
1865
+ .feature-ratafia-card__wrapper__header__title__text {
1866
+ color: var(--others-white);
1867
+ font-weight: 700; }
1868
+ .feature-ratafia-card__wrapper__description {
1869
+ color: var(--neutral-neutral-1); }
1870
+
1871
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title {
1872
+ opacity: 0.5;
1873
+ background: var(--others-white); }
1874
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__title__text {
1875
+ color: var(--primary-main-dark-1); }
1876
+
1877
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__header__not-released {
1878
+ display: flex;
1879
+ align-items: center;
1880
+ padding: 0.25rem;
1881
+ gap: 0.25rem;
1882
+ border-radius: 4px;
1883
+ background: var(--neutral-neutral-4);
1884
+ color: var(--primary-main-dark-1);
1885
+ font-weight: 700; }
1886
+
1887
+ .feature-ratafia-card-not-released .feature-ratafia-card__wrapper__description {
1888
+ opacity: 0.5; }
1889
+
1890
+ .feature-ratafia-card {
1891
+ width: 100%; }
1892
+
1801
1893
  .form-faq {
1802
1894
  display: flex;
1803
1895
  position: relative;
@@ -2811,6 +2903,27 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2811
2903
  .spinner--primary path {
2812
2904
  fill: var(--primary-main); }
2813
2905
 
2906
+ .step-ratafia-card {
2907
+ display: flex;
2908
+ padding: 1.5rem;
2909
+ flex-direction: column;
2910
+ align-items: flex-start;
2911
+ gap: 0.5rem;
2912
+ align-self: stretch;
2913
+ border-radius: 4px;
2914
+ background: var(--neutral-neutral-6); }
2915
+ .step-ratafia-card__title {
2916
+ display: flex;
2917
+ align-items: center;
2918
+ gap: 0.5rem;
2919
+ align-self: stretch;
2920
+ color: var(--neutral-neutral-1); }
2921
+ .step-ratafia-card__title__icon {
2922
+ width: 20px;
2923
+ height: 20px; }
2924
+ .step-ratafia-card__title__text {
2925
+ font-weight: 700; }
2926
+
2814
2927
  .tagline {
2815
2928
  margin-bottom: 1rem; }
2816
2929
 
@@ -2824,6 +2937,20 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
2824
2937
  padding-bottom: 0.5rem;
2825
2938
  text-transform: uppercase; }
2826
2939
 
2940
+ .tag-ratafia-item {
2941
+ background: var(--primary-main-light-6);
2942
+ border-radius: 4px;
2943
+ display: flex;
2944
+ justify-content: center;
2945
+ align-items: center;
2946
+ gap: 0.25rem;
2947
+ padding: 0.25rem 0.5rem; }
2948
+ .tag-ratafia-item__icon {
2949
+ height: 16px;
2950
+ width: 16px; }
2951
+ .tag-ratafia-item__description {
2952
+ color: var(--primary-main-dark-2); }
2953
+
2827
2954
  .e-textarea {
2828
2955
  display: flex;
2829
2956
  flex-direction: column-reverse; }
@@ -3218,6 +3345,18 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3218
3345
  .base-box-group--padded .base-box {
3219
3346
  padding: 2rem; }
3220
3347
 
3348
+ .benefit-ratafia-card-list {
3349
+ display: flex;
3350
+ flex-direction: column;
3351
+ justify-content: center;
3352
+ align-items: center;
3353
+ align-self: stretch;
3354
+ gap: 1rem; }
3355
+ @media (min-width: 960px) {
3356
+ .benefit-ratafia-card-list {
3357
+ flex-direction: row;
3358
+ gap: 2rem; } }
3359
+
3221
3360
  .bottom-fixed-bar {
3222
3361
  padding: 0 1.5rem 1rem;
3223
3362
  display: flex;
@@ -3587,6 +3726,14 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3587
3726
  line-height: 22px;
3588
3727
  letter-spacing: -0.3px; }
3589
3728
 
3729
+ .feature-ratafia-card-list {
3730
+ display: flex;
3731
+ flex-direction: column;
3732
+ justify-content: center;
3733
+ align-items: center;
3734
+ align-self: stretch;
3735
+ gap: 1rem; }
3736
+
3590
3737
  .feedback {
3591
3738
  display: flex;
3592
3739
  flex-direction: column;
@@ -3759,6 +3906,78 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
3759
3906
  .menu-items-section__title-wrapper__title {
3760
3907
  font-weight: bold; }
3761
3908
 
3909
+ .mid-banner-ratafia-content {
3910
+ display: flex;
3911
+ flex-direction: column;
3912
+ gap: 2rem; }
3913
+ .mid-banner-ratafia-content__header {
3914
+ display: flex;
3915
+ flex-direction: column;
3916
+ justify-content: center;
3917
+ align-items: flex-start;
3918
+ align-self: stretch;
3919
+ gap: 1rem; }
3920
+ .mid-banner-ratafia-content__header__title {
3921
+ align-self: stretch;
3922
+ color: var(--primary-main-dark-2);
3923
+ font-weight: 700; }
3924
+ .mid-banner-ratafia-content__header__description {
3925
+ align-self: stretch;
3926
+ color: var(--neutral-neutral-1); }
3927
+ .mid-banner-ratafia-content__cta {
3928
+ align-self: start;
3929
+ padding: 0.6875rem 1rem; }
3930
+
3931
+ .mid-banner-ratafia-sample {
3932
+ display: flex;
3933
+ align-items: flex-start;
3934
+ position: relative; }
3935
+ .mid-banner-ratafia-sample img {
3936
+ border-radius: 8px 8px 0 0;
3937
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
3938
+ max-width: 282px; }
3939
+ .mid-banner-ratafia-sample__sumarized-tag {
3940
+ display: flex;
3941
+ justify-content: center;
3942
+ align-items: center;
3943
+ padding: 0.25rem;
3944
+ gap: 0.25rem;
3945
+ position: absolute;
3946
+ left: 85px;
3947
+ top: -13px;
3948
+ background: var(--primary-main-light-5);
3949
+ border-radius: 4px;
3950
+ border: 1px solid var(--primary-main-light-3);
3951
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25); }
3952
+ .mid-banner-ratafia-sample__sumarized-tag__icon {
3953
+ width: 16px;
3954
+ height: 16px; }
3955
+ .mid-banner-ratafia-sample__sumarized-tag__text {
3956
+ color: var(--primary-main);
3957
+ font-weight: 700; }
3958
+ .mid-banner-ratafia-sample__feature-tag {
3959
+ display: flex;
3960
+ justify-content: center;
3961
+ align-items: center;
3962
+ padding: 0.5rem;
3963
+ gap: 0.25rem;
3964
+ background: var(--neutral-neutral-6);
3965
+ border-radius: 4px;
3966
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25); }
3967
+ .mid-banner-ratafia-sample__feature-tag__icon {
3968
+ width: 20px;
3969
+ height: 20px; }
3970
+ .mid-banner-ratafia-sample__feature-tag__text {
3971
+ color: var(--neutral-neutral-2); }
3972
+ .mid-banner-ratafia-sample__feature-tag__key-facts {
3973
+ position: absolute;
3974
+ left: -16px;
3975
+ bottom: 143px; }
3976
+ .mid-banner-ratafia-sample__feature-tag__clauses {
3977
+ position: absolute;
3978
+ right: -16px;
3979
+ top: 75px; }
3980
+
3762
3981
  .more-docs-desktop {
3763
3982
  display: flex;
3764
3983
  flex-flow: row nowrap;
@@ -4311,6 +4530,26 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4311
4530
  .homeStepsItem:not(:first-child) .gatsby-image-wrapper {
4312
4531
  width: 100%; }
4313
4532
 
4533
+ .step-ratafia-card-list {
4534
+ display: flex;
4535
+ justify-content: center;
4536
+ align-items: center;
4537
+ align-self: stretch;
4538
+ flex-direction: column;
4539
+ gap: 1.5rem; }
4540
+ @media (min-width: 1200px) {
4541
+ .step-ratafia-card-list {
4542
+ flex-direction: row; } }
4543
+ @media (min-width: 1600px) {
4544
+ .step-ratafia-card-list {
4545
+ flex-direction: column;
4546
+ gap: 1rem; } }
4547
+
4548
+ .tag-ratafia-list {
4549
+ display: flex;
4550
+ align-items: flex-start;
4551
+ gap: 1rem; }
4552
+
4314
4553
  .tooltip-form {
4315
4554
  margin-top: 0.5rem; }
4316
4555
 
@@ -4543,6 +4782,43 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4543
4782
  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
4783
  margin-right: 0.5rem; }
4545
4784
 
4785
+ .upload-ratafia-zone {
4786
+ padding: 1rem;
4787
+ border-radius: 24px;
4788
+ background: rgba(255, 255, 255, 0.4);
4789
+ box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
4790
+ @media (min-width: 720px) {
4791
+ .upload-ratafia-zone {
4792
+ max-width: 560px; } }
4793
+ .upload-ratafia-zone__content {
4794
+ display: flex;
4795
+ flex-direction: column;
4796
+ justify-content: center;
4797
+ text-align: center;
4798
+ align-items: center;
4799
+ flex: 1 0 0;
4800
+ align-self: stretch;
4801
+ padding: 3.5rem 2rem 1rem 2rem;
4802
+ border-radius: 16px;
4803
+ background: var(--neutral-neutral-6);
4804
+ color: var(--neutral-neutral-3); }
4805
+ .upload-ratafia-zone__content__title {
4806
+ margin-bottom: 2.5rem; }
4807
+ .upload-ratafia-zone__content__cta {
4808
+ display: flex;
4809
+ padding: 0.75rem 1rem;
4810
+ justify-content: center;
4811
+ align-items: center;
4812
+ gap: 0.5rem; }
4813
+ .upload-ratafia-zone__content__cta__icon {
4814
+ width: 24px;
4815
+ height: 24px; }
4816
+ .upload-ratafia-zone__content__description {
4817
+ margin-top: 3.5rem;
4818
+ margin-bottom: 1rem; }
4819
+ .upload-ratafia-zone:hover .upload-ratafia-zone__content__title {
4820
+ color: var(--neutral-main); }
4821
+
4546
4822
  .about-us-content {
4547
4823
  display: flex;
4548
4824
  flex-flow: row wrap;
@@ -4698,6 +4974,28 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4698
4974
  gap: 1rem;
4699
4975
  width: 100%; }
4700
4976
 
4977
+ .features-ratafia-content__wrapper {
4978
+ display: flex;
4979
+ flex-direction: column;
4980
+ justify-content: center;
4981
+ align-items: center;
4982
+ flex: 1 0 0;
4983
+ gap: 1.5rem; }
4984
+ .features-ratafia-content__wrapper__title {
4985
+ display: flex;
4986
+ flex-direction: column;
4987
+ justify-content: center;
4988
+ align-items: center;
4989
+ align-self: stretch;
4990
+ gap: 1rem; }
4991
+ .features-ratafia-content__wrapper__title__text {
4992
+ align-self: stretch;
4993
+ color: var(--neutral-neutral-1);
4994
+ font-weight: 700; }
4995
+ .features-ratafia-content__wrapper__title__description {
4996
+ align-self: stretch;
4997
+ color: var(--neutral-neutral-1); }
4998
+
4701
4999
  .guidelines-section__texts {
4702
5000
  flex-basis: 50%;
4703
5001
  display: flex;
@@ -4748,6 +5046,26 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4748
5046
  .guidelines-section__image.is-mobile {
4749
5047
  display: none; } }
4750
5048
 
5049
+ .jumbotron-ratafia-content {
5050
+ display: flex;
5051
+ flex-direction: column;
5052
+ align-items: flex-start;
5053
+ gap: 1rem;
5054
+ flex: 1 0 0; }
5055
+ .jumbotron-ratafia-content__title {
5056
+ display: flex;
5057
+ flex-direction: row;
5058
+ align-items: flex-start;
5059
+ gap: 0.75rem; }
5060
+ .jumbotron-ratafia-content__title__icon {
5061
+ width: 41px;
5062
+ height: 32px; }
5063
+ .jumbotron-ratafia-content__title__text {
5064
+ color: var(--others-white);
5065
+ font-weight: 700; }
5066
+ .jumbotron-ratafia-content__description {
5067
+ color: var(--others-white); }
5068
+
4751
5069
  .language-selector-mobile {
4752
5070
  position: relative; }
4753
5071
  .language-selector-mobile .selected-option {
@@ -4850,6 +5168,14 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4850
5168
  width: 24px;
4851
5169
  margin: 0; }
4852
5170
 
5171
+ .steps-ratafia-content {
5172
+ display: flex;
5173
+ flex-direction: column;
5174
+ gap: 1.5rem; }
5175
+ .steps-ratafia-content__title {
5176
+ color: var(--neutral-neutral-1);
5177
+ font-weight: 700; }
5178
+
4853
5179
  .try-our-free-legal-blogs-section__texts {
4854
5180
  flex-basis: 50%;
4855
5181
  display: flex;
@@ -4984,6 +5310,42 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
4984
5310
  letter-spacing: -0.3px;
4985
5311
  margin: 1rem 0; }
4986
5312
 
5313
+ .benefit-ratafia-section {
5314
+ padding: 2rem 1.5rem; }
5315
+ @media (min-width: 960px) {
5316
+ .benefit-ratafia-section {
5317
+ padding: 3rem 2rem; } }
5318
+ @media (min-width: 1600px) {
5319
+ .benefit-ratafia-section {
5320
+ padding: 3rem 7.5rem; } }
5321
+ .benefit-ratafia-section__wrapper {
5322
+ display: flex;
5323
+ flex-direction: column;
5324
+ justify-content: center;
5325
+ align-items: center;
5326
+ align-self: stretch;
5327
+ padding: 1.5rem;
5328
+ gap: 2rem;
5329
+ border-radius: 16px; }
5330
+ @media (min-width: 720px) {
5331
+ .benefit-ratafia-section__wrapper {
5332
+ padding: 2rem; } }
5333
+ @media (min-width: 960px) {
5334
+ .benefit-ratafia-section__wrapper {
5335
+ padding: 3rem; } }
5336
+ .benefit-ratafia-section__wrapper__title {
5337
+ display: flex;
5338
+ flex-direction: column;
5339
+ justify-content: center;
5340
+ align-items: flex-start;
5341
+ align-self: stretch;
5342
+ gap: 1rem; }
5343
+ .benefit-ratafia-section__wrapper__title__text {
5344
+ color: var(--others-white);
5345
+ font-weight: 700; }
5346
+ .benefit-ratafia-section__wrapper__title__description {
5347
+ color: var(--others-white); }
5348
+
4987
5349
  .blog {
4988
5350
  text-align: center;
4989
5351
  margin: 0 auto 3rem;
@@ -5096,6 +5458,44 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5096
5458
  max-width: 700px;
5097
5459
  width: 100%; }
5098
5460
 
5461
+ .faq-ratafia-section {
5462
+ padding: 3rem 1.5rem 5rem 1.5rem;
5463
+ max-width: none;
5464
+ background: var(--neutral-neutral-6); }
5465
+ @media (min-width: 960px) {
5466
+ .faq-ratafia-section {
5467
+ padding: 3rem 2rem 5rem 2rem; } }
5468
+ @media (min-width: 1600px) {
5469
+ .faq-ratafia-section {
5470
+ padding: 3rem 13.75rem 5rem 13.75rem; } }
5471
+
5472
+ .features-ratafia-section {
5473
+ display: flex;
5474
+ justify-content: center;
5475
+ align-items: center;
5476
+ align-self: stretch;
5477
+ padding: 2rem 1.5rem; }
5478
+ @media (min-width: 960px) {
5479
+ .features-ratafia-section {
5480
+ padding: 3rem 2rem;
5481
+ gap: 1.5rem; } }
5482
+ @media (min-width: 1600px) {
5483
+ .features-ratafia-section {
5484
+ padding: 3rem 7.5rem;
5485
+ gap: 5rem; } }
5486
+ .features-ratafia-section__children {
5487
+ display: none;
5488
+ min-width: 50%; }
5489
+ @media (min-width: 960px) {
5490
+ .features-ratafia-section__children {
5491
+ display: flex;
5492
+ flex-direction: column;
5493
+ align-items: center;
5494
+ padding: 1.5rem;
5495
+ gap: 1.5rem; } }
5496
+ .features-ratafia-section__children img {
5497
+ width: 100%; }
5498
+
5099
5499
  .guidelines-section {
5100
5500
  display: flex;
5101
5501
  flex-direction: column; }
@@ -5122,6 +5522,28 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5122
5522
  .how-it-works-wrapper .works-title {
5123
5523
  padding-top: 2.5rem; } }
5124
5524
 
5525
+ .jumbotron-ratafia-section {
5526
+ display: flex;
5527
+ flex-direction: column;
5528
+ justify-content: center;
5529
+ align-items: center;
5530
+ align-self: stretch;
5531
+ width: 100%;
5532
+ padding: 2.5rem 1.5rem 6.5rem 1.5rem;
5533
+ gap: 2.5rem; }
5534
+ @media (min-width: 720px) {
5535
+ .jumbotron-ratafia-section {
5536
+ flex-direction: row; } }
5537
+ @media (min-width: 1200px) {
5538
+ .jumbotron-ratafia-section {
5539
+ padding: 5rem 2rem 6.5rem 2rem; } }
5540
+ @media (min-width: 1600px) {
5541
+ .jumbotron-ratafia-section {
5542
+ padding: 5rem 7.5rem 6.5rem 7.5rem;
5543
+ gap: 5rem; } }
5544
+ .jumbotron-ratafia-section__children {
5545
+ flex: 1; }
5546
+
5125
5547
  .jumbotron--simplified {
5126
5548
  background: var(--primary-main-light-6);
5127
5549
  margin-bottom: -12rem;
@@ -5232,6 +5654,33 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5232
5654
  .legal .m-richText ol {
5233
5655
  list-style-type: decimal; }
5234
5656
 
5657
+ .mid-banner-ratafia-section {
5658
+ padding: 2rem 1.5rem; }
5659
+ @media (min-width: 1200px) {
5660
+ .mid-banner-ratafia-section {
5661
+ padding: 3rem 2rem; } }
5662
+ @media (min-width: 1600px) {
5663
+ .mid-banner-ratafia-section {
5664
+ padding: 3rem 7.5rem; } }
5665
+ .mid-banner-ratafia-section__wrapper {
5666
+ display: flex;
5667
+ justify-content: center;
5668
+ align-items: flex-start;
5669
+ flex: 1 0 0;
5670
+ padding: 2rem;
5671
+ gap: 3rem;
5672
+ border-radius: 16px;
5673
+ background: var(--neutral-neutral-6); }
5674
+ @media (min-width: 1200px) {
5675
+ .mid-banner-ratafia-section__wrapper {
5676
+ padding: 3rem 5rem 0.5rem 4rem;
5677
+ gap: 5rem; } }
5678
+ .mid-banner-ratafia-section__wrapper__sample {
5679
+ display: none; }
5680
+ @media (min-width: 1200px) {
5681
+ .mid-banner-ratafia-section__wrapper__sample {
5682
+ display: block; } }
5683
+
5235
5684
  .people-say {
5236
5685
  width: 100%;
5237
5686
  margin: 0 auto;
@@ -5244,6 +5693,75 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
5244
5693
  letter-spacing: -0.3px;
5245
5694
  text-align: center; }
5246
5695
 
5696
+ .steps-ratafia-section {
5697
+ display: flex;
5698
+ flex-direction: column;
5699
+ align-items: center;
5700
+ align-self: stretch;
5701
+ gap: 3rem;
5702
+ margin-top: -1.5rem;
5703
+ padding: 0 1.5rem 2rem 1.5rem; }
5704
+ @media (min-width: 1200px) {
5705
+ .steps-ratafia-section {
5706
+ padding: 0 2rem 3rem 2rem; } }
5707
+ @media (min-width: 1600px) {
5708
+ .steps-ratafia-section {
5709
+ padding: 0 7.5rem 3rem 7.5rem;
5710
+ flex-direction: row;
5711
+ align-items: flex-start; } }
5712
+ .steps-ratafia-section__video video {
5713
+ border-radius: 8px;
5714
+ box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
5715
+ width: 100%;
5716
+ max-width: 850px; }
5717
+ @media (min-width: 1600px) {
5718
+ .steps-ratafia-section__content {
5719
+ margin-top: 4rem; } }
5720
+
5721
+ .try-it-ratafia-section {
5722
+ padding: 2rem 1.5rem; }
5723
+ @media (min-width: 960px) {
5724
+ .try-it-ratafia-section {
5725
+ padding: 3rem 2rem; } }
5726
+ @media (min-width: 1600px) {
5727
+ .try-it-ratafia-section {
5728
+ padding: 3rem 7.5rem; } }
5729
+ .try-it-ratafia-section__wrapper {
5730
+ display: flex;
5731
+ flex-direction: column;
5732
+ justify-content: space-between;
5733
+ align-items: center;
5734
+ align-self: stretch;
5735
+ padding: 1.5rem;
5736
+ gap: 1.5rem;
5737
+ border-radius: 16px; }
5738
+ @media (min-width: 720px) {
5739
+ .try-it-ratafia-section__wrapper {
5740
+ padding: 2rem;
5741
+ gap: 2.5rem;
5742
+ flex-direction: row; } }
5743
+ @media (min-width: 960px) {
5744
+ .try-it-ratafia-section__wrapper {
5745
+ padding: 2.5rem 2.5rem 2.5rem 4rem;
5746
+ gap: 5rem; } }
5747
+ .try-it-ratafia-section__wrapper__content {
5748
+ display: flex;
5749
+ flex-direction: column;
5750
+ align-items: flex-start;
5751
+ flex: 1 0 0;
5752
+ align-self: stretch;
5753
+ gap: 1rem; }
5754
+ @media (min-width: 720px) {
5755
+ .try-it-ratafia-section__wrapper__content {
5756
+ padding: 3rem 0; } }
5757
+ .try-it-ratafia-section__wrapper__content__icon {
5758
+ width: 48px;
5759
+ height: 48px; }
5760
+ .try-it-ratafia-section__wrapper__content__title {
5761
+ align-self: stretch;
5762
+ color: var(--others-white);
5763
+ font-weight: 700; }
5764
+
5247
5765
  .try-our-free-legal-blogs-section {
5248
5766
  display: flex;
5249
5767
  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';
@@ -4,7 +4,4 @@ export interface DisclaimerProps {
4
4
  linksUrl?: string;
5
5
  givenClass?: string;
6
6
  siteUrl?: string;
7
- simpleCopyRight?: string;
8
- complexCopyRight?: React.ReactNode;
9
- complexCopyRightMobile?: React.ReactNode;
10
7
  }
@@ -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';