odaptos_design_system 1.4.249 → 1.4.251
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/FeaturesTable/FeaturesTable.d.ts +1 -1
- package/dist/FeaturesTable/components/TableHeader/TableHeader.d.ts +0 -1
- package/dist/FeaturesTable/components/TableHeader/components/HeaderCell.d.ts +0 -2
- package/dist/PricingCard/PricingCard.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +9 -15
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +9 -15
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/FeaturesTable/FeaturesTable.tsx +0 -2
- package/src/FeaturesTable/components/TableHeader/TableHeader.tsx +0 -4
- package/src/FeaturesTable/components/TableHeader/components/HeaderCell.tsx +2 -17
- package/src/PricingCard/PricingCard.tsx +33 -35
|
@@ -7,5 +7,5 @@ interface FeaturesTableProps {
|
|
|
7
7
|
isYearlyOrMonthly: 'yearly' | 'monthly';
|
|
8
8
|
actionsArray: any[];
|
|
9
9
|
}
|
|
10
|
-
export declare const FeaturesTable: ({ pricingCards, cmsContent, featuresSections, sectionsTitleMapping,
|
|
10
|
+
export declare const FeaturesTable: ({ pricingCards, cmsContent, featuresSections, sectionsTitleMapping, actionsArray, }: FeaturesTableProps) => React.JSX.Element;
|
|
11
11
|
export {};
|
|
@@ -10,6 +10,7 @@ interface PricingCardProps {
|
|
|
10
10
|
monthlyPrice: number;
|
|
11
11
|
yearlyPrice: number;
|
|
12
12
|
featuredSectionTitle?: string;
|
|
13
|
+
featuredSectionTitleTooltip?: string;
|
|
13
14
|
};
|
|
14
15
|
cmsContent: any;
|
|
15
16
|
isYearlyOrMonthly: 'yearly' | 'monthly';
|
|
@@ -23,5 +24,5 @@ interface PricingCardProps {
|
|
|
23
24
|
yourPlanText?: string;
|
|
24
25
|
language?: 'en' | 'fr' | 'es';
|
|
25
26
|
}
|
|
26
|
-
export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice, featuredSectionTitle, }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, yourPlanText, language, }: PricingCardProps) => React.JSX.Element;
|
|
27
|
+
export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice, featuredSectionTitle, featuredSectionTitleTooltip, }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, yourPlanText, language, }: PricingCardProps) => React.JSX.Element;
|
|
27
28
|
export {};
|
|
@@ -9395,8 +9395,6 @@ const Title = ({
|
|
|
9395
9395
|
|
|
9396
9396
|
const HeaderCell = ({
|
|
9397
9397
|
planName,
|
|
9398
|
-
isYearlyOrMonthly,
|
|
9399
|
-
yearlyPrice,
|
|
9400
9398
|
monthlyPrice,
|
|
9401
9399
|
cmsContent,
|
|
9402
9400
|
action,
|
|
@@ -9436,10 +9434,10 @@ const HeaderCell = ({
|
|
|
9436
9434
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
9437
9435
|
size: "base",
|
|
9438
9436
|
weight: "bold",
|
|
9439
|
-
text:
|
|
9437
|
+
text: `${cmsContent.Currency || '$'}${monthlyPrice}`
|
|
9440
9438
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
9441
9439
|
size: "sm",
|
|
9442
|
-
text:
|
|
9440
|
+
text: `/ ${cmsContent.Month}`
|
|
9443
9441
|
})), /*#__PURE__*/React__default.createElement(Button, {
|
|
9444
9442
|
text: buttonText[tier],
|
|
9445
9443
|
variant: buttonVariant[tier],
|
|
@@ -9451,7 +9449,6 @@ const HeaderCell = ({
|
|
|
9451
9449
|
const TableHeader = ({
|
|
9452
9450
|
plans,
|
|
9453
9451
|
cmsContent,
|
|
9454
|
-
isYearlyOrMonthly,
|
|
9455
9452
|
actionsArray
|
|
9456
9453
|
}) => {
|
|
9457
9454
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -9465,8 +9462,6 @@ const TableHeader = ({
|
|
|
9465
9462
|
})), plans.map((plan, index) => /*#__PURE__*/React__default.createElement(HeaderCell, {
|
|
9466
9463
|
key: index,
|
|
9467
9464
|
planName: plan.Name,
|
|
9468
|
-
isYearlyOrMonthly: isYearlyOrMonthly,
|
|
9469
|
-
yearlyPrice: plan.YearlyPrice,
|
|
9470
9465
|
monthlyPrice: plan.MonthlyPrice,
|
|
9471
9466
|
cmsContent: cmsContent,
|
|
9472
9467
|
tier: index + 1,
|
|
@@ -9757,7 +9752,6 @@ const FeaturesTable = ({
|
|
|
9757
9752
|
cmsContent,
|
|
9758
9753
|
featuresSections,
|
|
9759
9754
|
sectionsTitleMapping,
|
|
9760
|
-
isYearlyOrMonthly,
|
|
9761
9755
|
actionsArray
|
|
9762
9756
|
}) => {
|
|
9763
9757
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
@@ -9765,7 +9759,6 @@ const FeaturesTable = ({
|
|
|
9765
9759
|
}, /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
9766
9760
|
plans: pricingCards,
|
|
9767
9761
|
cmsContent: cmsContent,
|
|
9768
|
-
isYearlyOrMonthly: isYearlyOrMonthly,
|
|
9769
9762
|
actionsArray: actionsArray
|
|
9770
9763
|
}), /*#__PURE__*/React__default.createElement(TableBody, {
|
|
9771
9764
|
featuresSections: featuresSections,
|
|
@@ -11962,7 +11955,8 @@ const PricingCard = ({
|
|
|
11962
11955
|
description,
|
|
11963
11956
|
monthlyPrice,
|
|
11964
11957
|
yearlyPrice,
|
|
11965
|
-
featuredSectionTitle
|
|
11958
|
+
featuredSectionTitle,
|
|
11959
|
+
featuredSectionTitleTooltip
|
|
11966
11960
|
},
|
|
11967
11961
|
cmsContent,
|
|
11968
11962
|
isYearlyOrMonthly,
|
|
@@ -12079,10 +12073,10 @@ const PricingCard = ({
|
|
|
12079
12073
|
size: "base",
|
|
12080
12074
|
weight: "regular",
|
|
12081
12075
|
text: `/
|
|
12082
|
-
${
|
|
12076
|
+
${cmsContent.Month}
|
|
12083
12077
|
`,
|
|
12084
12078
|
color: isDark ? 'white' : colors.neutral_550
|
|
12085
|
-
}))),
|
|
12079
|
+
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
12086
12080
|
className: styles$C.interviews
|
|
12087
12081
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
12088
12082
|
size: "sm",
|
|
@@ -12092,10 +12086,10 @@ const PricingCard = ({
|
|
|
12092
12086
|
}) : /*#__PURE__*/React__default.createElement(Text, {
|
|
12093
12087
|
size: "sm",
|
|
12094
12088
|
weight: "semi-bold",
|
|
12095
|
-
text: `${cmsContent.UpTo} ${interviewsNumber} ${cmsContent.Interviews} / ${cmsContent.Month}`,
|
|
12089
|
+
text: `${cmsContent.UpTo} ${interviewsNumber} ${cmsContent.Interviews} / ${isYearlyOrMonthly === 'monthly' ? cmsContent.Month : cmsContent.Year}`,
|
|
12096
12090
|
color: isDark ? 'white' : ''
|
|
12097
|
-
}),
|
|
12098
|
-
tooltipDescription:
|
|
12091
|
+
}), /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
12092
|
+
tooltipDescription: featuredSectionTitleTooltip,
|
|
12099
12093
|
arrow: true
|
|
12100
12094
|
}, /*#__PURE__*/React__default.createElement(IconButton, {
|
|
12101
12095
|
variant: "tertiary",
|