odaptos_design_system 1.4.149 → 1.4.151
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/components/TableBody/components/FeatureGroup.d.ts +2 -1
- package/dist/FeaturesTable/components/TableBody/components/FeatureRow.d.ts +2 -1
- package/dist/odaptos_design_system.cjs.development.js +35 -35
- 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 +35 -35
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +2 -1
- package/src/FeaturesTable/FeaturesTable.module.scss +7 -1
- package/src/FeaturesTable/components/TableBody/TableBody.tsx +1 -0
- package/src/FeaturesTable/components/TableBody/components/FeatureGroup.tsx +7 -1
- package/src/FeaturesTable/components/TableBody/components/FeatureRow.tsx +6 -2
- package/src/LogoSlider/LogoSlider.module.scss +3 -49
- package/src/LogoSlider/LogoSlider.tsx +3 -2
- package/src/PricingCard/PricingCard.module.scss +82 -71
- package/src/PricingCard/PricingCard.tsx +24 -15
- package/src/ToggleTab/ToggleTab.module.scss +7 -1
- package/src/ToggleTab/ToggleTab.tsx +22 -35
|
@@ -2,6 +2,7 @@ import React from 'react';
|
|
|
2
2
|
interface FeatureGroupProps {
|
|
3
3
|
sectionTitle: string;
|
|
4
4
|
featureSection: any[];
|
|
5
|
+
isLastGroup?: boolean;
|
|
5
6
|
}
|
|
6
|
-
export declare const FeatureGroup: ({ sectionTitle, featureSection, }: FeatureGroupProps) => React.JSX.Element;
|
|
7
|
+
export declare const FeatureGroup: ({ sectionTitle, featureSection, isLastGroup, }: FeatureGroupProps) => React.JSX.Element;
|
|
7
8
|
export {};
|
|
@@ -1,6 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
interface FeatureRowProps {
|
|
3
3
|
feature: any;
|
|
4
|
+
isLastOfTable?: boolean;
|
|
4
5
|
}
|
|
5
|
-
export declare const FeatureRow: ({ feature }: FeatureRowProps) => React.JSX.Element;
|
|
6
|
+
export declare const FeatureRow: ({ feature, isLastOfTable, }: FeatureRowProps) => React.JSX.Element;
|
|
6
7
|
export {};
|
|
@@ -19,6 +19,7 @@ var DatePicker$1 = require('@mui/x-date-pickers/DatePicker');
|
|
|
19
19
|
var Tooltip$1 = require('@mui/material/Tooltip');
|
|
20
20
|
var Grid = _interopDefault(require('@mui/material/Grid'));
|
|
21
21
|
var Popover$1 = _interopDefault(require('@mui/material/Popover'));
|
|
22
|
+
var Marquee = _interopDefault(require('react-fast-marquee'));
|
|
22
23
|
var MuiModal = _interopDefault(require('@mui/material/Modal'));
|
|
23
24
|
var Fade = _interopDefault(require('@mui/material/Fade'));
|
|
24
25
|
var Autocomplete = require('@mui/material/Autocomplete');
|
|
@@ -8725,8 +8726,8 @@ const DatePicker = ({
|
|
|
8725
8726
|
}))));
|
|
8726
8727
|
};
|
|
8727
8728
|
|
|
8728
|
-
var css_248z$a = ".FeaturesTable-module_featuresTable__jqGQ2{box-shadow:0 2px 6px 2px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15)}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox{background-color:#f9fafc;border:1px solid var(--Color-Neutral-Clear-Shades-300,#d5d5d6);border-radius:.25rem .25rem 0 0;display:flex;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerTitle__D2DYH{flex:1}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerCell__NRsQf{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerCell__NRsQf .FeaturesTable-module_priceContainer__O2buO{align-items:center;display:flex;gap:.5rem;justify-content:center}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_sectionTitleRow__TwgYX{align-items:center;background-color:#f9fafc;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:2.75rem;padding:.5rem 1rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e{align-items:center;background-color:#fff;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:2.75rem;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_featureName__AIvjr{align-items:center;display:flex;flex:1;gap:.5rem;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_rowCell__54en2{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_rowCell__54en2 .FeaturesTable-module_checkedIcon__U4qmA{fill:#5cbb65}";
|
|
8729
|
-
var styles$a = {"featuresTable":"FeaturesTable-module_featuresTable__jqGQ2","tableHeader":"FeaturesTable-module_tableHeader__-jBox","headerTitle":"FeaturesTable-module_headerTitle__D2DYH","headerCell":"FeaturesTable-module_headerCell__NRsQf","priceContainer":"FeaturesTable-module_priceContainer__O2buO","tableBody":"FeaturesTable-module_tableBody__B1wx4","featureGroup":"FeaturesTable-module_featureGroup__9opxt","sectionTitleRow":"FeaturesTable-module_sectionTitleRow__TwgYX","featureRow":"FeaturesTable-module_featureRow__maU0e","featureName":"FeaturesTable-module_featureName__AIvjr","rowCell":"FeaturesTable-module_rowCell__54en2","checkedIcon":"FeaturesTable-module_checkedIcon__U4qmA"};
|
|
8729
|
+
var css_248z$a = ".FeaturesTable-module_featuresTable__jqGQ2{border-radius:.25rem;box-shadow:0 2px 6px 2px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15)}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox{background-color:#f9fafc;border:1px solid var(--Color-Neutral-Clear-Shades-300,#d5d5d6);border-radius:.25rem .25rem 0 0;display:flex;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerTitle__D2DYH{flex:1}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerCell__NRsQf{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableHeader__-jBox .FeaturesTable-module_headerCell__NRsQf .FeaturesTable-module_priceContainer__O2buO{align-items:center;display:flex;gap:.5rem;justify-content:center}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_sectionTitleRow__TwgYX{align-items:center;background-color:#f9fafc;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:2.75rem;padding:.5rem 1rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e{align-items:center;background-color:#fff;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:2.75rem;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_featureName__AIvjr{align-items:center;display:flex;flex:1;gap:.5rem;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_rowCell__54en2{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_featureRow__maU0e .FeaturesTable-module_rowCell__54en2 .FeaturesTable-module_checkedIcon__U4qmA{fill:#5cbb65}.FeaturesTable-module_featuresTable__jqGQ2 .FeaturesTable-module_tableBody__B1wx4 .FeaturesTable-module_featureGroup__9opxt .FeaturesTable-module_lastRow__hcYBv{border-radius:0 0 .25rem .25rem}";
|
|
8730
|
+
var styles$a = {"featuresTable":"FeaturesTable-module_featuresTable__jqGQ2","tableHeader":"FeaturesTable-module_tableHeader__-jBox","headerTitle":"FeaturesTable-module_headerTitle__D2DYH","headerCell":"FeaturesTable-module_headerCell__NRsQf","priceContainer":"FeaturesTable-module_priceContainer__O2buO","tableBody":"FeaturesTable-module_tableBody__B1wx4","featureGroup":"FeaturesTable-module_featureGroup__9opxt","sectionTitleRow":"FeaturesTable-module_sectionTitleRow__TwgYX","featureRow":"FeaturesTable-module_featureRow__maU0e","featureName":"FeaturesTable-module_featureName__AIvjr","rowCell":"FeaturesTable-module_rowCell__54en2","checkedIcon":"FeaturesTable-module_checkedIcon__U4qmA","lastRow":"FeaturesTable-module_lastRow__hcYBv"};
|
|
8730
8731
|
styleInject(css_248z$a);
|
|
8731
8732
|
|
|
8732
8733
|
var css_248z$b = "@import \"../../styles/index.css\";.Title-modules_title__NWXT6{font-family:var(--sdFontFamilyPoppins);margin:unset;text-align:left}.Title-modules_title_italic__qZXuO{font-style:italic}.Title-modules_title_normal__utLTb{font-style:normal}.Title-modules_title_xs__X-d4H{font-size:var(--sdFontSizeXs);line-height:var(--sdLineHeight130);padding:.063rem 0}.Title-modules_title_sm__eLp2K{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_base__ydwk0{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_lg__1R6-8{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_xl__TeXu4{font-size:var(--sdFontSizeXl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_xxl__jwlnh{font-size:var(--sdFontSize2xl);line-height:var(--sdLineHeight150);padding:.063rem 0 .188rem}.Title-modules_title_xxxl__1KOPj{font-size:var(--sdFontSize3xl);line-height:150%;padding:.188rem 0 .063rem}.Title-modules_title_xxxxl__3dlSA{font-size:var(--sdFontSize4xl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_bold__9YLHA{font-weight:var(--sdFontWeightBold)}.Title-modules_title_semi_bold__KdD7l{font-weight:var(--sdFontWeightSemibold)}.Title-modules_title_regular__g42g-{font-weight:var(--sdFontWeightRegular)}";
|
|
@@ -9056,11 +9057,12 @@ const Tooltip = ({
|
|
|
9056
9057
|
};
|
|
9057
9058
|
|
|
9058
9059
|
const FeatureRow = ({
|
|
9059
|
-
feature
|
|
9060
|
+
feature,
|
|
9061
|
+
isLastOfTable = false
|
|
9060
9062
|
}) => {
|
|
9061
9063
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
9062
9064
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9063
|
-
className: styles$a.featureRow
|
|
9065
|
+
className: `${styles$a.featureRow} ${isLastOfTable ? styles$a.lastRow : ''}`
|
|
9064
9066
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
9065
9067
|
className: styles$a.featureName
|
|
9066
9068
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -9102,7 +9104,8 @@ const SectionTitleRow = ({
|
|
|
9102
9104
|
|
|
9103
9105
|
const FeatureGroup = ({
|
|
9104
9106
|
sectionTitle,
|
|
9105
|
-
featureSection
|
|
9107
|
+
featureSection,
|
|
9108
|
+
isLastGroup
|
|
9106
9109
|
}) => {
|
|
9107
9110
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9108
9111
|
className: styles$a.featureGroup
|
|
@@ -9112,7 +9115,8 @@ const FeatureGroup = ({
|
|
|
9112
9115
|
if (feature.isActive === false || feature.isActive === undefined) return null;
|
|
9113
9116
|
return feature.isActive === false ? null : /*#__PURE__*/React__default.createElement(FeatureRow, {
|
|
9114
9117
|
key: index,
|
|
9115
|
-
feature: feature
|
|
9118
|
+
feature: feature,
|
|
9119
|
+
isLastOfTable: isLastGroup && index === featureSection.length - 1
|
|
9116
9120
|
});
|
|
9117
9121
|
}));
|
|
9118
9122
|
};
|
|
@@ -9135,7 +9139,8 @@ const TableBody = ({
|
|
|
9135
9139
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React__default.createElement(FeatureGroup, {
|
|
9136
9140
|
key: index,
|
|
9137
9141
|
sectionTitle: getTitleById(sectionTitle),
|
|
9138
|
-
featureSection: featuresSections[sectionTitle]
|
|
9142
|
+
featureSection: featuresSections[sectionTitle],
|
|
9143
|
+
isLastGroup: index === Object.keys(featuresSections).length - 1
|
|
9139
9144
|
})));
|
|
9140
9145
|
};
|
|
9141
9146
|
|
|
@@ -9809,8 +9814,8 @@ const LateralMenu = ({
|
|
|
9809
9814
|
}), content);
|
|
9810
9815
|
};
|
|
9811
9816
|
|
|
9812
|
-
var css_248z$o = ".LogoSlider-module_logoSlider__DzSpR
|
|
9813
|
-
var styles$o = {"logoSlider":"LogoSlider-module_logoSlider__DzSpR","
|
|
9817
|
+
var css_248z$o = ".LogoSlider-module_logoSlider__DzSpR .LogoSlider-module_partner__s7oA6{height:2rem;width:15rem}";
|
|
9818
|
+
var styles$o = {"logoSlider":"LogoSlider-module_logoSlider__DzSpR","partner":"LogoSlider-module_partner__s7oA6"};
|
|
9814
9819
|
styleInject(css_248z$o);
|
|
9815
9820
|
|
|
9816
9821
|
const partnersSVGs = {
|
|
@@ -9828,8 +9833,8 @@ const LogoSlider = () => {
|
|
|
9828
9833
|
const partners = Object.keys(partnersSVGs);
|
|
9829
9834
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
9830
9835
|
className: styles$o.logoSlider
|
|
9831
|
-
}, /*#__PURE__*/React__default.createElement(
|
|
9832
|
-
|
|
9836
|
+
}, /*#__PURE__*/React__default.createElement(Marquee, {
|
|
9837
|
+
speed: 50
|
|
9833
9838
|
}, partners.map((partner, index) => {
|
|
9834
9839
|
const PartnerSVG = partnersSVGs[partner];
|
|
9835
9840
|
return /*#__PURE__*/React__default.createElement(PartnerSVG, {
|
|
@@ -10794,8 +10799,8 @@ const PopoverBeta = ({
|
|
|
10794
10799
|
});
|
|
10795
10800
|
};
|
|
10796
10801
|
|
|
10797
|
-
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);height:100%;
|
|
10798
|
-
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","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"};
|
|
10802
|
+
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);height:100%;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-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:-2rem;width:calc(100% + 2px)}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI{display:flex;flex-direction:column;gap:2rem;padding:1.5rem}.PricingCard-module_pricingCard__jSupc .PricingCard-module_mainContent__W22qI .PricingCard-module_header__Z7H-L .PricingCard-module_description__2Gn2y{min-height:6rem}.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}";
|
|
10803
|
+
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"};
|
|
10799
10804
|
styleInject(css_248z$x);
|
|
10800
10805
|
|
|
10801
10806
|
const PricingCard = ({
|
|
@@ -10847,24 +10852,26 @@ const PricingCard = ({
|
|
|
10847
10852
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
10848
10853
|
className: styles$x.mainContent
|
|
10849
10854
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
10850
|
-
className: styles$x.
|
|
10855
|
+
className: styles$x.header
|
|
10851
10856
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
10852
10857
|
size: "xl",
|
|
10853
10858
|
weight: "bold",
|
|
10854
10859
|
text: title,
|
|
10855
10860
|
color: isDark ? '#fff' : ''
|
|
10856
|
-
}), /*#__PURE__*/React__default.createElement(
|
|
10861
|
+
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10862
|
+
className: styles$x.description
|
|
10863
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
10857
10864
|
size: "base",
|
|
10858
10865
|
weight: "semi-bold",
|
|
10859
10866
|
text: description,
|
|
10860
10867
|
color: isDark ? 'white' : ''
|
|
10861
|
-
})), /*#__PURE__*/React__default.createElement("div", {
|
|
10868
|
+
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
10862
10869
|
className: styles$x.pricing
|
|
10863
|
-
},
|
|
10870
|
+
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
10864
10871
|
size: "base",
|
|
10865
10872
|
weight: "bold",
|
|
10866
|
-
text: `$${monthlyPrice} / ${cmsContent.Month}
|
|
10867
|
-
color: colors.neutral_800,
|
|
10873
|
+
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `$${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
10874
|
+
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
10868
10875
|
className: styles$x.lineThrough
|
|
10869
10876
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10870
10877
|
className: styles$x.price
|
|
@@ -12242,7 +12249,7 @@ const TimePicker = ({
|
|
|
12242
12249
|
}))));
|
|
12243
12250
|
};
|
|
12244
12251
|
|
|
12245
|
-
var css_248z$O = ".ToggleTab-module_toggleTab__CcROQ{background:transparent;border-radius:.25rem;display:flex;padding:.25rem;width:-moz-fit-content;width:fit-content}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__0Eqv4{border-radius:.25rem;cursor:pointer;display:flex;gap:1rem;padding:0 1rem;transition:background-color .2s ease-in-out}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__btn__PPPY2 p{transition:color .2s ease-in-out}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__0Eqv4 .ToggleTab-module_optionalText__Aaoxs{align-items:center;background-color:#f54c4c;border-radius:.25rem;display:flex;justify-content:center;padding:0 .
|
|
12252
|
+
var css_248z$O = ".ToggleTab-module_toggleTab__CcROQ{background:transparent;border-radius:.25rem;display:flex;padding:.25rem;width:-moz-fit-content;width:fit-content}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__0Eqv4{border-radius:.25rem;cursor:pointer;display:flex;gap:1rem;padding:0 1rem;transition:background-color .2s ease-in-out}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__btn__PPPY2{align-items:center;display:flex;gap:.5rem;justify-content:center}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__btn__PPPY2 p{transition:color .2s ease-in-out}.ToggleTab-module_toggleTab__CcROQ .ToggleTab-module_option__0Eqv4 .ToggleTab-module_optionalText__Aaoxs{align-items:center;background-color:#f54c4c;border-radius:.25rem;display:flex;justify-content:center;margin:.25rem 0;padding:0 .25rem}";
|
|
12246
12253
|
var styles$O = {"toggleTab":"ToggleTab-module_toggleTab__CcROQ","option":"ToggleTab-module_option__0Eqv4","option__btn":"ToggleTab-module_option__btn__PPPY2","optionalText":"ToggleTab-module_optionalText__Aaoxs"};
|
|
12247
12254
|
styleInject(css_248z$O);
|
|
12248
12255
|
|
|
@@ -12281,7 +12288,7 @@ const ToggleTab = ({
|
|
|
12281
12288
|
className: styles$O.option,
|
|
12282
12289
|
style: {
|
|
12283
12290
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
12284
|
-
paddingRight: optionalFirstText ? '0' : '1rem'
|
|
12291
|
+
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
12285
12292
|
}
|
|
12286
12293
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12287
12294
|
onClick: onClickOptionOne,
|
|
@@ -12291,22 +12298,18 @@ const ToggleTab = ({
|
|
|
12291
12298
|
weight: "bold",
|
|
12292
12299
|
text: optionOne,
|
|
12293
12300
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
12294
|
-
})
|
|
12295
|
-
className: styles$O.optionalText
|
|
12296
|
-
style: {
|
|
12297
|
-
borderRadius: selectedOption === 1 ? '0 0.25rem 0.25rem 0' : '0.25rem'
|
|
12298
|
-
}
|
|
12301
|
+
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
12302
|
+
className: styles$O.optionalText
|
|
12299
12303
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12300
12304
|
text: optionalFirstText,
|
|
12301
12305
|
size: "sm",
|
|
12302
12306
|
weight: "regular",
|
|
12303
12307
|
color: "#fff"
|
|
12304
|
-
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
12308
|
+
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
12305
12309
|
className: styles$O.option,
|
|
12306
12310
|
style: {
|
|
12307
12311
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
12308
|
-
paddingRight: optionalSecondText ? '0' : '1rem'
|
|
12309
|
-
marginLeft: optionalFirstText ? '1rem' : '0'
|
|
12312
|
+
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
12310
12313
|
}
|
|
12311
12314
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12312
12315
|
onClick: onClickOptionTwo,
|
|
@@ -12316,17 +12319,14 @@ const ToggleTab = ({
|
|
|
12316
12319
|
weight: "bold",
|
|
12317
12320
|
text: optionTwo,
|
|
12318
12321
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
12319
|
-
})
|
|
12320
|
-
className: styles$O.optionalText
|
|
12321
|
-
style: {
|
|
12322
|
-
borderRadius: selectedOption === 2 ? '0 0.25rem 0.25rem 0' : '0.25rem'
|
|
12323
|
-
}
|
|
12322
|
+
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
12323
|
+
className: styles$O.optionalText
|
|
12324
12324
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12325
12325
|
text: optionalSecondText,
|
|
12326
12326
|
size: "sm",
|
|
12327
12327
|
weight: "regular",
|
|
12328
12328
|
color: "#fff"
|
|
12329
|
-
}))));
|
|
12329
|
+
})))));
|
|
12330
12330
|
};
|
|
12331
12331
|
|
|
12332
12332
|
var css_248z$P = "@import \"../../styles/index.css\";.Caption-modules_caption_text__LH61Z{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingCaption);line-height:var(--sdLineHeight130);margin:unset;padding:.063rem 0;text-align:left}.Caption-modules_caption_text_uppercase__lc-JL{text-transform:var(--sdTextCaseUppercase)}";
|