odaptos_design_system 1.4.182 → 1.4.183
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/odaptos_design_system.cjs.development.js +247 -239
- 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 +247 -239
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Notifications/Banner.modules.scss +65 -0
- package/src/Notifications/Banner.tsx +19 -13
|
@@ -10787,51 +10787,10 @@ const NumberField = props => {
|
|
|
10787
10787
|
}));
|
|
10788
10788
|
};
|
|
10789
10789
|
|
|
10790
|
-
var css_248z$s = "@import \"../../styles/index.css\";.TextWithLink-modules_text_with_link__k8Sec{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextWithLink-modules_text_with_link__k8Sec a{color:var(--color-primary-500,#07f);margin-left:.5rem}.TextWithLink-modules_text_with_link_underline__NEM4B{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__bAyFf{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__K7Wwc:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text-regular__Pz5Jn.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
10791
|
-
var styles$s = {"
|
|
10790
|
+
var css_248z$s = ".Banner-modules_notification_banner__JKUGY{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;max-width:87.5rem;padding:.5rem}.Banner-modules_notification_banner__JKUGY h2,.Banner-modules_notification_banner__JKUGY p{white-space:break-spaces}.Banner-modules_banner_content_info__tPwH-,.Banner-modules_banner_content_info__tPwH- a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_info__tPwH- a{color:#004799}.Banner-modules_banner_content_error__GS1Mz,.Banner-modules_banner_content_error__GS1Mz a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_error__GS1Mz a{color:#98312e}.Banner-modules_banner_content_success__64pVm,.Banner-modules_banner_content_success__64pVm a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_success__64pVm a{color:#3c743d}.Banner-modules_banner_content_warning__YWAd7,.Banner-modules_banner_content_warning__YWAd7 a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_warning__YWAd7 a{color:#9e7200}.Banner-modules_notification_banner_header__L3uAa{align-items:center;display:flex;gap:.5rem;width:100%}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_btn_custom__s-jml{margin-left:auto}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh:hover{background:#fbb7b7;border:1px solid #fbb7b7}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh svg{stroke:#98312e!important;fill:#98312e!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6:hover{background:#ffe299;border:1px solid #ffe299}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6 svg{stroke:#9e7200!important;fill:#9e7200!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032:hover{background:#d5edd8;border:1px solid #d5edd8}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032 svg{stroke:#3c743d!important;fill:#3c743d!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW:hover{background:#99c9ff;border:1px solid #99c9ff}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW svg{stroke:#004799!important;fill:#004799!important}.Banner-modules_notification_banner_error__ThRKH{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c)}.Banner-modules_notification_banner_warning__cbz4c{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Banner-modules_notification_banner_info__-ByX7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f)}.Banner-modules_notification_banner_success__QCOL-{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65)}";
|
|
10791
|
+
var styles$s = {"notification_banner":"Banner-modules_notification_banner__JKUGY","banner_content_info":"Banner-modules_banner_content_info__tPwH-","banner_content_error":"Banner-modules_banner_content_error__GS1Mz","banner_content_success":"Banner-modules_banner_content_success__64pVm","banner_content_warning":"Banner-modules_banner_content_warning__YWAd7","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","icon_btn_custom":"Banner-modules_icon_btn_custom__s-jml","icon_button_error":"Banner-modules_icon_button_error__qw-kh","icon_button_warning":"Banner-modules_icon_button_warning__-sNU6","icon_button_success":"Banner-modules_icon_button_success__nt032","icon_button_info":"Banner-modules_icon_button_info__cGQHW","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
|
|
10792
10792
|
styleInject(css_248z$s);
|
|
10793
10793
|
|
|
10794
|
-
/** This text should be use to display basic text */
|
|
10795
|
-
const TextWithLink = ({
|
|
10796
|
-
text,
|
|
10797
|
-
color = '#26292E',
|
|
10798
|
-
size = 'base',
|
|
10799
|
-
weight = 'semi-bold',
|
|
10800
|
-
italic = false,
|
|
10801
|
-
textDecoration,
|
|
10802
|
-
className,
|
|
10803
|
-
textLink,
|
|
10804
|
-
link,
|
|
10805
|
-
isExternalLink = true,
|
|
10806
|
-
...props
|
|
10807
|
-
}) => {
|
|
10808
|
-
const getTextSize = () => {
|
|
10809
|
-
if (size === 'xs') return styles$s.text_with_link_xs;else if (size === 'sm') return styles$s.text_with_link_sm;else if (size === 'base') return styles$s.text_with_link_base;else if (size === 'lg') return styles$s.text_with_link_lg;else if (size === 'xl') return styles$s.text_with_link_xl;else if (size === 'xxl') return styles$s.text_with_link_xxl;else if (size === 'xxxl') return styles$s.text_with_link_xxxl;else if (size === 'xxxxl') return styles$s.text_with_link_xxxxl;else return styles$s.text_with_link_base;
|
|
10810
|
-
};
|
|
10811
|
-
const getTextWeight = () => {
|
|
10812
|
-
if (weight === 'semi-bold') return styles$s.text_with_link_semi_bold;else if (weight === 'bold') return styles$s.text_with_link_bold;else if (weight === 'regular') return styles$s.text_with_link_regular;else return styles$s.text_with_link_regular;
|
|
10813
|
-
};
|
|
10814
|
-
const getTextDecoration = () => {
|
|
10815
|
-
if (textDecoration === 'underline') return styles$s.text_with_link_underline;else if (textDecoration === 'line-through') return styles$s.text_with_link_line_through;else return '';
|
|
10816
|
-
};
|
|
10817
|
-
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
10818
|
-
style: {
|
|
10819
|
-
color: color
|
|
10820
|
-
},
|
|
10821
|
-
className: `${styles$s.text_with_link} ${italic && styles$s.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
|
|
10822
|
-
}), text, isExternalLink ? /*#__PURE__*/React__default.createElement("a", {
|
|
10823
|
-
href: link,
|
|
10824
|
-
target: "_blank",
|
|
10825
|
-
rel: "noreferrer"
|
|
10826
|
-
}, textLink) : /*#__PURE__*/React__default.createElement("a", {
|
|
10827
|
-
href: link
|
|
10828
|
-
}, textLink));
|
|
10829
|
-
};
|
|
10830
|
-
|
|
10831
|
-
var css_248z$t = ".Banner-modules_notification_banner__JKUGY{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;max-width:87.5rem;padding:.5rem}.Banner-modules_notification_banner__JKUGY h2,.Banner-modules_notification_banner__JKUGY p{white-space:break-spaces}.Banner-modules_notification_banner_header__L3uAa{align-items:center;display:flex;gap:.5rem;width:100%}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_btn_custom__s-jml{margin-left:auto}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh:hover{background:#fbb7b7;border:1px solid #fbb7b7}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_error__qw-kh svg{stroke:#98312e!important;fill:#98312e!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6:hover{background:#ffe299;border:1px solid #ffe299}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_warning__-sNU6 svg{stroke:#9e7200!important;fill:#9e7200!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032:hover{background:#d5edd8;border:1px solid #d5edd8}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_success__nt032 svg{stroke:#3c743d!important;fill:#3c743d!important}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW:hover{background:#99c9ff;border:1px solid #99c9ff}.Banner-modules_notification_banner_header__L3uAa .Banner-modules_icon_button_info__cGQHW svg{stroke:#004799!important;fill:#004799!important}.Banner-modules_notification_banner_error__ThRKH{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c)}.Banner-modules_notification_banner_warning__cbz4c{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Banner-modules_notification_banner_info__-ByX7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f)}.Banner-modules_notification_banner_success__QCOL-{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65)}";
|
|
10832
|
-
var styles$t = {"notification_banner":"Banner-modules_notification_banner__JKUGY","notification_banner_header":"Banner-modules_notification_banner_header__L3uAa","icon_btn_custom":"Banner-modules_icon_btn_custom__s-jml","icon_button_error":"Banner-modules_icon_button_error__qw-kh","icon_button_warning":"Banner-modules_icon_button_warning__-sNU6","icon_button_success":"Banner-modules_icon_button_success__nt032","icon_button_info":"Banner-modules_icon_button_info__cGQHW","notification_banner_error":"Banner-modules_notification_banner_error__ThRKH","notification_banner_warning":"Banner-modules_notification_banner_warning__cbz4c","notification_banner_info":"Banner-modules_notification_banner_info__-ByX7","notification_banner_success":"Banner-modules_notification_banner_success__QCOL-"};
|
|
10833
|
-
styleInject(css_248z$t);
|
|
10834
|
-
|
|
10835
10794
|
/**
|
|
10836
10795
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
10837
10796
|
*/
|
|
@@ -10885,30 +10844,41 @@ const Banner = ({
|
|
|
10885
10844
|
};
|
|
10886
10845
|
const getBannerColor = () => {
|
|
10887
10846
|
if (type === 'error') {
|
|
10888
|
-
return styles$
|
|
10847
|
+
return styles$s.notification_banner_error;
|
|
10889
10848
|
} else if (type === 'warning') {
|
|
10890
|
-
return styles$
|
|
10849
|
+
return styles$s.notification_banner_warning;
|
|
10891
10850
|
} else if (type === 'success') {
|
|
10892
|
-
return styles$
|
|
10851
|
+
return styles$s.notification_banner_success;
|
|
10893
10852
|
} else {
|
|
10894
|
-
return styles$
|
|
10853
|
+
return styles$s.notification_banner_info;
|
|
10895
10854
|
}
|
|
10896
10855
|
};
|
|
10897
10856
|
const getIconButtonColor = () => {
|
|
10898
10857
|
if (type === 'error') {
|
|
10899
|
-
return styles$
|
|
10858
|
+
return styles$s.icon_button_error;
|
|
10900
10859
|
} else if (type === 'warning') {
|
|
10901
|
-
return styles$
|
|
10860
|
+
return styles$s.icon_button_warning;
|
|
10902
10861
|
} else if (type === 'success') {
|
|
10903
|
-
return styles$
|
|
10862
|
+
return styles$s.icon_button_success;
|
|
10904
10863
|
} else {
|
|
10905
|
-
return styles$
|
|
10864
|
+
return styles$s.icon_button_info;
|
|
10865
|
+
}
|
|
10866
|
+
};
|
|
10867
|
+
const getContentColor = () => {
|
|
10868
|
+
if (type === 'error') {
|
|
10869
|
+
return styles$s.banner_content_error;
|
|
10870
|
+
} else if (type === 'warning') {
|
|
10871
|
+
return styles$s.banner_content_warning;
|
|
10872
|
+
} else if (type === 'success') {
|
|
10873
|
+
return styles$s.banner_content_success;
|
|
10874
|
+
} else {
|
|
10875
|
+
return styles$s.banner_content_info;
|
|
10906
10876
|
}
|
|
10907
10877
|
};
|
|
10908
10878
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
10909
|
-
className: `${styles$
|
|
10879
|
+
className: `${styles$s.notification_banner} ${getBannerColor()} ${className}`
|
|
10910
10880
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
10911
|
-
className: styles$
|
|
10881
|
+
className: styles$s.notification_banner_header
|
|
10912
10882
|
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
10913
10883
|
text: title,
|
|
10914
10884
|
weight: "semi-bold",
|
|
@@ -10921,18 +10891,15 @@ const Banner = ({
|
|
|
10921
10891
|
},
|
|
10922
10892
|
size: "xs",
|
|
10923
10893
|
variant: "tertiary",
|
|
10924
|
-
className: `${styles$
|
|
10925
|
-
})), content &&
|
|
10926
|
-
|
|
10927
|
-
|
|
10928
|
-
|
|
10929
|
-
|
|
10930
|
-
|
|
10931
|
-
|
|
10932
|
-
|
|
10933
|
-
text: content,
|
|
10934
|
-
color: getTextColor(),
|
|
10935
|
-
size: "sm"
|
|
10894
|
+
className: `${styles$s.icon_btn_custom} ${getIconButtonColor()}`
|
|
10895
|
+
})), content && /*#__PURE__*/React__default.createElement("div", {
|
|
10896
|
+
dangerouslySetInnerHTML: {
|
|
10897
|
+
__html: content
|
|
10898
|
+
},
|
|
10899
|
+
style: {
|
|
10900
|
+
color: getTextColor()
|
|
10901
|
+
},
|
|
10902
|
+
className: getContentColor()
|
|
10936
10903
|
}));
|
|
10937
10904
|
};
|
|
10938
10905
|
|
|
@@ -10954,9 +10921,9 @@ const NotificationIcon = ({
|
|
|
10954
10921
|
});
|
|
10955
10922
|
};
|
|
10956
10923
|
|
|
10957
|
-
var css_248z$
|
|
10958
|
-
var styles$
|
|
10959
|
-
styleInject(css_248z$
|
|
10924
|
+
var css_248z$t = "@import \"../../styles/index.css\";.Link-modules_link__oh3DM{cursor:pointer;font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularXs);padding:1px 0}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegularXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_regular__bqoCS{font:var(--sdTypoTextUnderlineRegular4xl);padding:3px 0 1px}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldXs);padding:1px 0 2px}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBoldXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_bold__lh0OG{font:var(--sdTypoTextUnderlineBold4xl);padding:3px 0 1px}.Link-modules_link__oh3DM.Link-modules_link_xs__2kK3a.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldXs);padding:1px 0 2px}.Link-modules_link__oh3DM.Link-modules_link_sm__s-QOe.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldSm);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_base__OMDy1.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldBase);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_lg__vL7vA.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldLg);padding:2px 0}.Link-modules_link__oh3DM.Link-modules_link_xl__sjSW5.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBoldXl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxl__f1Umz.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold2xl);padding:0}.Link-modules_link__oh3DM.Link-modules_link_xxxl__R8765.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold3xl);padding:1px 0 3px}.Link-modules_link__oh3DM.Link-modules_link_xxxxl__fK-xy.Link-modules_link_semi_bold__nUvs5{font:var(--sdTypoTextUnderlineSemiBold4xl);padding:3px 0 1px}";
|
|
10925
|
+
var styles$t = {"link":"Link-modules_link__oh3DM","link_xs":"Link-modules_link_xs__2kK3a","link_regular":"Link-modules_link_regular__bqoCS","link_sm":"Link-modules_link_sm__s-QOe","link_base":"Link-modules_link_base__OMDy1","link_lg":"Link-modules_link_lg__vL7vA","link_xl":"Link-modules_link_xl__sjSW5","link_xxl":"Link-modules_link_xxl__f1Umz","link_xxxl":"Link-modules_link_xxxl__R8765","link_xxxxl":"Link-modules_link_xxxxl__fK-xy","link_bold":"Link-modules_link_bold__lh0OG","link_semi_bold":"Link-modules_link_semi_bold__nUvs5"};
|
|
10926
|
+
styleInject(css_248z$t);
|
|
10960
10927
|
|
|
10961
10928
|
/** This text should be use to display basic text */
|
|
10962
10929
|
const Link = ({
|
|
@@ -10970,10 +10937,10 @@ const Link = ({
|
|
|
10970
10937
|
...props
|
|
10971
10938
|
}) => {
|
|
10972
10939
|
const getLinkSize = () => {
|
|
10973
|
-
if (size === 'xs') return styles$
|
|
10940
|
+
if (size === 'xs') return styles$t.link_xs;else if (size === 'sm') return styles$t.link_sm;else if (size === 'base') return styles$t.link_base;else if (size === 'lg') return styles$t.link_lg;else if (size === 'xl') return styles$t.link_xl;else if (size === 'xxl') return styles$t.link_xxl;else if (size === 'xxxl') return styles$t.link_xxxl;else if (size === 'xxxxl') return styles$t.link_xxxxl;else return styles$t.link_base;
|
|
10974
10941
|
};
|
|
10975
10942
|
const getLinkWeight = () => {
|
|
10976
|
-
if (weight === 'semi-bold') return styles$
|
|
10943
|
+
if (weight === 'semi-bold') return styles$t.link_semi_bold;else if (weight === 'bold') return styles$t.link_bold;else if (weight === 'regular') return styles$t.link_regular;else return styles$t.link_regular;
|
|
10977
10944
|
};
|
|
10978
10945
|
if (isExternal) {
|
|
10979
10946
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -10984,7 +10951,7 @@ const Link = ({
|
|
|
10984
10951
|
style: {
|
|
10985
10952
|
color: color
|
|
10986
10953
|
},
|
|
10987
|
-
className: `${styles$
|
|
10954
|
+
className: `${styles$t.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
10988
10955
|
}), text));
|
|
10989
10956
|
} else {
|
|
10990
10957
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -10993,14 +10960,14 @@ const Link = ({
|
|
|
10993
10960
|
style: {
|
|
10994
10961
|
color: color
|
|
10995
10962
|
},
|
|
10996
|
-
className: `${styles$
|
|
10963
|
+
className: `${styles$t.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
10997
10964
|
}), text));
|
|
10998
10965
|
}
|
|
10999
10966
|
};
|
|
11000
10967
|
|
|
11001
|
-
var css_248z$
|
|
11002
|
-
var styles$
|
|
11003
|
-
styleInject(css_248z$
|
|
10968
|
+
var css_248z$u = ".Toast-modules_notification_toast__otVa9{align-items:center;animation:Toast-modules_moveleft__i4e82 .5s linear forwards;display:flex;gap:.5rem;justify-content:flex-end;padding-right:2.75rem;position:relative;transform:translateX(170%);width:27rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_notification_toast_content__-TyBV{align-items:flex-end;display:flex;flex:1 0 0;flex-direction:row;gap:.625rem;padding:1rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_notification_toast_content__-TyBV .Toast-modules_toast_link__L4atQ{white-space:nowrap}@keyframes Toast-modules_moveleft__i4e82{to{transform:translateX(95%)}}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn__CM7Mm{align-items:center;border:none;border-radius:0 .4375rem .4375rem 0;bottom:0;cursor:pointer;display:flex;flex-shrink:0;height:100%!important;justify-content:center;min-height:100%!important;position:absolute;right:0;top:0;width:2.75rem}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn__CM7Mm svg{fill:#fff;stroke:#fff;transform:rotate(45deg)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_error__Xbym2{background:var(--color-extended-red-500,#f54c4c);border:1px solid var(--color-extended-red-500,#f54c4c)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_warning__jbCWI{background:var(--color-extended-yellow-500,#ffb800);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_info__wYYGo{background:var(--color-primary-500,#07f);border:1px solid var(--color-primary-500,#07f)}.Toast-modules_notification_toast__otVa9 .Toast-modules_close_toast_btn_success__ptQCk{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Toast-modules_notification_toast_error__NAR9K{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Toast-modules_notification_toast_warning__yHNtZ{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Toast-modules_notification_toast_info__YpfW7{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Toast-modules_notification_toast_success__dM5fo{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
|
|
10969
|
+
var styles$u = {"notification_toast":"Toast-modules_notification_toast__otVa9","moveleft":"Toast-modules_moveleft__i4e82","notification_toast_content":"Toast-modules_notification_toast_content__-TyBV","toast_link":"Toast-modules_toast_link__L4atQ","close_toast_btn":"Toast-modules_close_toast_btn__CM7Mm","close_toast_btn_error":"Toast-modules_close_toast_btn_error__Xbym2","close_toast_btn_warning":"Toast-modules_close_toast_btn_warning__jbCWI","close_toast_btn_info":"Toast-modules_close_toast_btn_info__wYYGo","close_toast_btn_success":"Toast-modules_close_toast_btn_success__ptQCk","notification_toast_error":"Toast-modules_notification_toast_error__NAR9K","notification_toast_warning":"Toast-modules_notification_toast_warning__yHNtZ","notification_toast_info":"Toast-modules_notification_toast_info__YpfW7","notification_toast_success":"Toast-modules_notification_toast_success__dM5fo"};
|
|
10970
|
+
styleInject(css_248z$u);
|
|
11004
10971
|
|
|
11005
10972
|
/**
|
|
11006
10973
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -11027,30 +10994,30 @@ const Toast = ({
|
|
|
11027
10994
|
};
|
|
11028
10995
|
const getCloseBtnStyleByType = () => {
|
|
11029
10996
|
if (type === 'error') {
|
|
11030
|
-
return styles$
|
|
10997
|
+
return styles$u.close_toast_btn_error;
|
|
11031
10998
|
} else if (type === 'warning') {
|
|
11032
|
-
return styles$
|
|
10999
|
+
return styles$u.close_toast_btn_warning;
|
|
11033
11000
|
} else if (type === 'success') {
|
|
11034
|
-
return styles$
|
|
11001
|
+
return styles$u.close_toast_btn_success;
|
|
11035
11002
|
} else {
|
|
11036
|
-
return styles$
|
|
11003
|
+
return styles$u.close_toast_btn_info;
|
|
11037
11004
|
}
|
|
11038
11005
|
};
|
|
11039
11006
|
const getToastStyleByType = () => {
|
|
11040
11007
|
if (type === 'error') {
|
|
11041
|
-
return styles$
|
|
11008
|
+
return styles$u.notification_toast_error;
|
|
11042
11009
|
} else if (type === 'warning') {
|
|
11043
|
-
return styles$
|
|
11010
|
+
return styles$u.notification_toast_warning;
|
|
11044
11011
|
} else if (type === 'success') {
|
|
11045
|
-
return styles$
|
|
11012
|
+
return styles$u.notification_toast_success;
|
|
11046
11013
|
} else {
|
|
11047
|
-
return styles$
|
|
11014
|
+
return styles$u.notification_toast_info;
|
|
11048
11015
|
}
|
|
11049
11016
|
};
|
|
11050
11017
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
11051
|
-
className: `${styles$
|
|
11018
|
+
className: `${styles$u.notification_toast} ${getToastStyleByType()} ${className}`
|
|
11052
11019
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11053
|
-
className: styles$
|
|
11020
|
+
className: styles$u.notification_toast_content
|
|
11054
11021
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11055
11022
|
text: content,
|
|
11056
11023
|
weight: "regular",
|
|
@@ -11059,17 +11026,17 @@ const Toast = ({
|
|
|
11059
11026
|
}), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
|
|
11060
11027
|
text: textLink,
|
|
11061
11028
|
link: link,
|
|
11062
|
-
className: styles$
|
|
11029
|
+
className: styles$u.toast_link
|
|
11063
11030
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
11064
|
-
className: `${styles$
|
|
11031
|
+
className: `${styles$u.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
11065
11032
|
onClick: () => {
|
|
11066
11033
|
}
|
|
11067
11034
|
}, /*#__PURE__*/React__default.createElement(AddIcon, null)));
|
|
11068
11035
|
};
|
|
11069
11036
|
|
|
11070
|
-
var css_248z$
|
|
11071
|
-
var styles$
|
|
11072
|
-
styleInject(css_248z$
|
|
11037
|
+
var css_248z$v = ".NumbersCode-modules_blockList__3X8TG{display:flex;flex-direction:row;gap:.5rem}";
|
|
11038
|
+
var styles$v = {"blockList":"NumbersCode-modules_blockList__3X8TG"};
|
|
11039
|
+
styleInject(css_248z$v);
|
|
11073
11040
|
|
|
11074
11041
|
const CssTextField$3 = /*#__PURE__*/styles$V.styled(material.TextField)({
|
|
11075
11042
|
'& .MuiInputBase-input': {
|
|
@@ -11222,7 +11189,7 @@ const NumberInput = ({
|
|
|
11222
11189
|
},
|
|
11223
11190
|
id: `NumberInput#${inputNumber}`,
|
|
11224
11191
|
placeholder: placeholder,
|
|
11225
|
-
className: `${styles$
|
|
11192
|
+
className: `${styles$v.input_number} ${className ?? ''}`
|
|
11226
11193
|
}, props));
|
|
11227
11194
|
};
|
|
11228
11195
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -11252,7 +11219,7 @@ const NumbersCode = ({
|
|
|
11252
11219
|
}));
|
|
11253
11220
|
}
|
|
11254
11221
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11255
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
11222
|
+
className: `${containerClassname ?? ''} ${styles$v.blockList}`
|
|
11256
11223
|
}, children);
|
|
11257
11224
|
};
|
|
11258
11225
|
|
|
@@ -11278,9 +11245,9 @@ const useOnClickOutside = ({
|
|
|
11278
11245
|
}, [isOpen, listener, elementRef]);
|
|
11279
11246
|
};
|
|
11280
11247
|
|
|
11281
|
-
var css_248z$
|
|
11282
|
-
var styles$
|
|
11283
|
-
styleInject(css_248z$
|
|
11248
|
+
var css_248z$w = ".Popover-modules_popover__VdYpG{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-350,#bcbdbe);border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;height:-moz-fit-content;height:fit-content;padding:.5rem;position:absolute;width:9.375rem;z-index:99}.Popover-modules_popover__VdYpG .Popover-modules_popover_header__-zSVj{align-items:center;display:flex;gap:.5rem;justify-content:space-between}.Popover-modules_popover__VdYpG .Popover-modules_popover_header__-zSVj svg{fill:red;stroke:red;height:1rem;width:1rem}.Popover-modules_popover__VdYpG.Popover-modules_open__WxFDw{display:block}.Popover-modules_popover_action__M2Z4q{align-items:center;border-radius:.3125rem;cursor:pointer;display:flex;gap:.5rem}.Popover-modules_popover_action__M2Z4q svg{fill:#000;stroke:#000;height:1rem;width:1rem}.Popover-modules_popover_action__M2Z4q:hover{background-color:var(--gray-lighter)}";
|
|
11249
|
+
var styles$w = {"popover":"Popover-modules_popover__VdYpG","popover_header":"Popover-modules_popover_header__-zSVj","open":"Popover-modules_open__WxFDw","popover_action":"Popover-modules_popover_action__M2Z4q"};
|
|
11250
|
+
styleInject(css_248z$w);
|
|
11284
11251
|
|
|
11285
11252
|
const Popover = ({
|
|
11286
11253
|
onClose,
|
|
@@ -11300,11 +11267,11 @@ const Popover = ({
|
|
|
11300
11267
|
return null;
|
|
11301
11268
|
}
|
|
11302
11269
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11303
|
-
className: `${styles$
|
|
11270
|
+
className: `${styles$w.popover} ${open && styles$w.open} ${className}`,
|
|
11304
11271
|
ref: ref,
|
|
11305
11272
|
style: style
|
|
11306
11273
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11307
|
-
className: styles$
|
|
11274
|
+
className: styles$w.popover_header
|
|
11308
11275
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11309
11276
|
text: title,
|
|
11310
11277
|
color: "gray",
|
|
@@ -11319,7 +11286,7 @@ const Popover = ({
|
|
|
11319
11286
|
return null;
|
|
11320
11287
|
}
|
|
11321
11288
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11322
|
-
className: `${styles$
|
|
11289
|
+
className: `${styles$w.popover_action} ${item.className}`,
|
|
11323
11290
|
key: index,
|
|
11324
11291
|
onClick: item.onClick
|
|
11325
11292
|
}, item.icon && item.icon, /*#__PURE__*/React__default.createElement(Text, {
|
|
@@ -11378,9 +11345,9 @@ const PopoverBeta = ({
|
|
|
11378
11345
|
});
|
|
11379
11346
|
};
|
|
11380
11347
|
|
|
11381
|
-
var css_248z$
|
|
11382
|
-
var styles$
|
|
11383
|
-
styleInject(css_248z$
|
|
11348
|
+
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}";
|
|
11349
|
+
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"};
|
|
11350
|
+
styleInject(css_248z$x);
|
|
11384
11351
|
|
|
11385
11352
|
const PricingCard = ({
|
|
11386
11353
|
cardInfo: {
|
|
@@ -11419,47 +11386,47 @@ const PricingCard = ({
|
|
|
11419
11386
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
11420
11387
|
};
|
|
11421
11388
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11422
|
-
className: styles$
|
|
11389
|
+
className: styles$x.pricingCard + (isHighlighted ? ` ${styles$x.highlighted}` : '') + (isDark ? ` ${styles$x.dark}` : '')
|
|
11423
11390
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
11424
|
-
className: styles$
|
|
11391
|
+
className: styles$x.highlightMessage
|
|
11425
11392
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11426
11393
|
size: "base",
|
|
11427
11394
|
weight: "regular",
|
|
11428
11395
|
text: highlightMessage,
|
|
11429
11396
|
color: "#fff"
|
|
11430
11397
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11431
|
-
className: styles$
|
|
11398
|
+
className: styles$x.mainContent
|
|
11432
11399
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11433
|
-
className: styles$
|
|
11400
|
+
className: styles$x.header
|
|
11434
11401
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11435
11402
|
size: "xl",
|
|
11436
11403
|
weight: "bold",
|
|
11437
11404
|
text: title,
|
|
11438
11405
|
color: isDark ? '#fff' : ''
|
|
11439
11406
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11440
|
-
className: styles$
|
|
11407
|
+
className: styles$x.description
|
|
11441
11408
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11442
11409
|
size: "base",
|
|
11443
11410
|
weight: "semi-bold",
|
|
11444
11411
|
text: description,
|
|
11445
11412
|
color: isDark ? 'white' : ''
|
|
11446
11413
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
11447
|
-
className: styles$
|
|
11414
|
+
className: styles$x.pricing
|
|
11448
11415
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11449
11416
|
size: "base",
|
|
11450
11417
|
weight: "bold",
|
|
11451
11418
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
11452
11419
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
11453
|
-
className: styles$
|
|
11420
|
+
className: styles$x.lineThrough
|
|
11454
11421
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11455
|
-
className: styles$
|
|
11422
|
+
className: styles$x.price
|
|
11456
11423
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Title, {
|
|
11457
11424
|
size: "xxxl",
|
|
11458
11425
|
weight: "bold",
|
|
11459
11426
|
text: cmsContent.LetsTalk,
|
|
11460
11427
|
color: isDark ? '#fff' : ''
|
|
11461
11428
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
11462
|
-
className: styles$
|
|
11429
|
+
className: styles$x.amount
|
|
11463
11430
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11464
11431
|
size: "xxxl",
|
|
11465
11432
|
weight: "bold",
|
|
@@ -11475,7 +11442,7 @@ const PricingCard = ({
|
|
|
11475
11442
|
`,
|
|
11476
11443
|
color: isDark ? 'white' : colors.neutral_550
|
|
11477
11444
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
11478
|
-
className: styles$
|
|
11445
|
+
className: styles$x.interviews
|
|
11479
11446
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
11480
11447
|
size: "sm",
|
|
11481
11448
|
weight: "semi-bold",
|
|
@@ -11490,23 +11457,23 @@ const PricingCard = ({
|
|
|
11490
11457
|
text: buttonText[tier],
|
|
11491
11458
|
size: "base",
|
|
11492
11459
|
variant: buttonVariant[tier],
|
|
11493
|
-
className: styles$
|
|
11460
|
+
className: styles$x.button,
|
|
11494
11461
|
customBackground: buttonBackgrounds[tier],
|
|
11495
11462
|
onClick: onClick
|
|
11496
11463
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11497
|
-
className: styles$
|
|
11464
|
+
className: styles$x.features
|
|
11498
11465
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11499
11466
|
size: "base",
|
|
11500
11467
|
weight: "semi-bold",
|
|
11501
11468
|
text: cmsContent.Includes,
|
|
11502
11469
|
color: isDark ? 'white' : ''
|
|
11503
11470
|
}), /*#__PURE__*/React__default.createElement("ul", {
|
|
11504
|
-
className: styles$
|
|
11471
|
+
className: styles$x.featuresList
|
|
11505
11472
|
}, featuresList.map((feature, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
11506
|
-
className: styles$
|
|
11473
|
+
className: styles$x.feature,
|
|
11507
11474
|
key: index
|
|
11508
11475
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
11509
|
-
className: styles$
|
|
11476
|
+
className: styles$x.icon
|
|
11510
11477
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11511
11478
|
size: "sm",
|
|
11512
11479
|
weight: "regular",
|
|
@@ -11521,13 +11488,13 @@ const PricingCard = ({
|
|
|
11521
11488
|
}),
|
|
11522
11489
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
11523
11490
|
size: "xxs",
|
|
11524
|
-
className: styles$
|
|
11491
|
+
className: styles$x.tooltipButton
|
|
11525
11492
|
}))))))));
|
|
11526
11493
|
};
|
|
11527
11494
|
|
|
11528
|
-
var css_248z$
|
|
11529
|
-
var styles$
|
|
11530
|
-
styleInject(css_248z$
|
|
11495
|
+
var css_248z$y = ".Radio-module_radioBtnWrapper__ZE-oy{align-items:center;display:flex;flex-direction:row}.Radio-module_radioBtnWrapper__ZE-oy .Radio-module_MuiRadio-root__1Mw0W{height:16px;width:16px}";
|
|
11496
|
+
var styles$y = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__ZE-oy","MuiRadio-root":"Radio-module_MuiRadio-root__1Mw0W"};
|
|
11497
|
+
styleInject(css_248z$y);
|
|
11531
11498
|
|
|
11532
11499
|
const BpIcon$1 = /*#__PURE__*/styles$V.styled('span')(() => ({
|
|
11533
11500
|
borderRadius: '50%',
|
|
@@ -11577,7 +11544,7 @@ const Radio = ({
|
|
|
11577
11544
|
className
|
|
11578
11545
|
}) => {
|
|
11579
11546
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11580
|
-
className: `${styles$
|
|
11547
|
+
className: `${styles$y.radioBtnWrapper} ${className}`
|
|
11581
11548
|
}, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
11582
11549
|
text: leftLabel,
|
|
11583
11550
|
size: "sm"
|
|
@@ -11598,9 +11565,9 @@ const Radio = ({
|
|
|
11598
11565
|
}));
|
|
11599
11566
|
};
|
|
11600
11567
|
|
|
11601
|
-
var css_248z$
|
|
11602
|
-
var styles$
|
|
11603
|
-
styleInject(css_248z$
|
|
11568
|
+
var css_248z$z = ".RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB{width:100%}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_formControl__dRysB .RatingScale-module_radioGroup__3WsUB .RatingScale-module_radioContainer__TPHX2{display:flex;gap:.25rem}.RatingScale-module_ratingScale__U-ng1 .RatingScale-module_ratingScaleText__bsEqe{display:flex;justify-content:space-between}";
|
|
11569
|
+
var styles$z = {"ratingScale":"RatingScale-module_ratingScale__U-ng1","formControl":"RatingScale-module_formControl__dRysB","radioGroup":"RatingScale-module_radioGroup__3WsUB","radioContainer":"RatingScale-module_radioContainer__TPHX2","ratingScaleText":"RatingScale-module_ratingScaleText__bsEqe"};
|
|
11570
|
+
styleInject(css_248z$z);
|
|
11604
11571
|
|
|
11605
11572
|
const RatingScale = props => {
|
|
11606
11573
|
const {
|
|
@@ -11622,19 +11589,19 @@ const RatingScale = props => {
|
|
|
11622
11589
|
otherProps
|
|
11623
11590
|
} = props;
|
|
11624
11591
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11625
|
-
className: styles$
|
|
11592
|
+
className: styles$z.ratingScale + ' ' + className
|
|
11626
11593
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11627
11594
|
text: `${topLabel ? topLabel : ''}`,
|
|
11628
11595
|
weight: topLabelWeight || 'bold',
|
|
11629
11596
|
size: topLabelSize || 'base',
|
|
11630
|
-
className: styles$
|
|
11597
|
+
className: styles$z.topLabel,
|
|
11631
11598
|
required: required
|
|
11632
11599
|
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
11633
11600
|
component: "fieldset",
|
|
11634
|
-
className: styles$
|
|
11601
|
+
className: styles$z.formControl,
|
|
11635
11602
|
error: error
|
|
11636
11603
|
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
11637
|
-
className: styles$
|
|
11604
|
+
className: styles$z.radioGroup,
|
|
11638
11605
|
"aria-label": "rating",
|
|
11639
11606
|
name: name,
|
|
11640
11607
|
value: value,
|
|
@@ -11649,23 +11616,23 @@ const RatingScale = props => {
|
|
|
11649
11616
|
checked: value === option,
|
|
11650
11617
|
disabled: disabled
|
|
11651
11618
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
11652
|
-
className: styles$
|
|
11619
|
+
className: styles$z.ratingScaleText
|
|
11653
11620
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11654
11621
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
11655
11622
|
weight: 'regular',
|
|
11656
11623
|
size: 'sm',
|
|
11657
|
-
className: styles$
|
|
11624
|
+
className: styles$z.ratingScaleStartText
|
|
11658
11625
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11659
11626
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
11660
11627
|
weight: 'regular',
|
|
11661
11628
|
size: 'sm',
|
|
11662
|
-
className: styles$
|
|
11629
|
+
className: styles$z.ratingScaleEndText
|
|
11663
11630
|
})) : null);
|
|
11664
11631
|
};
|
|
11665
11632
|
|
|
11666
|
-
var css_248z$
|
|
11667
|
-
var styles$
|
|
11668
|
-
styleInject(css_248z$
|
|
11633
|
+
var css_248z$A = ".TextInput-modules_input__3djVU{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left;width:100%}.TextInput-modules_input__3djVU svg{height:1rem;width:1rem}input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}input.TextInput-modules_input__3djVU{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextInput-modules_input_top_label__JRakx{margin-bottom:.625rem}.TextInput-modules_input__3djVU .TextInput-modules_MuiInputBase-input__P8rMx{color:var(--gray-black);font-family:OpenSans;font-size:1rem;padding:.375rem .75rem}.TextInput-modules_text_below__lGHF-{margin:.25rem .5rem .25rem .75rem}";
|
|
11634
|
+
var styles$A = {"input":"TextInput-modules_input__3djVU","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__RL51v","input_top_label":"TextInput-modules_input_top_label__JRakx","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__P8rMx","text_below":"TextInput-modules_text_below__lGHF-"};
|
|
11635
|
+
styleInject(css_248z$A);
|
|
11669
11636
|
|
|
11670
11637
|
const CssTextField$4 = /*#__PURE__*/styles$V.styled(material.TextField)({
|
|
11671
11638
|
'& .MuiInputBase-input': {
|
|
@@ -11791,13 +11758,13 @@ const TextInput = props => {
|
|
|
11791
11758
|
shrink: false
|
|
11792
11759
|
} : {};
|
|
11793
11760
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11794
|
-
className: `${className} ${styles$
|
|
11761
|
+
className: `${className} ${styles$A.input}`,
|
|
11795
11762
|
id: id
|
|
11796
11763
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
11797
11764
|
text: `${topLabel ? topLabel : ''}`,
|
|
11798
11765
|
weight: topLabelWeight || 'bold',
|
|
11799
11766
|
size: topLabelSize || 'base',
|
|
11800
|
-
className: styles$
|
|
11767
|
+
className: styles$A.input_top_label,
|
|
11801
11768
|
required: required
|
|
11802
11769
|
}), /*#__PURE__*/React__default.createElement(CssTextField$4, {
|
|
11803
11770
|
fullWidth: true,
|
|
@@ -11840,12 +11807,12 @@ const TextInput = props => {
|
|
|
11840
11807
|
color: "#F54C4C",
|
|
11841
11808
|
italic: true,
|
|
11842
11809
|
text: errorText,
|
|
11843
|
-
className: styles$
|
|
11810
|
+
className: styles$A.text_below
|
|
11844
11811
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
11845
11812
|
size: "xs",
|
|
11846
11813
|
italic: true,
|
|
11847
11814
|
text: helperText,
|
|
11848
|
-
className: styles$
|
|
11815
|
+
className: styles$A.text_below
|
|
11849
11816
|
}));
|
|
11850
11817
|
};
|
|
11851
11818
|
|
|
@@ -11871,9 +11838,9 @@ const Search = ({
|
|
|
11871
11838
|
});
|
|
11872
11839
|
};
|
|
11873
11840
|
|
|
11874
|
-
var css_248z$
|
|
11875
|
-
var styles$
|
|
11876
|
-
styleInject(css_248z$
|
|
11841
|
+
var css_248z$B = ".SingleSelect-modules_newAutocomplete__AgBoW{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__AgBoW label,.SingleSelect-modules_newAutocomplete__AgBoW span{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__AgBoW .SingleSelect-modules_tags-container__bWCQt p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__a6UdT{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__RuMrq.SingleSelect-modules_MuiInputBase-root__ByCLC.SingleSelect-modules_MuiInputBase-formControl__5hTna{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__9S4k5{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__2WnMK{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
11842
|
+
var styles$B = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__AgBoW","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__3kdFk","tags-container":"SingleSelect-modules_tags-container__bWCQt","input_top_label":"SingleSelect-modules_input_top_label__a6UdT","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__RuMrq","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__ByCLC","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__5hTna","text_below":"SingleSelect-modules_text_below__9S4k5","icon":"SingleSelect-modules_icon__2WnMK"};
|
|
11843
|
+
styleInject(css_248z$B);
|
|
11877
11844
|
|
|
11878
11845
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
11879
11846
|
const CssTextField$5 = /*#__PURE__*/styles$V.styled(material.TextField)({
|
|
@@ -12001,7 +11968,7 @@ const SingleSelect = ({
|
|
|
12001
11968
|
text: `${topLabel ? topLabel : ''}`,
|
|
12002
11969
|
weight: topLabelWeight || 'bold',
|
|
12003
11970
|
size: topLabelSize || 'base',
|
|
12004
|
-
className: styles$
|
|
11971
|
+
className: styles$B.input_top_label,
|
|
12005
11972
|
required: required
|
|
12006
11973
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
12007
11974
|
id: "tags-standard",
|
|
@@ -12044,13 +12011,13 @@ const SingleSelect = ({
|
|
|
12044
12011
|
})),
|
|
12045
12012
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
12046
12013
|
fill: "black",
|
|
12047
|
-
className: `${styles$
|
|
12014
|
+
className: `${styles$B.icon}`
|
|
12048
12015
|
}),
|
|
12049
12016
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
12050
12017
|
fill: "black",
|
|
12051
|
-
className: `${styles$
|
|
12018
|
+
className: `${styles$B.icon}`
|
|
12052
12019
|
}),
|
|
12053
|
-
className: `${styles$
|
|
12020
|
+
className: `${styles$B.newAutocomplete}`,
|
|
12054
12021
|
renderOption: (props, option) => {
|
|
12055
12022
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
12056
12023
|
key: option.value
|
|
@@ -12079,18 +12046,18 @@ const SingleSelect = ({
|
|
|
12079
12046
|
color: "#F54C4C",
|
|
12080
12047
|
italic: true,
|
|
12081
12048
|
text: errorText,
|
|
12082
|
-
className: styles$
|
|
12049
|
+
className: styles$B.text_below
|
|
12083
12050
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12084
12051
|
size: "xs",
|
|
12085
12052
|
italic: true,
|
|
12086
12053
|
text: helperText,
|
|
12087
|
-
className: styles$
|
|
12054
|
+
className: styles$B.text_below
|
|
12088
12055
|
}));
|
|
12089
12056
|
};
|
|
12090
12057
|
|
|
12091
|
-
var css_248z$
|
|
12092
|
-
var styles$
|
|
12093
|
-
styleInject(css_248z$
|
|
12058
|
+
var css_248z$C = ".Step-module_step_number__nm2mL{align-items:center;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:62.4375rem;display:flex;flex-direction:column;height:1.5rem;justify-content:center;max-height:1.5rem;max-width:1.5rem;width:1.5rem}.Step-module_left_container__tFgSy{flex-direction:column}.Step-module_left_container__tFgSy,.Step-module_step_container__t01w0{align-items:flex-start;display:flex;gap:.75rem}.Step-module_step_icon_container__DDASj{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;height:1.5rem;height:100%;width:1.5rem}.Step-module_step_line__R2Ezc{background:#8a8b8e;height:1.875rem;margin-left:.7rem;width:.0625rem}.Step-module_step_completed_icon__yWCat{stroke:#5cbb65;fill:#5cbb65;color:#5cbb65;height:1.5rem;width:1.5rem}.Step-module_step_warning_icon__WGjWJ{stroke:#f54c4c;fill:#f54c4c;color:#f54c4c;height:1.5rem;width:1.5rem}";
|
|
12059
|
+
var styles$C = {"step_number":"Step-module_step_number__nm2mL","left_container":"Step-module_left_container__tFgSy","step_container":"Step-module_step_container__t01w0","step_icon_container":"Step-module_step_icon_container__DDASj","step_line":"Step-module_step_line__R2Ezc","step_completed_icon":"Step-module_step_completed_icon__yWCat","step_warning_icon":"Step-module_step_warning_icon__WGjWJ"};
|
|
12060
|
+
styleInject(css_248z$C);
|
|
12094
12061
|
|
|
12095
12062
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1073-14316&mode=dev */
|
|
12096
12063
|
const Step = ({
|
|
@@ -12107,13 +12074,13 @@ const Step = ({
|
|
|
12107
12074
|
} else if (status === 'not-completed') return '#8A8B8E';else if (status === 'warning') return '#F54C4C';else if (status === 'active') return '#0077FF';else if (status === 'completed') return '#5CBB65';else if (status === 'hover-edit') return '#0077FF';else return '#004799';
|
|
12108
12075
|
};
|
|
12109
12076
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12110
|
-
className: `${styles$
|
|
12077
|
+
className: `${styles$C.step_container} ${className && className}`
|
|
12111
12078
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12112
|
-
className: styles$
|
|
12079
|
+
className: styles$C.step_container
|
|
12113
12080
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12114
|
-
className: styles$
|
|
12081
|
+
className: styles$C.step_icon_container
|
|
12115
12082
|
}, status !== 'warning' && status !== 'completed' && /*#__PURE__*/React__default.createElement("div", {
|
|
12116
|
-
className: styles$
|
|
12083
|
+
className: styles$C.step_number,
|
|
12117
12084
|
style: {
|
|
12118
12085
|
borderColor: getStatusColor()
|
|
12119
12086
|
}
|
|
@@ -12123,12 +12090,12 @@ const Step = ({
|
|
|
12123
12090
|
weight: "regular",
|
|
12124
12091
|
color: getStatusColor()
|
|
12125
12092
|
})), status === 'warning' && /*#__PURE__*/React__default.createElement(AlertCircledIcon, {
|
|
12126
|
-
className: styles$
|
|
12093
|
+
className: styles$C.step_warning_icon
|
|
12127
12094
|
}), status === 'completed' && /*#__PURE__*/React__default.createElement(CheckedCircled, {
|
|
12128
12095
|
strokeWidth: "0",
|
|
12129
|
-
className: styles$
|
|
12096
|
+
className: styles$C.step_completed_icon
|
|
12130
12097
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12131
|
-
className: styles$
|
|
12098
|
+
className: styles$C.step_line
|
|
12132
12099
|
}))), /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement(Title, {
|
|
12133
12100
|
weight: "semi-bold",
|
|
12134
12101
|
size: "base",
|
|
@@ -12142,9 +12109,9 @@ const Step = ({
|
|
|
12142
12109
|
})));
|
|
12143
12110
|
};
|
|
12144
12111
|
|
|
12145
|
-
var css_248z$
|
|
12146
|
-
var styles$
|
|
12147
|
-
styleInject(css_248z$
|
|
12112
|
+
var css_248z$D = ".Switch-module_switchWrapper__daXCz{align-items:center;display:flex;gap:.5rem}.Switch-module_switchWrapper__daXCz span{margin:0}.Switch-module_disabled__8KOQD span{cursor:not-allowed!important}";
|
|
12113
|
+
var styles$D = {"switchWrapper":"Switch-module_switchWrapper__daXCz","disabled":"Switch-module_disabled__8KOQD"};
|
|
12114
|
+
styleInject(css_248z$D);
|
|
12148
12115
|
|
|
12149
12116
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
12150
12117
|
'& .MuiSwitch-track': {
|
|
@@ -12176,7 +12143,7 @@ const Switch = ({
|
|
|
12176
12143
|
className
|
|
12177
12144
|
}) => {
|
|
12178
12145
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12179
|
-
className: `${styles$
|
|
12146
|
+
className: `${styles$D.switchWrapper} ${disabled && styles$D.disabled}${className}`
|
|
12180
12147
|
}, label && /*#__PURE__*/React__default.createElement(Title, {
|
|
12181
12148
|
text: label,
|
|
12182
12149
|
weight: "bold",
|
|
@@ -12193,9 +12160,9 @@ const Switch = ({
|
|
|
12193
12160
|
}));
|
|
12194
12161
|
};
|
|
12195
12162
|
|
|
12196
|
-
var css_248z$
|
|
12197
|
-
var styles$
|
|
12198
|
-
styleInject(css_248z$
|
|
12163
|
+
var css_248z$E = ".TableFooter-modules_footer__-M8S3{align-items:center;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .375rem .375rem;border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;justify-content:flex-end;padding:0 .5rem 0 3rem;width:calc(100% - 3.625rem)}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_footerText__Nntc4{text-align:center;width:100%}.TableFooter-modules_footer__-M8S3 .TableFooter-modules_footer_content__CJ9Uj .TableFooter-modules_actionsBtn__F3Lx-{margin-left:auto}.TableFooter-modules_popoverContent__X-677{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 a{text-decoration:none}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5:hover{background:#eee}.TableFooter-modules_popoverContent__X-677 .TableFooter-modules_item__cRsB5 svg{height:1rem;width:1rem}";
|
|
12164
|
+
var styles$E = {"footer":"TableFooter-modules_footer__-M8S3","footer_content":"TableFooter-modules_footer_content__CJ9Uj","footerText":"TableFooter-modules_footerText__Nntc4","actionsBtn":"TableFooter-modules_actionsBtn__F3Lx-","popoverContent":"TableFooter-modules_popoverContent__X-677","item":"TableFooter-modules_item__cRsB5"};
|
|
12165
|
+
styleInject(css_248z$E);
|
|
12199
12166
|
|
|
12200
12167
|
const TableFooter = ({
|
|
12201
12168
|
footerText,
|
|
@@ -12204,26 +12171,26 @@ const TableFooter = ({
|
|
|
12204
12171
|
footerAction
|
|
12205
12172
|
}) => {
|
|
12206
12173
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
12207
|
-
className: `${styles$
|
|
12174
|
+
className: `${styles$E.footer} ${footerClassName && footerClassName}`
|
|
12208
12175
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12209
|
-
className: `${styles$
|
|
12176
|
+
className: `${styles$E.footer_content}`
|
|
12210
12177
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12211
12178
|
size: "sm",
|
|
12212
12179
|
text: footerText,
|
|
12213
12180
|
color: colors.neutral_600,
|
|
12214
|
-
className: styles$
|
|
12181
|
+
className: styles$E.footerText
|
|
12215
12182
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
12216
12183
|
icon: footerIconRight,
|
|
12217
12184
|
variant: "tertiary",
|
|
12218
12185
|
onClick: footerAction,
|
|
12219
|
-
className: styles$
|
|
12186
|
+
className: styles$E.actionsBtn,
|
|
12220
12187
|
size: "xs"
|
|
12221
12188
|
}))));
|
|
12222
12189
|
};
|
|
12223
12190
|
|
|
12224
|
-
var css_248z$
|
|
12225
|
-
var styles$
|
|
12226
|
-
styleInject(css_248z$
|
|
12191
|
+
var css_248z$F = ".header-modules_table_header__tWpCj{align-items:center;align-self:stretch;background:transparent;border:transparent;border-radius:.375rem .375rem 0 0;display:flex;height:3.5rem;padding:0 .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__tWpCj .header-modules_header_cell__3OmZ3 svg{fill:#000;height:.75rem;width:.75rem}";
|
|
12192
|
+
var styles$F = {"table_header":"header-modules_table_header__tWpCj","header_cell":"header-modules_header_cell__3OmZ3"};
|
|
12193
|
+
styleInject(css_248z$F);
|
|
12227
12194
|
|
|
12228
12195
|
const TableHeader$1 = ({
|
|
12229
12196
|
headers,
|
|
@@ -12233,7 +12200,7 @@ const TableHeader$1 = ({
|
|
|
12233
12200
|
selectAll
|
|
12234
12201
|
}) => {
|
|
12235
12202
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12236
|
-
className: `${styles$
|
|
12203
|
+
className: `${styles$F.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
12237
12204
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
12238
12205
|
checked: areAllSelected,
|
|
12239
12206
|
onChange: () => selectAll()
|
|
@@ -12264,7 +12231,7 @@ const TableHeader$1 = ({
|
|
|
12264
12231
|
style: {
|
|
12265
12232
|
flex: header.flexWidth ?? 1
|
|
12266
12233
|
},
|
|
12267
|
-
className: styles$
|
|
12234
|
+
className: styles$F.header_cell
|
|
12268
12235
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12269
12236
|
text: header.name,
|
|
12270
12237
|
weight: header.weight,
|
|
@@ -12273,13 +12240,13 @@ const TableHeader$1 = ({
|
|
|
12273
12240
|
}), header.icon && header.icon)));
|
|
12274
12241
|
};
|
|
12275
12242
|
|
|
12276
|
-
var css_248z$
|
|
12277
|
-
var styles$
|
|
12278
|
-
styleInject(css_248z$
|
|
12243
|
+
var css_248z$G = ".rows-modules_rows__2uSRy{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__2uSRy .rows-modules_row__FcChg{align-items:center;align-self:stretch;background:var(--color-neutral-basics-white,#fff);border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-left:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-right:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-shrink:0;height:3.5rem;padding:0 .5rem}.rows-modules_rows__2uSRy .rows-modules_row__FcChg:hover{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.rows-modules_rows__2uSRy .rows-modules_firstRow__-EZ6f{border-radius:.25rem .25rem 0 0;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.rows-modules_rows__2uSRy .rows-modules_lastRow__wtAay{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .25rem .25rem}";
|
|
12244
|
+
var styles$G = {"rows":"rows-modules_rows__2uSRy","row":"rows-modules_row__FcChg","firstRow":"rows-modules_firstRow__-EZ6f","lastRow":"rows-modules_lastRow__wtAay"};
|
|
12245
|
+
styleInject(css_248z$G);
|
|
12279
12246
|
|
|
12280
|
-
var css_248z$
|
|
12281
|
-
var styles$
|
|
12282
|
-
styleInject(css_248z$
|
|
12247
|
+
var css_248z$H = ".table-cell-modules_cell__ZorMw{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__ZorMw p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
12248
|
+
var styles$H = {"cell":"table-cell-modules_cell__ZorMw"};
|
|
12249
|
+
styleInject(css_248z$H);
|
|
12283
12250
|
|
|
12284
12251
|
const TableCell = ({
|
|
12285
12252
|
text,
|
|
@@ -12291,7 +12258,7 @@ const TableCell = ({
|
|
|
12291
12258
|
select
|
|
12292
12259
|
}) => {
|
|
12293
12260
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12294
|
-
className: `${styles$
|
|
12261
|
+
className: `${styles$H.cell} ${className && className}`,
|
|
12295
12262
|
style: {
|
|
12296
12263
|
flex: flexWidth
|
|
12297
12264
|
}
|
|
@@ -12316,14 +12283,14 @@ const TableRows = ({
|
|
|
12316
12283
|
}) => {
|
|
12317
12284
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12318
12285
|
id: id,
|
|
12319
|
-
className: `${styles$
|
|
12286
|
+
className: `${styles$G.rows} ${rowsClassName}`
|
|
12320
12287
|
}, rows.map((row, index) => {
|
|
12321
|
-
let rowClassName = `${styles$
|
|
12288
|
+
let rowClassName = `${styles$G.row} ${row.className}`;
|
|
12322
12289
|
// Add first and last row classes
|
|
12323
12290
|
if (index === 0) {
|
|
12324
|
-
rowClassName += ` ${styles$
|
|
12291
|
+
rowClassName += ` ${styles$G.firstRow}`;
|
|
12325
12292
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
12326
|
-
rowClassName += ` ${styles$
|
|
12293
|
+
rowClassName += ` ${styles$G.lastRow}`;
|
|
12327
12294
|
}
|
|
12328
12295
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12329
12296
|
key: `row-${index}`,
|
|
@@ -12346,9 +12313,9 @@ const TableRows = ({
|
|
|
12346
12313
|
}));
|
|
12347
12314
|
};
|
|
12348
12315
|
|
|
12349
|
-
var css_248z$
|
|
12350
|
-
var styles$
|
|
12351
|
-
styleInject(css_248z$
|
|
12316
|
+
var css_248z$I = ".Table-modules_table__Wa7EU{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
12317
|
+
var styles$I = {"table":"Table-modules_table__Wa7EU"};
|
|
12318
|
+
styleInject(css_248z$I);
|
|
12352
12319
|
|
|
12353
12320
|
/**
|
|
12354
12321
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -12370,7 +12337,7 @@ const Table = ({
|
|
|
12370
12337
|
selectAll
|
|
12371
12338
|
}) => {
|
|
12372
12339
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12373
|
-
className: `${styles$
|
|
12340
|
+
className: `${styles$I.table} ${className}`
|
|
12374
12341
|
}, /*#__PURE__*/React__default.createElement(TableHeader$1, {
|
|
12375
12342
|
headers: headers,
|
|
12376
12343
|
isSelectable: isSelectable,
|
|
@@ -12391,9 +12358,9 @@ const Table = ({
|
|
|
12391
12358
|
}));
|
|
12392
12359
|
};
|
|
12393
12360
|
|
|
12394
|
-
var css_248z$
|
|
12395
|
-
var styles$
|
|
12396
|
-
styleInject(css_248z$
|
|
12361
|
+
var css_248z$J = ".tabs-modules_new_tabs__DmuxS{height:100%}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I-{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-flexContainer__qV4mC .tabs-modules_MuiTab-root__jL46D{text-transform:none}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- .tabs-modules_MuiTabs-scroller__PY-Gb .tabs-modules_MuiTabs-indicator__8kjaz{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button{background:transparent;border:none;color:#000;font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:700;height:1.875rem;min-height:0;min-width:0;padding:2px 1rem .125rem;z-index:1400}.tabs-modules_new_tabs__DmuxS .tabs-modules_MuiTabs-root__Fj2I- button.tabs-modules_Mui-selected__i7uax{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}";
|
|
12362
|
+
var styles$J = {"new_tabs":"tabs-modules_new_tabs__DmuxS","MuiTabs-root":"tabs-modules_MuiTabs-root__Fj2I-","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__PY-Gb","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__qV4mC","MuiTab-root":"tabs-modules_MuiTab-root__jL46D","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__8kjaz","Mui-selected":"tabs-modules_Mui-selected__i7uax"};
|
|
12363
|
+
styleInject(css_248z$J);
|
|
12397
12364
|
|
|
12398
12365
|
const TabPanel = ({
|
|
12399
12366
|
value,
|
|
@@ -12424,7 +12391,7 @@ const Tabs = ({
|
|
|
12424
12391
|
if (onSelect) onSelect(newValue);
|
|
12425
12392
|
};
|
|
12426
12393
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12427
|
-
className: styles$
|
|
12394
|
+
className: styles$J.new_tabs
|
|
12428
12395
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
12429
12396
|
value: value,
|
|
12430
12397
|
onChange: handleChange,
|
|
@@ -12456,9 +12423,9 @@ const Tabs = ({
|
|
|
12456
12423
|
}, tab.component)));
|
|
12457
12424
|
};
|
|
12458
12425
|
|
|
12459
|
-
var css_248z$
|
|
12460
|
-
var styles$
|
|
12461
|
-
styleInject(css_248z$
|
|
12426
|
+
var css_248z$K = ".tabsUnderline-modules_tabbar__aBV11{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tabs_root__DdnCR{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label__boVBw{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__aBV11 .tabsUnderline-modules_tab_label_replacement__veoJz.tabsUnderline-modules_disabled__NiFLq{opacity:.5}";
|
|
12427
|
+
var styles$K = {"tabbar":"tabsUnderline-modules_tabbar__aBV11","tabs_root":"tabsUnderline-modules_tabs_root__DdnCR","tab_label":"tabsUnderline-modules_tab_label__boVBw","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__veoJz","disabled":"tabsUnderline-modules_disabled__NiFLq"};
|
|
12428
|
+
styleInject(css_248z$K);
|
|
12462
12429
|
|
|
12463
12430
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
12464
12431
|
const TabsUnderline = ({
|
|
@@ -12473,11 +12440,11 @@ const TabsUnderline = ({
|
|
|
12473
12440
|
onChange(index, tabs[index].value);
|
|
12474
12441
|
};
|
|
12475
12442
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12476
|
-
className: `${styles$
|
|
12443
|
+
className: `${styles$K.tabbar} ${className && className}`
|
|
12477
12444
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
12478
12445
|
value: value,
|
|
12479
12446
|
onChange: onClickTab,
|
|
12480
|
-
className: styles$
|
|
12447
|
+
className: styles$K.tabs_root,
|
|
12481
12448
|
centered: true,
|
|
12482
12449
|
TabIndicatorProps: {
|
|
12483
12450
|
style: {
|
|
@@ -12489,7 +12456,7 @@ const TabsUnderline = ({
|
|
|
12489
12456
|
}, tabs.map((item, index) => {
|
|
12490
12457
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
12491
12458
|
key: `tab#${index}`,
|
|
12492
|
-
className: styles$
|
|
12459
|
+
className: styles$K.tab_label,
|
|
12493
12460
|
disableRipple: true,
|
|
12494
12461
|
sx: {
|
|
12495
12462
|
textTransform: 'none'
|
|
@@ -12504,7 +12471,7 @@ const TabsUnderline = ({
|
|
|
12504
12471
|
if (item.disabled) {
|
|
12505
12472
|
renderTab = /*#__PURE__*/React__default.createElement(Title, {
|
|
12506
12473
|
key: `tab#${index}`,
|
|
12507
|
-
className: `${styles$
|
|
12474
|
+
className: `${styles$K.tab_label_replacement} ${styles$K.disabled}`,
|
|
12508
12475
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
12509
12476
|
size: "base",
|
|
12510
12477
|
text: item.label,
|
|
@@ -12522,9 +12489,9 @@ const TabsUnderline = ({
|
|
|
12522
12489
|
})));
|
|
12523
12490
|
};
|
|
12524
12491
|
|
|
12525
|
-
var css_248z$
|
|
12526
|
-
var styles$
|
|
12527
|
-
styleInject(css_248z$
|
|
12492
|
+
var css_248z$L = ".Tag-modules_tag__H7-4Y{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag_idle__Fq6m8{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__Fq6m8 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__aMPRZ{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__aMPRZ svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__fcKoT{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__fcKoT svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__OskUB{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__OskUB svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__2LvMD{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__2LvMD svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__AIt1v{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__AIt1v svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__LQoYS{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__LQoYS svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__6woOo{height:1.25rem}.Tag-modules_tag_sm__6woOo svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__NFJol{height:1.75rem}.Tag-modules_tag_base__NFJol svg{height:1rem;width:1rem}";
|
|
12493
|
+
var styles$L = {"tag":"Tag-modules_tag__H7-4Y","tag_idle":"Tag-modules_tag_idle__Fq6m8","tag_info":"Tag-modules_tag_info__aMPRZ","tag_violet":"Tag-modules_tag_violet__fcKoT","tag_light":"Tag-modules_tag_light__OskUB","tag_success":"Tag-modules_tag_success__2LvMD","tag_warning":"Tag-modules_tag_warning__AIt1v","tag_critical":"Tag-modules_tag_critical__LQoYS","tag_sm":"Tag-modules_tag_sm__6woOo","tag_base":"Tag-modules_tag_base__NFJol"};
|
|
12494
|
+
styleInject(css_248z$L);
|
|
12528
12495
|
|
|
12529
12496
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
12530
12497
|
const Tag = ({
|
|
@@ -12544,13 +12511,13 @@ const Tag = ({
|
|
|
12544
12511
|
};
|
|
12545
12512
|
const getTagStatus = () => {
|
|
12546
12513
|
if (status === 'idle') {
|
|
12547
|
-
return styles$
|
|
12548
|
-
} else if (status === 'success') return styles$
|
|
12514
|
+
return styles$L.tag_idle;
|
|
12515
|
+
} else if (status === 'success') return styles$L.tag_success;else if (status === 'info') return styles$L.tag_info;else if (status === 'warning') return styles$L.tag_warning;else if (status === 'critical') return styles$L.tag_critical;else if (status === 'light') return styles$L.tag_light;else if (status === 'violet') return styles$L.tag_violet;else return styles$L.tag_idle;
|
|
12549
12516
|
};
|
|
12550
12517
|
const getTagSize = () => {
|
|
12551
12518
|
if (size === 'sm') {
|
|
12552
|
-
return styles$
|
|
12553
|
-
} else if (size === 'base') return styles$
|
|
12519
|
+
return styles$L.tag_sm;
|
|
12520
|
+
} else if (size === 'base') return styles$L.tag_base;else return styles$L.tag_base;
|
|
12554
12521
|
};
|
|
12555
12522
|
const getTextSize = () => {
|
|
12556
12523
|
if (size === 'sm') {
|
|
@@ -12558,7 +12525,7 @@ const Tag = ({
|
|
|
12558
12525
|
} else if (size === 'base') return 'sm';else return 'sm';
|
|
12559
12526
|
};
|
|
12560
12527
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
12561
|
-
className: `${styles$
|
|
12528
|
+
className: `${styles$L.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''}`
|
|
12562
12529
|
}), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(Text, {
|
|
12563
12530
|
size: getTextSize(),
|
|
12564
12531
|
text: text,
|
|
@@ -12571,9 +12538,9 @@ const Tag = ({
|
|
|
12571
12538
|
}), iconRight && iconRight);
|
|
12572
12539
|
};
|
|
12573
12540
|
|
|
12574
|
-
var css_248z$
|
|
12575
|
-
var styles$
|
|
12576
|
-
styleInject(css_248z$
|
|
12541
|
+
var css_248z$M = ".Textarea-module_text_area_container__cq5uv{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__cq5uv .Textarea-module_helperTexts__1DMgG .Textarea-module_counter__0nieC{margin-left:auto}";
|
|
12542
|
+
var styles$M = {"text_area_container":"Textarea-module_text_area_container__cq5uv","helperTexts":"Textarea-module_helperTexts__1DMgG","counter":"Textarea-module_counter__0nieC"};
|
|
12543
|
+
styleInject(css_248z$M);
|
|
12577
12544
|
|
|
12578
12545
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
12579
12546
|
const Textarea = ({
|
|
@@ -12607,7 +12574,7 @@ const Textarea = ({
|
|
|
12607
12574
|
setCharCount(String(value).length);
|
|
12608
12575
|
}, []);
|
|
12609
12576
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12610
|
-
className: styles$
|
|
12577
|
+
className: styles$M.text_area_container
|
|
12611
12578
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
12612
12579
|
name: name,
|
|
12613
12580
|
variant: "outlined",
|
|
@@ -12629,7 +12596,7 @@ const Textarea = ({
|
|
|
12629
12596
|
topLabelWeight: topLabelWeight,
|
|
12630
12597
|
topLabelSize: topLabelSize
|
|
12631
12598
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12632
|
-
className: styles$
|
|
12599
|
+
className: styles$M.helperTexts
|
|
12633
12600
|
}, helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12634
12601
|
text: helperText,
|
|
12635
12602
|
size: "xs",
|
|
@@ -12642,13 +12609,13 @@ const Textarea = ({
|
|
|
12642
12609
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12643
12610
|
text: `${charCount} / ${maxCharacters}`,
|
|
12644
12611
|
size: "xs",
|
|
12645
|
-
className: styles$
|
|
12612
|
+
className: styles$M.counter
|
|
12646
12613
|
})));
|
|
12647
12614
|
};
|
|
12648
12615
|
|
|
12649
|
-
var css_248z$
|
|
12650
|
-
var styles$
|
|
12651
|
-
styleInject(css_248z$
|
|
12616
|
+
var css_248z$N = ".TimePicker-modules_time_picker__ZkERd{min-width:13rem;width:100%}.TimePicker-modules_time_picker__ZkERd label,.TimePicker-modules_time_picker__ZkERd span{font-family:OpenSans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.TimePicker-modules_time_picker__ZkERd .TimePicker-modules_MuiAutocomplete-endAdornment__P6--J{display:flex;gap:.5rem;margin-top:-.35rem!important}.TimePicker-modules_time_picker__ZkERd input{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TimePicker-modules_time_picker__ZkERd svg{height:1rem;width:1rem}.TimePicker-modules_input_top_label__0eniB{margin-bottom:.625rem}.TimePicker-modules_MuiOutlinedInput-root__BT6Wo.TimePicker-modules_MuiInputBase-root__JnzNf.TimePicker-modules_MuiInputBase-formControl__6jzc3{align-items:center;display:flex;flex-direction:row}.TimePicker-modules_text_below__u9PYB{margin:.25rem .5rem .25rem .75rem}.TimePicker-modules_icon__7nspv{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
12617
|
+
var styles$N = {"time_picker":"TimePicker-modules_time_picker__ZkERd","MuiAutocomplete-endAdornment":"TimePicker-modules_MuiAutocomplete-endAdornment__P6--J","input_top_label":"TimePicker-modules_input_top_label__0eniB","MuiOutlinedInput-root":"TimePicker-modules_MuiOutlinedInput-root__BT6Wo","MuiInputBase-root":"TimePicker-modules_MuiInputBase-root__JnzNf","MuiInputBase-formControl":"TimePicker-modules_MuiInputBase-formControl__6jzc3","text_below":"TimePicker-modules_text_below__u9PYB","icon":"TimePicker-modules_icon__7nspv"};
|
|
12618
|
+
styleInject(css_248z$N);
|
|
12652
12619
|
|
|
12653
12620
|
const CssTextField$6 = /*#__PURE__*/styles$V.styled(material.TextField)({
|
|
12654
12621
|
'& .MuiInputBase-input': {
|
|
@@ -12772,12 +12739,12 @@ const TimePicker = ({
|
|
|
12772
12739
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
12773
12740
|
adapterLocale: locales[locale]
|
|
12774
12741
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12775
|
-
className: `${styles$
|
|
12742
|
+
className: `${styles$N.time_picker} ${className ? className : undefined}`
|
|
12776
12743
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
12777
12744
|
text: `${topLabel ? topLabel : ''}`,
|
|
12778
12745
|
weight: topLabelWeight || 'bold',
|
|
12779
12746
|
size: topLabelSize || 'base',
|
|
12780
|
-
className: styles$
|
|
12747
|
+
className: styles$N.input_top_label,
|
|
12781
12748
|
required: required
|
|
12782
12749
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
12783
12750
|
label: label,
|
|
@@ -12813,18 +12780,18 @@ const TimePicker = ({
|
|
|
12813
12780
|
color: "#F54C4C",
|
|
12814
12781
|
italic: true,
|
|
12815
12782
|
text: errorText,
|
|
12816
|
-
className: styles$
|
|
12783
|
+
className: styles$N.text_below
|
|
12817
12784
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12818
12785
|
size: "xs",
|
|
12819
12786
|
italic: true,
|
|
12820
12787
|
text: helperText,
|
|
12821
|
-
className: styles$
|
|
12788
|
+
className: styles$N.text_below
|
|
12822
12789
|
}))));
|
|
12823
12790
|
};
|
|
12824
12791
|
|
|
12825
|
-
var css_248z$
|
|
12826
|
-
var styles$
|
|
12827
|
-
styleInject(css_248z$
|
|
12792
|
+
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}";
|
|
12793
|
+
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"};
|
|
12794
|
+
styleInject(css_248z$O);
|
|
12828
12795
|
|
|
12829
12796
|
const ToggleTab = ({
|
|
12830
12797
|
optionOne,
|
|
@@ -12853,47 +12820,47 @@ const ToggleTab = ({
|
|
|
12853
12820
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
12854
12821
|
};
|
|
12855
12822
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12856
|
-
className: styles$
|
|
12823
|
+
className: styles$O.toggleTab,
|
|
12857
12824
|
style: {
|
|
12858
12825
|
background: background[variant]
|
|
12859
12826
|
}
|
|
12860
12827
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12861
|
-
className: styles$
|
|
12828
|
+
className: styles$O.option,
|
|
12862
12829
|
style: {
|
|
12863
12830
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
12864
12831
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
12865
12832
|
}
|
|
12866
12833
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12867
12834
|
onClick: onClickOptionOne,
|
|
12868
|
-
className: styles$
|
|
12835
|
+
className: styles$O.option__btn
|
|
12869
12836
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12870
12837
|
size: "base",
|
|
12871
12838
|
weight: "bold",
|
|
12872
12839
|
text: optionOne,
|
|
12873
12840
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
12874
12841
|
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
12875
|
-
className: styles$
|
|
12842
|
+
className: styles$O.optionalText
|
|
12876
12843
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12877
12844
|
text: optionalFirstText,
|
|
12878
12845
|
size: "sm",
|
|
12879
12846
|
weight: "regular",
|
|
12880
12847
|
color: "#fff"
|
|
12881
12848
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
12882
|
-
className: styles$
|
|
12849
|
+
className: styles$O.option,
|
|
12883
12850
|
style: {
|
|
12884
12851
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
12885
12852
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
12886
12853
|
}
|
|
12887
12854
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12888
12855
|
onClick: onClickOptionTwo,
|
|
12889
|
-
className: styles$
|
|
12856
|
+
className: styles$O.option__btn
|
|
12890
12857
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12891
12858
|
size: "base",
|
|
12892
12859
|
weight: "bold",
|
|
12893
12860
|
text: optionTwo,
|
|
12894
12861
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
12895
12862
|
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
12896
|
-
className: styles$
|
|
12863
|
+
className: styles$O.optionalText
|
|
12897
12864
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12898
12865
|
text: optionalSecondText,
|
|
12899
12866
|
size: "sm",
|
|
@@ -12902,9 +12869,9 @@ const ToggleTab = ({
|
|
|
12902
12869
|
})))));
|
|
12903
12870
|
};
|
|
12904
12871
|
|
|
12905
|
-
var css_248z$
|
|
12906
|
-
var styles$
|
|
12907
|
-
styleInject(css_248z$
|
|
12872
|
+
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)}";
|
|
12873
|
+
var styles$P = {"caption_text":"Caption-modules_caption_text__LH61Z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__lc-JL"};
|
|
12874
|
+
styleInject(css_248z$P);
|
|
12908
12875
|
|
|
12909
12876
|
/** This text should only be used for the captions
|
|
12910
12877
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -12920,13 +12887,13 @@ const Caption = ({
|
|
|
12920
12887
|
style: {
|
|
12921
12888
|
color: color
|
|
12922
12889
|
},
|
|
12923
|
-
className: `${styles$
|
|
12890
|
+
className: `${styles$P.caption_text} ${uppercase ? styles$P.caption_text_uppercase : ''} ${className ?? ''}`
|
|
12924
12891
|
}), text);
|
|
12925
12892
|
};
|
|
12926
12893
|
|
|
12927
|
-
var css_248z$
|
|
12928
|
-
var styles$
|
|
12929
|
-
styleInject(css_248z$
|
|
12894
|
+
var css_248z$Q = "@import \"../../styles/index.css\";.TextForDropDownItem-modules_dropdown_text__R-CSX{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.TextForDropDownItem-modules_dropdown_text_xs__nyL4s{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_sm__XGWPr{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForDropDownItem-modules_dropdown_text_base__Du-2n{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_bold__71Lhd{font-weight:var(--sdFontWeightBold)}";
|
|
12895
|
+
var styles$Q = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__R-CSX","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__nyL4s","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__XGWPr","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__Du-2n","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__71Lhd"};
|
|
12896
|
+
styleInject(css_248z$Q);
|
|
12930
12897
|
|
|
12931
12898
|
/** This text should only be used for the dropdown items text
|
|
12932
12899
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -12940,16 +12907,57 @@ const TextForDropDownItem = ({
|
|
|
12940
12907
|
...props
|
|
12941
12908
|
}) => {
|
|
12942
12909
|
const getTextSize = () => {
|
|
12943
|
-
if (size === 'xs') return styles$
|
|
12910
|
+
if (size === 'xs') return styles$Q.dropdown_text_xs;else if (size === 'sm') return styles$Q.dropdown_text_sm;else if (size === 'base') return styles$Q.dropdown_text_base;else return styles$Q.dropdown_text_base;
|
|
12944
12911
|
};
|
|
12945
12912
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
12946
12913
|
style: {
|
|
12947
12914
|
color: color
|
|
12948
12915
|
},
|
|
12949
|
-
className: `${styles$
|
|
12916
|
+
className: `${styles$Q.dropdown_text} ${bold && styles$Q.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
12950
12917
|
}), text);
|
|
12951
12918
|
};
|
|
12952
12919
|
|
|
12920
|
+
var css_248z$R = "@import \"../../styles/index.css\";.TextWithLink-modules_text_with_link__k8Sec{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextWithLink-modules_text_with_link__k8Sec a{color:var(--color-primary-500,#07f);margin-left:.5rem}.TextWithLink-modules_text_with_link_underline__NEM4B{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__bAyFf{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__K7Wwc:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text-regular__Pz5Jn.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_regular__AI0iP.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_bold__cdXR2.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xs__krmns.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_sm__LpFOe.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_base__--0Z-.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_lg__y4Eya.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xl__87H1p.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxl__8LJ-D.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxl__Cptsx.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__k8Sec.TextWithLink-modules_text_with_link_xxxxl__1odyE.TextWithLink-modules_text_with_link_semi_bold__1KNRW.TextWithLink-modules_text_with_link_italic__ZK6Nu{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
12921
|
+
var styles$R = {"text_with_link":"TextWithLink-modules_text_with_link__k8Sec","text_with_link_underline":"TextWithLink-modules_text_with_link_underline__NEM4B","text_with_link_line_through":"TextWithLink-modules_text_with_link_line_through__bAyFf","text_with_link_required":"TextWithLink-modules_text_with_link_required__K7Wwc","text_with_link_xs":"TextWithLink-modules_text_with_link_xs__krmns","text_with_link_regular":"TextWithLink-modules_text_with_link_regular__AI0iP","text_with_link_sm":"TextWithLink-modules_text_with_link_sm__LpFOe","text_with_link_base":"TextWithLink-modules_text_with_link_base__--0Z-","text_with_link_lg":"TextWithLink-modules_text_with_link_lg__y4Eya","text_with_link_xl":"TextWithLink-modules_text_with_link_xl__87H1p","text_with_link_xxl":"TextWithLink-modules_text_with_link_xxl__8LJ-D","text_with_link_xxxl":"TextWithLink-modules_text_with_link_xxxl__Cptsx","text_with_link_xxxxl":"TextWithLink-modules_text_with_link_xxxxl__1odyE","text_with_link_italic":"TextWithLink-modules_text_with_link_italic__ZK6Nu","text-regular":"TextWithLink-modules_text-regular__Pz5Jn","text_with_link_bold":"TextWithLink-modules_text_with_link_bold__cdXR2","text_with_link_semi_bold":"TextWithLink-modules_text_with_link_semi_bold__1KNRW"};
|
|
12922
|
+
styleInject(css_248z$R);
|
|
12923
|
+
|
|
12924
|
+
/** This text should be use to display basic text */
|
|
12925
|
+
const TextWithLink = ({
|
|
12926
|
+
text,
|
|
12927
|
+
color = '#26292E',
|
|
12928
|
+
size = 'base',
|
|
12929
|
+
weight = 'semi-bold',
|
|
12930
|
+
italic = false,
|
|
12931
|
+
textDecoration,
|
|
12932
|
+
className,
|
|
12933
|
+
textLink,
|
|
12934
|
+
link,
|
|
12935
|
+
isExternalLink = true,
|
|
12936
|
+
...props
|
|
12937
|
+
}) => {
|
|
12938
|
+
const getTextSize = () => {
|
|
12939
|
+
if (size === 'xs') return styles$R.text_with_link_xs;else if (size === 'sm') return styles$R.text_with_link_sm;else if (size === 'base') return styles$R.text_with_link_base;else if (size === 'lg') return styles$R.text_with_link_lg;else if (size === 'xl') return styles$R.text_with_link_xl;else if (size === 'xxl') return styles$R.text_with_link_xxl;else if (size === 'xxxl') return styles$R.text_with_link_xxxl;else if (size === 'xxxxl') return styles$R.text_with_link_xxxxl;else return styles$R.text_with_link_base;
|
|
12940
|
+
};
|
|
12941
|
+
const getTextWeight = () => {
|
|
12942
|
+
if (weight === 'semi-bold') return styles$R.text_with_link_semi_bold;else if (weight === 'bold') return styles$R.text_with_link_bold;else if (weight === 'regular') return styles$R.text_with_link_regular;else return styles$R.text_with_link_regular;
|
|
12943
|
+
};
|
|
12944
|
+
const getTextDecoration = () => {
|
|
12945
|
+
if (textDecoration === 'underline') return styles$R.text_with_link_underline;else if (textDecoration === 'line-through') return styles$R.text_with_link_line_through;else return '';
|
|
12946
|
+
};
|
|
12947
|
+
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
12948
|
+
style: {
|
|
12949
|
+
color: color
|
|
12950
|
+
},
|
|
12951
|
+
className: `${styles$R.text_with_link} ${italic && styles$R.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
|
|
12952
|
+
}), text, isExternalLink ? /*#__PURE__*/React__default.createElement("a", {
|
|
12953
|
+
href: link,
|
|
12954
|
+
target: "_blank",
|
|
12955
|
+
rel: "noreferrer"
|
|
12956
|
+
}, textLink) : /*#__PURE__*/React__default.createElement("a", {
|
|
12957
|
+
href: link
|
|
12958
|
+
}, textLink));
|
|
12959
|
+
};
|
|
12960
|
+
|
|
12953
12961
|
var css_248z$S = ".FormQuestions-module_formQuestionsContainer__essPm{display:flex;flex-direction:column;gap:14px;justify-content:center}.FormQuestions-module_questionContainer__w-jzK{display:flex;flex-direction:column;gap:.75rem;justify-content:center;width:100%}.FormQuestions-module_questionText__SQpxE{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Poppins;font-size:24px;font-weight:700}.FormQuestions-module_topText__l3HF-{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:16px;font-weight:400;width:100%}.FormQuestions-module_buttons__DBGBX{display:flex;flex-direction:row;justify-content:space-between}.FormQuestions-module_backButton__g7RtB{margin-right:auto}.FormQuestions-module_nextButton__suauq{margin-left:auto}";
|
|
12954
12962
|
var styles$S = {"formQuestionsContainer":"FormQuestions-module_formQuestionsContainer__essPm","questionContainer":"FormQuestions-module_questionContainer__w-jzK","questionText":"FormQuestions-module_questionText__SQpxE","topText":"FormQuestions-module_topText__l3HF-","buttons":"FormQuestions-module_buttons__DBGBX","backButton":"FormQuestions-module_backButton__g7RtB","nextButton":"FormQuestions-module_nextButton__suauq"};
|
|
12955
12963
|
styleInject(css_248z$S);
|