@npm_leadtech/legal-lib-components 4.1.7 → 4.1.10

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

@@ -0,0 +1,8 @@
+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

@@ -0,0 +1,31 @@
+@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;
+  }
+}

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

@@ -0,0 +1,18 @@
+import React from 'react'
+import classNames from 'classnames'
+
+import { FaqGroup } from '../../organisms'
+import { type FaqSectionProps } from './FaqSectionProps'
+// import './FaqSection.scss'
+
+export const FaqSection: React.FC<FaqSectionProps> = ({ groups, givenClass }) => {
+  const classnames = classNames(`faqSection ${givenClass ?? ''}`)
+
+  return (
+    <section className={classnames} itemScope itemType='https://www.schema.org/FAQPage'>
+      {groups.map((group) => (
+        <FaqGroup key={group.id} {...group} />
+      ))}
+    </section>
+  )
+}

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

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

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

@@ -0,0 +1,6 @@
+import { type FaqGroupProps } from '../../organisms'
+
+export interface FaqSectionProps {
+  groups: FaqGroupProps[]
+  givenClass?: string
+}

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

@@ -0,0 +1,2 @@
+export * from './FaqSection'
+export * from './FaqSectionProps'

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FeaturesRatafiaContent } from '../../organisms';
+// import './FeaturesRatafiaSection.scss'
+const FeaturesRatafiaSection = ({ content, children }) => {
+    return (_jsx("section", { className: 'features-ratafia-section', children: _jsxs("div", { className: 'features-ratafia-section__wrapper', children: [_jsx("div", { className: 'features-ratafia-section__wrapper__content', children: _jsx(FeaturesRatafiaContent, { title: content.title, description: content.description, notReleasedText: content.notReleasedText, features: content.features }) }), _jsx("span", { className: 'features-ratafia-section__wrapper__children', children: children })] }) }));
+};
+export default FeaturesRatafiaSection;

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

@@ -0,0 +1,57 @@
+@import '../../../globalStyles/variables.scss';
+@import '../../../globalStyles/mediaqueries.scss';
+
+.features-ratafia-section {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  align-self: stretch;
+
+  width: 100%;
+
+  padding: 2rem 1.5rem;
+
+  @include laptop {
+    padding: 3rem 2rem;
+    gap: 1.5rem;
+  }
+  @include desktop-xl {
+    padding: 3rem 0;
+    gap: 5rem;
+  }
+
+  &__wrapper {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+
+    width: 100%;
+    max-width: 1200px;
+
+    @include laptop {
+      gap: 1.5rem;
+    }
+    @include desktop-xl {
+      gap: 5rem;
+    }
+    &__content {
+      width: 100%;
+    }
+
+    &__children {
+      display: none;
+      //TODO: Check again with the real container;
+      min-width: 50%;
+
+      @include desktop {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+      }
+      img {
+        width: 100%;
+      }
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+import React, { type FC } from 'react'
+
+import { FeaturesRatafiaContent } from '../../organisms'
+import { type FeaturesRatafiaSectionProps } from './FeaturesRatafiaSectionProps.types'
+// import './FeaturesRatafiaSection.scss'
+
+const FeaturesRatafiaSection: FC<FeaturesRatafiaSectionProps> = ({ content, children }) => {
+  return (
+    <section className='features-ratafia-section'>
+      <div className='features-ratafia-section__wrapper'>
+        <div className='features-ratafia-section__wrapper__content'>
+          <FeaturesRatafiaContent
+            title={content.title}
+            description={content.description}
+            notReleasedText={content.notReleasedText}
+            features={content.features}
+          />
+        </div>
+        <span className='features-ratafia-section__wrapper__children'>{children}</span>
+      </div>
+    </section>
+  )
+}
+
+export default FeaturesRatafiaSection

package/dist/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSectionProps.types.js

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

package/dist/src/components/sections/FeaturesRatafiaSection/FeaturesRatafiaSectionProps.types.ts

@@ -0,0 +1,6 @@
+import { type FeaturesRatafiaContentProps } from '../../organisms'
+
+export interface FeaturesRatafiaSectionProps {
+  content: FeaturesRatafiaContentProps
+  children?: React.ReactNode
+}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { GuidelinesContent } from '../../organisms/GuidelinesContent';
+// import './GuidelinesSection.scss'
+const GuidelinesSection = ({ contentGuidelines }) => {
+    return (_jsx("section", { className: 'guidelines-section wrapper wrapper--responsive', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, children: contentGuidelines.children }) }));
+};
+export default GuidelinesSection;

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

@@ -0,0 +1,11 @@
+@import '../../../globalStyles/variables.scss';
+@import '../../../globalStyles/mediaqueries.scss';
+
+.guidelines-section {
+  display: flex;
+  flex-direction: column;
+
+  @include landscape-tablets {
+    flex-flow: row nowrap;
+  }
+}

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

@@ -0,0 +1,17 @@
+import React, { type FC } from 'react'
+
+import { GuidelinesContent } from '../../organisms/GuidelinesContent'
+import { type GuidelinesSectionProps } from './GuidelinesSectionProps.types'
+// import './GuidelinesSection.scss'
+
+const GuidelinesSection: FC<GuidelinesSectionProps> = ({ contentGuidelines }) => {
+  return (
+    <section className='guidelines-section wrapper wrapper--responsive'>
+      <GuidelinesContent title={contentGuidelines.title} image={contentGuidelines.image}>
+        {contentGuidelines.children}
+      </GuidelinesContent>
+    </section>
+  )
+}
+
+export default GuidelinesSection

package/dist/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.js

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

package/dist/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.ts

@@ -0,0 +1,5 @@
+import { type GuidelinesContentProps } from '../../organisms/GuidelinesContent'
+
+export interface GuidelinesSectionProps {
+  contentGuidelines: GuidelinesContentProps
+}

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

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

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

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

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

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

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

@@ -0,0 +1,10 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ListStepsGetForm } from '../../organisms';
+import imageFile from '../../../../images/png/graphics-grey-02.png';
+// import './HowGetYourFormsSection.scss'
+const HowGetYourFormsSection = ({ title = '', steps = [], hasBackgroundImage = true }) => {
+    if (steps.length === 0)
+        return null;
+    return (_jsxs("section", { className: 'how-it-works-wrapper', style: hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}, children: [_jsx("p", { className: 'works-title serif --super-large', children: title }), _jsx(ListStepsGetForm, { steps: steps })] }));
+};
+export default HowGetYourFormsSection;

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

