@npm_leadtech/legal-lib-components 7.0.1 → 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.
Files changed (181) hide show
  1. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.d.ts +4 -0
  2. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.js +6 -0
  3. package/dist/src/components/{molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.d.ts → atoms/BenefitRatafiaCard/BenefitRatafiaCard.styled.d.ts} +1 -1
  4. package/dist/src/components/atoms/{BenefitCard/BenefitCardStyled.styled.js → BenefitRatafiaCard/BenefitRatafiaCard.styled.js} +5 -11
  5. package/dist/src/components/atoms/{BenefitCard/BenefitCardStyled.styled.ts → BenefitRatafiaCard/BenefitRatafiaCard.styled.ts} +5 -11
  6. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCard.tsx +18 -0
  7. package/dist/src/components/atoms/{BenefitCard/BenefitCardProps.types.d.ts → BenefitRatafiaCard/BenefitRatafiaCardProps.types.d.ts} +1 -3
  8. package/dist/src/components/atoms/BenefitRatafiaCard/BenefitRatafiaCardProps.types.ts +6 -0
  9. package/dist/src/components/atoms/BenefitRatafiaCard/index.d.ts +2 -0
  10. package/dist/src/components/atoms/BenefitRatafiaCard/index.js +1 -0
  11. package/dist/src/components/atoms/BenefitRatafiaCard/index.ts +2 -0
  12. package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -2
  13. package/dist/src/components/atoms/Button/ButtonProps.types.js +0 -1
  14. package/dist/src/components/atoms/Button/ButtonProps.types.ts +16 -18
  15. package/dist/src/components/atoms/index.d.ts +1 -2
  16. package/dist/src/components/atoms/index.js +1 -2
  17. package/dist/src/components/atoms/index.ts +1 -2
  18. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.js +2 -2
  19. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardList.tsx +2 -2
  20. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.d.ts +2 -2
  21. package/dist/src/components/molecules/BenefitRatafiaCardList/BenefitRatafiaCardListProps.types.ts +2 -2
  22. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.js +2 -2
  23. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.js +11 -0
  24. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.styled.ts +11 -0
  25. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSample.tsx +18 -1
  26. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.d.ts +1 -0
  27. package/dist/src/components/molecules/MidBannerRatafiaSample/MidBannerRatafiaSampleProps.types.ts +1 -0
  28. package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCard.d.ts +2 -2
  29. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js +12 -0
  30. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.d.ts +1 -0
  31. package/dist/src/components/molecules/{SubscriptionCard/SubscriptionCard.styled.js → RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.js} +32 -14
  32. package/dist/src/components/molecules/{SubscriptionCard/SubscriptionCard.styled.ts → RatafiaSubscriptionCard/RatafiaSubscriptionCard.styled.ts} +32 -14
  33. package/dist/src/components/molecules/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx +61 -0
  34. package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.d.ts +3 -3
  35. package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.ts +3 -3
  36. package/dist/src/components/molecules/RatafiaSubscriptionCard/index.d.ts +2 -0
  37. package/dist/src/components/molecules/RatafiaSubscriptionCard/index.js +1 -0
  38. package/dist/src/components/molecules/RatafiaSubscriptionCard/index.ts +2 -0
  39. package/dist/src/components/molecules/index.d.ts +1 -1
  40. package/dist/src/components/molecules/index.js +1 -1
  41. package/dist/src/components/molecules/index.ts +1 -1
  42. package/dist/src/components/organisms/AboutUsContent/AboutUsContent.d.ts +4 -0
  43. package/dist/src/components/organisms/AboutUsContent/AboutUsContent.js +7 -0
  44. package/dist/src/components/organisms/AboutUsContent/AboutUsContent.styled.d.ts +1 -0
  45. package/dist/src/components/organisms/{HeroContent/HeroContent.styled.js → AboutUsContent/AboutUsContent.styled.js} +3 -3
  46. package/dist/src/components/organisms/{HeroContent/HeroContent.styled.ts → AboutUsContent/AboutUsContent.styled.ts} +3 -3
  47. package/dist/src/components/organisms/AboutUsContent/AboutUsContent.tsx +23 -0
  48. package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.d.ts → AboutUsContent/AboutUsContentProps.types.d.ts} +1 -1
  49. package/dist/src/components/organisms/{HeroContent/HeroContentPropsProps.types.ts → AboutUsContent/AboutUsContentProps.types.ts} +1 -1
  50. package/dist/src/components/organisms/AboutUsContent/index.d.ts +2 -0
  51. package/dist/src/components/organisms/AboutUsContent/index.js +1 -0
  52. package/dist/src/components/organisms/AboutUsContent/index.ts +2 -0
  53. package/dist/src/components/organisms/index.d.ts +1 -1
  54. package/dist/src/components/organisms/index.js +1 -1
  55. package/dist/src/components/organisms/index.ts +1 -1
  56. package/dist/src/components/pages/AboutUsPage/AboutUsPage.js +3 -3
  57. package/dist/src/components/pages/AboutUsPage/AboutUsPage.tsx +5 -2
  58. package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.d.ts +3 -2
  59. package/dist/src/components/pages/AboutUsPage/AboutUsPageProps.ts +4 -2
  60. package/dist/src/components/sections/AboutUsSection/AboutUsSection.d.ts +4 -0
  61. package/dist/src/components/sections/AboutUsSection/AboutUsSection.js +7 -0
  62. package/dist/src/components/sections/AboutUsSection/AboutUsSection.styled.d.ts +1 -0
  63. package/dist/src/components/sections/{HeroSection/HeroSectionStyled.styled.js → AboutUsSection/AboutUsSection.styled.js} +2 -2
  64. package/dist/src/components/sections/{HeroSection/HeroSectionStyled.styled.ts → AboutUsSection/AboutUsSection.styled.ts} +2 -2
  65. package/dist/src/components/sections/AboutUsSection/AboutUsSection.tsx +24 -0
  66. package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.d.ts +6 -0
  67. package/dist/src/components/sections/AboutUsSection/AboutUsSectionProps.types.ts +7 -0
  68. package/dist/src/components/sections/AboutUsSection/index.d.ts +2 -0
  69. package/dist/src/components/sections/AboutUsSection/index.js +1 -0
  70. package/dist/src/components/sections/AboutUsSection/index.ts +2 -0
  71. package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.d.ts +2 -2
  72. package/dist/src/components/sections/BenefitsRatafiaSection/BenefitsRatafiaSectionProps.types.ts +2 -2
  73. package/dist/src/components/sections/FaqSection/FaqSection.js +1 -1
  74. package/dist/src/components/sections/FaqSection/FaqSection.tsx +3 -1
  75. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.js +5 -3
  76. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.js +45 -0
  77. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.styled.ts +45 -0
  78. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSection.tsx +5 -2
  79. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.d.ts +1 -1
  80. package/dist/src/components/sections/MidBannerRatafiaSection/MidBannerRatafiaSectionProps.types.ts +1 -1
  81. package/dist/src/components/sections/index.d.ts +1 -2
  82. package/dist/src/components/sections/index.js +1 -2
  83. package/dist/src/components/sections/index.ts +1 -2
  84. package/dist/tsconfig.build.tsbuildinfo +1 -1
  85. package/package.json +4 -6
  86. package/dist/src/components/atoms/BenefitCard/BenefitCard.d.ts +0 -3
  87. package/dist/src/components/atoms/BenefitCard/BenefitCard.js +0 -5
  88. package/dist/src/components/atoms/BenefitCard/BenefitCard.tsx +0 -24
  89. package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts +0 -8
  90. package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.d.ts +0 -1
  91. package/dist/src/components/atoms/BenefitCard/index.d.ts +0 -2
  92. package/dist/src/components/atoms/BenefitCard/index.js +0 -1
  93. package/dist/src/components/atoms/BenefitCard/index.ts +0 -2
  94. package/dist/src/components/atoms/CardBox/CardBox.d.ts +0 -3
  95. package/dist/src/components/atoms/CardBox/CardBox.js +0 -7
  96. package/dist/src/components/atoms/CardBox/CardBox.styled.d.ts +0 -1
  97. package/dist/src/components/atoms/CardBox/CardBox.styled.js +0 -22
  98. package/dist/src/components/atoms/CardBox/CardBox.styled.ts +0 -23
  99. package/dist/src/components/atoms/CardBox/CardBox.tsx +0 -23
  100. package/dist/src/components/atoms/CardBox/CardBoxProps.types.d.ts +0 -9
  101. package/dist/src/components/atoms/CardBox/CardBoxProps.types.ts +0 -9
  102. package/dist/src/components/atoms/CardBox/index.d.ts +0 -2
  103. package/dist/src/components/atoms/CardBox/index.js +0 -1
  104. package/dist/src/components/atoms/CardBox/index.ts +0 -2
  105. package/dist/src/components/molecules/SubscriptionCard/CardBody.d.ts +0 -6
  106. package/dist/src/components/molecules/SubscriptionCard/CardBody.js +0 -6
  107. package/dist/src/components/molecules/SubscriptionCard/CardBody.tsx +0 -29
  108. package/dist/src/components/molecules/SubscriptionCard/CardFooter.d.ts +0 -8
  109. package/dist/src/components/molecules/SubscriptionCard/CardFooter.js +0 -3
  110. package/dist/src/components/molecules/SubscriptionCard/CardFooter.tsx +0 -23
  111. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.d.ts +0 -6
  112. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.js +0 -3
  113. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.d.ts +0 -1
  114. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.js +0 -30
  115. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.styled.ts +0 -31
  116. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingCardHeader.tsx +0 -14
  117. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.d.ts +0 -4
  118. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.js +0 -15
  119. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard.tsx +0 -38
  120. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.d.ts +0 -20
  121. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCardProps.types.ts +0 -22
  122. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.js +0 -10
  123. package/dist/src/components/molecules/SubscriptionCard/PlanBoxPricingSubscriptionCard/PlanBoxPricingText.styled.ts +0 -11
  124. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.d.ts +0 -8
  125. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.js +0 -4
  126. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.d.ts +0 -1
  127. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.js +0 -29
  128. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.styled.ts +0 -30
  129. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaCardHeader.tsx +0 -20
  130. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.js +0 -14
  131. package/dist/src/components/molecules/SubscriptionCard/RatafiaSubscriptionCard/RatafiaSubscriptionCard.tsx +0 -34
  132. package/dist/src/components/molecules/SubscriptionCard/SubscriptionCard.styled.d.ts +0 -1
  133. package/dist/src/components/molecules/SubscriptionCard/index.d.ts +0 -4
  134. package/dist/src/components/molecules/SubscriptionCard/index.js +0 -2
  135. package/dist/src/components/molecules/SubscriptionCard/index.ts +0 -4
  136. package/dist/src/components/organisms/HeroContent/HeroContent.d.ts +0 -4
  137. package/dist/src/components/organisms/HeroContent/HeroContent.js +0 -7
  138. package/dist/src/components/organisms/HeroContent/HeroContent.styled.d.ts +0 -1
  139. package/dist/src/components/organisms/HeroContent/HeroContent.tsx +0 -23
  140. package/dist/src/components/organisms/HeroContent/HeroContentPropsProps.types.js +0 -1
  141. package/dist/src/components/organisms/HeroContent/index.d.ts +0 -2
  142. package/dist/src/components/organisms/HeroContent/index.js +0 -1
  143. package/dist/src/components/organisms/HeroContent/index.ts +0 -2
  144. package/dist/src/components/pages/PricingPage/PricingPage.d.ts +0 -3
  145. package/dist/src/components/pages/PricingPage/PricingPage.js +0 -10
  146. package/dist/src/components/pages/PricingPage/PricingPage.styled.d.ts +0 -1
  147. package/dist/src/components/pages/PricingPage/PricingPage.styled.js +0 -98
  148. package/dist/src/components/pages/PricingPage/PricingPage.styled.ts +0 -99
  149. package/dist/src/components/pages/PricingPage/PricingPage.tsx +0 -47
  150. package/dist/src/components/pages/PricingPage/PricingPageProps.d.ts +0 -29
  151. package/dist/src/components/pages/PricingPage/PricingPageProps.js +0 -1
  152. package/dist/src/components/pages/PricingPage/PricingPageProps.ts +0 -33
  153. package/dist/src/components/pages/PricingPage/index.d.ts +0 -1
  154. package/dist/src/components/pages/PricingPage/index.js +0 -1
  155. package/dist/src/components/pages/PricingPage/index.ts +0 -1
  156. package/dist/src/components/sections/CardBoxSection/CardBoxSection.d.ts +0 -4
  157. package/dist/src/components/sections/CardBoxSection/CardBoxSection.js +0 -9
  158. package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.d.ts +0 -2
  159. package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.js +0 -33
  160. package/dist/src/components/sections/CardBoxSection/CardBoxSection.styled.ts +0 -35
  161. package/dist/src/components/sections/CardBoxSection/CardBoxSection.tsx +0 -23
  162. package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.d.ts +0 -4
  163. package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.js +0 -1
  164. package/dist/src/components/sections/CardBoxSection/CardBoxSectionProps.ts +0 -5
  165. package/dist/src/components/sections/CardBoxSection/index.d.ts +0 -2
  166. package/dist/src/components/sections/CardBoxSection/index.js +0 -1
  167. package/dist/src/components/sections/CardBoxSection/index.ts +0 -2
  168. package/dist/src/components/sections/HeroSection/HeroSection.d.ts +0 -4
  169. package/dist/src/components/sections/HeroSection/HeroSection.js +0 -7
  170. package/dist/src/components/sections/HeroSection/HeroSection.tsx +0 -24
  171. package/dist/src/components/sections/HeroSection/HeroSectionProps.types.d.ts +0 -6
  172. package/dist/src/components/sections/HeroSection/HeroSectionProps.types.js +0 -1
  173. package/dist/src/components/sections/HeroSection/HeroSectionProps.types.ts +0 -7
  174. package/dist/src/components/sections/HeroSection/HeroSectionStyled.styled.d.ts +0 -1
  175. package/dist/src/components/sections/HeroSection/index.d.ts +0 -2
  176. package/dist/src/components/sections/HeroSection/index.js +0 -1
  177. package/dist/src/components/sections/HeroSection/index.ts +0 -2
  178. /package/dist/src/components/atoms/{BenefitCard/BenefitCardProps.types.js → BenefitRatafiaCard/BenefitRatafiaCardProps.types.js} +0 -0
  179. /package/dist/src/components/molecules/{SubscriptionCard/RatafiaSubscriptionCard → RatafiaSubscriptionCard}/RatafiaSubscriptionCardProps.types.js +0 -0
  180. /package/dist/src/components/{atoms/CardBox/CardBoxProps.types.js → organisms/AboutUsContent/AboutUsContentProps.types.js} +0 -0
  181. /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,9 +0,0 @@
