@npm_leadtech/legal-lib-components 5.43.2 → 5.43.3

package/dist/src/components/organisms/CardFunctionality/CardFunctionality.styled.ts

@@ -2,7 +2,7 @@ import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const CardFunctionalityStyled = styled.article`
-  border-radius: var(--global-border-radius);
+  border-radius: var(--s-border-radius);
   box-shadow: var(--box-shadow-medium);
   display: flex;
   flex-direction: column;
@@ -21,7 +21,7 @@ export const CardFunctionalityStyled = styled.article`
     .content {
       display: flex;
       flex-direction: column;
-      gap: calc(1rem / 2);
+      gap: 0.5rem;
 
       .header {
         display: flex;
@@ -31,7 +31,7 @@ export const CardFunctionalityStyled = styled.article`
 
         .icon {
           padding: 2px;
-          border-radius: var(--global-border-radius);
+          border-radius: var(--s-border-radius);
           background: var(--primary-main-light-5);
         }
 
@@ -54,7 +54,7 @@ export const CardFunctionalityStyled = styled.article`
 
     .tags {
       display: flex;
-      gap: calc(1rem * 2);
+      gap: 2rem;
       flex-wrap: wrap;
     }
   }

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.js

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 export const ContactJumbotronStyled = styled.article `
   .contact__text__title {
     color: var(--primary-main-dark-1);
-    margin-bottom: space(8);
+    margin-bottom: 2rem;
     font-size: 1.5rem;
     font-weight: 500;
     line-height: 2rem;
@@ -34,7 +34,7 @@ export const ContactJumbotronStyled = styled.article `
 
   .faq-button {
     display: inline-block;
-    margin-top: space(4);
+    margin-top: 1rem;
     width: 100%;
     @media ${device['portrait-tablets']} {
       width: 10rem;

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.styled.ts

@@ -4,7 +4,7 @@ import styled from 'styled-components'
 export const ContactJumbotronStyled = styled.article`
   .contact__text__title {
     color: var(--primary-main-dark-1);
-    margin-bottom: space(8);
+    margin-bottom: 2rem;
     font-size: 1.5rem;
     font-weight: 500;
     line-height: 2rem;
@@ -35,7 +35,7 @@ export const ContactJumbotronStyled = styled.article`
 
   .faq-button {
     display: inline-block;
-    margin-top: space(4);
+    margin-top: 1rem;
     width: 100%;
     @media ${device['portrait-tablets']} {
       width: 10rem;

package/dist/src/components/organisms/FaqGroup/FaqGroup.styled.js

@@ -3,7 +3,7 @@ export const FaqGroupStyled = styled.div `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 32px;
+  gap: 2rem;
 
   &#faq-esignature-ratafia {
     margin: auto;

package/dist/src/components/organisms/FaqGroup/FaqGroup.styled.ts

@@ -4,7 +4,7 @@ export const FaqGroupStyled = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 32px;
+  gap: 2rem;
 
   &#faq-esignature-ratafia {
     margin: auto;

package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.js

@@ -14,7 +14,7 @@ export const FeaturesRatafiaContentStyled = styled.div `
       justify-content: center;
       align-items: center;
       align-self: stretch;
-      gap: 1rem;
+      gap: var(--global-gap);
       margin-bottom: 1rem;
 
       &__text {

package/dist/src/components/organisms/FeaturesRatafiaContent/FeaturesRatafiaContent.styled.ts

@@ -15,7 +15,7 @@ export const FeaturesRatafiaContentStyled = styled.div`
       justify-content: center;
       align-items: center;
       align-self: stretch;
-      gap: 1rem;
+      gap: var(--global-gap);
       margin-bottom: 1rem;
 
       &__text {

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.js

@@ -97,12 +97,12 @@ export const GuideslinesContentStyled = styled.div `
       flex: 1;
       flex-direction: column;
       background: var(--others-white);
-      border-radius: 0.5rem;
+      border-radius: var(--m-border-radius);
       padding: 1.5rem;
 
       &__image {
         width: 100%;
-        border-radius: 0.5rem;
+        border-radius: var(--m-border-radius);
       }
 
       &__title {

package/dist/src/components/organisms/GuidelinesContent/GuidelinesContent.styled.ts

@@ -98,12 +98,12 @@ export const GuideslinesContentStyled = styled.div`
       flex: 1;
       flex-direction: column;
       background: var(--others-white);
-      border-radius: 0.5rem;
+      border-radius: var(--m-border-radius);
       padding: 1.5rem;
 
       &__image {
         width: 100%;
-        border-radius: 0.5rem;
+        border-radius: var(--m-border-radius);
       }
 
       &__title {

package/dist/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.styled.js

@@ -3,7 +3,7 @@ export const JumbotronRatafiaStyled = styled.div `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .jumbotron-ratafia-content__title {
     &__text {
@@ -14,7 +14,7 @@ export const JumbotronRatafiaStyled = styled.div `
 
       &__icon {
         padding: 0 0.6rem;
-        border-radius: 4px;
+        border-radius: var(--s-border-radius);
         color: var(--primary-main-dark-2);
         background: var(--secondary-main-light-2);
       }
@@ -40,7 +40,7 @@ export const JumbotronRatafiaStyled = styled.div `
 
         &__icon {
           padding: 0 0.6rem;
-          border-radius: 4px;
+          border-radius: var(--s-border-radius);
           color: var(--primary-main-dark-2);
           background: var(--secondary-main-light-2);
         }

package/dist/src/components/organisms/JumbotronRatafiaContent/JumbotronRatafiaContent.styled.ts

@@ -4,7 +4,7 @@ export const JumbotronRatafiaStyled = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .jumbotron-ratafia-content__title {
     &__text {
@@ -15,7 +15,7 @@ export const JumbotronRatafiaStyled = styled.div`
 
       &__icon {
         padding: 0 0.6rem;
-        border-radius: 4px;
+        border-radius: var(--s-border-radius);
         color: var(--primary-main-dark-2);
         background: var(--secondary-main-light-2);
       }
@@ -41,7 +41,7 @@ export const JumbotronRatafiaStyled = styled.div`
 
         &__icon {
           padding: 0 0.6rem;
-          border-radius: 4px;
+          border-radius: var(--s-border-radius);
           color: var(--primary-main-dark-2);
           background: var(--secondary-main-light-2);
         }

package/dist/src/components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.styled.js

@@ -5,7 +5,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
   flex-direction: column;
   align-items: flex-start;
   align-self: stretch;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .key-facts-loading-content__document-name {
     color: var(--neutral-neutral-2);
@@ -22,7 +22,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
 
     overflow: hidden;
 
-    border-radius: 4px;
+    border-radius: var(--s-border-radius);
     border-top: 4px solid var(--neutral-neutral-6);
     border-bottom: 4px solid var(--neutral-neutral-6);
     background: var(--neutral-neutral-6);
@@ -45,7 +45,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
       border-bottom: 1px solid var(--neutral-neutral-4);
       &__loader {
         background: var(--neutral-neutral-4);
-        border-radius: 16px;
+        border-radius: var(--l-border-radius);
       }
       .item-1 {
         height: 10px;
@@ -111,7 +111,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div `
     padding: 1rem;
     gap: 0.5rem;
 
-    border-radius: 4px;
+    border-radius: var(--s-border-radius);
     background: var(--secondary-main-light-4);
 
     &__icon img {

package/dist/src/components/organisms/KeyFactsLoadingContentRatafia/KeyFactsLoadingContentRatafia.styled.ts

@@ -6,7 +6,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
   flex-direction: column;
   align-items: flex-start;
   align-self: stretch;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .key-facts-loading-content__document-name {
     color: var(--neutral-neutral-2);
@@ -23,7 +23,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
 
     overflow: hidden;
 
-    border-radius: 4px;
+    border-radius: var(--s-border-radius);
     border-top: 4px solid var(--neutral-neutral-6);
     border-bottom: 4px solid var(--neutral-neutral-6);
     background: var(--neutral-neutral-6);
@@ -46,7 +46,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
       border-bottom: 1px solid var(--neutral-neutral-4);
       &__loader {
         background: var(--neutral-neutral-4);
-        border-radius: 16px;
+        border-radius: var(--l-border-radius);
       }
       .item-1 {
         height: 10px;
@@ -112,7 +112,7 @@ export const KeyFactsLoadingContentRatafiaStyled = styled.div`
     padding: 1rem;
     gap: 0.5rem;
 
-    border-radius: 4px;
+    border-radius: var(--s-border-radius);
     background: var(--secondary-main-light-4);
 
     &__icon img {

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.styled.js

@@ -6,7 +6,7 @@ export const KeyFactsResultContentRatafiaStyled = styled.div `
   align-items: flex-start;
   flex: 1 0 0;
   align-self: stretch;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .key-facts-result-content__document-name {
     color: var(--neutral-neutral-2);

package/dist/src/components/organisms/KeyFactsResultContentRatafia/KeyFactsResultContentRatafia.styled.ts

@@ -7,7 +7,7 @@ export const KeyFactsResultContentRatafiaStyled = styled.div`
   align-items: flex-start;
   flex: 1 0 0;
   align-self: stretch;
-  gap: 1rem;
+  gap: var(--global-gap);
 
   .key-facts-result-content__document-name {
     color: var(--neutral-neutral-2);

package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.styled.js

@@ -18,7 +18,7 @@ export const LayoutRatafiaStyled = styled.div `
     padding: 1.5rem 1.5rem 0 1.5rem;
     width: 100%;
     height: calc(100vh - 8.375rem);
-    border-radius: 16px 16px 0 0;
+    border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);
 
@@ -74,7 +74,7 @@ export const LayoutRatafiaStyled = styled.div `
       bottom: 0;
       left: 0;
       right: 0;
-      gap: 1rem;
+      gap: var(--global-gap);
       padding: 1.5rem;
       width: 100vw;
       background: var(--others-white);

package/dist/src/components/organisms/LayoutRatafia/LayoutRatafia.styled.ts

@@ -19,7 +19,7 @@ export const LayoutRatafiaStyled = styled.div`
     padding: 1.5rem 1.5rem 0 1.5rem;
     width: 100%;
     height: calc(100vh - 8.375rem);
-    border-radius: 16px 16px 0 0;
+    border-radius: var(--l-border-radius) var(--l-border-radius) 0 0;
     background: var(--others-white);
     box-shadow: var(--box-shadow-small);
 
@@ -75,7 +75,7 @@ export const LayoutRatafiaStyled = styled.div`
       bottom: 0;
       left: 0;
       right: 0;
-      gap: 1rem;
+      gap: var(--global-gap);
       padding: 1.5rem;
       width: 100vw;
       background: var(--others-white);

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.js

@@ -4,7 +4,7 @@ export const LimitReachedContentRatafiaStyled = styled.div `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 1rem;
+  gap: var(--global-gap);
   align-self: stretch;
   @media ${device['portrait-tablets']} {
     gap: 2rem;
@@ -26,7 +26,7 @@ export const LimitReachedContentRatafiaStyled = styled.div `
         align-items: center;
       }
 
-      border-radius: 0.25rem;
+      border-radius: var(--s-border-radius);
       background: var(--neutral-neutral-6);
       &__icon {
         width: 0.875rem;

package/dist/src/components/organisms/LimitReachedContentRatafia/LimitReachedContentRatafia.styled.ts

@@ -5,7 +5,7 @@ export const LimitReachedContentRatafiaStyled = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: 1rem;
+  gap: var(--global-gap);
   align-self: stretch;
   @media ${device['portrait-tablets']} {
     gap: 2rem;
@@ -27,7 +27,7 @@ export const LimitReachedContentRatafiaStyled = styled.div`
         align-items: center;
       }
 
-      border-radius: 0.25rem;
+      border-radius: var(--s-border-radius);
       background: var(--neutral-neutral-6);
       &__icon {
         width: 0.875rem;

package/dist/src/components/pages/FaqsPage/FaqsPage.styled.js

@@ -3,14 +3,14 @@ import styled from 'styled-components';
 export const FaqsPageStyled = styled.div `
   .titles {
     display: flex;
-    padding: 40px 24px;
+    padding: 40px 1.5rem;
     flex-direction: column;
     align-items: center;
-    gap: 8px;
+    gap: 0.5rem;
     background: var(--primary-main-light-6);
 
     @media ${device['landscape-tablets']} {
-      padding: 40px 32px 80px 32px;
+      padding: 40px 2rem 80px 2rem;
     }
 
     .title {
@@ -20,8 +20,8 @@ export const FaqsPageStyled = styled.div `
       line-height: 18px;
       letter-spacing: -0.3px;
       border-bottom: get-color(neutral, neutral-2) 1px solid;
-      padding-bottom: 8px;
-      margin-bottom: 8px;
+      padding-bottom: 0.5rem;
+      margin-bottom: 0.5rem;
     }
 
     .subtitle {
@@ -42,7 +42,7 @@ export const FaqsPageStyled = styled.div `
   .main-content {
     display: flex;
     flex-direction: row;
-    padding: 32px 24px;
+    padding: 2rem 1.5rem;
     gap: var(--global-gap);
     background: var(--primary-main-light-6);
     justify-content: center;
@@ -53,7 +53,7 @@ export const FaqsPageStyled = styled.div `
     }
 
     @media ${device['landscape-tablets']} {
-      padding: 32px;
+      padding: 2rem;
       gap: 106px;
     }
   }

package/dist/src/components/pages/FaqsPage/FaqsPage.styled.ts

@@ -4,14 +4,14 @@ import styled from 'styled-components'
 export const FaqsPageStyled = styled.div`
   .titles {
     display: flex;
-    padding: 40px 24px;
+    padding: 40px 1.5rem;
     flex-direction: column;
     align-items: center;
-    gap: 8px;
+    gap: 0.5rem;
     background: var(--primary-main-light-6);
 
     @media ${device['landscape-tablets']} {
-      padding: 40px 32px 80px 32px;
+      padding: 40px 2rem 80px 2rem;
     }
 
     .title {
@@ -21,8 +21,8 @@ export const FaqsPageStyled = styled.div`
       line-height: 18px;
       letter-spacing: -0.3px;
       border-bottom: get-color(neutral, neutral-2) 1px solid;
-      padding-bottom: 8px;
-      margin-bottom: 8px;
+      padding-bottom: 0.5rem;
+      margin-bottom: 0.5rem;
     }
 
     .subtitle {
@@ -43,7 +43,7 @@ export const FaqsPageStyled = styled.div`
   .main-content {
     display: flex;
     flex-direction: row;
-    padding: 32px 24px;
+    padding: 2rem 1.5rem;
     gap: var(--global-gap);
     background: var(--primary-main-light-6);
     justify-content: center;
@@ -54,7 +54,7 @@ export const FaqsPageStyled = styled.div`
     }
 
     @media ${device['landscape-tablets']} {
-      padding: 32px;
+      padding: 2rem;
       gap: 106px;
     }
   }

package/dist/src/components/pages/PricingRatafiaPage/PricingRatafiaPage.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type PricingRatafiaPageProps } from './PricingRatafiaPageProps';
+export declare const PricingRatafiaPage: React.FC<PricingRatafiaPageProps>;

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPage.js → PricingRatafiaPage/PricingRatafiaPage.js}

@@ -2,10 +2,11 @@ import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-run
 import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia';
 import { LayoutRatafia } from '../../organisms';
 import { RatafiaSubscriptionCard } from '../../molecules';
-import { RatafiaPricingPageStyled } from './RatafiaPricingPage.styled';
-export const RatafiaPricingPage = ({ header, disclaimer, title, subscriptions }) => {
+import { PricingRatafiaPageStyled } from './PricingRatafiaPage.styled';
+export const PricingRatafiaPage = ({ header, disclaimer, pricingPage }) => {
     const footerDesktop = (_jsx(DisclaimerRatafia, { icon: disclaimer.icon, text: disclaimer.text, copyrightText: disclaimer.copyrightText, ctaTextShowDisclaimer: disclaimer.ctaTextShowDisclaimer, ctaTextCloseDisclaimer: disclaimer.ctaTextCloseDisclaimer }));
     const footerMobile = _jsx(_Fragment, { children: footerDesktop });
-    const content = (_jsxs("div", { className: 'pricing-ratafia-page__content', children: [title && _jsx("div", { className: 'pricing-ratafia-page__content__title', children: title }), _jsx("div", { className: 'pricing-ratafia-page__content__cards', children: subscriptions?.length > 0 && subscriptions.map((card) => _jsx(RatafiaSubscriptionCard, { ...card }, card.id)) })] }));
-    return (_jsx(RatafiaPricingPageStyled, { className: 'pricing-ratafia-page', children: _jsx(LayoutRatafia, { header: header, content: content, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
+    const content = (_jsxs("div", { className: 'pricing-ratafia-page__content', children: [_jsx("div", { className: 'pricing-ratafia-page__content__title', children: pricingPage.title }), _jsx("div", { className: 'pricing-ratafia-page__content__cards', children: pricingPage.cardSubscription?.length > 0 &&
+                    pricingPage.cardSubscription.map((card) => _jsx(RatafiaSubscriptionCard, { ...card }, card.id)) })] }));
+    return (_jsx(PricingRatafiaPageStyled, { className: 'pricing-ratafia-page', children: _jsx(LayoutRatafia, { header: header, content: content, footerDesktop: footerDesktop, footerMobile: footerMobile }) }));
 };

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPage.styled.d.ts → PricingRatafiaPage/PricingRatafiaPage.styled.d.ts}

@@ -1 +1 @@
-export declare const RatafiaPricingPageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PricingRatafiaPageStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPage.styled.js → PricingRatafiaPage/PricingRatafiaPage.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const RatafiaPricingPageStyled = styled.div `
+export const PricingRatafiaPageStyled = styled.div `
   background-color: var(--neutral-neutral-6);
 
   .pricing-ratafia-page__content {
@@ -18,17 +18,11 @@ export const RatafiaPricingPageStyled = styled.div `
     &__cards {
       display: flex;
       flex-direction: row;
-      gap: 1rem;
+      gap: var(--global-gap);
 
       @media ${device.mobile} {
         flex-direction: column;
       }
-      .ratafia-card {
-        max-width: 50%;
-        @media ${device.mobile} {
-          max-width: 100%;
-        }
-      }
     }
   }
 `;

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPage.styled.ts → PricingRatafiaPage/PricingRatafiaPage.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const RatafiaPricingPageStyled = styled.div`
+export const PricingRatafiaPageStyled = styled.div`
   background-color: var(--neutral-neutral-6);
 
   .pricing-ratafia-page__content {
@@ -19,17 +19,11 @@ export const RatafiaPricingPageStyled = styled.div`
     &__cards {
       display: flex;
       flex-direction: row;
-      gap: 1rem;
+      gap: var(--global-gap);
 
       @media ${device.mobile} {
         flex-direction: column;
       }
-      .ratafia-card {
-        max-width: 50%;
-        @media ${device.mobile} {
-          max-width: 100%;
-        }
-      }
     }
   }
 `

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPage.tsx → PricingRatafiaPage/PricingRatafiaPage.tsx}

@@ -2,12 +2,12 @@ import React from 'react'
 
 import DisclaimerRatafia from '../../atoms/DisclaimerRatafia/DisclaimerRatafia'
 import { LayoutRatafia } from '../../organisms'
-import { type RatafiaPricingPageProps } from './RatafiaPricingPageProps'
+import { type PricingRatafiaPageProps } from './PricingRatafiaPageProps'
 import { RatafiaSubscriptionCard } from '../../molecules'
 
-import { RatafiaPricingPageStyled } from './RatafiaPricingPage.styled'
+import { PricingRatafiaPageStyled } from './PricingRatafiaPage.styled'
 
-export const RatafiaPricingPage: React.FC<RatafiaPricingPageProps> = ({ header, disclaimer, title, subscriptions }) => {
+export const PricingRatafiaPage: React.FC<PricingRatafiaPageProps> = ({ header, disclaimer, pricingPage }) => {
   const footerDesktop = (
     <DisclaimerRatafia
       icon={disclaimer.icon}
@@ -22,16 +22,17 @@ export const RatafiaPricingPage: React.FC<RatafiaPricingPageProps> = ({ header,
 
   const content = (
     <div className='pricing-ratafia-page__content'>
-      {title && <div className='pricing-ratafia-page__content__title'>{title}</div>}
+      <div className='pricing-ratafia-page__content__title'>{pricingPage.title}</div>
       <div className='pricing-ratafia-page__content__cards'>
-        {subscriptions?.length > 0 && subscriptions.map((card) => <RatafiaSubscriptionCard key={card.id} {...card} />)}
+        {pricingPage.cardSubscription?.length > 0 &&
+          pricingPage.cardSubscription.map((card) => <RatafiaSubscriptionCard key={card.id} {...card} />)}
       </div>
     </div>
   )
 
   return (
-    <RatafiaPricingPageStyled className='pricing-ratafia-page'>
+    <PricingRatafiaPageStyled className='pricing-ratafia-page'>
       <LayoutRatafia header={header} content={content} footerDesktop={footerDesktop} footerMobile={footerMobile} />
-    </RatafiaPricingPageStyled>
+    </PricingRatafiaPageStyled>
   )
 }

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPageProps.d.ts → PricingRatafiaPage/PricingRatafiaPageProps.d.ts}

@@ -1,10 +1,13 @@
 import { type DisclaimerRatafiaProps } from '../../atoms';
 import { type HeaderRatafiaProps } from '../../molecules';
-export interface RatafiaPricingPageProps {
+export interface PricingRatafiaPageProps {
     header: HeaderRatafiaProps;
     disclaimer: DisclaimerRatafiaProps;
-    title?: string;
-    subscriptions: SubscriptionCardProps[] | [];
+    pricingPage: PricingPageProps;
+}
+export interface PricingPageProps {
+    title: string;
+    cardSubscription: SubscriptionCardProps[] | [];
 }
 export interface SubscriptionCardProps {
     id: string;

package/dist/src/components/pages/{RatafiaPricingPage/RatafiaPricingPageProps.ts → PricingRatafiaPage/PricingRatafiaPageProps.ts}

@@ -1,11 +1,15 @@
 import { type DisclaimerRatafiaProps } from '../../atoms'
 import { type HeaderRatafiaProps } from '../../molecules'
 
-export interface RatafiaPricingPageProps {
+export interface PricingRatafiaPageProps {
   header: HeaderRatafiaProps
   disclaimer: DisclaimerRatafiaProps
-  title?: string
-  subscriptions: SubscriptionCardProps[] | []
+  pricingPage: PricingPageProps
+}
+
+export interface PricingPageProps {
+  title: string
+  cardSubscription: SubscriptionCardProps[] | []
 }
 
 export interface SubscriptionCardProps {

package/dist/src/components/pages/PricingRatafiaPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PricingRatafiaPage';
+export * from './PricingRatafiaPageProps';

package/dist/src/components/pages/PricingRatafiaPage/index.js

@@ -0,0 +1,2 @@
+export * from './PricingRatafiaPage';
+export * from './PricingRatafiaPageProps';

package/dist/src/components/pages/PricingRatafiaPage/index.ts

@@ -0,0 +1,2 @@
+export * from './PricingRatafiaPage'
+export * from './PricingRatafiaPageProps'

package/dist/src/components/pages/index.d.ts

@@ -9,4 +9,4 @@ export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
-export * from './RatafiaPricingPage';
+export * from './PricingRatafiaPage';

package/dist/src/components/pages/index.js

@@ -9,4 +9,4 @@ export * from './LimitReachedRatafiaPage';
 export * from './RatafiaLandingPage';
 export * from './UnsubscribePage';
 export * from './LoginRatafiaPage';
-export * from './RatafiaPricingPage';
+export * from './PricingRatafiaPage';

package/dist/src/components/pages/index.ts

@@ -9,4 +9,4 @@ export * from './LimitReachedRatafiaPage'
 export * from './RatafiaLandingPage'
 export * from './UnsubscribePage'
 export * from './LoginRatafiaPage'
-export * from './RatafiaPricingPage'
+export * from './PricingRatafiaPage'