@npm_leadtech/legal-lib-components 7.0.4 → 7.0.5

package/dist/src/components/atoms/BenefitCard/BenefitCard.js

@@ -1,5 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { BenefitCardStyled } from './BenefitCardStyled.styled';
-export const BenefitCard = ({ description, hasShadow = true, hasBigFontSize = true, title, image }) => {
-    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image !== null && _jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: image }), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("h4", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
-};

package/dist/src/components/atoms/BenefitCard/BenefitCard.tsx

@@ -1,24 +0,0 @@
-import React from 'react'
-
-import { type BenefitCardProps } from './BenefitCardProps.types'
-import { BenefitCardStyled } from './BenefitCardStyled.styled'
-
-export const BenefitCard: React.FC<BenefitCardProps> = ({
-  description,
-  hasShadow = true,
-  hasBigFontSize = true,
-  title,
-  image
-}) => {
-  return (
-    <BenefitCardStyled className={`benefit-card ${hasShadow && 'has-shadow'}`}>
-      {image !== null && <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>{image}</div>}
-      <div className='benefit-card__content'>
-        <h4 className={`sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`}>
-          {title}
-        </h4>
-        <p className='sans-serif --medium benefit-ratafia-card__content__description'>{description}</p>
-      </div>
-    </BenefitCardStyled>
-  )
-}

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts

@@ -1,8 +0,0 @@
-export interface BenefitCardProps {
-  id: string
-  title: string
-  image?: React.ReactNode
-  description: string
-  hasShadow?: boolean
-  hasBigFontSize?: boolean
-}

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.d.ts

@@ -1 +0,0 @@
-export declare const BenefitCardStyled: 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/atoms/BenefitCard/index.d.ts

@@ -1,2 +0,0 @@
-export { BenefitCard } from './BenefitCard';
-export { type BenefitCardProps } from './BenefitCardProps.types';

package/dist/src/components/atoms/BenefitCard/index.js

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

package/dist/src/components/atoms/BenefitCard/index.ts

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

package/dist/src/components/atoms/CardBox/CardBox.d.ts

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

package/dist/src/components/atoms/CardBox/CardBox.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { CardBoxStyled } from './CardBox.styled';
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor';
-import { RichTextStrapi } from '../RichTextStrapi';
-export const CardBox = ({ icon, text, borderRadius = '16px', gap = '1rem', padding = '16px 24px', height = '24', width = '24' }) => {
-    return (_jsxs(CardBoxStyled, { style: { gap, padding, borderRadius }, children: [_jsx(IconSvgURLWithThemeColor, { url: icon, height: height, width: width }), _jsx(RichTextStrapi, { html: text })] }));
-};

package/dist/src/components/atoms/CardBox/CardBox.styled.d.ts

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

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-export const CardBoxStyled = styled.div `
-  display: flex;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 22px;
-  letter-spacing: -0.3px;
-  background-color: var(--others-white);
-  align-items: center;
-  flex: 1;
-  max-width: 592px;
-  a {
-    color: var(--primary-main);
-  }
-
-  i {
-    display: inline-block;
-    object-fit: contain;
-    flex-shrink: 0;
-  }
-`;

package/dist/src/components/atoms/CardBox/CardBox.styled.ts

@@ -1,23 +0,0 @@
-import styled from 'styled-components'
-
-export const CardBoxStyled = styled.div`
-  display: flex;
-  font-size: 16px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 22px;
-  letter-spacing: -0.3px;
-  background-color: var(--others-white);
-  align-items: center;
-  flex: 1;
-  max-width: 592px;
-  a {
-    color: var(--primary-main);
-  }
-
-  i {
-    display: inline-block;
-    object-fit: contain;
-    flex-shrink: 0;
-  }
-`

package/dist/src/components/atoms/CardBox/CardBox.tsx

