@npm_leadtech/legal-lib-components 7.5.4 → 7.5.6

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.ts

@@ -1,30 +0,0 @@
-import { device } from '../../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const RatafiaCardHeaderStyled = styled.div`
-  display: flex;
-  flex-flow: row wrap;
-  align-items: center;
-  justify-content: space-between;
-  gap: 0.5rem var(--global-gap);
-
-  @media ${device.mobile} {
-    flex-direction: column;
-    align-items: start;
-  }
-
-  .subscription-card {
-    &__title {
-      display: flex;
-      flex-flow: row nowrap;
-      align-items: center;
-      gap: 0.5rem;
-      color: var(--neutral-neutral-1);
-      font-weight: bold;
-    }
-
-    &__price-text {
-      font-size: 0.875rem;
-    }
-  }
-`

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx

@@ -1,20 +0,0 @@
-import React from 'react'
-
-import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms'
-import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled'
-
-export const RatafiaCardHeader: React.FC<{ title: string; iconTitle?: { url: string }; priceText?: string }> = ({
-  title,
-  iconTitle,
-  priceText
-}) => (
-  <RatafiaCardHeaderStyled>
-    {title ?? (
-      <div className='subscription-card__title'>
-        {iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
-        <RichTextStrapi html={title} />
-      </div>
-    )}
-    {priceText && <div className='subscription-card__price-text'>{priceText}</div>}
-  </RatafiaCardHeaderStyled>
-)

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js

@@ -1,14 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardBody } from '../CardBody';
-import { CardFooter } from '../CardFooter';
-import { RatafiaCardHeader } from './RatafiaCardHeader';
-import { SubscriptionCardStyled } from '../SubscriptionCard.styled';
-import { stringSlugify } from '../../../../utils/stringSlugify';
-const RatafiaSubscriptionCard = ({ buttonText, cardStyle = 'primary', features, dataQa, handleClick, iconTitle, priceText, title }) => {
-    if (!title)
-        return null;
-    const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary';
-    const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
-    return (_jsxs(SubscriptionCardStyled, { className: `subscription-card ${finalCardClass}`, children: [_jsx(RatafiaCardHeader, { title: title, iconTitle: iconTitle, priceText: priceText }), _jsx("hr", {}), _jsx(CardBody, { features: features }), _jsx(CardFooter, { buttonText: buttonText, dataQa: dataQa, onClick: handleClick, buttonStyle: finalButtonStyle })] }));
-};
-export default RatafiaSubscriptionCard;

package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx

@@ -1,34 +0,0 @@
-import React from 'react'
-
-import { CardBody } from '../CardBody'
-import { CardFooter } from '../CardFooter'
-import { RatafiaCardHeader } from './RatafiaCardHeader'
-import { RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCardProps.types'
-import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
-import { stringSlugify } from '../../../../utils/stringSlugify'
-
-const RatafiaSubscriptionCard: React.FC<RatafiaSubscriptionCardProps> = ({
-  buttonText,
-  cardStyle = 'primary',
-  features,
-  dataQa,
-  handleClick,
-  iconTitle,
-  priceText,
-  title
-}) => {
-  if (!title) return null
-
-  const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
-  const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
-  return (
-    <SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
-      <RatafiaCardHeader title={title} iconTitle={iconTitle} priceText={priceText} />
-      <hr />
-      <CardBody features={features} />
-      <CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
-    </SubscriptionCardStyled>
-  )
-}
-
-export default RatafiaSubscriptionCard

package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.d.ts

@@ -1 +0,0 @@
-export declare const SubscriptionCardStyled: 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/molecules/SubscriptionCard/index.d.ts

@@ -1,4 +0,0 @@
-export { default as RatafiaSubscriptionCard } from './RatafiaSubscriptionCard/RatafiaSubscriptionCard';
-export { type RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
-export { default as PlanBoxPricingSubscriptionCard } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard';
-export { type PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types';

package/dist/src/components/molecules/SubscriptionCard/index.js

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

package/dist/src/components/molecules/SubscriptionCard/index.ts

@@ -1,4 +0,0 @@
-export { default as RatafiaSubscriptionCard } from './RatafiaSubscriptionCard/RatafiaSubscriptionCard'
-export { type RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
-export { default as PlanBoxPricingSubscriptionCard } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard'
-export { type PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types'

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

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

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

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-import { HeroContentStyled } from './HeroContent.styled';
-const HeroContent = ({ children, image, button }) => {
-    return (_jsxs(HeroContentStyled, { children: [_jsx("div", { className: 'hero-content__image', children: image }), _jsxs("div", { className: 'hero-content__body', children: [children, button != null && (_jsx("div", { className: 'hero-content__body__button', children: _jsx(Button, { ...button }) }))] })] }));
-};
-export default HeroContent;

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

@@ -1 +0,0 @@
-export declare const HeroContentStyled: 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/organisms/HeroContent/HeroContent.tsx

@@ -1,23 +0,0 @@
-import React, { type FC } from 'react'
-
-import { Button } from '../../atoms'
-import { type HeroContentProps } from './HeroContentPropsProps.types'
-import { HeroContentStyled } from './HeroContent.styled'
-
-const HeroContent: FC<HeroContentProps> = ({ children, image, button }) => {
-  return (
-    <HeroContentStyled>
-      <div className={'hero-content__image'}>{image}</div>
-      <div className={'hero-content__body'}>
-        {children}
-        {button != null && (
-          <div className={'hero-content__body__button'}>
-            <Button {...button} />
-          </div>
-        )}
-      </div>
-    </HeroContentStyled>
-  )
-}
-
-export default HeroContent

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("h2", { 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 }), _jsx("div", { className: 'wrapper wrapper--responsive', children: _jsxs("div", { className: 'benefits', children: [benefitsContent?.title && _jsx("h2", { className: 'benefits__title', children: benefitsContent.title }), _jsx("div", { className: 'benefits__cards', children: benefitsContent?.benefitsList?.length > 0 &&
-                                benefitsContent?.benefitsList?.map((benefit) => (_jsx(BenefitCard, { hasShadow: false, ...benefit }, benefit?.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?.benefitsList })] }), _jsx("div", { className: 'faqs-section', children: _jsx(FaqSection, { groups: faqsContent?.faqItems, givenClass: 'faqs-section__content wrapper wrapper--responsive' }) })] }));
-};

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,127 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints';
-import styled from 'styled-components';
-export const PricingPageStyled = styled.div `
-  width: 100%;
-  .hero-section {
-    .hero-content__image {
-      .gatsby-image-wrapper {
-        min-height: 360px;
-        max-height: 360px;
-        @media ${device['portrait-tablets']} {
-          min-height: auto;
-        }
-      }
-    }
-  }
-
-  .pricing-plans {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    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;
-      text-align: center;
-    }
-
-    .subscription-card__feature {
-      margin-bottom: 1rem;
-      &.ratafia-feature {
-        padding: 0.5rem;
-      }
-    }
-
-    .subscription-card__button {
-      flex: inherit;
-    }
-
-    .primary {
-      .subscription-card__feature {
-        &.ratafia-feature {
-          background-color: var(--primary-main-light-5);
-        }
-      }
-    }
-    &__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;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    &__content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      text-align: 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;
-      }
-    }
-  }
-
-  .benefits {
-    padding: 48px;
-    background: var(--primary-main-light-6);
-    border-radius: 16px;
-    margin-top: 48px;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    &__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.laptop} {
-        flex-direction: row;
-      }
-    }
-  }
-  .faqs-section {
-    max-width: inherit;
-    align-items: center;
-    padding-bottom: 80px;
-    padding-top: 48px;
-    background: var(--neutral-neutral-6);
-    &__content {
-      max-width: 1200px;
-    }
-  }
-`;

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

@@ -1,128 +0,0 @@
-import { device } from '../../../globalStyles/breakpoints'
-import styled from 'styled-components'
-
-export const PricingPageStyled = styled.div`
-  width: 100%;
-  .hero-section {
-    .hero-content__image {
-      .gatsby-image-wrapper {
-        min-height: 360px;
-        max-height: 360px;
-        @media ${device['portrait-tablets']} {
-          min-height: auto;
-        }
-      }
-    }
-  }
-
-  .pricing-plans {
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    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;
-      text-align: center;
-    }
-
-    .subscription-card__feature {
-      margin-bottom: 1rem;
-      &.ratafia-feature {
-        padding: 0.5rem;
-      }
-    }
-
-    .subscription-card__button {
-      flex: inherit;
-    }
-
-    .primary {
-      .subscription-card__feature {
-        &.ratafia-feature {
-          background-color: var(--primary-main-light-5);
-        }
-      }
-    }
-    &__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;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    &__content {
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-      text-align: 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;
-      }
-    }
-  }
-
-  .benefits {
-    padding: 48px;
-    background: var(--primary-main-light-6);
-    border-radius: 16px;
-    margin-top: 48px;
-    padding-left: 1.5rem;
-    padding-right: 1.5rem;
-    &__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.laptop} {
-        flex-direction: row;
-      }
-    }
-  }
-  .faqs-section {
-    max-width: inherit;
-    align-items: center;
-    padding-bottom: 80px;
-    padding-top: 48px;
-    background: var(--neutral-neutral-6);
-    &__content {
-      max-width: 1200px;
-    }
-  }
-`

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

@@ -1,53 +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 && <h2 className='pricing-plans__title'>{pricingPlanContent.title}</h2>}
-        <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='wrapper wrapper--responsive'>
-        <div className='benefits'>
-          {benefitsContent?.title && <h2 className='benefits__title'>{benefitsContent.title}</h2>}
-          <div className='benefits__cards'>
-            {benefitsContent?.benefitsList?.length > 0 &&
-              benefitsContent?.benefitsList?.map((benefit) => (
-                <BenefitCard hasShadow={false} key={benefit?.id} {...benefit} />
-              ))}
-          </div>
-        </div>
-      </div>
-      <div className='support-section'>
-        {supportContent?.title && (
-          <div className='support-section__content'>
-            <h2>{supportContent.title}</h2>
-            {supportContent.description}
-          </div>
-        )}
-        <CardBoxFeaturedSection cards={supportContent?.benefitsList} />
-      </div>
-      <div className='faqs-section'>
-        <FaqSection groups={faqsContent?.faqItems} givenClass='faqs-section__content wrapper wrapper--responsive' />
-      </div>
-    </PricingPageStyled>
-  )
-}

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

@@ -1,28 +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';
-export interface BenefitContentProps {
-    title: string;
-    benefitsList: BenefitCardProps[];
-}
-export interface FaqsContentProps {
-    faqItems: FaqGroupProps[];
-}
-export interface PricingPlanContentProps {
-    title: string;
-    plans: PlanBoxPricingSubscriptionCardProps[];
-}
-export interface SupportContentProps {
-    title: string;
-    description: string;
-    benefitsList: CardBoxProps[];
-}
-export interface PricingPageProps {
-    benefitsContent: BenefitContentProps;
-    faqsContent: FaqsContentProps;
-    helpResourcesCards: CardBoxProps[];
-    supportContent: SupportContentProps;
-    pricingPlanContent: PricingPlanContentProps;
-    pricingSection: HeroSectionProps;
-}

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'
-
-export interface BenefitContentProps {
-  title: string
-  benefitsList: BenefitCardProps[]
-}
-
-export interface FaqsContentProps {
-  faqItems: FaqGroupProps[]
-}
-
-export interface PricingPlanContentProps {
-  title: string
-  plans: PlanBoxPricingSubscriptionCardProps[]
-}
-
-export interface SupportContentProps {
-  title: string
-  description: string
-  benefitsList: CardBoxProps[]
-}
-
-export interface PricingPageProps {
-  benefitsContent: BenefitContentProps
-  faqsContent: FaqsContentProps
-  helpResourcesCards: CardBoxProps[]
-  supportContent: SupportContentProps
-  pricingPlanContent: PricingPlanContentProps
-  pricingSection: HeroSectionProps
-}

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

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

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

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

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

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

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, id }) => _jsx(CardBox, { text: text, icon: icon }, id)) }));
-};
-export const CardBoxFeaturedSection = ({ cards }) => {
-    return (_jsx(CardBoxFeaturedSectionStyled, { children: cards?.map(({ text, icon, id }) => (_jsx(CardBox, { text: text, icon: icon, padding: '16px', gap: '0.5rem', borderRadius: '8px' }, id))) }));
-};

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;
-  }
-`;