@npm_leadtech/legal-lib-components 4.1.25 → 4.2.0

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

@@ -1,22 +0,0 @@
-import React, { type FC } from 'react'
-
-import { AsSeeInContent } from '../../organisms'
-import { type AsSeeInSectionProps } from './AsSeeInSectionProps.types'
-// import './AsSeeInSection.scss'
-
-const AsSeeInSection: FC<AsSeeInSectionProps> = ({ title, contentAsSeeIn }) => {
-  if (contentAsSeeIn.trustWorthyImages.images.length === 0) {
-    return null
-  }
-
-  return (
-    <section className='as-seen-in-section-box'>
-      <div className='as-seen-in-section'>
-        <h2 className='as-seen-in-section__title'>{title}</h2>
-        <AsSeeInContent trustWorthyImages={contentAsSeeIn.trustWorthyImages}>{contentAsSeeIn.children}</AsSeeInContent>
-      </div>
-    </section>
-  )
-}
-
-export default AsSeeInSection

package/dist/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.js

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

package/dist/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.ts

@@ -1,6 +0,0 @@
-import { type AsSeeInContentProps } from '../../organisms/AsSeeInContent'
-
-export interface AsSeeInSectionProps {
-  title: string
-  contentAsSeeIn: AsSeeInContentProps
-}

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

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

package/dist/src/components/sections/AsSeeInSection/index.ts

@@ -1,2 +0,0 @@
-export { default as AsSeeInSection } from './AsSeeInSection'
-export { type AsSeeInSectionProps } from './AsSeeInSectionProps.types'

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

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

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

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-// import './AsideMenuSection.scss'
-export const AsideMenuSection = ({ items, title = '', onClickHandler }) => {
-    return (_jsxs("aside", { className: 'asideMenu', children: [title.length > 0 && _jsx("div", { className: 'title sans-serif --big', children: title }), _jsx("ul", { className: 'list', children: items.map((item, index) => (_jsx("li", { className: `navItem ${index === 0 ? 'inView' : ''}`, id: `list-item-${item.slug}`, onClick: onClickHandler, onKeyUp: () => onClickHandler, role: 'menuitem', children: onClickHandler !== undefined ? _jsx("span", { children: item.text }) : _jsx("a", { href: `#${item.slug}`, children: item.text }) }, item.id))) })] }));
-};

package/dist/src/components/sections/AsideMenuSection/AsideMenuSection.scss

@@ -1,50 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-
-.asideMenu {
-  .title {
-    color: get-color(neutral, neutral-1);
-    font-weight: bold;
-    padding-bottom: 1rem;
-    border-bottom: get-color(neutral, neutral-4) 1px solid;
-    margin-bottom: 1.5rem;
-  }
-
-  .list {
-    display: flex;
-    flex-direction: column;
-    position: sticky;
-    top: 17%;
-  }
-
-  .navItem {
-    color: get-color(neutral, neutral-1);
-    font-size: 14px;
-    line-height: 18px;
-    letter-spacing: -0.3px;
-    padding: 16px 0;
-    border-top: get-color(neutral, neutral-4) 1px solid;
-    border-bottom: get-color(neutral, neutral-4) 1px solid;
-
-    span {
-      cursor: pointer;
-    }
-
-    &.inView {
-      span,
-      a {
-        color: get-color(primary, main);
-        font-weight: 700;
-      }
-    }
-
-    &:first-child {
-      padding-top: 0;
-      border: none;
-    }
-
-    &:last-child {
-      padding-bottom: 0;
-      border: none;
-    }
-  }
-}

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