@@ -1,23 +0,0 @@
-import React from 'react'
-
-import { type CardBoxProps } from './CardBoxProps.types'
-import { CardBoxStyled } from './CardBox.styled'
-import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
-import { RichTextStrapi } from '../RichTextStrapi'
-
-export const CardBox: React.FC<CardBoxProps> = ({
-  icon,
-  text,
-  borderRadius = '16px',
-  gap = '1rem',
-  padding = '16px 24px',
-  height = '24',
-  width = '24'
-}) => {
-  return (
-    <CardBoxStyled style={{ gap, padding, borderRadius }}>
-      <IconSvgURLWithThemeColor url={icon} height={height} width={width} />
-      <RichTextStrapi html={text} />
-    </CardBoxStyled>
-  )
-}

package/dist/src/components/atoms/CardBox/CardBoxProps.types.d.ts

@@ -1,9 +0,0 @@
-export interface CardBoxProps {
-    text: string;
-    icon: string;
-    borderRadius?: string;
-    padding?: string;
-    gap?: string;
-    height?: string;
-    width?: string;
-}

package/dist/src/components/atoms/CardBox/CardBoxProps.types.ts

@@ -1,9 +0,0 @@
-export interface CardBoxProps {
-  text: string
-  icon: string
-  borderRadius?: string
-  padding?: string
-  gap?: string
-  height?: string
-  width?: string
-}

package/dist/src/components/atoms/CardBox/index.d.ts

@@ -1,2 +0,0 @@
-export { CardBox } from './CardBox';
-export { type CardBoxProps } from './CardBoxProps.types';

package/dist/src/components/atoms/CardBox/index.js

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

package/dist/src/components/atoms/CardBox/index.ts

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

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

