@npm_leadtech/legal-lib-components 5.43.0 → 5.43.1

package/dist/src/components/atoms/CardPane/CardPane.styled.js

@@ -80,6 +80,7 @@ export const CardPaneStyled = styled.div `
       }
       &.pane--title--button {
         cursor: pointer;
+        color: var(--primary-main);
       }
     }
     &--description {

package/dist/src/components/atoms/CardPane/CardPane.styled.ts

@@ -81,6 +81,7 @@ export const CardPaneStyled = styled.div`
       }
       &.pane--title--button {
         cursor: pointer;
+        color: var(--primary-main);
       }
     }
     &--description {

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.js

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StepRatafiaCardList } from '../../molecules';
 import { StepsRatafiaContentStyled } from './StepsRatafiaContent.styled';
-const StepsRatafiaContent = ({ title, steps, description }) => {
-    return (_jsxs(StepsRatafiaContentStyled, { children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight steps-ratafia-content__title', children: title }), _jsx("div", { children: description }), _jsx(StepRatafiaCardList, { steps: steps })] }));
+const StepsRatafiaContent = ({ title, steps }) => {
+    return (_jsxs(StepsRatafiaContentStyled, { children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight steps-ratafia-content__title', children: title }), _jsx(StepRatafiaCardList, { steps: steps })] }));
 };
 export default StepsRatafiaContent;

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContent.tsx

@@ -4,11 +4,10 @@ import { StepRatafiaCardList } from '../../molecules'
 import { type StepsRatafiaContentProps } from './StepsRatafiaContentProps.types'
 import { StepsRatafiaContentStyled } from './StepsRatafiaContent.styled'
 
-const StepsRatafiaContent: FC<StepsRatafiaContentProps> = ({ title, steps, description }) => {
+const StepsRatafiaContent: FC<StepsRatafiaContentProps> = ({ title, steps }) => {
   return (
     <StepsRatafiaContentStyled>
       <h2 className='sans-serif --super-large --bold-weight steps-ratafia-content__title'>{title}</h2>
-      <div>{description}</div>
       <StepRatafiaCardList steps={steps} />
     </StepsRatafiaContentStyled>
   )

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContentProps.types.d.ts

@@ -1,7 +1,5 @@
-import React from 'react';
 import { type StepRatafiaCardProps } from '../../atoms';
 export interface StepsRatafiaContentProps {
     title: string;
     steps: StepRatafiaCardProps[];
-    description?: React.ReactNode;
 }

package/dist/src/components/organisms/StepsRatafiaContent/StepsRatafiaContentProps.types.ts

@@ -1,8 +1,6 @@
-import React from 'react'
 import { type StepRatafiaCardProps } from '../../atoms'
 
 export interface StepsRatafiaContentProps {
   title: string
   steps: StepRatafiaCardProps[]
-  description?: React.ReactNode
 }

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

@@ -1,5 +1,5 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { FaqSection, JumbotronRatafiaSection, StepsRatafiaSection } from '../../sections';
-export const EsignatureLandingPage = ({ jumbotronSectionProps, stepsSectionProps, trustPilotBox, faqGroupProps }) => {
-    return (_jsxs(_Fragment, { children: [_jsx(JumbotronRatafiaSection, { content: jumbotronSectionProps.content, alternativeStyles: jumbotronSectionProps.alternativeStyles, children: jumbotronSectionProps.children }), _jsx(StepsRatafiaSection, { ...stepsSectionProps }), trustPilotBox ?? trustPilotBox, _jsx(FaqSection, { groups: faqGroupProps, givenClass: 'faq-ratafia-section' })] }));
+import { FaqSection, JumbotronRatafiaSection } from '../../sections';
+export const EsignatureLandingPage = ({ jumbotronEsignatureSectionProps, trustPilotBox, faqGroupProps }) => {
+    return (_jsxs(_Fragment, { children: [_jsx(JumbotronRatafiaSection, { content: jumbotronEsignatureSectionProps.content, alternativeStyles: jumbotronEsignatureSectionProps.alternativeStyles, children: jumbotronEsignatureSectionProps.children }), trustPilotBox ?? trustPilotBox, _jsx(FaqSection, { groups: faqGroupProps, givenClass: 'faq-ratafia-section' })] }));
 };

package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPage.tsx

@@ -1,23 +1,21 @@
 import React from 'react'
 
-import { FaqSection, JumbotronRatafiaSection, StepsRatafiaSection } from '../../sections'
+import { FaqSection, JumbotronRatafiaSection } from '../../sections'
 import { type EsignatureLandingPageProps } from './EsignatureLandingPageProps.types'
 
 export const EsignatureLandingPage: React.FC<EsignatureLandingPageProps> = ({
-  jumbotronSectionProps,
-  stepsSectionProps,
+  jumbotronEsignatureSectionProps,
   trustPilotBox,
   faqGroupProps
 }) => {
   return (
     <>
       <JumbotronRatafiaSection
-        content={jumbotronSectionProps.content}
-        alternativeStyles={jumbotronSectionProps.alternativeStyles}
+        content={jumbotronEsignatureSectionProps.content}
+        alternativeStyles={jumbotronEsignatureSectionProps.alternativeStyles}
       >
-        {jumbotronSectionProps.children}
+        {jumbotronEsignatureSectionProps.children}
       </JumbotronRatafiaSection>
-      <StepsRatafiaSection {...stepsSectionProps} />
       {trustPilotBox ?? trustPilotBox}
       <FaqSection groups={faqGroupProps} givenClass='faq-ratafia-section' />
     </>

package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.d.ts

@@ -1,8 +1,7 @@
-import { JumbotronRatafiaSectionProps, StepsRatafiaSectionProps } from '../../sections';
 import type { FaqGroupProps } from '../../organisms';
+import { JumbotronRatafiaSectionProps } from '../../sections';
 export interface EsignatureLandingPageProps {
-    jumbotronSectionProps: JumbotronRatafiaSectionProps;
-    stepsSectionProps: StepsRatafiaSectionProps;
+    jumbotronEsignatureSectionProps: JumbotronRatafiaSectionProps;
     faqGroupProps: FaqGroupProps[];
     trustPilotBox?: React.ReactNode;
 }

package/dist/src/components/pages/EsignatureLandingPage/EsignatureLandingPageProps.types.ts

@@ -1,9 +1,8 @@
-import { JumbotronRatafiaSectionProps, StepsRatafiaSectionProps } from '../../sections'
 import type { FaqGroupProps } from '../../organisms'
+import { JumbotronRatafiaSectionProps } from '../../sections'
 
 export interface EsignatureLandingPageProps {
-  jumbotronSectionProps: JumbotronRatafiaSectionProps
-  stepsSectionProps: StepsRatafiaSectionProps
+  jumbotronEsignatureSectionProps: JumbotronRatafiaSectionProps
   faqGroupProps: FaqGroupProps[]
   trustPilotBox?: React.ReactNode
 }

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.js

@@ -2,12 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { StepsRatafiaContent } from '../../organisms';
 import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled';
 import { Video } from '../../atoms';
-import classNames from 'classnames';
-const StepsRatafiaSection = ({ title, steps, videoUrl, mainImage, description }) => {
-    const isEsignatureLanding = !videoUrl;
-    const classnames = classNames({
-        '--is-esignature': isEsignatureLanding
-    });
-    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: `steps-ratafia-section__wrapper ${classnames}`, children: [!isEsignatureLanding ? (_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, autoPlay: true, loop: true }) })) : (_jsx("div", { className: 'steps-ratafia-section__wrapper__image', children: mainImage })), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps, description: description }) })] }) }));
+const StepsRatafiaSection = ({ title, steps, videoUrl }) => {
+    return (_jsx(StepsRatafiaSectionStyled, { className: 'steps-ratafia-section', children: _jsxs("div", { className: 'steps-ratafia-section__wrapper', children: [_jsx("div", { className: 'steps-ratafia-section__wrapper__video', children: _jsx(Video, { videoSrcURL: videoUrl, autoPlay: true, loop: true }) }), _jsx("div", { className: 'steps-ratafia-section__wrapper__content', children: _jsx(StepsRatafiaContent, { title: title, steps: steps }) })] }) }));
 };
 export default StepsRatafiaSection;

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.js