@@ -1,26 +0,0 @@
-import React from 'react'
-
-import { type AsideMenuSectionProps } from './AsideMenuSectionProps'
-// import './AsideMenuSection.scss'
-
-export const AsideMenuSection: React.FC<AsideMenuSectionProps> = ({ items, title = '', onClickHandler }) => {
-  return (
-    <aside className='asideMenu'>
-      {title.length > 0 && <div className='title sans-serif --big'>{title}</div>}
-      <ul className='list'>
-        {items.map((item, index) => (
-          <li
-            key={item.id}
-            className={`navItem ${index === 0 ? 'inView' : ''}`}
-            id={`list-item-${item.slug}`}
-            onClick={onClickHandler}
-            onKeyUp={() => onClickHandler}
-            role='menuitem'
-          >
-            {onClickHandler !== undefined ? <span>{item.text}</span> : <a href={`#${item.slug}`}>{item.text}</a>}
-          </li>
-        ))}
-      </ul>
-    </aside>
-  )
-}

package/dist/src/components/sections/AsideMenuSection/AsideMenuSectionProps.js

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

package/dist/src/components/sections/AsideMenuSection/AsideMenuSectionProps.ts

@@ -1,9 +0,0 @@
-export interface AsideMenuSectionProps {
-  items: Array<{
-    id: string
-    text: string
-    slug: string
-  }>
-  title?: string
-  onClickHandler?: React.MouseEventHandler<HTMLLIElement>
-}

package/dist/src/components/sections/AsideMenuSection/index.ts

@@ -1,2 +0,0 @@
-export * from './AsideMenuSection'
-export * from './AsideMenuSectionProps'

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BenefitRatafiaCardList } from '../../molecules';
-// import './BenefitsRatafiaSection.scss'
-const BenefitsRatafiaSection = ({ title, description, benefits }) => {
-    return (_jsx("section", { className: 'benefit-ratafia-section', children: _jsxs("div", { className: 'benefit-ratafia-section__wrapper background-ratafia-animation', children: [_jsxs("div", { className: 'benefit-ratafia-section__wrapper__title', children: [_jsx("h2", { className: 'sans-serif --super-large --bold-weight benefit-ratafia-section__wrapper__title__text', children: title }), _jsx("p", { className: 'sans-serif --super-medium benefit-ratafia-section__wrapper__title__description', children: description })] }), _jsx(BenefitRatafiaCardList, { benefits: benefits })] }) }));
-};
-export default BenefitsRatafiaSection;

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSection.scss

@@ -1,57 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.benefit-ratafia-section {
-  display: flex;
-  justify-content: center;
-  align-content: center;
-
-  width: 100%;
-
-  padding: 2rem 1.5rem;
-
-  @include laptop {
-    padding: 3rem 2rem;
-  }
-  @include desktop-xl {
-    padding: 3rem 0;
-  }
-
-  &__wrapper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
-    align-self: stretch;
-
-    padding: 1.5rem;
-    gap: 2rem;
-
-    border-radius: 16px;
-
-    max-width: 1200px;
-
-    @include landscape-tablets {
-      padding: 2rem;
-    }
-    @include laptop {
-      padding: 3rem;
-    }
-
-    &__title {
-      display: flex;
-      flex-direction: column;
-      justify-content: center;
-      align-items: flex-start;
-      align-self: stretch;
-      gap: 1rem;
-
-      &__text {
-        color: get-color(others, white);
-      }
-      &__description {
-        color: get-color(others, white);
-      }
-    }
-  }
-}

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

@@ -1,25 +0,0 @@
-import React, { type FC } from 'react'
-
-import { BenefitRatafiaCardList } from '../../molecules'
-import { type BenefitsRatafiaSectionProps } from './BenefitsRatafiaSectionProps.types'
-// import './BenefitsRatafiaSection.scss'
-
-const BenefitsRatafiaSection: FC<BenefitsRatafiaSectionProps> = ({ title, description, benefits }) => {
-  return (
-    <section className='benefit-ratafia-section'>
-      <div className='benefit-ratafia-section__wrapper background-ratafia-animation'>
-        <div className='benefit-ratafia-section__wrapper__title'>
-          <h2 className='sans-serif --super-large --bold-weight benefit-ratafia-section__wrapper__title__text'>
-            {title}
-          </h2>
-          <p className='sans-serif --super-medium benefit-ratafia-section__wrapper__title__description'>
-            {description}
-          </p>
-        </div>
-        <BenefitRatafiaCardList benefits={benefits} />
-      </div>
-    </section>
-  )
-}
-
-export default BenefitsRatafiaSection

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.js

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

