odaptos_design_system 1.4.190 → 1.4.191
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/PricingCard/PricingCard.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +13 -4
- 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 +13 -4
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/PricingCard/PricingCard.module.scss +97 -80
- package/src/PricingCard/PricingCard.tsx +18 -7
|
@@ -19,6 +19,7 @@ interface PricingCardProps {
|
|
|
19
19
|
highlightMessage?: string;
|
|
20
20
|
onClick: () => void;
|
|
21
21
|
tier: 1 | 2 | 3 | 4;
|
|
22
|
+
yourPlanText?: string;
|
|
22
23
|
}
|
|
23
|
-
export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, }: PricingCardProps) => React.JSX.Element;
|
|
24
|
+
export declare const PricingCard: ({ cardInfo: { title, description, monthlyPrice, yearlyPrice }, cmsContent, isYearlyOrMonthly, interviewsNumber, featuresList, isDark, isHighlighted, highlightMessage, onClick, tier, yourPlanText, }: PricingCardProps) => React.JSX.Element;
|
|
24
25
|
export {};
|
|
@@ -11348,8 +11348,8 @@ const PopoverBeta = ({
|
|
|
11348
11348
|
});
|
|
11349
11349
|
};
|
|
11350
11350
|
|
|
11351
|
-
var css_248z$x = ".PricingCard-module_pricingCard__jSupc{background-color:#fff;border:1px solid #d5d5d6;border-radius:.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.078);box-shadow:0 1px 3px 0 rgba(0,0,0,.149);position:relative;width:22.75rem}.PricingCard-module_pricingCard__jSupc.PricingCard-module_dark__wehVh{background:linear-gradient(180deg,#4b4e52,#26292e),linear-gradient(0deg,#00040a,#00040a)}.PricingCard-module_pricingCard__jSupc.PricingCard-module_highlighted__J29RS{border:1px solid #07f;border-radius:0 0 .5rem .5rem;border-top:none}.PricingCard-module_pricingCard__jSupc.PricingCard-module_highlighted__J29RS .PricingCard-module_highlightMessage__LYZRF{align-items:center;background:linear-gradient(135.07deg,#07f,#9024f6 98.4%);border:1px solid #07f;border-bottom:none;border-radius:.5rem .5rem 0 0;box-sizing:border-box;display:flex;height:2.5rem;justify-content:center;left:-1px;position:absolute;top:-2.5rem;width:calc(100% + 2px)}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_header__Z7H-L .PricingCard-module_description__2Gn2y{min-height:4.8rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1{display:flex;flex-direction:column}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_lineThrough__9zaav{text-decoration:line-through}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_price__oEUYG .PricingCard-module_amount__1SMoQ{align-items:center;display:flex;gap:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_interviews__vFA04{margin-bottom:1rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL{display:flex;flex-direction:column;gap:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa .PricingCard-module_icon__DAwOs{fill:#5cbb65}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa .PricingCard-module_tooltipButton__Wh2Ts{margin-left:auto}";
|
|
11352
|
-
var styles$x = {"pricingCard":"PricingCard-module_pricingCard__jSupc","dark":"PricingCard-module_dark__wehVh","highlighted":"PricingCard-module_highlighted__J29RS","highlightMessage":"PricingCard-module_highlightMessage__LYZRF","mainContent":"PricingCard-module_mainContent__W22qI","header":"PricingCard-module_header__Z7H-L","description":"PricingCard-module_description__2Gn2y","pricing":"PricingCard-module_pricing__-0cI1","lineThrough":"PricingCard-module_lineThrough__9zaav","price":"PricingCard-module_price__oEUYG","amount":"PricingCard-module_amount__1SMoQ","interviews":"PricingCard-module_interviews__vFA04","features":"PricingCard-module_features__LmzjL","featuresList":"PricingCard-module_featuresList__1PyxA","feature":"PricingCard-module_feature__X0CDa","icon":"PricingCard-module_icon__DAwOs","tooltipButton":"PricingCard-module_tooltipButton__Wh2Ts"};
|
|
11351
|
+
var css_248z$x = ".PricingCard-module_pricingCard__jSupc{background-color:#fff;border:1px solid #d5d5d6;border-radius:.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.078);box-shadow:0 1px 3px 0 rgba(0,0,0,.149);position:relative;width:22.75rem}.PricingCard-module_pricingCard__jSupc.PricingCard-module_dark__wehVh{background:linear-gradient(180deg,#4b4e52,#26292e),linear-gradient(0deg,#00040a,#00040a)}.PricingCard-module_pricingCard__jSupc.PricingCard-module_highlighted__J29RS{border:1px solid #07f;border-radius:0 0 .5rem .5rem;border-top:none}.PricingCard-module_pricingCard__jSupc.PricingCard-module_highlighted__J29RS .PricingCard-module_highlightMessage__LYZRF{align-items:center;background:linear-gradient(135.07deg,#07f,#9024f6 98.4%);border:1px solid #07f;border-bottom:none;border-radius:.5rem .5rem 0 0;box-sizing:border-box;display:flex;height:2.5rem;justify-content:center;left:-1px;position:absolute;top:-2.5rem;width:calc(100% + 2px)}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_header__Z7H-L .PricingCard-module_header_top__nCRaq{align-items:center;display:flex;gap:1rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_header__Z7H-L .PricingCard-module_header_top__nCRaq .PricingCard-module_tag__n3QPi{align-items:center;background:var(--Color-Gradients-005,linear-gradient(180deg,#3392ff 0,#07f 100%));border-radius:.25rem;display:flex;gap:.25rem;height:1.25rem;padding:0 .375rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_header__Z7H-L .PricingCard-module_description__2Gn2y{min-height:4.8rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1{display:flex;flex-direction:column}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_lineThrough__9zaav{text-decoration:line-through}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_price__oEUYG .PricingCard-module_amount__1SMoQ{align-items:center;display:flex;gap:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_pricing__-0cI1 .PricingCard-module_interviews__vFA04{margin-bottom:1rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL{display:flex;flex-direction:column;gap:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa .PricingCard-module_icon__DAwOs{fill:#5cbb65}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_features__LmzjL .PricingCard-module_featuresList__1PyxA .PricingCard-module_feature__X0CDa .PricingCard-module_tooltipButton__Wh2Ts{margin-left:auto}";
|
|
11352
|
+
var styles$x = {"pricingCard":"PricingCard-module_pricingCard__jSupc","dark":"PricingCard-module_dark__wehVh","highlighted":"PricingCard-module_highlighted__J29RS","highlightMessage":"PricingCard-module_highlightMessage__LYZRF","mainContent":"PricingCard-module_mainContent__W22qI","header":"PricingCard-module_header__Z7H-L","header_top":"PricingCard-module_header_top__nCRaq","tag":"PricingCard-module_tag__n3QPi","description":"PricingCard-module_description__2Gn2y","pricing":"PricingCard-module_pricing__-0cI1","lineThrough":"PricingCard-module_lineThrough__9zaav","price":"PricingCard-module_price__oEUYG","amount":"PricingCard-module_amount__1SMoQ","interviews":"PricingCard-module_interviews__vFA04","features":"PricingCard-module_features__LmzjL","featuresList":"PricingCard-module_featuresList__1PyxA","feature":"PricingCard-module_feature__X0CDa","icon":"PricingCard-module_icon__DAwOs","tooltipButton":"PricingCard-module_tooltipButton__Wh2Ts"};
|
|
11353
11353
|
styleInject(css_248z$x);
|
|
11354
11354
|
|
|
11355
11355
|
const PricingCard = ({
|
|
@@ -11367,7 +11367,8 @@ const PricingCard = ({
|
|
|
11367
11367
|
isHighlighted = false,
|
|
11368
11368
|
highlightMessage = '',
|
|
11369
11369
|
onClick,
|
|
11370
|
-
tier = 1
|
|
11370
|
+
tier = 1,
|
|
11371
|
+
yourPlanText
|
|
11371
11372
|
}) => {
|
|
11372
11373
|
//Map the tier to the button text and variant
|
|
11373
11374
|
const buttonVariant = {
|
|
@@ -11401,12 +11402,20 @@ const PricingCard = ({
|
|
|
11401
11402
|
className: styles$x.mainContent
|
|
11402
11403
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11403
11404
|
className: styles$x.header
|
|
11405
|
+
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11406
|
+
className: styles$x.header_top
|
|
11404
11407
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11405
11408
|
size: "xl",
|
|
11406
11409
|
weight: "bold",
|
|
11407
11410
|
text: title,
|
|
11408
11411
|
color: isDark ? '#fff' : ''
|
|
11409
|
-
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11412
|
+
}), yourPlanText && /*#__PURE__*/React__default.createElement("div", {
|
|
11413
|
+
className: styles$x.tag
|
|
11414
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11415
|
+
size: "xs",
|
|
11416
|
+
text: yourPlanText,
|
|
11417
|
+
color: colors.white
|
|
11418
|
+
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
11410
11419
|
className: styles$x.description
|
|
11411
11420
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11412
11421
|
size: "base",
|