@npm_leadtech/legal-lib-components 7.0.1 → 7.0.3

package/dist/src/components/organisms/HeroContent/HeroContentPropsProps.types.js

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

package/dist/src/components/organisms/HeroContent/index.d.ts

@@ -1,2 +0,0 @@
-export { default as HeroContent } from './HeroContent';
-export { type HeroContentProps } from './HeroContentPropsProps.types';

package/dist/src/components/organisms/HeroContent/index.js

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

package/dist/src/components/organisms/HeroContent/index.ts

@@ -1,2 +0,0 @@
-export { default as HeroContent } from './HeroContent'
-export { type HeroContentProps } from './HeroContentPropsProps.types'

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardBoxFeaturedSection, CardBoxMinimalSection, FaqSection, HeroSection } from '../../sections';
-import { BenefitCard } from '../../atoms';
-import { PlanBoxPricingSubscriptionCard } from '../../molecules';
-import { PricingPageStyled } from './PricingPage.styled';
-export const PricingPage = ({ benefitsContent, faqsContent, helpResourcesCards, pricingPlanContent, pricingSection, supportContent }) => {
-    return (_jsxs(PricingPageStyled, { children: [pricingSection != null && _jsx(HeroSection, { ...pricingSection }), _jsxs("div", { className: 'pricing-plans wrapper wrapper--responsive', children: [pricingPlanContent?.title && _jsx("div", { className: 'pricing-plans__title', children: pricingPlanContent.title }), _jsx("div", { className: 'pricing-plans__cards', children: pricingPlanContent?.plans?.length > 0 &&
-                            pricingPlanContent?.plans?.map((plan) => _jsx(PlanBoxPricingSubscriptionCard, { ...plan }, plan?.id)) })] }), _jsx(CardBoxMinimalSection, { cards: helpResourcesCards }), _jsxs("div", { className: 'benefits wrapper wrapper--responsive', children: [benefitsContent?.title && _jsx("div", { className: 'benefits__title', children: benefitsContent.title }), _jsx("div", { className: 'benefits__cards', children: benefitsContent?.cards?.length > 0 &&
-                            benefitsContent?.cards?.map((card) => _jsx(BenefitCard, { hasShadow: false, ...card }, card?.id)) })] }), _jsxs("div", { className: 'support-section', children: [supportContent?.title && (_jsxs("div", { className: 'support-section__content', children: [_jsx("h2", { children: supportContent.title }), supportContent.description] })), _jsx(CardBoxFeaturedSection, { cards: supportContent.cards })] }), _jsx(FaqSection, { groups: faqsContent?.groups, givenClass: 'faqs-section' })] }));
-};

package/dist/src/components/pages/PricingPage/PricingPage.styled.d.ts

@@ -1 +0,0 @@
-export declare const PricingPageStyled: 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/PricingPage/PricingPage.styled.js

@@ -1,98 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PricingPageStyled = styled.div `
-  width: 100%;
-  .pricing-plans {
-    align-items: center;
-    display: flex;
-    flex-flow: column nowrap;
-    gap: 2rem;
-    margin-bottom: 48px;
-    &__title {
-      color: var(--Neutral-800, var(--neutral-neutral-1));
-      font-size: 28px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-      margin-top: 48px;
-    }
-    &__cards {
-      display: flex;
-      flex-direction: column;
-      gap: 32px;
-
-      @media ${device.desktop} {
-        flex-direction: row;
-      }
-    }
-  }
-
-  .support-section {
-    margin-top: 48px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    &__content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      h2 {
-        color: var(--Neutral-800, var(--neutral-neutral-1));
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 32px;
-        letter-spacing: -0.3px;
-        margin-bottom: 24px;
-      }
-    }
-  }
-
-  .outer {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .benefits {
-    padding: 48px;
-    background: var(--primary-main-light-6);
-    border-radius: 16px;
-    margin-top: 48px;
-    &__title {
-      color: var(--Neutral-800, var(--neutral-neutral-1));
-      font-size: 28px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-      margin-bottom: 40px;
-    }
-    &__cards {
-      display: flex;
-      gap: 16px;
-      flex-direction: column;
-      width: 100%;
-
-      @media ${device.desktop} {
-        flex-direction: row;
-      }
-    }
-  }
-  .faqs-section {
-    max-width: inherit;
-    align-items: center;
-    padding-bottom: 80px;
-    padding-top: 48px;
-    background: var(--neutral-neutral-6);
-    > div {
-      width: 100%;
-      @media ${device.desktop} {
-        width: auto;
-        min-width: 1115px;
-      }
-    }
-  }
-`;

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