package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.ts

@@ -1,7 +0,0 @@
-import { type BenefitRatafiaCardProps } from '../../atoms'
-
-export interface BenefitsRatafiaSectionProps {
-  title: string
-  description: string
-  benefits: BenefitRatafiaCardProps[]
-}

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

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

package/dist/src/components/sections/BenefitsRatafiaSection/index.ts

@@ -1,2 +0,0 @@
-export { default as BenefitsRatafiaSection } from './BenefitsRatafiaSection'
-export { type BenefitsRatafiaSectionProps } from './BenefitsRatafiaSectionProps.types'

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ArticlesList } from '../../organisms';
-import { Button } from '../../atoms';
-// import './BlogSection.scss'
-const BlogSection = ({ blogTitle, blogCta, articles }) => {
-    if (articles.articles?.length === 0)
-        return null;
-    return (_jsxs("div", { className: 'blog', children: [_jsx("h2", { className: 'serif --super-large blog__title', children: blogTitle }), _jsx(ArticlesList, { articles: articles.articles }), _jsx(Button, { dataQa: '', color: 'secondary', label: blogCta, givenClass: 'cta-button', link: '/articles' })] }));
-};
-export default BlogSection;

package/dist/src/components/sections/BlogSection/BlogSection.scss

@@ -1,33 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.blog {
-  text-align: center;
-  margin: 0 auto 3rem;
-  padding: 0 1rem;
-  max-width: $md;
-
-  @include laptop {
-    padding: 0;
-  }
-  @include desktop {
-    max-width: $lg;
-  }
-
-  .blog__title {
-    color: get-color(primary, main-dark-1);
-
-    @include laptop {
-      margin-bottom: 3rem;
-    }
-  }
-
-  .cta-button {
-    width: 100%;
-    margin-top: 3rem;
-    display: inline-block;
-    @include landscape-tablets {
-      width: auto;
-    }
-  }
-}

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

@@ -1,20 +0,0 @@
-import React, { type FC } from 'react'
-
-import { ArticlesList } from '../../organisms'
-import { type BlogSectionProps } from './BlogSectionProps.types'
-import { Button } from '../../atoms'
-// import './BlogSection.scss'
-
-const BlogSection: FC<BlogSectionProps> = ({ blogTitle, blogCta, articles }) => {
-  if (articles.articles?.length === 0) return null
-
-  return (
-    <div className={'blog'}>
-      <h2 className={'serif --super-large blog__title'}>{blogTitle}</h2>
-      <ArticlesList articles={articles.articles} />
-      <Button dataQa='' color='secondary' label={blogCta} givenClass='cta-button' link={'/articles'} />
-    </div>
-  )
-}
-
-export default BlogSection

package/dist/src/components/sections/BlogSection/BlogSectionProps.types.js

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

package/dist/src/components/sections/BlogSection/BlogSectionProps.types.ts

@@ -1,7 +0,0 @@
-import { type ArticlesListProps } from '../../organisms'
-
-export interface BlogSectionProps {
-  blogTitle: string
-  blogCta: string
-  articles: ArticlesListProps
-}

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

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

package/dist/src/components/sections/BlogSection/index.ts