@@ -0,0 +1,26 @@
+@import '../../../globalStyles/variables.scss';
+@import '../../../globalStyles/mediaqueries.scss';
+
+.how-it-works-wrapper {
+  background-color: get-color(neutral, neutral-6);
+
+  @include laptop {
+    background-repeat: no-repeat;
+    background-position: top right;
+    background-size: 21rem;
+  }
+
+  @media only screen and (max-width: #{$md}) {
+    background-image: none !important;
+  }
+
+  .works-title {
+    width: auto;
+    font-family: $font-serif;
+    text-align: center;
+    padding-top: 4rem;
+    @media only screen and (max-width: #{$md}) {
+      padding-top: 2.5rem;
+    }
+  }
+}

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

@@ -0,0 +1,25 @@
+import React from 'react'
+
+import { type HowGetYourFormsSectionProps } from './HowGetYourFormsSectionProps.types'
+import { ListStepsGetForm } from '../../organisms'
+import imageFile from '../../../../images/png/graphics-grey-02.png'
+// import './HowGetYourFormsSection.scss'
+
+const HowGetYourFormsSection: React.FC<HowGetYourFormsSectionProps> = ({
+  title = '',
+  steps = [],
+  hasBackgroundImage = true
+}) => {
+  if (steps.length === 0) return null
+  return (
+    <section
+      className='how-it-works-wrapper'
+      style={hasBackgroundImage ? { backgroundImage: `url(${imageFile})` } : {}}
+    >
+      <p className='works-title serif --super-large'>{title}</p>
+      <ListStepsGetForm steps={steps} />
+    </section>
+  )
+}
+
+export default HowGetYourFormsSection

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSectionProps.types.js

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

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSectionProps.types.ts

@@ -0,0 +1,7 @@
+import { type StepGetFormProps } from '../../molecules'
+
+export interface HowGetYourFormsSectionProps {
+  title: string
+  steps: StepGetFormProps[]
+  hasBackgroundImage: boolean
+}

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

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

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

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

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { JumbotronRatafiaContent } from '../../organisms/JumbotronRatafiaContent';
+// import './JumbotronRatafiaSection.scss'
+const JumbotronRatafiaSection = ({ content, children }) => {
+    return (_jsx("section", { className: 'jumbotron-ratafia-section background-ratafia-animation', id: 'ratafia-jumbotron', children: _jsxs("div", { className: 'jumbotron-ratafia-section__wrapper', children: [_jsx(JumbotronRatafiaContent, { title: content.title, tags: content.tags, body: content.body }), _jsx("span", { className: 'jumbotron-ratafia-section__wrapper__children', children: children })] }) }));
+};
+export default JumbotronRatafiaSection;

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

@@ -0,0 +1,41 @@
+@import '../../../globalStyles/mediaqueries.scss';
+
+.jumbotron-ratafia-section {
+  display: flex;
+  justify-content: center;
+  align-content: center;
+
+  width: 100%;
+
+  padding: 2.5rem 1.5rem 6.5rem 1.5rem;
+
+  @include desktop {
+    padding: 5rem 2rem 6.5rem 2rem;
+  }
+  @include desktop-xl {
+    padding: 5rem 7.5rem 6.5rem 7.5rem;
+  }
+
+  &__wrapper {
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    align-items: center;
+    align-self: stretch;
+
+    gap: 2.5rem;
+
+    max-width: 1200px;
+
+    @include landscape-tablets {
+      flex-direction: row;
+    }
+    @include desktop-xl {
+      gap: 5rem;
+    }
+
+    &__children {
+      flex: none;
+    }
+  }
+}

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