@@ -1,99 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PricingPageStyled = styled.div`
-  width: 100%;
-  .pricing-plans {
-    align-items: center;
-    display: flex;
-    flex-flow: column nowrap;
-    gap: 2rem;
-    margin-bottom: 48px;
-    &__title {
-      color: var(--Neutral-800, var(--neutral-neutral-1));
-      font-size: 28px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-      margin-top: 48px;
-    }
-    &__cards {
-      display: flex;
-      flex-direction: column;
-      gap: 32px;
-
-      @media ${device.desktop} {
-        flex-direction: row;
-      }
-    }
-  }
-
-  .support-section {
-    margin-top: 48px;
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    &__content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      h2 {
-        color: var(--Neutral-800, var(--neutral-neutral-1));
-        font-size: 28px;
-        font-style: normal;
-        font-weight: 700;
-        line-height: 32px;
-        letter-spacing: -0.3px;
-        margin-bottom: 24px;
-      }
-    }
-  }
-
-  .outer {
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  }
-
-  .benefits {
-    padding: 48px;
-    background: var(--primary-main-light-6);
-    border-radius: 16px;
-    margin-top: 48px;
-    &__title {
-      color: var(--Neutral-800, var(--neutral-neutral-1));
-      font-size: 28px;
-      font-style: normal;
-      font-weight: 700;
-      line-height: 32px;
-      letter-spacing: -0.3px;
-      margin-bottom: 40px;
-    }
-    &__cards {
-      display: flex;
-      gap: 16px;
-      flex-direction: column;
-      width: 100%;
-
-      @media ${device.desktop} {
-        flex-direction: row;
-      }
-    }
-  }
-  .faqs-section {
-    max-width: inherit;
-    align-items: center;
-    padding-bottom: 80px;
-    padding-top: 48px;
-    background: var(--neutral-neutral-6);
-    > div {
-      width: 100%;
-      @media ${device.desktop} {
-        width: auto;
-        min-width: 1115px;
-      }
-    }
-  }
-`

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

@@ -1,47 +0,0 @@
-import React from 'react'
-
-import { CardBoxFeaturedSection, CardBoxMinimalSection, FaqSection, HeroSection } from '../../sections'
-import { BenefitCard } from '../../atoms'
-import { PlanBoxPricingSubscriptionCard } from '../../molecules'
-import { PricingPageProps } from './PricingPageProps'
-import { PricingPageStyled } from './PricingPage.styled'
-
-export const PricingPage: React.FC<PricingPageProps> = ({
-  benefitsContent,
-  faqsContent,
-  helpResourcesCards,
-  pricingPlanContent,
-  pricingSection,
-  supportContent
-}) => {
-  return (
-    <PricingPageStyled>
-      {pricingSection != null && <HeroSection {...pricingSection} />}
-      <div className='pricing-plans wrapper wrapper--responsive'>
-        {pricingPlanContent?.title && <div className='pricing-plans__title'>{pricingPlanContent.title}</div>}
-        <div className='pricing-plans__cards'>
-          {pricingPlanContent?.plans?.length > 0 &&
-            pricingPlanContent?.plans?.map((plan) => <PlanBoxPricingSubscriptionCard key={plan?.id} {...plan} />)}
-        </div>
-      </div>
-      <CardBoxMinimalSection cards={helpResourcesCards} />
-      <div className='benefits wrapper wrapper--responsive'>
-        {benefitsContent?.title && <div className='benefits__title'>{benefitsContent.title}</div>}
-        <div className='benefits__cards'>
-          {benefitsContent?.cards?.length > 0 &&
-            benefitsContent?.cards?.map((card) => <BenefitCard hasShadow={false} key={card?.id} {...card} />)}
-        </div>
-      </div>
-      <div className='support-section'>
-        {supportContent?.title && (
-          <div className='support-section__content'>
-            <h2>{supportContent.title}</h2>
-            {supportContent.description}
-          </div>
-        )}
-        <CardBoxFeaturedSection cards={supportContent.cards} />
-      </div>
-      <FaqSection groups={faqsContent?.groups} givenClass='faqs-section' />
-    </PricingPageStyled>
-  )
-}

package/dist/src/components/pages/PricingPage/PricingPageProps.d.ts