@@ -1,2 +0,0 @@
-export { default as BlogSection } from './BlogSection'
-export { type BlogSectionProps } from './BlogSectionProps.types'

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BoxForm } from '../../molecules';
-import { ContactJumbotron } from '../../organisms';
-// import './ContactSection.scss'
-export const ContactSection = ({ contactJumbotronProps, contactForm }) => {
-    return (_jsx("section", { className: 'contact-container', children: _jsx("div", { className: 'wrapper wrapper--responsive wrapper--contact', children: _jsxs("div", { className: 'contact__main', children: [_jsx("div", { className: 'contact-left-container', children: _jsx(ContactJumbotron, { ...contactJumbotronProps }) }), _jsx("div", { className: 'contact-right-container', children: _jsx("div", { className: 'contact__form', children: _jsx(BoxForm, { ...contactForm }) }) })] }) }) }));
-};

package/dist/src/components/sections/ContactSection/ContactSection.scss

@@ -1,90 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.contact-container {
-  background-color: get-color(primary, main-light-6);
-
-  span > a {
-    text-decoration: underline;
-  }
-
-  .wrapper--contact {
-    padding-left: 0;
-    padding-right: 0;
-
-    @include portrait-tablets {
-      padding-left: 1.5rem;
-      padding-right: 1.5rem;
-    }
-  }
-
-  .contact__main {
-    display: flex;
-    flex-direction: column-reverse;
-
-    @include portrait-tablets {
-      flex-direction: row;
-      justify-content: space-between;
-    }
-  }
-
-  .contact-left-container {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-
-    @include portrait-tablets {
-      padding-left: 0;
-      padding-right: 0;
-      width: 45%;
-    }
-  }
-
-  .contact-right-container {
-    display: flex;
-    justify-content: flex-start;
-    background-color: get-color(primary, main-light-6);
-    margin-bottom: 2.5rem;
-    width: 100%;
-
-    @include portrait-tablets {
-      background-size: 21rem;
-      background-repeat: no-repeat;
-      background-position: 100% 100%;
-      margin-bottom: 0;
-      padding-bottom: 0;
-      width: 45%;
-    }
-
-    @include laptop {
-      padding-bottom: 12rem;
-    }
-
-    .rec-text-container .rectangle-text__container {
-      margin-top: 1rem;
-      width: 100%;
-      background-color: gray;
-    }
-
-    .contact__form {
-      width: 100%;
-    }
-
-    .small-container {
-      margin: 1.5rem 0;
-
-      small {
-        text-align: center;
-      }
-    }
-
-    .sign-in-container {
-      display: flex;
-      justify-content: space-between;
-      align-items: center;
-
-      p {
-        margin-bottom: 0;
-      }
-    }
-  }
-}

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

@@ -1,25 +0,0 @@
-import React, { type FC } from 'react'
-
-import { BoxForm } from '../../molecules'
-import { ContactJumbotron } from '../../organisms'
-import { type ContactSectionProps } from './ContactSectionProps'
-// import './ContactSection.scss'
-
-export const ContactSection: FC<ContactSectionProps> = ({ contactJumbotronProps, contactForm }) => {
-  return (
-    <section className='contact-container'>
-      <div className='wrapper wrapper--responsive wrapper--contact'>
-        <div className='contact__main'>
-          <div className='contact-left-container'>
-            <ContactJumbotron {...contactJumbotronProps} />
-          </div>
-          <div className='contact-right-container'>
-            <div className='contact__form'>
-              <BoxForm {...contactForm} />
-            </div>
-          </div>
-        </div>
-      </div>
-    </section>
-  )
-}

package/dist/src/components/sections/ContactSection/ContactSectionProps.js

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

package/dist/src/components/sections/ContactSection/ContactSectionProps.ts

@@ -1,7 +0,0 @@
-import { type BoxFormProps } from '../../molecules'
-import { type ContactJumbotronProps } from '../../organisms'
-
-export interface ContactSectionProps {
-  contactJumbotronProps: ContactJumbotronProps
-  contactForm: BoxFormProps
-}

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

@@ -1 +0,0 @@
-export { ContactSection } from './ContactSection';

package/dist/src/components/sections/ContactSection/index.ts

