@npm_leadtech/legal-lib-components 7.0.2 → 7.0.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.d.ts +4 -0
- package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.js +6 -0
- package/dist/src/components/{molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.d.ts → atoms/BenefitRatafiaCard/BenefitRatafiaCard.styled.d.ts} +1 -1
- package/dist/src/components/atoms/{BenefitCard/BenefitCardStyled.styled.js → BenefitRatafiaCard/BenefitRatafiaCard.styled.js} +5 -11
- package/dist/src/components/atoms/{BenefitCard/BenefitCardStyled.styled.ts → BenefitRatafiaCard/BenefitRatafiaCard.styled.ts} +5 -11
- package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.tsx +18 -0
- package/dist/src/components/atoms/{BenefitCard/BenefitCardProps.types.d.ts → BenefitRatafiaCard/BenefitRatafiaCardProps.types.d.ts} +1 -3
- package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCardProps.types.ts +6 -0
- package/dist/src/components/atoms/BenefitRatafiaCard/index.d.ts +2 -0
- package/dist/src/components/atoms/BenefitRatafiaCard/index.js +1 -0
- package/dist/src/components/atoms/BenefitRatafiaCard/index.ts +2 -0
- package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -2
- package/dist/src/components/atoms/Button/ButtonProps.types.js +0 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.ts +16 -18
- package/dist/src/components/atoms/index.d.ts +1 -2
- package/dist/src/components/atoms/index.js +1 -2
- package/dist/src/components/atoms/index.ts +1 -2
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.js +2 -2
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.tsx +2 -2
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.d.ts +2 -2
- package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.ts +2 -2
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +2 -2
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.js +11 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.ts +11 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +18 -1
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +1 -0
- package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts +1 -0
- package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCard.d.ts +2 -2
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js +12 -0
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.d.ts +1 -0
- package/dist/src/components/molecules/{SubscriptionCard/SubscriptionCard.styled.js → RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js} +32 -14
- package/dist/src/components/molecules/{SubscriptionCard/SubscriptionCard.styled.ts → RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts} +32 -14
- package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx +61 -0
- package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.d.ts +3 -3
- package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.ts +3 -3
- package/dist/src/components/molecules/RatafiaSubscriptionCard/index.d.ts +2 -0
- package/dist/src/components/molecules/RatafiaSubscriptionCard/index.js +1 -0
- package/dist/src/components/molecules/RatafiaSubscriptionCard/index.ts +2 -0
- package/dist/src/components/molecules/index.d.ts +1 -1
- package/dist/src/components/molecules/index.js +1 -1
- package/dist/src/components/molecules/index.ts +1 -1
- package/dist/src/components/organisms/AboutUsContent/AboutUsContent.d.ts +4 -0
- package/dist/src/components/organisms/AboutUsContent/AboutUsContent.js +7 -0
- package/dist/src/components/organisms/AboutUsContent/AboutUsContent.styled.d.ts +1 -0
- package/dist/src/components/organisms/{HeroContent/HeroContent.styled.js → AboutUsContent/AboutUsContent.styled.js} +3 -3
- package/dist/src/components/organisms/{HeroContent/HeroContent.styled.ts → AboutUsContent/AboutUsContent.styled.ts} +3 -3
- package/dist/src/components/organisms/AboutUsContent/AboutUsContent.tsx +23 -0
- package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.d.ts → AboutUsContent/AboutUsContentProps.types.d.ts} +1 -1
- package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.ts → AboutUsContent/AboutUsContentProps.types.ts} +1 -1
- package/dist/src/components/organisms/AboutUsContent/index.d.ts +2 -0
- package/dist/src/components/organisms/AboutUsContent/index.js +1 -0
- package/dist/src/components/organisms/AboutUsContent/index.ts +2 -0
- package/dist/src/components/organisms/index.d.ts +1 -1
- package/dist/src/components/organisms/index.js +1 -1
- package/dist/src/components/organisms/index.ts +1 -1
- package/dist/src/components/pages/AboutUsPage/AboutUsPage.js +3 -3
- package/dist/src/components/pages/AboutUsPage/AboutUsPage.tsx +5 -2
- package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.d.ts +3 -2
- package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.ts +4 -2
- package/dist/src/components/sections/AboutUsSection/AboutUsSection.d.ts +4 -0
- package/dist/src/components/sections/AboutUsSection/AboutUsSection.js +7 -0
- package/dist/src/components/sections/AboutUsSection/AboutUsSection.styled.d.ts +1 -0
- package/dist/src/components/sections/{HeroSection/HeroSectionStyled.styled.js → AboutUsSection/AboutUsSection.styled.js} +2 -2
- package/dist/src/components/sections/{HeroSection/HeroSectionStyled.styled.ts → AboutUsSection/AboutUsSection.styled.ts} +2 -2
- package/dist/src/components/sections/AboutUsSection/AboutUsSection.tsx +24 -0
- package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.d.ts +6 -0
- package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.ts +7 -0
- package/dist/src/components/sections/AboutUsSection/index.d.ts +2 -0
- package/dist/src/components/sections/AboutUsSection/index.js +1 -0
- package/dist/src/components/sections/AboutUsSection/index.ts +2 -0
- package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.d.ts +2 -2
- package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.ts +2 -2
- package/dist/src/components/sections/FaqSection/FaqSection.js +1 -1
- package/dist/src/components/sections/FaqSection/FaqSection.tsx +3 -1
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +5 -3
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.js +45 -0
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts +45 -0
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +5 -2
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +1 -1
- package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts +1 -1
- package/dist/src/components/sections/index.d.ts +1 -2
- package/dist/src/components/sections/index.js +1 -2
- package/dist/src/components/sections/index.ts +1 -2
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -6
- package/dist/src/components/atoms/BenefitCard/BenefitCard.d.ts +0 -3
- package/dist/src/components/atoms/BenefitCard/BenefitCard.js +0 -5
- package/dist/src/components/atoms/BenefitCard/BenefitCard.tsx +0 -24
- package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts +0 -8
- package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.d.ts +0 -1
- package/dist/src/components/atoms/BenefitCard/index.d.ts +0 -2
- package/dist/src/components/atoms/BenefitCard/index.js +0 -1
- package/dist/src/components/atoms/BenefitCard/index.ts +0 -2
- package/dist/src/components/atoms/CardBox/CardBox.d.ts +0 -3
- package/dist/src/components/atoms/CardBox/CardBox.js +0 -7
- package/dist/src/components/atoms/CardBox/CardBox.styled.d.ts +0 -1
- package/dist/src/components/atoms/CardBox/CardBox.styled.js +0 -22
- package/dist/src/components/atoms/CardBox/CardBox.styled.ts +0 -23
- package/dist/src/components/atoms/CardBox/CardBox.tsx +0 -23
- package/dist/src/components/atoms/CardBox/CardBoxProps.types.d.ts +0 -9
- package/dist/src/components/atoms/CardBox/CardBoxProps.types.ts +0 -9
- package/dist/src/components/atoms/CardBox/index.d.ts +0 -2
- package/dist/src/components/atoms/CardBox/index.js +0 -1
- package/dist/src/components/atoms/CardBox/index.ts +0 -2
- package/dist/src/components/molecules/SubscriptionCard/CardBody.d.ts +0 -6
- package/dist/src/components/molecules/SubscriptionCard/CardBody.js +0 -6
- package/dist/src/components/molecules/SubscriptionCard/CardBody.tsx +0 -29
- package/dist/src/components/molecules/SubscriptionCard/CardFooter.d.ts +0 -8
- package/dist/src/components/molecules/SubscriptionCard/CardFooter.js +0 -3
- package/dist/src/components/molecules/SubscriptionCard/CardFooter.tsx +0 -23
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.d.ts +0 -6
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.js +0 -3
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.d.ts +0 -1
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.js +0 -30
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.ts +0 -31
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.tsx +0 -14
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.d.ts +0 -4
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.js +0 -15
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.tsx +0 -38
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.d.ts +0 -20
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.ts +0 -22
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.js +0 -10
- package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.ts +0 -11
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.d.ts +0 -8
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.js +0 -4
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.d.ts +0 -1
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.js +0 -29
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.ts +0 -30
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx +0 -20
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js +0 -14
- package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx +0 -34
- package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.d.ts +0 -1
- package/dist/src/components/molecules/SubscriptionCard/index.d.ts +0 -4
- package/dist/src/components/molecules/SubscriptionCard/index.js +0 -2
- package/dist/src/components/molecules/SubscriptionCard/index.ts +0 -4
- package/dist/src/components/organisms/HeroContent/HeroContent.d.ts +0 -4
- package/dist/src/components/organisms/HeroContent/HeroContent.js +0 -7
- package/dist/src/components/organisms/HeroContent/HeroContent.styled.d.ts +0 -1
- package/dist/src/components/organisms/HeroContent/HeroContent.tsx +0 -23
- package/dist/src/components/organisms/HeroContent/HeroContentPropsProps.types.js +0 -1
- package/dist/src/components/organisms/HeroContent/index.d.ts +0 -2
- package/dist/src/components/organisms/HeroContent/index.js +0 -1
- package/dist/src/components/organisms/HeroContent/index.ts +0 -2
- package/dist/src/components/pages/PricingPage/PricingPage.d.ts +0 -3
- package/dist/src/components/pages/PricingPage/PricingPage.js +0 -10
- package/dist/src/components/pages/PricingPage/PricingPage.styled.d.ts +0 -1
- package/dist/src/components/pages/PricingPage/PricingPage.styled.js +0 -88
- package/dist/src/components/pages/PricingPage/PricingPage.styled.ts +0 -89
- package/dist/src/components/pages/PricingPage/PricingPage.tsx +0 -49
- package/dist/src/components/pages/PricingPage/PricingPageProps.d.ts +0 -29
- package/dist/src/components/pages/PricingPage/PricingPageProps.js +0 -1
- package/dist/src/components/pages/PricingPage/PricingPageProps.ts +0 -33
- package/dist/src/components/pages/PricingPage/index.d.ts +0 -1
- package/dist/src/components/pages/PricingPage/index.js +0 -1
- package/dist/src/components/pages/PricingPage/index.ts +0 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.d.ts +0 -4
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.js +0 -9
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.d.ts +0 -2
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.js +0 -33
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.ts +0 -35
- package/dist/src/components/sections/CardBoxSection/CardBoxSection.tsx +0 -23
- package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.d.ts +0 -4
- package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.js +0 -1
- package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.ts +0 -5
- package/dist/src/components/sections/CardBoxSection/index.d.ts +0 -2
- package/dist/src/components/sections/CardBoxSection/index.js +0 -1
- package/dist/src/components/sections/CardBoxSection/index.ts +0 -2
- package/dist/src/components/sections/HeroSection/HeroSection.d.ts +0 -4
- package/dist/src/components/sections/HeroSection/HeroSection.js +0 -7
- package/dist/src/components/sections/HeroSection/HeroSection.tsx +0 -24
- package/dist/src/components/sections/HeroSection/HeroSectionProps.types.d.ts +0 -6
- package/dist/src/components/sections/HeroSection/HeroSectionProps.types.js +0 -1
- package/dist/src/components/sections/HeroSection/HeroSectionProps.types.ts +0 -7
- package/dist/src/components/sections/HeroSection/HeroSectionStyled.styled.d.ts +0 -1
- package/dist/src/components/sections/HeroSection/index.d.ts +0 -2
- package/dist/src/components/sections/HeroSection/index.js +0 -1
- package/dist/src/components/sections/HeroSection/index.ts +0 -2
- /package/dist/src/components/atoms/{BenefitCard/BenefitCardProps.types.js → BenefitRatafiaCard/BenefitRatafiaCardProps.types.js} +0 -0
- /package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.js +0 -0
- /package/dist/src/components/{atoms/CardBox/CardBoxProps.types.js → organisms/AboutUsContent/AboutUsContentProps.types.js} +0 -0
- /package/dist/src/components/{molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.js → sections/AboutUsSection/AboutUsSectionProps.types.js} +0 -0
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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;
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const CardBoxStyled = styled.div `
|
|
3
|
-
display: flex;
|
|
4
|
-
font-size: 16px;
|
|
5
|
-
font-style: normal;
|
|
6
|
-
font-weight: 400;
|
|
7
|
-
line-height: 22px;
|
|
8
|
-
letter-spacing: -0.3px;
|
|
9
|
-
background-color: var(--others-white);
|
|
10
|
-
align-items: center;
|
|
11
|
-
flex: 1;
|
|
12
|
-
max-width: 592px;
|
|
13
|
-
a {
|
|
14
|
-
color: var(--primary-main);
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
i {
|
|
18
|
-
display: inline-block;
|
|
19
|
-
object-fit: contain;
|
|
20
|
-
flex-shrink: 0;
|
|
21
|
-
}
|
|
22
|
-
`;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const CardBoxStyled = styled.div`
|
|
4
|
-
display: flex;
|
|
5
|
-
font-size: 16px;
|
|
6
|
-
font-style: normal;
|
|
7
|
-
font-weight: 400;
|
|
8
|
-
line-height: 22px;
|
|
9
|
-
letter-spacing: -0.3px;
|
|
10
|
-
background-color: var(--others-white);
|
|
11
|
-
align-items: center;
|
|
12
|
-
flex: 1;
|
|
13
|
-
max-width: 592px;
|
|
14
|
-
a {
|
|
15
|
-
color: var(--primary-main);
|
|
16
|
-
}
|
|
17
|
-
|
|
18
|
-
i {
|
|
19
|
-
display: inline-block;
|
|
20
|
-
object-fit: contain;
|
|
21
|
-
flex-shrink: 0;
|
|
22
|
-
}
|
|
23
|
-
`
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { type CardBoxProps } from './CardBoxProps.types'
|
|
4
|
-
import { CardBoxStyled } from './CardBox.styled'
|
|
5
|
-
import { IconSvgURLWithThemeColor } from '../IconSvgURLWithThemeColor'
|
|
6
|
-
import { RichTextStrapi } from '../RichTextStrapi'
|
|
7
|
-
|
|
8
|
-
export const CardBox: React.FC<CardBoxProps> = ({
|
|
9
|
-
icon,
|
|
10
|
-
text,
|
|
11
|
-
borderRadius = '16px',
|
|
12
|
-
gap = '1rem',
|
|
13
|
-
padding = '16px 24px',
|
|
14
|
-
height = '24',
|
|
15
|
-
width = '24'
|
|
16
|
-
}) => {
|
|
17
|
-
return (
|
|
18
|
-
<CardBoxStyled style={{ gap, padding, borderRadius }}>
|
|
19
|
-
<IconSvgURLWithThemeColor url={icon} height={height} width={width} />
|
|
20
|
-
<RichTextStrapi html={text} />
|
|
21
|
-
</CardBoxStyled>
|
|
22
|
-
)
|
|
23
|
-
}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { CardBox } from './CardBox';
|
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
2
|
-
import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms';
|
|
3
|
-
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))) }));
|
|
4
|
-
export const CardBody = ({ hasPaddingMainFeature = false, features }) => {
|
|
5
|
-
return (_jsx("div", { className: 'subscription-card__body', children: features && _jsx(FeaturesList, { features: features, className: `${hasPaddingMainFeature && 'has-padding'}` }) }));
|
|
6
|
-
};
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../atoms'
|
|
4
|
-
import { type FeatureProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
|
|
5
|
-
|
|
6
|
-
const FeaturesList: React.FC<{ features: FeatureProps[]; className: string }> = ({ features, className }) => (
|
|
7
|
-
<>
|
|
8
|
-
{features.map((feature) => (
|
|
9
|
-
<div
|
|
10
|
-
key={feature.title}
|
|
11
|
-
className={`subscription-card__feature ${feature.isHighlighted ? 'ratafia-feature' : 'main-feature'} ${className}`}
|
|
12
|
-
>
|
|
13
|
-
{feature.image?.url && <IconSvgURLWithThemeColor url={feature.image.url} height='16' width='16' />}
|
|
14
|
-
<RichTextStrapi html={feature.title} />
|
|
15
|
-
</div>
|
|
16
|
-
))}
|
|
17
|
-
</>
|
|
18
|
-
)
|
|
19
|
-
|
|
20
|
-
export const CardBody: React.FC<{
|
|
21
|
-
hasPaddingMainFeature?: boolean
|
|
22
|
-
features?: FeatureProps[]
|
|
23
|
-
}> = ({ hasPaddingMainFeature = false, features }) => {
|
|
24
|
-
return (
|
|
25
|
-
<div className='subscription-card__body'>
|
|
26
|
-
{features && <FeaturesList features={features} className={`${hasPaddingMainFeature && 'has-padding'}`} />}
|
|
27
|
-
</div>
|
|
28
|
-
)
|
|
29
|
-
}
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '../../atoms';
|
|
3
|
-
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;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { Button } from '../../atoms'
|
|
4
|
-
import { type Colors } from 'src/components/atoms/Button/ButtonProps.types'
|
|
5
|
-
|
|
6
|
-
export const CardFooter: React.FC<{
|
|
7
|
-
buttonText?: string
|
|
8
|
-
dataQa?: string
|
|
9
|
-
onClick?: () => void
|
|
10
|
-
buttonStyle: Colors
|
|
11
|
-
}> = ({ buttonStyle, buttonText, dataQa, onClick }) =>
|
|
12
|
-
buttonText ? (
|
|
13
|
-
<div className='subscription-card__footer'>
|
|
14
|
-
<Button
|
|
15
|
-
dataQa={dataQa ?? 'subscription-card-button'}
|
|
16
|
-
givenClass='subscription-card__button'
|
|
17
|
-
color={buttonStyle}
|
|
18
|
-
label={buttonText}
|
|
19
|
-
noLink
|
|
20
|
-
onClick={onClick}
|
|
21
|
-
/>
|
|
22
|
-
</div>
|
|
23
|
-
) : null
|
|
@@ -1,3 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { PlanBoxPricingCardHeaderStyled } from './PlanBoxPricingCardHeader.styled';
|
|
3
|
-
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 })] }));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const PlanBoxPricingCardHeaderStyled = styled.div `
|
|
3
|
-
.title-plan-box {
|
|
4
|
-
display: inline-block;
|
|
5
|
-
margin-bottom: 1.5rem;
|
|
6
|
-
padding: 8px 16px;
|
|
7
|
-
border-radius: 8px;
|
|
8
|
-
background: var(--neutral-neutral-4);
|
|
9
|
-
color: var(--Neutral-800, var(--neutral-neutral-1));
|
|
10
|
-
font-size: 18px;
|
|
11
|
-
font-style: normal;
|
|
12
|
-
font-weight: 700;
|
|
13
|
-
line-height: 24px;
|
|
14
|
-
letter-spacing: -0.3px;
|
|
15
|
-
|
|
16
|
-
&.secondary {
|
|
17
|
-
background: var(--secondary-main-light-2, #f5dab0);
|
|
18
|
-
}
|
|
19
|
-
}
|
|
20
|
-
.description-plan-box {
|
|
21
|
-
display: block;
|
|
22
|
-
margin-bottom: 1rem;
|
|
23
|
-
color: var(--Neutral-800, var(--neutral-neutral-1));
|
|
24
|
-
font-size: var(--properties-inter-medium-font-size, 16px);
|
|
25
|
-
font-style: normal;
|
|
26
|
-
font-weight: 700;
|
|
27
|
-
line-height: var(--properties-inter-medium-line-height, 22px); /* 137.5% */
|
|
28
|
-
letter-spacing: var(--properties-inter-medium-letter-spacing, -0.3px);
|
|
29
|
-
}
|
|
30
|
-
`;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const PlanBoxPricingCardHeaderStyled = styled.div`
|
|
4
|
-
.title-plan-box {
|
|
5
|
-
display: inline-block;
|
|
6
|
-
margin-bottom: 1.5rem;
|
|
7
|
-
padding: 8px 16px;
|
|
8
|
-
border-radius: 8px;
|
|
9
|
-
background: var(--neutral-neutral-4);
|
|
10
|
-
color: var(--Neutral-800, var(--neutral-neutral-1));
|
|
11
|
-
font-size: 18px;
|
|
12
|
-
font-style: normal;
|
|
13
|
-
font-weight: 700;
|
|
14
|
-
line-height: 24px;
|
|
15
|
-
letter-spacing: -0.3px;
|
|
16
|
-
|
|
17
|
-
&.secondary {
|
|
18
|
-
background: var(--secondary-main-light-2, #f5dab0);
|
|
19
|
-
}
|
|
20
|
-
}
|
|
21
|
-
.description-plan-box {
|
|
22
|
-
display: block;
|
|
23
|
-
margin-bottom: 1rem;
|
|
24
|
-
color: var(--Neutral-800, var(--neutral-neutral-1));
|
|
25
|
-
font-size: var(--properties-inter-medium-font-size, 16px);
|
|
26
|
-
font-style: normal;
|
|
27
|
-
font-weight: 700;
|
|
28
|
-
line-height: var(--properties-inter-medium-line-height, 22px); /* 137.5% */
|
|
29
|
-
letter-spacing: var(--properties-inter-medium-letter-spacing, -0.3px);
|
|
30
|
-
}
|
|
31
|
-
`
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { PlanBoxPricingCardHeaderStyled } from './PlanBoxPricingCardHeader.styled'
|
|
4
|
-
|
|
5
|
-
export const PlanBoxPricingCardHeader: React.FC<{ title: string; description?: string; className?: string }> = ({
|
|
6
|
-
className,
|
|
7
|
-
description,
|
|
8
|
-
title
|
|
9
|
-
}) => (
|
|
10
|
-
<PlanBoxPricingCardHeaderStyled>
|
|
11
|
-
<div className={`title-plan-box ${className}`}>{title}</div>
|
|
12
|
-
<div className='description-plan-box'>{description}</div>
|
|
13
|
-
</PlanBoxPricingCardHeaderStyled>
|
|
14
|
-
)
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CardBody } from '../CardBody';
|
|
3
|
-
import { CardFooter } from '../CardFooter';
|
|
4
|
-
import { PlanBoxPricingCardHeader } from './PlanBoxPricingCardHeader';
|
|
5
|
-
import { PlanBoxPricingTextStyled } from './PlanBoxPricingText.styled';
|
|
6
|
-
import { SubscriptionCardStyled } from '../SubscriptionCard.styled';
|
|
7
|
-
import { stringSlugify } from '../../../../utils/stringSlugify';
|
|
8
|
-
const PlanBoxPricingSubscriptionCard = ({ buttonText, cardStyle = 'primary', description, dataQa, handleClick, features, title, priceText }) => {
|
|
9
|
-
if (!title)
|
|
10
|
-
return null;
|
|
11
|
-
const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary';
|
|
12
|
-
const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
|
|
13
|
-
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 })] }));
|
|
14
|
-
};
|
|
15
|
-
export default PlanBoxPricingSubscriptionCard;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { CardBody } from '../CardBody'
|
|
4
|
-
import { CardFooter } from '../CardFooter'
|
|
5
|
-
import { PlanBoxPricingCardHeader } from './PlanBoxPricingCardHeader'
|
|
6
|
-
import { PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCardProps.types'
|
|
7
|
-
import { PlanBoxPricingTextStyled } from './PlanBoxPricingText.styled'
|
|
8
|
-
import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
|
|
9
|
-
import { stringSlugify } from '../../../../utils/stringSlugify'
|
|
10
|
-
|
|
11
|
-
const PlanBoxPricingSubscriptionCard: React.FC<PlanBoxPricingSubscriptionCardProps> = ({
|
|
12
|
-
buttonText,
|
|
13
|
-
cardStyle = 'primary',
|
|
14
|
-
description,
|
|
15
|
-
dataQa,
|
|
16
|
-
handleClick,
|
|
17
|
-
features,
|
|
18
|
-
title,
|
|
19
|
-
priceText
|
|
20
|
-
}) => {
|
|
21
|
-
if (!title) return null
|
|
22
|
-
|
|
23
|
-
const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
|
|
24
|
-
const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
|
|
25
|
-
return (
|
|
26
|
-
<div>
|
|
27
|
-
<SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
|
|
28
|
-
<PlanBoxPricingCardHeader title={title} description={description} className={finalCardClass} />
|
|
29
|
-
<hr />
|
|
30
|
-
<CardBody features={features} hasPaddingMainFeature />
|
|
31
|
-
<CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
|
|
32
|
-
</SubscriptionCardStyled>
|
|
33
|
-
{priceText && <PlanBoxPricingTextStyled>{priceText}</PlanBoxPricingTextStyled>}
|
|
34
|
-
</div>
|
|
35
|
-
)
|
|
36
|
-
}
|
|
37
|
-
|
|
38
|
-
export default PlanBoxPricingSubscriptionCard
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
|
|
2
|
-
export interface PlanBoxPricingSubscriptionCardProps {
|
|
3
|
-
subscriptionTypeName?: string;
|
|
4
|
-
id: string;
|
|
5
|
-
description: string;
|
|
6
|
-
cardStyle?: CardStyleType;
|
|
7
|
-
iconTitle?: IconTitleProps;
|
|
8
|
-
title?: string;
|
|
9
|
-
priceText?: string;
|
|
10
|
-
features?: FeatureProps[];
|
|
11
|
-
buttonText?: string;
|
|
12
|
-
dataQa?: string;
|
|
13
|
-
handleClick?: () => void;
|
|
14
|
-
}
|
|
15
|
-
interface IconTitleProps {
|
|
16
|
-
name?: string;
|
|
17
|
-
url: string;
|
|
18
|
-
}
|
|
19
|
-
export type CardStyleType = 'Primary' | 'Secondary';
|
|
20
|
-
export {};
|
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
import { type FeatureProps } from '../RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
|
|
2
|
-
|
|
3
|
-
export interface PlanBoxPricingSubscriptionCardProps {
|
|
4
|
-
subscriptionTypeName?: string
|
|
5
|
-
id: string
|
|
6
|
-
description: string
|
|
7
|
-
cardStyle?: CardStyleType
|
|
8
|
-
iconTitle?: IconTitleProps
|
|
9
|
-
title?: string
|
|
10
|
-
priceText?: string
|
|
11
|
-
features?: FeatureProps[]
|
|
12
|
-
buttonText?: string
|
|
13
|
-
dataQa?: string
|
|
14
|
-
handleClick?: () => void
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
interface IconTitleProps {
|
|
18
|
-
name?: string
|
|
19
|
-
url: string
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
export type CardStyleType = 'Primary' | 'Secondary'
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components';
|
|
2
|
-
export const PlanBoxPricingTextStyled = styled.div `
|
|
3
|
-
padding: 0.5rem 1.5rem;
|
|
4
|
-
color: var(--Neutral-600, var(--neutral-neutral-2));
|
|
5
|
-
font-size: 12px;
|
|
6
|
-
font-style: normal;
|
|
7
|
-
font-weight: 400;
|
|
8
|
-
line-height: 16px;
|
|
9
|
-
letter-spacing: -0.3px;
|
|
10
|
-
`;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import styled from 'styled-components'
|
|
2
|
-
|
|
3
|
-
export const PlanBoxPricingTextStyled = styled.div`
|
|
4
|
-
padding: 0.5rem 1.5rem;
|
|
5
|
-
color: var(--Neutral-600, var(--neutral-neutral-2));
|
|
6
|
-
font-size: 12px;
|
|
7
|
-
font-style: normal;
|
|
8
|
-
font-weight: 400;
|
|
9
|
-
line-height: 16px;
|
|
10
|
-
letter-spacing: -0.3px;
|
|
11
|
-
`
|
package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.js
DELETED
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms';
|
|
3
|
-
import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled';
|
|
4
|
-
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 })] }));
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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;
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../../globalStyles/breakpoints';
|
|
2
|
-
import styled from 'styled-components';
|
|
3
|
-
export const RatafiaCardHeaderStyled = styled.div `
|
|
4
|
-
display: flex;
|
|
5
|
-
flex-flow: row wrap;
|
|
6
|
-
align-items: center;
|
|
7
|
-
justify-content: space-between;
|
|
8
|
-
gap: 0.5rem var(--global-gap);
|
|
9
|
-
|
|
10
|
-
@media ${device.mobile} {
|
|
11
|
-
flex-direction: column;
|
|
12
|
-
align-items: start;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.subscription-card {
|
|
16
|
-
&__title {
|
|
17
|
-
display: flex;
|
|
18
|
-
flex-flow: row nowrap;
|
|
19
|
-
align-items: center;
|
|
20
|
-
gap: 0.5rem;
|
|
21
|
-
color: var(--neutral-neutral-1);
|
|
22
|
-
font-weight: bold;
|
|
23
|
-
}
|
|
24
|
-
|
|
25
|
-
&__price-text {
|
|
26
|
-
font-size: 0.875rem;
|
|
27
|
-
}
|
|
28
|
-
}
|
|
29
|
-
`;
|
|
@@ -1,30 +0,0 @@
|
|
|
1
|
-
import { device } from '../../../../globalStyles/breakpoints'
|
|
2
|
-
import styled from 'styled-components'
|
|
3
|
-
|
|
4
|
-
export const RatafiaCardHeaderStyled = styled.div`
|
|
5
|
-
display: flex;
|
|
6
|
-
flex-flow: row wrap;
|
|
7
|
-
align-items: center;
|
|
8
|
-
justify-content: space-between;
|
|
9
|
-
gap: 0.5rem var(--global-gap);
|
|
10
|
-
|
|
11
|
-
@media ${device.mobile} {
|
|
12
|
-
flex-direction: column;
|
|
13
|
-
align-items: start;
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
.subscription-card {
|
|
17
|
-
&__title {
|
|
18
|
-
display: flex;
|
|
19
|
-
flex-flow: row nowrap;
|
|
20
|
-
align-items: center;
|
|
21
|
-
gap: 0.5rem;
|
|
22
|
-
color: var(--neutral-neutral-1);
|
|
23
|
-
font-weight: bold;
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
&__price-text {
|
|
27
|
-
font-size: 0.875rem;
|
|
28
|
-
}
|
|
29
|
-
}
|
|
30
|
-
`
|
package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx
DELETED
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { IconSvgURLWithThemeColor, RichTextStrapi } from '../../../atoms'
|
|
4
|
-
import { RatafiaCardHeaderStyled } from './RatafiaCardHeader.styled'
|
|
5
|
-
|
|
6
|
-
export const RatafiaCardHeader: React.FC<{ title: string; iconTitle?: { url: string }; priceText?: string }> = ({
|
|
7
|
-
title,
|
|
8
|
-
iconTitle,
|
|
9
|
-
priceText
|
|
10
|
-
}) => (
|
|
11
|
-
<RatafiaCardHeaderStyled>
|
|
12
|
-
{title ?? (
|
|
13
|
-
<div className='subscription-card__title'>
|
|
14
|
-
{iconTitle?.url && <IconSvgURLWithThemeColor url={iconTitle.url} height='26' width='26' />}
|
|
15
|
-
<RichTextStrapi html={title} />
|
|
16
|
-
</div>
|
|
17
|
-
)}
|
|
18
|
-
{priceText && <div className='subscription-card__price-text'>{priceText}</div>}
|
|
19
|
-
</RatafiaCardHeaderStyled>
|
|
20
|
-
)
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { CardBody } from '../CardBody';
|
|
3
|
-
import { CardFooter } from '../CardFooter';
|
|
4
|
-
import { RatafiaCardHeader } from './RatafiaCardHeader';
|
|
5
|
-
import { SubscriptionCardStyled } from '../SubscriptionCard.styled';
|
|
6
|
-
import { stringSlugify } from '../../../../utils/stringSlugify';
|
|
7
|
-
const RatafiaSubscriptionCard = ({ buttonText, cardStyle = 'primary', features, dataQa, handleClick, iconTitle, priceText, title }) => {
|
|
8
|
-
if (!title)
|
|
9
|
-
return null;
|
|
10
|
-
const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary';
|
|
11
|
-
const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary';
|
|
12
|
-
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 })] }));
|
|
13
|
-
};
|
|
14
|
-
export default RatafiaSubscriptionCard;
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
import React from 'react'
|
|
2
|
-
|
|
3
|
-
import { CardBody } from '../CardBody'
|
|
4
|
-
import { CardFooter } from '../CardFooter'
|
|
5
|
-
import { RatafiaCardHeader } from './RatafiaCardHeader'
|
|
6
|
-
import { RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCardProps.types'
|
|
7
|
-
import { SubscriptionCardStyled } from '../SubscriptionCard.styled'
|
|
8
|
-
import { stringSlugify } from '../../../../utils/stringSlugify'
|
|
9
|
-
|
|
10
|
-
const RatafiaSubscriptionCard: React.FC<RatafiaSubscriptionCardProps> = ({
|
|
11
|
-
buttonText,
|
|
12
|
-
cardStyle = 'primary',
|
|
13
|
-
features,
|
|
14
|
-
dataQa,
|
|
15
|
-
handleClick,
|
|
16
|
-
iconTitle,
|
|
17
|
-
priceText,
|
|
18
|
-
title
|
|
19
|
-
}) => {
|
|
20
|
-
if (!title) return null
|
|
21
|
-
|
|
22
|
-
const finalCardClass = cardStyle ? stringSlugify(cardStyle) : 'primary'
|
|
23
|
-
const finalButtonStyle = cardStyle === 'Secondary' ? 'primary3' : 'primary'
|
|
24
|
-
return (
|
|
25
|
-
<SubscriptionCardStyled className={`subscription-card ${finalCardClass}`}>
|
|
26
|
-
<RatafiaCardHeader title={title} iconTitle={iconTitle} priceText={priceText} />
|
|
27
|
-
<hr />
|
|
28
|
-
<CardBody features={features} />
|
|
29
|
-
<CardFooter buttonText={buttonText} dataQa={dataQa} onClick={handleClick} buttonStyle={finalButtonStyle} />
|
|
30
|
-
</SubscriptionCardStyled>
|
|
31
|
-
)
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
export default RatafiaSubscriptionCard
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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;
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaSubscriptionCard } from './RatafiaSubscriptionCard/RatafiaSubscriptionCard';
|
|
2
|
-
export { type RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
|
|
3
|
-
export { default as PlanBoxPricingSubscriptionCard } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard';
|
|
4
|
-
export { type PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types';
|
|
@@ -1,4 +0,0 @@
|
|
|
1
|
-
export { default as RatafiaSubscriptionCard } from './RatafiaSubscriptionCard/RatafiaSubscriptionCard'
|
|
2
|
-
export { type RatafiaSubscriptionCardProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types'
|
|
3
|
-
export { default as PlanBoxPricingSubscriptionCard } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard'
|
|
4
|
-
export { type PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types'
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Button } from '../../atoms';
|
|
3
|
-
import { HeroContentStyled } from './HeroContent.styled';
|
|
4
|
-
const HeroContent = ({ children, image, button }) => {
|
|
5
|
-
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 }) }))] })] }));
|
|
6
|
-
};
|
|
7
|
-
export default HeroContent;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
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;
|
|
@@ -1,23 +0,0 @@
|
|
|
1
|
-
import React, { type FC } from 'react'
|
|
2
|
-
|
|
3
|
-
import { Button } from '../../atoms'
|
|
4
|
-
import { type HeroContentProps } from './HeroContentPropsProps.types'
|
|
5
|
-
import { HeroContentStyled } from './HeroContent.styled'
|
|
6
|
-
|
|
7
|
-
const HeroContent: FC<HeroContentProps> = ({ children, image, button }) => {
|
|
8
|
-
return (
|
|
9
|
-
<HeroContentStyled>
|
|
10
|
-
<div className={'hero-content__image'}>{image}</div>
|
|
11
|
-
<div className={'hero-content__body'}>
|
|
12
|
-
{children}
|
|
13
|
-
{button != null && (
|
|
14
|
-
<div className={'hero-content__body__button'}>
|
|
15
|
-
<Button {...button} />
|
|
16
|
-
</div>
|
|
17
|
-
)}
|
|
18
|
-
</div>
|
|
19
|
-
</HeroContentStyled>
|
|
20
|
-
)
|
|
21
|
-
}
|
|
22
|
-
|
|
23
|
-
export default HeroContent
|