@npm_leadtech/legal-lib-components 7.85.0 → 7.85.2

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

@@ -1,141 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const MidBannerRatafiaSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.desktop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .mid-banner-ratafia-section {
-    &__wrapper {
-      display: flex;
-      justify-content: center;
-      align-items: flex-start;
-      flex: 1 0 0;
-      padding: 2rem;
-      gap: 3rem;
-      max-width: 1200px;
-      border-radius: var(--l-border-radius);
-      background: var(--neutral-neutral-6);
-
-      @media ${device.desktop} {
-        padding: 3rem 5rem 0.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__sample {
-        display: none;
-
-        @media ${device.desktop} {
-          display: block;
-        }
-      }
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper.--is-esignature {
-    @media ${device.desktop} {
-      padding: 3rem 5rem 0rem 4rem;
-    }
-
-    .mid-banner-ratafia-content {
-      padding-bottom: 3rem;
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper.--is-about {
-    @media ${device.desktop} {
-      padding: 3rem 5rem 0rem 4rem;
-    }
-
-    .mid-banner-ratafia-content {
-      padding-bottom: 3rem;
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper__sample.--is-esignature {
-    display: none;
-
-    @media ${device.desktop} {
-      display: flex;
-      height: 100%;
-    }
-
-    .mid-banner-ratafia-sample {
-      align-items: flex-end;
-
-      &__image {
-        .gatsby-image-wrapper {
-          box-shadow: none;
-
-          img {
-            box-shadow: none;
-          }
-        }
-      }
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper.--is-about {
-    background-color: var(--primary-main-light-6);
-
-    .mid-banner-ratafia-content {
-      height: 100%;
-      justify-content: center;
-      &__header {
-        h2 {
-          color: var(--primary-main-dark-2);
-          font-family: var(--font-family-inter, Inter);
-          font-size: 28px;
-          font-style: normal;
-          font-weight: 700;
-          line-height: 32px;
-          letter-spacing: -0.3px;
-        }
-      }
-
-      .mid-banner-ratafia-content__cta {
-        height: auto;
-      }
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper.--is-about {
-    padding: 2rem 2rem 0 2rem;
-
-    @media ${device.desktop} {
-      padding: 2rem 5rem 0 4rem;
-    }
-  }
-
-  .mid-banner-ratafia-section__wrapper__sample.--is-about {
-    display: none;
-
-    @media ${device.laptop} {
-      display: flex;
-    }
-
-    .mid-banner-ratafia-sample {
-      &__image {
-        img {
-          max-width: 25rem;
-          box-shadow:
-            0 -0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25),
-            0 0.125rem 0.375rem -0.125rem rgba(2, 55, 74, 0);
-
-          @media ${device.desktop} {
-            max-height: 30rem;
-          }
-        }
-      }
-    }
-  }
-`;

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts

@@ -1,14 +0,0 @@
-export interface MidBannerRatafiaSectionProps {
-    title: string;
-    paragraph?: React.ReactNode;
-    ctaLabel: string;
-    ctaLink: string;
-    ctaDataQa: string;
-    image: React.ReactNode;
-    midBanner1Img: string;
-    midBanner2Img: string;
-    midBanner3Img: string;
-    iconLabel1: string;
-    iconLabel2: string;
-    iconLabel3: string;
-}

package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/MidBannerRatafiaSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as MidBannerRatafiaSection } from './MidBannerRatafiaSection';
-export { type MidBannerRatafiaSectionProps } from './MidBannerRatafiaSectionProps.types';

package/dist/src/components/sections/MidBannerRatafiaSection/index.js

@@ -1 +0,0 @@
-export { default as MidBannerRatafiaSection } from './MidBannerRatafiaSection';

package/dist/src/components/sections/MoreDocsSection/MoreDocsSection.d.ts

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

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

@@ -1,12 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { MoreDocsDesktop, MoreDocsMobile } from '../../molecules';
-import { useIsMobileOrTable } from '../../../hooks';
-export const MoreDocsSection = ({ title, documents }) => {
-    const { isGtLandscapeTablets } = useIsMobileOrTable();
-    const [body, setBody] = React.useState(_jsx(MoreDocsDesktop, { title: title, documents: documents }));
-    React.useEffect(() => {
-        setBody(isGtLandscapeTablets ? (_jsx(MoreDocsDesktop, { title: title, documents: documents })) : (_jsx(MoreDocsMobile, { title: title, documents: documents })));
-    }, [isGtLandscapeTablets, title, documents]);
-    return _jsx("section", { className: 'more-docs-section', children: body });
-};

package/dist/src/components/sections/MoreDocsSection/MoreDocsSectionProps.d.ts

@@ -1,5 +0,0 @@
-import { type MoreDocsItemProps } from '../../atoms';
-export interface MoreDocsSectionProps {
-    title: string;
-    documents: MoreDocsItemProps[];
-}

package/dist/src/components/sections/MoreDocsSection/MoreDocsSectionProps.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/MoreDocsSection/index.d.ts

@@ -1,2 +0,0 @@
-export * from './MoreDocsSection';
-export * from './MoreDocsSectionProps';

package/dist/src/components/sections/MoreDocsSection/index.js

@@ -1,2 +0,0 @@
-export * from './MoreDocsSection';
-export * from './MoreDocsSectionProps';

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type PeopleSayAboutUsSectionProps } from './PeopleSayAboutUsSectionProps.types';
-declare const PeopleSayAboutUsSection: FC<PeopleSayAboutUsSectionProps>;
-export default PeopleSayAboutUsSection;

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PeopleSayAboutUsSectionStyled } from './PeopleSayAboutUsSection.styled';
-import { TrustPilot } from '../../atoms';
-const PeopleSayAboutUsSection = ({ title, testimonialsSectionContent, contentTrustPilot }) => {
-    return (_jsxs(PeopleSayAboutUsSectionStyled, { className: 'people-say', children: [Boolean(title) && _jsx("h2", { className: 'people-say__title', children: title }), testimonialsSectionContent, contentTrustPilot && _jsx(TrustPilot, { children: contentTrustPilot.children })] }));
-};
-export default PeopleSayAboutUsSection;

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSection.styled.d.ts

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

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

@@ -1,47 +0,0 @@
-import { device, size } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PeopleSayAboutUsSectionStyled = styled.section `
-  width: 100%;
-  margin: 0 auto;
-  text-align: center;
-  padding: 2rem 1.5rem;
-
-  @media ${device['landscape-tablets']} {
-    padding: 3rem 1.5rem;
-  }
-
-  @media ${device.desktop} {
-    max-width: ${size.lg};
-  }
-
-  .people-say {
-    &__title {
-      font-family: var(--font-sans);
-      font-size: 1.75rem;
-      font-weight: 700;
-      line-height: 1.3;
-      letter-spacing: -0.3px;
-      text-align: center;
-    }
-  }
-
-  .richt-text-strapi {
-    text-align: left;
-    margin-top: 2rem;
-
-    a {
-      text-decoration: underline;
-      color: var(--primary-main);
-    }
-    > p,
-    > blockquote {
-      margin-top: 1.5rem;
-    }
-
-    blockquote {
-      padding: 1rem;
-      background: var(--neutral-neutral-6);
-      border-radius: var(--s-border-radius);
-    }
-  }
-`;

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.d.ts

@@ -1,6 +0,0 @@
-import { type TrustPilotProps } from '../../atoms/TrustPilot';
-export interface PeopleSayAboutUsSectionProps {
-    title?: string;
-    testimonialsSectionContent: React.ReactNode;
-    contentTrustPilot?: TrustPilotProps;
-}

package/dist/src/components/sections/PeopleSayAboutUsSection/PeopleSayAboutUsSectionProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/PeopleSayAboutUsSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as PeopleSayAboutUsSection } from './PeopleSayAboutUsSection';
-export { type PeopleSayAboutUsSectionProps } from './PeopleSayAboutUsSectionProps.types';

package/dist/src/components/sections/PeopleSayAboutUsSection/index.js

@@ -1 +0,0 @@
-export { default as PeopleSayAboutUsSection } from './PeopleSayAboutUsSection';

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

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type StepsRatafiaSectionProps } from './StepsRatafiaSectionProps.types';
-declare const StepsRatafiaSection: FC<StepsRatafiaSectionProps>;
-export default StepsRatafiaSection;

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

@@ -1,13 +0,0 @@
-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, videoPosterUrl }) => {
-    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, preload: 'none', poster: videoPosterUrl }) })) : (_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 }) })] }) }));
-};
-export default StepsRatafiaSection;

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

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

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

@@ -1,130 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const StepsRatafiaSectionStyled = styled.section `
-  z-index: 999;
-  width: 100%;
-
-  @media ${device.desktop} {
-    display: flex;
-    justify-content: center;
-    align-items: center;
-    align-self: stretch;
-  }
-
-  .steps-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: center;
-      align-self: stretch;
-      gap: 3rem;
-      padding: 2rem 1.5rem 3rem 1.5rem;
-      max-width: 1200px;
-
-      @media ${device.desktop} {
-        padding: 3rem 0 3rem 0;
-      }
-      @media ${device['desktop-xl']} {
-        flex-direction: row;
-        justify-content: center;
-        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: var(--m-border-radius);
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-
-      &__video {
-        display: flex;
-        justify-content: center;
-
-        max-width: 1024px;
-        @media ${device['desktop-xl']} {
-          max-width: 720px;
-        }
-        video {
-          border-radius: var(--m-border-radius);
-          box-shadow: 0 0.125rem 0.375rem 0 rgba(2, 55, 74, 0.25);
-          width: 100%;
-        }
-      }
-      &__content {
-        flex: 1;
-      }
-
-      &.--is-esignature {
-        flex-direction: column-reverse;
-
-        @media ${device['landscape-tablets']} {
-          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/StepsRatafiaSectionProps.types.d.ts

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

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

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/StepsRatafiaSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as StepsRatafiaSection } from './StepsRatafiaSection';
-export { type StepsRatafiaSectionProps } from './StepsRatafiaSectionProps.types';

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

@@ -1 +0,0 @@
-export { default as StepsRatafiaSection } from './StepsRatafiaSection';

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.d.ts

@@ -1,4 +0,0 @@
-import { type FC } from 'react';
-import { type TryItRatafiaSectionProps } from './TryItRatafiaSectionProps.types';
-declare const TryItRatafiaSection: FC<TryItRatafiaSectionProps>;
-export default TryItRatafiaSection;

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { TryItRatafiaSectionStyled } from './TryItRatafiaSection.styled';
-const TryItRatafiaSection = ({ icon, paragraph, children }) => {
-    return (_jsx(TryItRatafiaSectionStyled, { className: 'try-it-ratafia-section', children: _jsxs("div", { className: 'try-it-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'try-it-ratafia-section__wrapper__content', children: [icon !== null && _jsx("div", { className: 'try-it-ratafia-section__wrapper__content__icon', children: icon }), _jsx("h2", { className: 'sans-serif --extra-large --bold-weight try-it-ratafia-section__wrapper__content__title', children: paragraph })] }), _jsx("span", { className: 'try-it-ratafia-section__wrapper__children', children: children })] }) }));
-};
-export default TryItRatafiaSection;

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSection.styled.d.ts

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

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

@@ -1,70 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const TryItRatafiaSectionStyled = styled.section `
-  display: flex;
-  justify-content: center;
-  align-content: center;
-  width: 100%;
-  padding: 2rem 1.5rem;
-
-  @media ${device.laptop} {
-    padding: 3rem 2rem;
-  }
-  @media ${device['desktop-xl']} {
-    padding: 3rem 7.5rem;
-  }
-
-  .try-it-ratafia-section {
-    &__wrapper {
-      display: flex;
-      flex-direction: column;
-      justify-content: space-between;
-      align-items: center;
-      align-self: stretch;
-
-      padding: 1.5rem;
-      gap: 1.5rem;
-
-      border-radius: var(--l-border-radius);
-
-      max-width: 1200px;
-
-      @media ${device['landscape-tablets']} {
-        padding: 2rem;
-        gap: 2.5rem;
-        flex-direction: row;
-      }
-      @media ${device.laptop} {
-        padding: 2.5rem 2.5rem 2.5rem 4rem;
-        gap: 5rem;
-      }
-
-      &__content {
-        display: flex;
-        flex-direction: column;
-        align-items: flex-start;
-        flex: 1 0 0;
-        align-self: stretch;
-
-        gap: var(--global-gap);
-
-        @media ${device['landscape-tablets']} {
-          padding: 3rem 0;
-        }
-
-        &__icon {
-          width: 48px;
-          height: 48px;
-        }
-        &__title {
-          align-self: stretch;
-          color: var(--others-white);
-        }
-      }
-
-      &__children {
-        max-width: 460px;
-      }
-    }
-  }
-`;

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSectionProps.types.d.ts

@@ -1,5 +0,0 @@
-export interface TryItRatafiaSectionProps {
-    icon?: React.ReactNode;
-    paragraph: string;
-    children?: React.ReactNode;
-}

package/dist/src/components/sections/TryItRatafiaSection/TryItRatafiaSectionProps.types.js

@@ -1 +0,0 @@
-export {};

package/dist/src/components/sections/TryItRatafiaSection/index.d.ts

@@ -1,2 +0,0 @@
-export { default as TryItRatafiaSection } from './TryItRatafiaSection';
-export { type TryItRatafiaSectionProps } from './TryItRatafiaSectionProps.types';

package/dist/src/components/sections/TryItRatafiaSection/index.js

@@ -1 +0,0 @@
-export { default as TryItRatafiaSection } from './TryItRatafiaSection';

package/dist/src/components/sections/TryNowSection/TryNowSection.d.ts

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

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, RichTextInner } from '../../atoms';
-import { TryNowSectionStyled } from './TryNowSection.styled';
-export const TryNowSection = ({ text, buttonText, buttonLink, buttonDataQa, image }) => {
-    return (_jsx(TryNowSectionStyled, { className: 'try-our-free-legal-blogs-section wrapper wrapper--responsive try-us-section', children: _jsx("div", { className: 'guidelines-section-trial wrapper', children: _jsxs("div", { className: 'guidelines-section-trial__item', children: [_jsx("div", { className: 'guidelines-section__image big-devices', children: image }), _jsxs("div", { className: 'guidelines-section-trial__texts', children: [_jsx(RichTextInner, { customClass: 'guidelines-section__texts__body', children: text }), _jsx(Button, { givenClass: 'mid-banner-ratafia-content__cta', dataQa: buttonDataQa, link: buttonLink, color: 'primary', label: buttonText })] })] }) }) }));
-};

package/dist/src/components/sections/TryNowSection/TryNowSection.styled.d.ts

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