@@ -1,2 +0,0 @@
-export { ContactSection } from './ContactSection'
-export { type ContactSectionProps } from './ContactSectionProps'

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ExpertCardList } from '../../molecules';
-// import './ExpertsSection.scss'
-const ExpertsSection = ({ title, contentExpertCardList }) => {
-    if (contentExpertCardList.contentExpertCard.length === 0) {
-        return null;
-    }
-    return (_jsxs("div", { className: 'experts-section', children: [_jsx("h2", { className: 'experts-section__title', children: title }), _jsx(ExpertCardList, { contentExpertCard: contentExpertCardList.contentExpertCard })] }));
-};
-export default ExpertsSection;

package/dist/src/components/sections/ExpertsSection/ExpertsSection.scss

@@ -1,26 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.experts-section {
-  display: flex;
-  justify-content: center;
-  flex-direction: column;
-  background-color: get-color(neutral, neutral-6);
-  margin-bottom: 8rem;
-
-  &__title {
-    font-family: $font-serif;
-    font-size: 32px;
-    font-weight: 400;
-    line-height: 42px;
-    letter-spacing: -0.3px;
-    text-align: center;
-    margin: 0 auto 5rem;
-    width: 90%;
-    transform: translateY(50px);
-
-    @include landscape-tablets {
-      width: 100%;
-    }
-  }
-}

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

@@ -1,20 +0,0 @@
-import React, { type FC } from 'react'
-
-import { ExpertCardList } from '../../molecules'
-import { type ExpertsSectionProps } from './ExpertsSectionProps.types'
-// import './ExpertsSection.scss'
-
-const ExpertsSection: FC<ExpertsSectionProps> = ({ title, contentExpertCardList }) => {
-  if (contentExpertCardList.contentExpertCard.length === 0) {
-    return null
-  }
-
-  return (
-    <div className='experts-section'>
-      <h2 className='experts-section__title'>{title}</h2>
-      <ExpertCardList contentExpertCard={contentExpertCardList.contentExpertCard} />
-    </div>
-  )
-}
-
-export default ExpertsSection

package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.js

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

package/dist/src/components/sections/ExpertsSection/ExpertsSectionProps.types.ts

@@ -1,6 +0,0 @@
-import { type ExpertCardListProps } from '../../molecules/ExpertCardList'
-
-export interface ExpertsSectionProps {
-  title: string
-  contentExpertCardList: ExpertCardListProps
-}

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

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

package/dist/src/components/sections/ExpertsSection/index.ts

@@ -1,2 +0,0 @@
-export { default as ExpertsSection } from './ExpertsSection'
-export { type ExpertsSectionProps } from './ExpertsSectionProps.types'

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

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

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

@@ -1,8 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import classNames from 'classnames';
-import { FaqGroup } from '../../organisms';
-// import './FaqSection.scss'
-export const FaqSection = ({ groups, givenClass }) => {
-    const classnames = classNames(`faqSection ${givenClass ?? ''}`);
-    return (_jsx("section", { className: classnames, itemScope: true, itemType: 'https://www.schema.org/FAQPage', children: groups.map((group) => (_jsx(FaqGroup, { ...group }, group.id))) }));
-};

package/dist/src/components/sections/FaqSection/FaqSection.scss

@@ -1,31 +0,0 @@
-@import '../../../globalStyles/variables.scss';
-@import '../../../globalStyles/mediaqueries.scss';
-
-.faqSection {
-  display: flex;
-  padding-bottom: 40px;
-  flex-direction: column;
-  gap: 40px;
-  max-width: 700px;
-  width: 100%;
-}
-
-.faq-ratafia-section {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  padding: 3rem 1.5rem 5rem 1.5rem;
-  max-width: none;
-  background: get-color(neutral, neutral-6);
-
-  @include laptop {
-    padding: 3rem 2rem 5rem 2rem;
-  }
-  @include desktop {
-    padding: 3rem 13.75rem 5rem 13.75rem;
-  }
-  @include desktop-xl {
-    padding: 3rem 28rem 5rem 28rem;
-  }
-}