@@ -1,29 +0,0 @@
-import { BenefitCardProps, CardBoxProps } from 'src/components/atoms';
-import { FaqGroupProps } from 'src/components/organisms';
-import { HeroSectionProps } from 'src/components/sections';
-import { PlanBoxPricingSubscriptionCardProps } from 'src/components/molecules';
-interface BenefitContent {
-    title: string;
-    cards: BenefitCardProps[];
-}
-interface FaqsContent {
-    groups: FaqGroupProps[];
-}
-interface PricingPlanContent {
-    title: string;
-    plans: PlanBoxPricingSubscriptionCardProps[];
-}
-interface SupportContent {
-    title: string;
-    description: string;
-    cards: CardBoxProps[];
-}
-export interface PricingPageProps {
-    benefitsContent: BenefitContent;
-    faqsContent: FaqsContent;
-    helpResourcesCards: CardBoxProps[];
-    supportContent: SupportContent;
-    pricingPlanContent: PricingPlanContent;
-    pricingSection: HeroSectionProps;
-}
-export {};

package/dist/src/components/pages/PricingPage/PricingPageProps.js

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

package/dist/src/components/pages/PricingPage/PricingPageProps.ts

@@ -1,33 +0,0 @@
-import { BenefitCardProps, CardBoxProps } from 'src/components/atoms'
-import { FaqGroupProps } from 'src/components/organisms'
-import { HeroSectionProps } from 'src/components/sections'
-import { PlanBoxPricingSubscriptionCardProps } from 'src/components/molecules'
-
-interface BenefitContent {
-  title: string
-  cards: BenefitCardProps[]
-}
-
-interface FaqsContent {
-  groups: FaqGroupProps[]
-}
-
-interface PricingPlanContent {
-  title: string
-  plans: PlanBoxPricingSubscriptionCardProps[]
-}
-
-interface SupportContent {
-  title: string
-  description: string
-  cards: CardBoxProps[]
-}
-
-export interface PricingPageProps {
-  benefitsContent: BenefitContent
-  faqsContent: FaqsContent
-  helpResourcesCards: CardBoxProps[]
-  supportContent: SupportContent
-  pricingPlanContent: PricingPlanContent
-  pricingSection: HeroSectionProps
-}

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

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

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

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

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

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

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

@@ -1,4 +0,0 @@
-import React from 'react';
-import { type CardBoxSectionProps } from './CardBoxSectionProps';
-export declare const CardBoxMinimalSection: React.FC<CardBoxSectionProps>;
-export declare const CardBoxFeaturedSection: React.FC<CardBoxSectionProps>;

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

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { CardBoxFeaturedSectionStyled, CardBoxMinimalSectionStyled } from './CardBoxSection.styled';
-import { CardBox } from '../../atoms';
-export const CardBoxMinimalSection = ({ cards }) => {
-    return (_jsx(CardBoxMinimalSectionStyled, { children: cards?.map(({ text, icon }, index) => _jsx(CardBox, { text: text, icon: icon }, `${index}-${text}`)) }));
-};
-export const CardBoxFeaturedSection = ({ cards }) => {
-    return (_jsx(CardBoxFeaturedSectionStyled, { children: cards?.map(({ text, icon }, index) => (_jsx(CardBox, { text: text, icon: icon, padding: '16px', gap: '0.5rem', borderRadius: '8px' }, `${index}-${text}`))) }));
-};

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

@@ -1,2 +0,0 @@
-export declare const CardBoxMinimalSectionStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CardBoxFeaturedSectionStyled: 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/sections/CardBoxSection/CardBoxSection.styled.js

@@ -1,33 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const CardBoxMinimalSectionStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 48px 24px;
-  gap: 16px;
-  align-self: stretch;
-  background: var(--neutral-neutral-6);
-
-  @media ${device['landscape-tablets']} {
-    flex-direction: row;
-  }
-`;
-export const CardBoxFeaturedSectionStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 24px 24px;
-  gap: 16px;
-  background: var(--neutral-neutral-6);
-  border-radius: 16px;
-  margin-bottom: 80px;
-  margin-top: 32px;
-  @media ${device.desktop} {
-    min-width: 1200px;
-  }
-
-  @media ${device['landscape-tablets']} {
-    flex-direction: row;
-  }
-`;

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

@@ -1,35 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const CardBoxMinimalSectionStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 48px 24px;
-  gap: 16px;
-  align-self: stretch;
-  background: var(--neutral-neutral-6);
-
-  @media ${device['landscape-tablets']} {
-    flex-direction: row;
-  }
-`
-
-export const CardBoxFeaturedSectionStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  padding: 24px 24px;
-  gap: 16px;
-  background: var(--neutral-neutral-6);
-  border-radius: 16px;
-  margin-bottom: 80px;
-  margin-top: 32px;
-  @media ${device.desktop} {
-    min-width: 1200px;
-  }
-
-  @media ${device['landscape-tablets']} {
-    flex-direction: row;
-  }
-`

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