1
- export interface CardBoxProps {
2
- text: string;
3
- icon: string;
4
- borderRadius?: string;
5
- padding?: string;
6
- gap?: string;
7
- height?: string;
8
- width?: string;
9
- }
@@ -1,9 +0,0 @@
1
- export interface CardBoxProps {
2
- text: string
3
- icon: string
4
- borderRadius?: string
5
- padding?: string
6
- gap?: string
7
- height?: string
8
- width?: string
9
- }
@@ -1,2 +0,0 @@
1
- export { CardBox } from './CardBox';
2
- export { type CardBoxProps } from './CardBoxProps.types';
@@ -1 +0,0 @@
1
- export { CardBox } from './CardBox';
@@ -1,2 +0,0 @@
1
- export { CardBox } from './CardBox'
2
- export { type CardBoxProps } from './CardBoxProps.types'
@@ -1,6 +0,0 @@
1
- import React from 'react';
2
- import { type FeatureProps } from './RatafiaSubscriptionCard/RatafiaSubscriptionCardProps.types';
3
- export declare const CardBody: React.FC<{
4
- hasPaddingMainFeature?: boolean;
5
- features?: FeatureProps[];
6
- }>;
@@ -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,8 +0,0 @@
1
- import React from 'react';
2
- import { type Colors } from 'src/components/atoms/Button/ButtonProps.types';
3
- export declare const CardFooter: React.FC<{
4
- buttonText?: string;
5
- dataQa?: string;
6
- onClick?: () => void;
7
- buttonStyle: Colors;
8
- }>;
@@ -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,6 +0,0 @@
1
- import React from 'react';
2
- export declare const PlanBoxPricingCardHeader: React.FC<{
3
- title: string;
4
- description?: string;
5
- className?: string;
6
- }>;
@@ -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,4 +0,0 @@
1
- import React from 'react';
2
- import { PlanBoxPricingSubscriptionCardProps } from './PlanBoxPricingSubscriptionCardProps.types';
3
- declare const PlanBoxPricingSubscriptionCard: React.FC<PlanBoxPricingSubscriptionCardProps>;
4
- export default PlanBoxPricingSubscriptionCard;
@@ -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
- `
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- export declare const RatafiaCardHeader: React.FC<{
3
- title: string;
4
- iconTitle?: {
5
- url: string;
6
- };
7
- priceText?: string;
8
- }>;
@@ -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
- `
@@ -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,2 +0,0 @@
1
- export { default as RatafiaSubscriptionCard } from './RatafiaSubscriptionCard/RatafiaSubscriptionCard';
2
- export { default as PlanBoxPricingSubscriptionCard } from './PlanBoxPricingSubscriptionCard/PlanBoxPricingSubscriptionCard';
@@ -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
- import { type FC } from 'react';
2
- import { type HeroContentProps } from './HeroContentPropsProps.types';
3
- declare const HeroContent: FC<HeroContentProps>;
4
- export default HeroContent;
@@ -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