@@ -1,6 +0,0 @@
-import React from 'react';
-import { type FeatureProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
-export declare const CardBody: React.FC<{
-    hasPaddingMainFeature?: boolean;
-    features?: FeatureProps[];
-}>;

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

@@ -1,6 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms';
-const FeaturesList = ({ features, className }) => (_jsx(_Fragment, { children: features.map((feature) => (_jsxs("div", { className: `subscription-card__feature ${feature.isHighlighted ? 'ratafia-feature' : 'main-feature'} ${className}`, children: [feature.image?.url && _jsx(IconSvgURLWithThemeColor, { url: feature.image.url, height: '16', width: '16' }), _jsx(RichTextStrapi, { html: feature.title })] }, feature.title))) }));
-export const CardBody = ({ hasPaddingMainFeature = false, features }) => {
-    return (_jsx("div", { className: 'subscription-card__body', children: features && _jsx(FeaturesList, { features: features, className: `${hasPaddingMainFeature && 'has-padding'}` }) }));
-};

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

@@ -1,29 +0,0 @@
-import React from 'react'
-
-import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms'
-import { type FeatureProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
-
-const FeaturesList: React.FC<{ features: FeatureProps[]; className: string }> = ({ features, className }) => (
-  <>
-    {features.map((feature) => (
-      <div
-        key={feature.title}
-        className={`subscription-card__feature ${feature.isHighlighted ? 'ratafia-feature' : 'main-feature'} ${className}`}
-      >
-        {feature.image?.url && <IconSvgURLWithThemeColor url={feature.image.url} height='16' width='16' />}
-        <RichTextStrapi html={feature.title} />
-      </div>
-    ))}
-  </>
-)
-
-export const CardBody: React.FC<{
-  hasPaddingMainFeature?: boolean
-  features?: FeatureProps[]
-}> = ({ hasPaddingMainFeature = false, features }) => {
-  return (
-    <div className='subscription-card__body'>
-      {features && <FeaturesList features={features} className={`${hasPaddingMainFeature && 'has-padding'}`} />}
-    </div>
-  )
-}

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import { type Colors } from 'src/components/atoms/Button/ButtonProps.types';
-export declare const CardFooter: React.FC<{
-    buttonText?: string;
-    dataQa?: string;
-    onClick?: () => void;
-    buttonStyle: Colors;
-}>;

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

@@ -1,3 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Button } from '../../atoms';
-export const CardFooter = ({ buttonStyle, buttonText, dataQa, onClick }) => buttonText ? (_jsx("div", { className: 'subscription-card__footer', children: _jsx(Button, { dataQa: dataQa ?? 'subscription-card-button', givenClass: 'subscription-card__button', color: buttonStyle, label: buttonText, noLink: true, onClick: onClick }) })) : null;

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

@@ -1,23 +0,0 @@
-import React from 'react'
-
-import { Button } from '../../atoms'
-import { type Colors } from 'src/components/atoms/Button/ButtonProps.types'
-
-export const CardFooter: React.FC<{
-  buttonText?: string
-  dataQa?: string
-  onClick?: () => void
-  buttonStyle: Colors
-}> = ({ buttonStyle, buttonText, dataQa, onClick }) =>
-  buttonText ? (
-    <div className='subscription-card__footer'>
-      <Button
-        dataQa={dataQa ?? 'subscription-card-button'}
-        givenClass='subscription-card__button'
-        color={buttonStyle}
-        label={buttonText}
-        noLink
-        onClick={onClick}
-      />
-    </div>
-  ) : null

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.d.ts

@@ -1,6 +0,0 @@
-import React from 'react';
-export declare const PlanBoxPricingCardHeader: React.FC<{
-    title: string;
-    description?: string;
-    className?: string;
-}>;

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.js

@@ -1,3 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { PlanBoxPricingCardHeaderStyled } from './PlanBoxPricingCardHeader.styled';
-export const PlanBoxPricingCardHeader = ({ className, description, title }) => (_jsxs(PlanBoxPricingCardHeaderStyled, { children: [_jsx("div", { className: `title-plan-box ${className}`, children: title }), _jsx("div", { className: 'description-plan-box', children: description })] }));

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

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

@@ -1,30 +0,0 @@
-import styled from 'styled-components';
-export const PlanBoxPricingCardHeaderStyled = styled.div `
-  .title-plan-box {
-    display: inline-block;
-    margin-bottom: 1.5rem;
-    padding: 8px 16px;
-    border-radius: 8px;
-    background: var(--neutral-neutral-4);
-    color: var(--Neutral-800, var(--neutral-neutral-1));
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 24px;
-    letter-spacing: -0.3px;
-
-    &.secondary {
-      background: var(--secondary-main-light-2, #f5dab0);
-    }
-  }
-  .description-plan-box {
-    display: block;
-    margin-bottom: 1rem;
-    color: var(--Neutral-800, var(--neutral-neutral-1));
-    font-size: var(--properties-inter-medium-font-size, 16px);
-    font-style: normal;
-    font-weight: 700;
-    line-height: var(--properties-inter-medium-line-height, 22px); /* 137.5% */
-    letter-spacing: var(--properties-inter-medium-letter-spacing, -0.3px);
-  }
-`;

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.ts

@@ -1,31 +0,0 @@
-import styled from 'styled-components'
-
-export const PlanBoxPricingCardHeaderStyled = styled.div`
-  .title-plan-box {
-    display: inline-block;
-    margin-bottom: 1.5rem;
-    padding: 8px 16px;
-    border-radius: 8px;
-    background: var(--neutral-neutral-4);
-    color: var(--Neutral-800, var(--neutral-neutral-1));
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 24px;
-    letter-spacing: -0.3px;
-
-    &.secondary {
-      background: var(--secondary-main-light-2, #f5dab0);
-    }
-  }
-  .description-plan-box {
-    display: block;
-    margin-bottom: 1rem;
-    color: var(--Neutral-800, var(--neutral-neutral-1));
-    font-size: var(--properties-inter-medium-font-size, 16px);
-    font-style: normal;
-    font-weight: 700;
-    line-height: var(--properties-inter-medium-line-height, 22px); /* 137.5% */
-    letter-spacing: var(--properties-inter-medium-letter-spacing, -0.3px);
-  }
-`

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.tsx

@@ -1,14 +0,0 @@
-import React from 'react'
-
-import { PlanBoxPricingCardHeaderStyled } from './PlanBoxPricingCardHeader.styled'
-
-export const PlanBoxPricingCardHeader: React.FC<{ title: string; description?: string; className?: string }> = ({
-  className,
-  description,
-  title
-}) => (
-  <PlanBoxPricingCardHeaderStyled>
-    <div className={`title-plan-box ${className}`}>{title}</div>
-    <div className='description-plan-box'>{description}</div>
-  </PlanBoxPricingCardHeaderStyled>
-)

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

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

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

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

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

@@ -1,38 +0,0 @@
-import React from 'react'
-
-import { CardBody } from '../CardBody'
-import { CardFooter } from '../CardFooter'
-import { PlanBoxPricingCardHeader } from './PlanBoxPricingCardHeader'
-import { PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCardProps.types'
-import { PlanBoxPricingTextStyled } from './PlanBoxPricingText.styled'
-import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
-import { stringSlugify } from '../../../../utils/stringSlugify'
-
-const PlanBoxPricingSubscriptionCard: React.FC<PlanBoxPricingSubscriptionCardProps> = ({
-  buttonText,
-  cardStyle = 'primary',
-  description,
-  dataQa,
-  handleClick,
-  features,
-  title,
-  priceText
-}) => {
-  if (!title) return null
-
-  const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
-  const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
-  return (
-    <div>
-      <SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
-        <PlanBoxPricingCardHeader title={title} description={description} className={finalCardClass} />
-        <hr />
-        <CardBody features={features} hasPaddingMainFeature />
-        <CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
-      </SubscriptionCardStyled>
-      {priceText && <PlanBoxPricingTextStyled>{priceText}</PlanBoxPricingTextStyled>}
-    </div>
-  )
-}
-
-export default PlanBoxPricingSubscriptionCard

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.d.ts

@@ -1,20 +0,0 @@
-import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
-export interface PlanBoxPricingSubscriptionCardProps {
-    subscriptionTypeName?: string;
-    id: string;
-    description: string;
-    cardStyle?: CardStyleType;
-    iconTitle?: IconTitleProps;
-    title?: string;
-    priceText?: string;
-    features?: FeatureProps[];
-    buttonText?: string;
-    dataQa?: string;
-    handleClick?: () => void;
-}
-interface IconTitleProps {
-    name?: string;
-    url: string;
-}
-export type CardStyleType = 'Primary' | 'Secondary';
-export {};

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.ts

@@ -1,22 +0,0 @@
-import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
-
-export interface PlanBoxPricingSubscriptionCardProps {
-  subscriptionTypeName?: string
-  id: string
-  description: string
-  cardStyle?: CardStyleType
-  iconTitle?: IconTitleProps
-  title?: string
-  priceText?: string
-  features?: FeatureProps[]
-  buttonText?: string
-  dataQa?: string
-  handleClick?: () => void
-}
-
-interface IconTitleProps {
-  name?: string
-  url: string
-}
-
-export type CardStyleType = 'Primary' | 'Secondary'

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.js

@@ -1,10 +0,0 @@
-import styled from 'styled-components';
-export const PlanBoxPricingTextStyled = styled.div `
-  padding: 0.5rem 1.5rem;
-  color: var(--Neutral-600, var(--neutral-neutral-2));
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-  letter-spacing: -0.3px;
-`;

package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.ts

@@ -1,11 +0,0 @@
-import styled from 'styled-components'
-
-export const PlanBoxPricingTextStyled = styled.div`
-  padding: 0.5rem 1.5rem;
-  color: var(--Neutral-600, var(--neutral-neutral-2));
-  font-size: 12px;
-  font-style: normal;
-  font-weight: 400;
-  line-height: 16px;
-  letter-spacing: -0.3px;
-`

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

@@ -1,8 +0,0 @@
-import React from 'react';
-export declare const RatafiaCardHeader: React.FC<{
-    title: string;
-    iconTitle?: {
-        url: string;
-    };
-    priceText?: string;
-}>;

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

@@ -1,4 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms';
-import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled';
-export const RatafiaCardHeader = ({ title, iconTitle, priceText }) => (_jsxs(RatafiaCardHeaderStyled, { children: [title ?? (_jsxs("div", { className: 'subscription-card__title', children: [iconTitle?.url && _jsx(IconSvgURLWithThemeColor, { url: iconTitle.url, height: '26', width: '26' }), _jsx(RichTextStrapi, { html: title })] })), priceText && _jsx("div", { className: 'subscription-card__price-text', children: priceText })] }));

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

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

@@ -1,29 +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.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;