@@ -1,23 +0,0 @@
-import React from 'react'
-
-import { CardBoxFeaturedSectionStyled, CardBoxMinimalSectionStyled } from './CardBoxSection.styled'
-import { CardBox } from '../../atoms'
-import { type CardBoxSectionProps } from './CardBoxSectionProps'
-
-export const CardBoxMinimalSection: React.FC<CardBoxSectionProps> = ({ cards }) => {
-  return (
-    <CardBoxMinimalSectionStyled>
-      {cards?.map(({ text, icon }, index) => <CardBox key={`${index}-${text}`} text={text} icon={icon} />)}
-    </CardBoxMinimalSectionStyled>
-  )
-}
-
-export const CardBoxFeaturedSection: React.FC<CardBoxSectionProps> = ({ cards }) => {
-  return (
-    <CardBoxFeaturedSectionStyled>
-      {cards?.map(({ text, icon }, index) => (
-        <CardBox key={`${index}-${text}`} text={text} icon={icon} padding='16px' gap='0.5rem' borderRadius='8px' />
-      ))}
-    </CardBoxFeaturedSectionStyled>
-  )
-}

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.d.ts

@@ -1,4 +0,0 @@
-import { CardBoxProps } from 'src/components/atoms';
-export interface CardBoxSectionProps {
-    cards: CardBoxProps[];
-}

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.js

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

package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.ts

@@ -1,5 +0,0 @@
-import { CardBoxProps } from 'src/components/atoms'
-
-export interface CardBoxSectionProps {
-  cards: CardBoxProps[]
-}

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

@@ -1,2 +0,0 @@
-export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection';
-export { type CardBoxSectionProps } from './CardBoxSectionProps';

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

@@ -1 +0,0 @@
-export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection';

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

@@ -1,2 +0,0 @@
-export { CardBoxFeaturedSection, CardBoxMinimalSection } from './CardBoxSection'
-export { type CardBoxSectionProps } from './CardBoxSectionProps'

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { HeroContent } from '../../organisms/HeroContent';
-import { HeroSectionStyled } from './HeroSectionStyled.styled';
-const HeroSection = ({ title, subTitle, content }) => {
-    return (_jsx(HeroSectionStyled, { className: 'hero-section', children: _jsxs("div", { className: 'wrapper wrapper--responsive', children: [_jsx("div", { className: 'hero-section__title', children: _jsx("span", { className: 'hero-section__title__text', children: title }) }), Boolean(subTitle) && _jsx("h1", { className: 'hero-section__sub-title', children: subTitle }), _jsx(HeroContent, { image: content.image, button: content?.button, children: content.children })] }) }));
-};
-export default HeroSection;

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

@@ -1,24 +0,0 @@
-import React, { type FC } from 'react'
-
-import { HeroContent } from '../../organisms/HeroContent'
-import { type HeroSectionProps } from './HeroSectionProps.types'
-import { HeroSectionStyled } from './HeroSectionStyled.styled'
-
-const HeroSection: FC<HeroSectionProps> = ({ title, subTitle, content }) => {
-  return (
-    <HeroSectionStyled className='hero-section'>
-      <div className='wrapper wrapper--responsive'>
-        <div className='hero-section__title'>
-          <span className='hero-section__title__text'>{title}</span>
-        </div>
-        {Boolean(subTitle) && <h1 className='hero-section__sub-title'>{subTitle}</h1>}
-
-        <HeroContent image={content.image} button={content?.button}>
-          {content.children}
-        </HeroContent>
-      </div>
-    </HeroSectionStyled>
-  )
-}
-
-export default HeroSection

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.d.ts

@@ -1,6 +0,0 @@
-import { type HeroContentProps } from '../../organisms/HeroContent';
-export interface HeroSectionProps {
-    title: string;
-    subTitle?: string;
-    content: HeroContentProps;
-}

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.js

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

package/dist/src/components/sections/HeroSection/HeroSectionProps.types.ts

@@ -1,7 +0,0 @@
-import { type HeroContentProps } from '../../organisms/HeroContent'
-
-export interface HeroSectionProps {
-  title: string
-  subTitle?: string
-  content: HeroContentProps
-}

package/dist/src/components/sections/HeroSection/HeroSectionStyled.styled.d.ts

@@ -1 +0,0 @@
-export declare const HeroSectionStyled: 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/sections/HeroSection/index.d.ts

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

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

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

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

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