@npm_leadtech/legal-lib-components 3.2.2 → 3.2.4

package/dist/cjs/legal-lib-components.css

@@ -3929,7 +3929,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .mid-banner-ratafia-sample__image img {
     border-radius: 8px 8px 0 0;
     box-shadow: 0 0.125rem 0.375rem 0 rgba(var(--primary-main-dark-1-rgb), 0.25);
-    width: 460px; }
+    width: 727px; }
   .mid-banner-ratafia-sample__sumarized-tag {
     display: flex;
     justify-content: center;
@@ -4782,7 +4782,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
   @media (min-width: 720px) {
     .upload-ratafia-zone {
-      max-width: 560px; } }
+      max-width: 340px; } }
+  @media (min-width: 960px) {
+    .upload-ratafia-zone {
+      max-width: 528px; } }
   .upload-ratafia-zone__content {
     display: flex;
     flex-direction: column;
@@ -5045,18 +5048,17 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 1rem;
-  flex: 1 0 0; }
-  .jumbotron-ratafia-content__title {
-    display: flex;
-    flex-direction: row;
-    align-items: flex-start;
-    gap: 0.75rem; }
-    .jumbotron-ratafia-content__title__icon {
-      width: 41px;
-      height: 32px; }
-    .jumbotron-ratafia-content__title__text {
-      color: var(--others-white); }
+  gap: 1rem; }
+  .jumbotron-ratafia-content__title__text {
+    line-height: 2.25rem;
+    font-size: 2rem;
+    font-family: 'Inter', sans-serif;
+    color: var(--others-white); }
+    .jumbotron-ratafia-content__title__text__icon {
+      padding: 0 0.6rem;
+      border-radius: 4px;
+      color: var(--primary-main-dark-2);
+      background: var(--secondary-main-light-2); }
   .jumbotron-ratafia-content__description {
     color: var(--others-white); }
 
@@ -5304,13 +5306,17 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       margin: 1rem 0; }
 
 .benefit-ratafia-section {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: 100%;
   padding: 2rem 1.5rem; }
   @media (min-width: 960px) {
     .benefit-ratafia-section {
       padding: 3rem 2rem; } }
   @media (min-width: 1600px) {
     .benefit-ratafia-section {
-      padding: 3rem 7.5rem; } }
+      padding: 3rem 0; } }
   .benefit-ratafia-section__wrapper {
     display: flex;
     flex-direction: column;
@@ -5319,7 +5325,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     align-self: stretch;
     padding: 1.5rem;
     gap: 2rem;
-    border-radius: 16px; }
+    border-radius: 16px;
+    max-width: 1200px; }
     @media (min-width: 720px) {
       .benefit-ratafia-section__wrapper {
         padding: 2rem; } }
@@ -5451,21 +5458,28 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   width: 100%; }
 
 .faq-ratafia-section {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   padding: 3rem 1.5rem 5rem 1.5rem;
   max-width: none;
   background: var(--neutral-neutral-6); }
   @media (min-width: 960px) {
     .faq-ratafia-section {
       padding: 3rem 2rem 5rem 2rem; } }