@@ -0,0 +1,18 @@
+import React, { type FC } from 'react'
+
+import { JumbotronRatafiaContent } from '../../organisms/JumbotronRatafiaContent'
+import { type JumbotronRatafiaSectionProps } from './JumbotronRatafiaSectionProps.types'
+// import './JumbotronRatafiaSection.scss'
+
+const JumbotronRatafiaSection: FC<JumbotronRatafiaSectionProps> = ({ content, children }) => {
+  return (
+    <section className='jumbotron-ratafia-section background-ratafia-animation' id='ratafia-jumbotron'>
+      <div className='jumbotron-ratafia-section__wrapper'>
+        <JumbotronRatafiaContent title={content.title} tags={content.tags} body={content.body} />
+        <span className='jumbotron-ratafia-section__wrapper__children'>{children}</span>
+      </div>
+    </section>
+  )
+}
+
+export default JumbotronRatafiaSection

package/dist/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSectionProps.types.js

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

package/dist/src/components/sections/JumbotronRatafiaSection/JumbotronRatafiaSectionProps.types.ts

@@ -0,0 +1,6 @@
+import { type JumbotronRatafiaContentProps } from '../../organisms'
+
+export interface JumbotronRatafiaSectionProps {
+  content: JumbotronRatafiaContentProps
+  children?: React.ReactNode
+}

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Tagline } from '../../atoms';
+// import './JumbotronSimplifiedSection.scss'
+export const JumbotronSimplifiedSection = ({ wrapperClassName = '', taglineProps, title, children }) => {
+    return (_jsx("section", { className: `jumbotron--simplified ${wrapperClassName}`, children: _jsxs("div", { className: 'wrapper wrapper--responsive', children: [_jsx(Tagline, { ...taglineProps }), _jsx("h1", { className: 'serif jumbotron--simplified__title', children: title }), children] }) }));
+};

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

@@ -0,0 +1,41 @@
+@import '../../../globalStyles/variables.scss';
+@import '../../../globalStyles/mediaqueries.scss';
+
+.jumbotron--simplified {
+  background: get-color(primary, main-light-6);
+  margin-bottom: -12rem;
+  text-align: center;
+  padding-bottom: 13rem;
+
+  @include landscape-tablets {
+    padding: 1.125rem 0 14.875rem;
+  }
+}
+
+.jumbotron--simplified__title {
+  font-size: 1.75rem;
+  line-height: 2.25rem;
+  margin-bottom: 0.5rem;
+
+  @include landscape-tablets {
+    font-size: 2.25rem;
+    line-height: 3rem;
+  }
+
+  @include desktop {
+    font-size: 3rem;
+    line-height: 3.375rem;
+  }
+}
+
+.jumbotron--simplified__subtitle {
+  color: get-color(neutral, neutral-1);
+  font-size: 1rem;
+  line-height: 1.5rem;
+
+  @include desktop {
+    font-size: 1rem;
+    margin: 0 auto;
+    max-width: 49rem;
+  }
+}

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

@@ -0,0 +1,22 @@
+import React, { type FC } from 'react'
+
+import { type JumbotronSimplifiedSectionProps } from './JumbotronSimplifiedSectionProps.types'
+import { Tagline } from '../../atoms'
+// import './JumbotronSimplifiedSection.scss'
+
+export const JumbotronSimplifiedSection: FC<JumbotronSimplifiedSectionProps> = ({
+  wrapperClassName = '',
+  taglineProps,
+  title,
+  children
+}) => {
+  return (
+    <section className={`jumbotron--simplified ${wrapperClassName}`}>
+      <div className='wrapper wrapper--responsive'>
+        <Tagline {...taglineProps} />
+        <h1 className='serif jumbotron--simplified__title'>{title}</h1>
+        {children}
+      </div>
+    </section>
+  )
+}

package/dist/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSectionProps.types.js

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

package/dist/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSectionProps.types.ts

@@ -0,0 +1,10 @@
+import type React from 'react'
+
+import { type TaglineProps } from '../../atoms'
+
+export interface JumbotronSimplifiedSectionProps {
+  title: string
+  wrapperClassName?: string
+  taglineProps: TaglineProps
+  children?: React.ReactNode
+}

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

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

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

@@ -0,0 +1,2 @@
+export { JumbotronSimplifiedSection } from './JumbotronSimplifiedSection'
+export type { JumbotronSimplifiedSectionProps } from './JumbotronSimplifiedSectionProps.types'

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Button } from '../../atoms';
+// import './LearnMoreSection.scss'
+const LearnMoreSection = ({ title, description, cta, faqs }) => {
+    return (_jsx("section", { className: 'learn-more__wrapper', children: _jsxs("div", { className: 'wrapper', children: [_jsxs("div", { className: 'learn-more__info', children: [_jsx("h2", { className: 'learn-more__title serif --super-large', children: title }), _jsx("p", { className: 'learn-more__description sans-serif --regular', children: description })] }), _jsxs("div", { className: 'learn-more__faqs', children: [_jsx("ul", { children: faqs }), _jsx(Button, { dataQa: '', color: 'primary3', label: cta, link: '/faqs/' })] })] }) }));
+};
+export default LearnMoreSection;