@@ -18,8 +18,10 @@ export const StepsRatafiaSectionStyled = styled.section `
       justify-content: center;
       align-items: center;
       align-self: stretch;
+
       gap: 3rem;
       padding: 2rem 1.5rem 3rem 1.5rem;
+
       max-width: 1200px;
 
       @media ${device.desktop} {
@@ -31,21 +33,6 @@ export const StepsRatafiaSectionStyled = styled.section `
         align-items: center;
       }
 
-      &__image {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        max-width: 1024px;
-        @media ${device['desktop-xl']} {
-          max-width: 720px;
-        }
-        img {
-          border-radius: 8px;
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-
       &__video {
         display: flex;
         justify-content: center;
@@ -63,64 +50,6 @@ export const StepsRatafiaSectionStyled = styled.section `
       &__content {
         flex: 1;
       }
-
-      &.--is-esignature {
-        flex-direction: column;
-
-        @media ${device.desktop} {
-          padding: 3rem 0 3rem 0;
-        }
-        @media ${device['desktop-xl']} {
-          flex-direction: row;
-          justify-content: center;
-          align-items: center;
-        }
-      }
-    }
-  }
-
-  .--is-esignature {
-    .steps-ratafia-section {
-      &__wrapper {
-        &__content {
-          width: 100%;
-        }
-      }
-    }
-
-    .step-ratafia-card-list {
-      flex-direction: column;
-      @media ${device['laptop']} {
-        flex-direction: row;
-      }
-      @media ${device['desktop-xl']} {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-
-    .step-ratafia-card {
-      width: 100%;
-      @media ${device['laptop']} {
-        width: 33%;
-      }
-      @media ${device['desktop-xl']} {
-        width: 100%;
-      }
-    }
-
-    .steps-esignature-section {
-      &__wrapper {
-        &__content {
-          width: 100%;
-          &.step-ratafia-card {
-            @media ${device['laptop']} {
-              width: 100%;
-            }
-          }
-        }
-      }
     }
   }
 `;

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.styled.ts

@@ -19,8 +19,10 @@ export const StepsRatafiaSectionStyled = styled.section`
       justify-content: center;
       align-items: center;
       align-self: stretch;
+
       gap: 3rem;
       padding: 2rem 1.5rem 3rem 1.5rem;
+
       max-width: 1200px;
 
       @media ${device.desktop} {
@@ -32,21 +34,6 @@ export const StepsRatafiaSectionStyled = styled.section`
         align-items: center;
       }
 
-      &__image {
-        display: flex;
-        justify-content: center;
-        align-items: center;
-        max-width: 1024px;
-        @media ${device['desktop-xl']} {
-          max-width: 720px;
-        }
-        img {
-          border-radius: 8px;
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-
       &__video {
         display: flex;
         justify-content: center;
@@ -64,64 +51,6 @@ export const StepsRatafiaSectionStyled = styled.section`
       &__content {
         flex: 1;
       }
-
-      &.--is-esignature {
-        flex-direction: column;
-
-        @media ${device.desktop} {
-          padding: 3rem 0 3rem 0;
-        }
-        @media ${device['desktop-xl']} {
-          flex-direction: row;
-          justify-content: center;
-          align-items: center;
-        }
-      }
-    }
-  }
-
-  .--is-esignature {
-    .steps-ratafia-section {
-      &__wrapper {
-        &__content {
-          width: 100%;
-        }
-      }
-    }
-
-    .step-ratafia-card-list {
-      flex-direction: column;
-      @media ${device['laptop']} {
-        flex-direction: row;
-      }
-      @media ${device['desktop-xl']} {
-        flex-direction: column;
-        justify-content: center;
-        align-items: center;
-      }
-    }
-
-    .step-ratafia-card {
-      width: 100%;
-      @media ${device['laptop']} {
-        width: 33%;
-      }
-      @media ${device['desktop-xl']} {
-        width: 100%;
-      }
-    }
-
-    .steps-esignature-section {
-      &__wrapper {
-        &__content {
-          width: 100%;
-          &.step-ratafia-card {
-            @media ${device['laptop']} {
-              width: 100%;
-            }
-          }
-        }
-      }
     }
   }
 `

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSection.tsx

@@ -4,26 +4,16 @@ import { StepsRatafiaContent } from '../../organisms'
 import { type StepsRatafiaSectionProps } from './StepsRatafiaSectionProps.types'
 import { StepsRatafiaSectionStyled } from './StepsRatafiaSection.styled'
 import { Video } from '../../atoms'
-import classNames from 'classnames'
-
-const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, videoUrl, mainImage, description }) => {
-  const isEsignatureLanding = !videoUrl
-  const classnames = classNames({
-    '--is-esignature': isEsignatureLanding
-  })
 
+const StepsRatafiaSection: FC<StepsRatafiaSectionProps> = ({ title, steps, videoUrl }) => {
   return (
     <StepsRatafiaSectionStyled className='steps-ratafia-section'>
-      <div className={`steps-ratafia-section__wrapper ${classnames}`}>
-        {!isEsignatureLanding ? (
-          <div className='steps-ratafia-section__wrapper__video'>
-            <Video videoSrcURL={videoUrl} autoPlay loop />
-          </div>
-        ) : (
-          <div className='steps-ratafia-section__wrapper__image'>{mainImage}</div>
-        )}
+      <div className='steps-ratafia-section__wrapper'>
+        <div className='steps-ratafia-section__wrapper__video'>
+          <Video videoSrcURL={videoUrl} autoPlay loop />
+        </div>
         <div className='steps-ratafia-section__wrapper__content'>
-          <StepsRatafiaContent title={title} steps={steps} description={description} />
+          <StepsRatafiaContent title={title} steps={steps} />
         </div>
       </div>
     </StepsRatafiaSectionStyled>

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.d.ts

@@ -1,9 +1,6 @@
-import React from 'react';
 import type { StepRatafiaCardProps } from '../../atoms';
 export interface StepsRatafiaSectionProps {
     title: string;
     steps: StepRatafiaCardProps[];
     videoUrl: string;
-    mainImage?: React.ReactNode;
-    description?: React.ReactNode;
 }

package/dist/src/components/sections/StepsRatafiaSection/StepsRatafiaSectionProps.types.ts

@@ -1,10 +1,7 @@
-import React from 'react'
 import type { StepRatafiaCardProps } from '../../atoms'
 
 export interface StepsRatafiaSectionProps {
   title: string
   steps: StepRatafiaCardProps[]
   videoUrl: string
-  mainImage?: React.ReactNode
-  description?: React.ReactNode
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "5.43.0",
+  "version": "5.43.1",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -264,7 +264,7 @@
     "./LegalPage": "./dist/src/components/pages/LegalPage/index.js",
     "./LimitReachedRatafiaPage": "./dist/src/components/pages/LimitReachedRatafiaPage/index.js",
     "./LoginRatafiaPage": "./dist/src/components/pages/LoginRatafiaPage/index.js",
-    "./PricingRatafiaPage": "./dist/src/components/pages/PricingRatafiaPage/index.js",
+    "./RatafiaPricingPage": "./dist/src/components/pages/RatafiaPricingPage/index.js",
     "./RatafiaLandingPage": "./dist/src/components/pages/RatafiaLandingPage/index.js",
     "./EsignatureLandingPage": "./dist/src/components/pages/EsignatureLandingPage/index.js",
     "./UnsubscribePage": "./dist/src/components/pages/UnsubscribePage/index.js",