-  @media (min-width: 1600px) {
+  @media (min-width: 1200px) {
     .faq-ratafia-section {
       padding: 3rem 13.75rem 5rem 13.75rem; } }
+  @media (min-width: 1600px) {
+    .faq-ratafia-section {
+      padding: 3rem 28rem 5rem 28rem; } }
 
 .features-ratafia-section {
   display: flex;
   justify-content: center;
   align-items: center;
   align-self: stretch;
+  width: 100%;
   padding: 2rem 1.5rem; }
   @media (min-width: 960px) {
     .features-ratafia-section {
@@ -5473,20 +5487,30 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       gap: 1.5rem; } }
   @media (min-width: 1600px) {
     .features-ratafia-section {
-      padding: 3rem 7.5rem;
+      padding: 3rem 0;
       gap: 5rem; } }
-  .features-ratafia-section__children {
-    display: none;
-    min-width: 50%; }
+  .features-ratafia-section__wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    max-width: 1200px; }
     @media (min-width: 960px) {
-      .features-ratafia-section__children {
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-        padding: 1.5rem;
+      .features-ratafia-section__wrapper {
         gap: 1.5rem; } }
-    .features-ratafia-section__children img {
-      width: 100%; }
+    @media (min-width: 1600px) {
+      .features-ratafia-section__wrapper {
+        gap: 5rem; } }
+    .features-ratafia-section__wrapper__children {
+      display: none;
+      min-width: 50%; }
+      @media (min-width: 960px) {
+        .features-ratafia-section__wrapper__children {
+          display: flex;
+          flex-direction: column;
+          align-items: center; } }
+      .features-ratafia-section__wrapper__children img {
+        width: 100%; }
 
 .guidelines-section {
   display: flex;
@@ -5516,25 +5540,32 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 
 .jumbotron-ratafia-section {
   display: flex;
-  flex-direction: column;
   justify-content: center;
-  align-items: center;
-  align-self: stretch;
+  align-content: center;
   width: 100%;
-  padding: 2.5rem 1.5rem 6.5rem 1.5rem;
-  gap: 2.5rem; }
-  @media (min-width: 720px) {
-    .jumbotron-ratafia-section {
-      flex-direction: row; } }
+  padding: 2.5rem 1.5rem 6.5rem 1.5rem; }
   @media (min-width: 1200px) {
     .jumbotron-ratafia-section {
       padding: 5rem 2rem 6.5rem 2rem; } }
   @media (min-width: 1600px) {
     .jumbotron-ratafia-section {
-      padding: 5rem 7.5rem 6.5rem 7.5rem;
-      gap: 5rem; } }
-  .jumbotron-ratafia-section__children {
-    flex: none; }
+      padding: 5rem 7.5rem 6.5rem 7.5rem; } }
+  .jumbotron-ratafia-section__wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 2.5rem;
+    max-width: 1200px; }
+    @media (min-width: 720px) {
+      .jumbotron-ratafia-section__wrapper {
+        flex-direction: row; } }
+    @media (min-width: 1600px) {
+      .jumbotron-ratafia-section__wrapper {
+        gap: 5rem; } }
+    .jumbotron-ratafia-section__wrapper__children {
+      flex: none; }
 
 .jumbotron--simplified {
   background: var(--primary-main-light-6);
@@ -5647,6 +5678,10 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     list-style-type: decimal; }
 
 .mid-banner-ratafia-section {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: 100%;
   padding: 2rem 1.5rem; }
   @media (min-width: 1200px) {
     .mid-banner-ratafia-section {
@@ -5661,6 +5696,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     flex: 1 0 0;
     padding: 2rem;
     gap: 3rem;
+    max-width: 1200px;
     border-radius: 16px;
     background: var(--neutral-neutral-6); }
     @media (min-width: 1200px) {
@@ -5687,34 +5723,47 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 
 .steps-ratafia-section {
   z-index: 999;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  align-self: stretch;
-  gap: 3rem;
-  margin-top: -1.5rem;
-  padding: 0 1.5rem 2rem 1.5rem; }
+  width: 100%; }
   @media (min-width: 1200px) {
     .steps-ratafia-section {
-      padding: 0 2rem 3rem 2rem; } }
-  @media (min-width: 1600px) {
-    .steps-ratafia-section {
-      padding: 0 7.5rem 3rem 7.5rem;
-      flex-direction: row;
-      justify-content: space-between;
-      align-items: flex-start; } }
-  .steps-ratafia-section__video {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+      align-self: stretch; } }
+  .steps-ratafia-section__wrapper {
     display: flex;
-    justify-content: center; }
-    .steps-ratafia-section__video video {
-      border-radius: 8px;
-      box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-      width: 100%; }
-  @media (min-width: 1600px) {
-    .steps-ratafia-section__content {
-      margin-top: 4rem; } }
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+    gap: 3rem;
+    margin-top: -1.5rem;
+    padding: 0 1.5rem 2rem 1.5rem;
+    max-width: 1200px; }
+    @media (min-width: 1200px) {
+      .steps-ratafia-section__wrapper {
+        padding: 0 0 3rem 0; } }
+    @media (min-width: 1600px) {
+      .steps-ratafia-section__wrapper {
+        flex-direction: row;
+        justify-content: center;
+        align-items: center; } }
+    .steps-ratafia-section__wrapper__video {
+      display: flex;
+      justify-content: center;
+      max-width: 720px; }
+      .steps-ratafia-section__wrapper__video video {
+        border-radius: 8px;
+        box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
+        width: 100%; }
+    .steps-ratafia-section__wrapper__content {
+      flex: 1; }
 
 .try-it-ratafia-section {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+  width: 100%;
   padding: 2rem 1.5rem; }
   @media (min-width: 960px) {
     .try-it-ratafia-section {
@@ -5730,7 +5779,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     align-self: stretch;
     padding: 1.5rem;
     gap: 1.5rem;
-    border-radius: 16px; }
+    border-radius: 16px;
+    max-width: 1200px; }
     @media (min-width: 720px) {
       .try-it-ratafia-section__wrapper {
         padding: 2rem;
@@ -5756,6 +5806,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .try-it-ratafia-section__wrapper__content__title {
         align-self: stretch;
         color: var(--others-white); }
+    .try-it-ratafia-section__wrapper__children {
+      max-width: 460px; }
 
 .try-our-free-legal-blogs-section {
   display: flex;

package/dist/cjs/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContentProps.types.d.ts

@@ -1,7 +1,6 @@
 import { type TagRatafiaItemProps } from '../../atoms';
 export interface JumbotronRatafiaContentProps {
-    title: string;
+    title: React.ReactNode;
     body: React.ReactNode;
-    image?: React.ReactNode;
     tags: TagRatafiaItemProps[];
 }