odaptos_design_system 2.0.49 → 2.0.51
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/Atoms/Box/Box.d.ts +2 -1
- package/dist/DesignTokens/Icons/Miscellaneous/OtherTab.d.ts +7 -0
- package/dist/DesignTokens/Icons/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +567 -533
- 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 +567 -534
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Box/Box.tsx +4 -0
- package/src/DesignTokens/Icons/Miscellaneous/OtherTab.tsx +39 -0
- package/src/DesignTokens/Icons/index.ts +1 -0
- package/src/Molecules/Tabs/tabsUnderline.modules.scss +0 -2
|
@@ -295,10 +295,47 @@ const Title = ({
|
|
|
295
295
|
}
|
|
296
296
|
};
|
|
297
297
|
|
|
298
|
-
var css_248z$5 = ".
|
|
299
|
-
var styles$5 = {"
|
|
298
|
+
var css_248z$5 = "@import \"../../../styles/index.css\";.Text-modules_text__4k9IV{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}.Text-modules_text_underline__Mtvit{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.Text-modules_text_line_through__lE-hw{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.Text-modules_text_required__ugne2:after{color:red;content:\" *\"}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
299
|
+
var styles$5 = {"text":"Text-modules_text__4k9IV","text_underline":"Text-modules_text_underline__Mtvit","text_line_through":"Text-modules_text_line_through__lE-hw","text_required":"Text-modules_text_required__ugne2","text_xs":"Text-modules_text_xs__Wykhk","text_regular":"Text-modules_text_regular__ZYQQJ","text_sm":"Text-modules_text_sm__5gLnJ","text_base":"Text-modules_text_base__lLX30","text_lg":"Text-modules_text_lg__tj7hJ","text_xl":"Text-modules_text_xl__XLY1w","text_xxl":"Text-modules_text_xxl__4ESwr","text_xxxl":"Text-modules_text_xxxl__AR9X6","text_xxxxl":"Text-modules_text_xxxxl__w30-C","text_italic":"Text-modules_text_italic__TOeN3","text_bold":"Text-modules_text_bold__KpqoM","text_semi_bold":"Text-modules_text_semi_bold__Ds7Rd"};
|
|
300
300
|
styleInject(css_248z$5);
|
|
301
301
|
|
|
302
|
+
/** This text should be use to display basic text
|
|
303
|
+
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
304
|
+
*/
|
|
305
|
+
const Text = ({
|
|
306
|
+
text,
|
|
307
|
+
color = '#26292E',
|
|
308
|
+
size = 'base',
|
|
309
|
+
weight = 'regular',
|
|
310
|
+
italic = false,
|
|
311
|
+
textDecoration,
|
|
312
|
+
className,
|
|
313
|
+
required,
|
|
314
|
+
id,
|
|
315
|
+
...props
|
|
316
|
+
}) => {
|
|
317
|
+
const getTextSize = () => {
|
|
318
|
+
if (size === 'xs') return styles$5.text_xs;else if (size === 'sm') return styles$5.text_sm;else if (size === 'base') return styles$5.text_base;else if (size === 'lg') return styles$5.text_lg;else if (size === 'xl') return styles$5.text_xl;else if (size === 'xxl') return styles$5.text_xxl;else if (size === 'xxxl') return styles$5.text_xxxl;else if (size === 'xxxxl') return styles$5.text_xxxxl;else return styles$5.text_base;
|
|
319
|
+
};
|
|
320
|
+
const getTextWeight = () => {
|
|
321
|
+
if (weight === 'semi-bold') return styles$5.text_semi_bold;else if (weight === 'bold') return styles$5.text_bold;else if (weight === 'regular') return styles$5.text_regular;else return styles$5.text_regular;
|
|
322
|
+
};
|
|
323
|
+
const getTextDecoration = () => {
|
|
324
|
+
if (textDecoration === 'underline') return styles$5.text_underline;else if (textDecoration === 'line-through') return styles$5.text_line_through;else return '';
|
|
325
|
+
};
|
|
326
|
+
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
327
|
+
id: id,
|
|
328
|
+
style: {
|
|
329
|
+
color: color
|
|
330
|
+
},
|
|
331
|
+
className: `${styles$5.text} ${italic ? styles$5.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$5.text_required} ${getTextSize()}`
|
|
332
|
+
}), text);
|
|
333
|
+
};
|
|
334
|
+
|
|
335
|
+
var css_248z$6 = ".IconButton-modules_icon_button__NAe8g{align-items:center;cursor:pointer;display:flex;gap:.5rem;justify-content:center}.IconButton-modules_icon_button_primary__YDGiq{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_primary__YDGiq:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.IconButton-modules_icon_button_primary__YDGiq:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solidvar(--color-neutral-dark-shades-800,#4b4e52)}.IconButton-modules_icon_button_primary__YDGiq:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_primary__YDGiq svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_secondary__4fzy5{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.IconButton-modules_icon_button_secondary__4fzy5:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_secondary__4fzy5:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_secondary__4fzy5 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary__tBs-B{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__tBs-B:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.IconButton-modules_icon_button_tertiary__tBs-B:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.IconButton-modules_icon_button_tertiary__tBs-B:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary__tBs-B:disabled svg{stroke:#96989a!important;fill:#96989a!important}.IconButton-modules_icon_button_tertiary__tBs-B svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.IconButton-modules_icon_button_tertiary_alt__wb6xA{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__wb6xA:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.IconButton-modules_icon_button_tertiary_alt__wb6xA:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.IconButton-modules_icon_button_tertiary_alt__wb6xA:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_tertiary_alt__wb6xA:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.IconButton-modules_icon_button_tertiary_alt__wb6xA svg{stroke:#07f!important;fill:#07f!important}.IconButton-modules_icon_button_alert__chG35{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__chG35:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.IconButton-modules_icon_button_alert__chG35:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.IconButton-modules_icon_button_alert__chG35:disabled{background:transparent;border:1px solid transparent}.IconButton-modules_icon_button_alert__chG35:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.IconButton-modules_icon_button_alert__chG35 svg{stroke:#f54c4c!important;fill:#f54c4c!important}.IconButton-modules_icon_button_success__VMPTV{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.IconButton-modules_icon_button_success__VMPTV:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.IconButton-modules_icon_button_success__VMPTV:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.IconButton-modules_icon_button_success__VMPTV:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.IconButton-modules_icon_button_success__VMPTV svg{stroke:#fff!important;fill:#fff!important}.IconButton-modules_icon_button_xxs__XE0Rm{align-items:center;border-radius:.25rem;display:flex;height:1.25rem;justify-content:center;width:1.25rem}.IconButton-modules_icon_button_xxs__XE0Rm svg{height:.75rem;width:.75rem}.IconButton-modules_icon_button_xs__U6Ilh{border-radius:.25rem;height:1.5rem;padding:.25rem;width:1.5rem}.IconButton-modules_icon_button_xs__U6Ilh svg{height:1rem;width:1rem}.IconButton-modules_icon_button_base__lxaxt{border-radius:.5rem;height:2.25rem;padding:.5rem;width:2.25rem}.IconButton-modules_icon_button_base__lxaxt svg{height:1.25rem;width:1.25rem}.IconButton-modules_icon_button_lg__iG-ln{border-radius:.5rem;height:2.75rem;padding:.625rem;width:2.75rem}.IconButton-modules_icon_button_lg__iG-ln svg{height:1.5rem;width:1.5rem}";
|
|
336
|
+
var styles$6 = {"icon_button":"IconButton-modules_icon_button__NAe8g","icon_button_primary":"IconButton-modules_icon_button_primary__YDGiq","icon_button_secondary":"IconButton-modules_icon_button_secondary__4fzy5","icon_button_tertiary":"IconButton-modules_icon_button_tertiary__tBs-B","icon_button_tertiary_alt":"IconButton-modules_icon_button_tertiary_alt__wb6xA","icon_button_alert":"IconButton-modules_icon_button_alert__chG35","icon_button_success":"IconButton-modules_icon_button_success__VMPTV","icon_button_xxs":"IconButton-modules_icon_button_xxs__XE0Rm","icon_button_xs":"IconButton-modules_icon_button_xs__U6Ilh","icon_button_base":"IconButton-modules_icon_button_base__lxaxt","icon_button_lg":"IconButton-modules_icon_button_lg__iG-ln"};
|
|
337
|
+
styleInject(css_248z$6);
|
|
338
|
+
|
|
302
339
|
/** Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
|
|
303
340
|
const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
304
341
|
variant = 'primary',
|
|
@@ -310,23 +347,23 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
|
310
347
|
...props
|
|
311
348
|
}, ref) => {
|
|
312
349
|
const getStylesByVariant = () => {
|
|
313
|
-
if (variant === 'primary') return styles$
|
|
350
|
+
if (variant === 'primary') return styles$6.icon_button_primary;else if (variant === 'secondary') return styles$6.icon_button_secondary;else if (variant === 'tertiary') return styles$6.icon_button_tertiary;else if (variant === 'tertiary-alt') return styles$6.icon_button_tertiary_alt;else if (variant === 'alert') return styles$6.icon_button_alert;else if (variant === 'success') return styles$6.icon_button_success;else return styles$6.icon_button_primary;
|
|
314
351
|
};
|
|
315
352
|
const getStylesBySize = () => {
|
|
316
|
-
if (size === 'xxs') return styles$
|
|
317
|
-
if (size === 'xs') return styles$
|
|
353
|
+
if (size === 'xxs') return styles$6.icon_button_xxs;
|
|
354
|
+
if (size === 'xs') return styles$6.icon_button_xs;else if (size === 'base') return styles$6.icon_button_base;else if (size === 'lg') return styles$6.icon_button_lg;else return styles$6.icon_button_base;
|
|
318
355
|
};
|
|
319
356
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
320
357
|
ref: ref,
|
|
321
|
-
className: `${styles$
|
|
358
|
+
className: `${styles$6.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
322
359
|
onClick: onClick,
|
|
323
360
|
disabled: disabled
|
|
324
361
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MinusCircledIcon, null));
|
|
325
362
|
});
|
|
326
363
|
|
|
327
|
-
var css_248z$
|
|
328
|
-
var styles$
|
|
329
|
-
styleInject(css_248z$
|
|
364
|
+
var css_248z$7 = ".TooltipCustomLayout-module_tooltip_layout__kXU5K{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:1rem;padding:1rem}.TooltipCustomLayout-module_tooltip_layout_header__zzvR8{align-items:center;align-self:stretch;display:flex;justify-content:space-between}.TooltipCustomLayout-module_tooltip_layout_optional_url__rzRLq{color:#00040a;font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url__rzRLq:visited{color:#64666a}.TooltipCustomLayout-module_tooltip_layout_optional_url_simplified__f-qWp{color:#99c9ff;font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:140%;text-decoration-line:underline}.TooltipCustomLayout-module_tooltip_layout_optional_url_simplified__f-qWp:visited{color:#e5f1ff}.TooltipCustomLayout-module_tooltip_layout_actions__0WAmb{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end}.TooltipCustomLayout-module_tooltip_simplified__Ml5tT{padding:.25rem .5rem}";
|
|
365
|
+
var styles$7 = {"tooltip_layout":"TooltipCustomLayout-module_tooltip_layout__kXU5K","tooltip_layout_header":"TooltipCustomLayout-module_tooltip_layout_header__zzvR8","tooltip_layout_optional_url":"TooltipCustomLayout-module_tooltip_layout_optional_url__rzRLq","tooltip_layout_optional_url_simplified":"TooltipCustomLayout-module_tooltip_layout_optional_url_simplified__f-qWp","tooltip_layout_actions":"TooltipCustomLayout-module_tooltip_layout_actions__0WAmb","tooltip_simplified":"TooltipCustomLayout-module_tooltip_simplified__Ml5tT"};
|
|
366
|
+
styleInject(css_248z$7);
|
|
330
367
|
|
|
331
368
|
const TooltipLayout = ({
|
|
332
369
|
tooltipTitle,
|
|
@@ -349,9 +386,9 @@ const TooltipLayout = ({
|
|
|
349
386
|
isTooltipSimplified
|
|
350
387
|
}) => {
|
|
351
388
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
352
|
-
className: `${styles$
|
|
389
|
+
className: `${styles$7.tooltip_layout} ${isTooltipSimplified ? styles$7.tooltip_simplified : ''}`
|
|
353
390
|
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
|
|
354
|
-
className: styles$
|
|
391
|
+
className: styles$7.tooltip_layout_header
|
|
355
392
|
}, tooltipTitle && /*#__PURE__*/React__default.createElement(Title, {
|
|
356
393
|
text: tooltipTitle,
|
|
357
394
|
size: "sm",
|
|
@@ -364,17 +401,17 @@ const TooltipLayout = ({
|
|
|
364
401
|
})), tooltipDescription && /*#__PURE__*/React__default.createElement(Text, {
|
|
365
402
|
text: tooltipDescription,
|
|
366
403
|
size: "sm",
|
|
367
|
-
className: styles$
|
|
404
|
+
className: styles$7.tooltip_layout_description,
|
|
368
405
|
color: isTooltipSimplified ? '#fff' : '#000'
|
|
369
406
|
}), optionalUrl && optionalUrlText && /*#__PURE__*/React__default.createElement("a", {
|
|
370
407
|
href: optionalUrl,
|
|
371
408
|
target: "_blank",
|
|
372
409
|
rel: "noopener noreferrer",
|
|
373
|
-
className: isTooltipSimplified ? styles$
|
|
410
|
+
className: isTooltipSimplified ? styles$7.tooltip_layout_optional_url_simplified : styles$7.tooltip_layout_optional_url
|
|
374
411
|
}, optionalUrlText), customContent && /*#__PURE__*/React__default.createElement("div", {
|
|
375
|
-
className: styles$
|
|
412
|
+
className: styles$7.tooltip_layout_content
|
|
376
413
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
|
|
377
|
-
className: styles$
|
|
414
|
+
className: styles$7.tooltip_layout_actions
|
|
378
415
|
}, buttonOneText && /*#__PURE__*/React__default.createElement(Button, {
|
|
379
416
|
text: buttonOneText,
|
|
380
417
|
size: "sm",
|
|
@@ -9535,6 +9572,35 @@ function OneColumnIcon({
|
|
|
9535
9572
|
})))));
|
|
9536
9573
|
}
|
|
9537
9574
|
|
|
9575
|
+
function OtherTab({
|
|
9576
|
+
stroke,
|
|
9577
|
+
strokeWidth,
|
|
9578
|
+
fill,
|
|
9579
|
+
size = 'base',
|
|
9580
|
+
...rest
|
|
9581
|
+
}) {
|
|
9582
|
+
return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
|
|
9583
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
9584
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
9585
|
+
sx: {
|
|
9586
|
+
height: getIconSize(size),
|
|
9587
|
+
width: getIconSize(size)
|
|
9588
|
+
},
|
|
9589
|
+
fill: fill
|
|
9590
|
+
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
9591
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9592
|
+
width: "17",
|
|
9593
|
+
height: "16",
|
|
9594
|
+
viewBox: "0 0 17 16",
|
|
9595
|
+
fill: "none"
|
|
9596
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
9597
|
+
"fill-rule": "evenodd",
|
|
9598
|
+
"clip-rule": "evenodd",
|
|
9599
|
+
d: "M11.2384 0.666748H15.3463C15.4128 0.666748 15.4761 0.680064 15.5338 0.704174C15.5865 0.726103 15.636 0.757669 15.6798 0.798872C15.6871 0.805743 15.6942 0.812838 15.701 0.820145C15.7411 0.86273 15.7721 0.910767 15.7939 0.961776C15.8192 1.02064 15.8332 1.08549 15.8332 1.15361V5.26149C15.8332 5.53038 15.6152 5.74835 15.3463 5.74835C15.0774 5.74835 14.8595 5.53038 14.8595 5.26149V2.32899L6.56194 10.6265C6.37181 10.8166 6.06355 10.8166 5.87342 10.6265C5.68329 10.4364 5.68329 10.1281 5.87342 9.93798L14.1709 1.64047H11.2384C10.9695 1.64047 10.7516 1.42249 10.7516 1.15361C10.7516 0.884723 10.9695 0.666748 11.2384 0.666748ZM2.56623 3.40537C2.195 3.40537 1.83897 3.55284 1.57647 3.81534C1.31397 4.07784 1.1665 4.43387 1.1665 4.80509V13.9337C1.1665 14.305 1.31397 14.661 1.57647 14.9235C1.83897 15.186 2.195 15.3334 2.56623 15.3334H11.6949C12.0661 15.3334 12.4221 15.186 12.6846 14.9235C12.9471 14.661 13.0946 14.305 13.0946 13.9337V8.45655C13.0946 8.18766 12.8766 7.96969 12.6077 7.96969C12.3388 7.96969 12.1209 8.18766 12.1209 8.45655V13.9337C12.1209 14.0467 12.076 14.1551 11.9961 14.235C11.9162 14.3148 11.8078 14.3597 11.6949 14.3597H2.56623C2.45325 14.3597 2.34489 14.3148 2.265 14.235C2.18511 14.1551 2.14022 14.0467 2.14022 13.9337V4.80509C2.14022 4.69211 2.18511 4.58376 2.265 4.50387C2.34489 4.42397 2.45324 4.37909 2.56623 4.37909H8.0434C8.31229 4.37909 8.53026 4.16112 8.53026 3.89223C8.53026 3.62335 8.31229 3.40537 8.0434 3.40537H2.56623Z",
|
|
9600
|
+
fill: fill
|
|
9601
|
+
})));
|
|
9602
|
+
}
|
|
9603
|
+
|
|
9538
9604
|
function RefreshIcon({
|
|
9539
9605
|
stroke,
|
|
9540
9606
|
strokeWidth,
|
|
@@ -10996,6 +11062,7 @@ function Partner9({
|
|
|
10996
11062
|
const Box = ({
|
|
10997
11063
|
children,
|
|
10998
11064
|
title,
|
|
11065
|
+
optionalText,
|
|
10999
11066
|
tooltipDescription,
|
|
11000
11067
|
className,
|
|
11001
11068
|
id,
|
|
@@ -11012,6 +11079,9 @@ const Box = ({
|
|
|
11012
11079
|
size: "lg",
|
|
11013
11080
|
weight: "bold",
|
|
11014
11081
|
required: required
|
|
11082
|
+
}), !required && optionalText && /*#__PURE__*/React__default.createElement(Text, {
|
|
11083
|
+
text: optionalText,
|
|
11084
|
+
italic: true
|
|
11015
11085
|
}), tooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
11016
11086
|
tooltipDescription: tooltipDescription,
|
|
11017
11087
|
placement: "right",
|
|
@@ -11022,9 +11092,9 @@ const Box = ({
|
|
|
11022
11092
|
})))), children);
|
|
11023
11093
|
};
|
|
11024
11094
|
|
|
11025
|
-
var css_248z$
|
|
11026
|
-
var styles$
|
|
11027
|
-
styleInject(css_248z$
|
|
11095
|
+
var css_248z$8 = ".Button-modules_button__Y2x6B{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;justify-content:center}.Button-modules_button_primary__wCKys{background:var(--color-neutral-basics-black,#00040a);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_primary__wCKys:hover{background:var(--color-neutral-dark-shades-900,#32353a);border:1px solid var(--color-neutral-dark-shades-900,#32353a)}.Button-modules_button_primary__wCKys:active{background:var(--color-neutral-dark-shades-800,#4b4e52);border:1px solid var(--color-neutral-dark-shades-800,#4b4e52)}.Button-modules_button_primary__wCKys:disabled{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_primary__wCKys p{color:#fff!important}.Button-modules_button_primary__wCKys svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_secondary__nk4au{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-basics-black,#00040a)}.Button-modules_button_secondary__nk4au:disabled{background:transparent;border:1px solid var(--Color-Neutral-Dark-Shades-500,#96989a);opacity:.5}.Button-modules_button_secondary__nk4au:disabled p{color:#96989a!important}.Button-modules_button_secondary__nk4au:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_secondary__nk4au p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_secondary__nk4au svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_tertiary__2Xap8:active{background:var(--color-neutral-clear-shades-300,#d5d5d6);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.Button-modules_button_tertiary__2Xap8:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary__2Xap8:disabled p{color:#96989a!important}.Button-modules_button_tertiary__2Xap8:disabled svg{stroke:#96989a!important;fill:#96989a!important}.Button-modules_button_tertiary__2Xap8 p{color:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_tertiary__2Xap8 svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.Button-modules_button_upsell__MMmq1{background:var(--Color-Gradients-003,linear-gradient(135deg,#07f 0,#9024f6 98.4%));border:none}.Button-modules_button_upsell__MMmq1:hover{background:var(--color-neutral-clear-shades-200,#e1e1e2);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2)}.Button-modules_button_upsell__MMmq1 p{color:var(--Color-Neutral-Basics-White,#fff)!important}.Button-modules_button_upsell__MMmq1 svg{stroke:#e1e1e2!important;fill:#e1e1e2!important}.Button-modules_button_tertiary_alt__AU4Yu{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:hover{background:var(--color-neutral-clear-shades-150,#eee);border:1px solid var(--color-neutral-clear-shades-150,#eee)}.Button-modules_button_tertiary_alt__AU4Yu:active{background:var(--color-neutral-clear-shades-100,#fafafa);border:1px solid var(--color-neutral-clear-shades-100,#fafafa)}.Button-modules_button_tertiary_alt__AU4Yu:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_tertiary_alt__AU4Yu:disabled p{color:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu:disabled svg{stroke:#99c9ff!important;fill:#99c9ff!important}.Button-modules_button_tertiary_alt__AU4Yu p{color:#07f!important}.Button-modules_button_tertiary_alt__AU4Yu svg{stroke:#07f!important;fill:#07f!important}.Button-modules_button_alert__StmND{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:hover{background:var(--color-extended-red-50,#fff6f6);border:1px solid var(--color-extended-red-50,#fff6f6)}.Button-modules_button_alert__StmND:active{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-100,#fddbdb)}.Button-modules_button_alert__StmND:disabled{background:transparent;border:1px solid transparent}.Button-modules_button_alert__StmND:disabled p{color:#fbb7b7!important}.Button-modules_button_alert__StmND:disabled svg{stroke:#fbb7b7!important;fill:#fbb7b7!important}.Button-modules_button_alert__StmND p{color:#f54c4c!important}.Button-modules_button_alert__StmND svg{stroke:#f54c4c!important;fill:#f54c4c!important}.Button-modules_button_success__2-TND{background:var(--color-extended-green-400,#7dc984);border:1px solid var(--color-extended-green-400,#7dc984)}.Button-modules_button_success__2-TND:hover{background:var(--color-extended-green-300,#9dd6a3);border:1px solid var(--color-extended-green-300,#9dd6a3)}.Button-modules_button_success__2-TND:active{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Button-modules_button_success__2-TND:disabled{background:var(--color-extended-green-200,#d5edd8);border:1px solid var(--color-extended-green-200,#d5edd8)}.Button-modules_button_success__2-TND p{color:#fff!important}.Button-modules_button_success__2-TND svg{stroke:#fff!important;fill:#fff!important}.Button-modules_button_sm__rxApB{border-radius:.375rem;padding:0 1rem}.Button-modules_button_sm__rxApB svg{height:.75rem;width:.75rem}.Button-modules_button_base__3NbJs{border-radius:.5rem;padding:.25rem 1rem}.Button-modules_button_base__3NbJs svg{height:1rem;width:1rem}.Button-modules_button_lg__Gkerl{border-radius:.5rem;padding:.25rem 1.25rem .375rem}.Button-modules_button_lg__Gkerl svg{height:1.25rem;width:1.25rem}";
|
|
11096
|
+
var styles$8 = {"button":"Button-modules_button__Y2x6B","button_primary":"Button-modules_button_primary__wCKys","button_secondary":"Button-modules_button_secondary__nk4au","button_tertiary":"Button-modules_button_tertiary__2Xap8","button_upsell":"Button-modules_button_upsell__MMmq1","button_tertiary_alt":"Button-modules_button_tertiary_alt__AU4Yu","button_alert":"Button-modules_button_alert__StmND","button_success":"Button-modules_button_success__2-TND","button_sm":"Button-modules_button_sm__rxApB","button_base":"Button-modules_button_base__3NbJs","button_lg":"Button-modules_button_lg__Gkerl"};
|
|
11097
|
+
styleInject(css_248z$8);
|
|
11028
11098
|
|
|
11029
11099
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11030
11100
|
const Button = ({
|
|
@@ -11039,13 +11109,13 @@ const Button = ({
|
|
|
11039
11109
|
...props
|
|
11040
11110
|
}) => {
|
|
11041
11111
|
const getStylesByVariant = () => {
|
|
11042
|
-
if (variant === 'primary') return styles$
|
|
11112
|
+
if (variant === 'primary') return styles$8.button_primary;else if (variant === 'secondary') return styles$8.button_secondary;else if (variant === 'tertiary') return styles$8.button_tertiary;else if (variant === 'tertiary-alt') return styles$8.button_tertiary_alt;else if (variant === 'alert') return styles$8.button_alert;else if (variant === 'success') return styles$8.button_success;else if (variant === 'upsell') return styles$8.button_upsell;else return styles$8.button_primary;
|
|
11043
11113
|
};
|
|
11044
11114
|
const getStylesBySize = () => {
|
|
11045
|
-
if (size === 'sm') return styles$
|
|
11115
|
+
if (size === 'sm') return styles$8.button_sm;else if (size === 'base') return styles$8.button_base;else if (size === 'lg') return styles$8.button_lg;else return styles$8.button_base;
|
|
11046
11116
|
};
|
|
11047
11117
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
11048
|
-
className: `${styles$
|
|
11118
|
+
className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
11049
11119
|
style: {
|
|
11050
11120
|
background: customBackground,
|
|
11051
11121
|
border: customBackground ? 'none' : ''
|
|
@@ -11057,9 +11127,9 @@ const Button = ({
|
|
|
11057
11127
|
}), iconRight && iconRight);
|
|
11058
11128
|
};
|
|
11059
11129
|
|
|
11060
|
-
var css_248z$
|
|
11061
|
-
var styles$
|
|
11062
|
-
styleInject(css_248z$
|
|
11130
|
+
var css_248z$9 = ".MksiteButton-modules_button__wminL{align-items:center;cursor:pointer;display:inline-flex;gap:.5rem;height:3.125rem;justify-content:center}.MksiteButton-modules_button_primary__jVpdT{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem)}.MksiteButton-modules_button_primary__jVpdT:active,.MksiteButton-modules_button_primary__jVpdT:disabled,.MksiteButton-modules_button_primary__jVpdT:hover{background:var(--Color-Neutral-Dark-Shades-950,#26292e);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e)}.MksiteButton-modules_button_primary__jVpdT:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_primary__jVpdT p{color:#fff!important}.MksiteButton-modules_button_primary__jVpdT svg{stroke:#fff!important;fill:#fff!important}.MksiteButton-modules_button_secondary__JnAKk{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a);border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem) var(--space-spacing-none,0) .9375rem}.MksiteButton-modules_button_secondary__JnAKk:active,.MksiteButton-modules_button_secondary__JnAKk:disabled,.MksiteButton-modules_button_secondary__JnAKk:hover{background:transparent;border:1px solid var(--color-neutral-basics-black,#00040a)}.MksiteButton-modules_button_secondary__JnAKk:disabled{cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_secondary__JnAKk:disabled p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk:disabled svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_secondary__JnAKk svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E{background:transparent;border:1px solid transparent;border-radius:.3125rem;padding:var(--space-spacing-none,0) var(--scale-s-20,1.25rem) var(--space-spacing-none,0) .9375rem}.MksiteButton-modules_button_tertiary__NZL-E:active,.MksiteButton-modules_button_tertiary__NZL-E:hover{background:transparent;border:1px solid transparent}.MksiteButton-modules_button_tertiary__NZL-E:disabled{background:transparent;border:1px solid transparent;cursor:not-allowed!important;opacity:.5}.MksiteButton-modules_button_tertiary__NZL-E:disabled p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E:disabled svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E p{color:var(--color-neutral-basics-black,#00040a)!important}.MksiteButton-modules_button_tertiary__NZL-E svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}";
|
|
11131
|
+
var styles$9 = {"button":"MksiteButton-modules_button__wminL","button_primary":"MksiteButton-modules_button_primary__jVpdT","button_secondary":"MksiteButton-modules_button_secondary__JnAKk","button_tertiary":"MksiteButton-modules_button_tertiary__NZL-E"};
|
|
11132
|
+
styleInject(css_248z$9);
|
|
11063
11133
|
|
|
11064
11134
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11065
11135
|
const MksiteButton = ({
|
|
@@ -11072,10 +11142,10 @@ const MksiteButton = ({
|
|
|
11072
11142
|
...props
|
|
11073
11143
|
}) => {
|
|
11074
11144
|
const getStylesByVariant = () => {
|
|
11075
|
-
if (variant === 'primary') return styles$
|
|
11145
|
+
if (variant === 'primary') return styles$9.button_primary;else if (variant === 'secondary') return styles$9.button_secondary;else if (variant === 'tertiary') return styles$9.button_tertiary;else return styles$9.button_primary;
|
|
11076
11146
|
};
|
|
11077
11147
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
11078
|
-
className: `${styles$
|
|
11148
|
+
className: `${styles$9.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
11079
11149
|
disabled: disabled
|
|
11080
11150
|
}, props), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
11081
11151
|
text: text,
|
|
@@ -11083,9 +11153,9 @@ const MksiteButton = ({
|
|
|
11083
11153
|
}), iconRight && iconRight);
|
|
11084
11154
|
};
|
|
11085
11155
|
|
|
11086
|
-
var css_248z$
|
|
11087
|
-
var styles$
|
|
11088
|
-
styleInject(css_248z$
|
|
11156
|
+
var css_248z$a = ".Card-modules_card__3XjRq{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border-radius:.25rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:.5rem;padding:1rem 1.5rem 1.5rem;width:100%}";
|
|
11157
|
+
var styles$a = {"card":"Card-modules_card__3XjRq"};
|
|
11158
|
+
styleInject(css_248z$a);
|
|
11089
11159
|
|
|
11090
11160
|
const Card = ({
|
|
11091
11161
|
children,
|
|
@@ -11093,27 +11163,27 @@ const Card = ({
|
|
|
11093
11163
|
onMouseLeave,
|
|
11094
11164
|
className
|
|
11095
11165
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
11096
|
-
className: `${styles$
|
|
11166
|
+
className: `${styles$a.card} ${className}`,
|
|
11097
11167
|
onMouseEnter: onMouseEnter,
|
|
11098
11168
|
onMouseLeave: onMouseLeave
|
|
11099
11169
|
}, children);
|
|
11100
11170
|
|
|
11101
|
-
var css_248z$
|
|
11102
|
-
var styles$
|
|
11103
|
-
styleInject(css_248z$
|
|
11171
|
+
var css_248z$b = ".CardButton-modules_card_button__E9xNa{align-items:center;background:var(--color-neutral-basics-white,#fff);border-radius:1rem;box-shadow:0 1px 3px 1px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;flex-direction:column;gap:1.5rem;height:14.25rem;justify-content:center;padding:1rem;width:16.5rem}.CardButton-modules_card_button__E9xNa:hover{border:1px solid var(--sdColorPrimary500);outline:0 solid transparent;padding:1rem;transform:translateY(-.5rem);transition:all .2s ease-in-out}";
|
|
11172
|
+
var styles$b = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
11173
|
+
styleInject(css_248z$b);
|
|
11104
11174
|
|
|
11105
11175
|
const CardButton = ({
|
|
11106
11176
|
children,
|
|
11107
11177
|
className
|
|
11108
11178
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
11109
|
-
className: `${styles$
|
|
11179
|
+
className: `${styles$b.card_button} ${className}`
|
|
11110
11180
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11111
11181
|
text: children
|
|
11112
11182
|
}));
|
|
11113
11183
|
|
|
11114
|
-
var css_248z$
|
|
11115
|
-
var styles$
|
|
11116
|
-
styleInject(css_248z$
|
|
11184
|
+
var css_248z$c = ".ChatMessage-module_user_message_container__0TQyK{animation:ChatMessage-module_floatup__rrZhs .5s forwards;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin:.5rem 0;width:100%}.ChatMessage-module_user_message_container__0TQyK .ChatMessage-module_message__soX3u p{margin-left:auto}@keyframes ChatMessage-module_floatup__rrZhs{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}.ChatMessage-module_not_user_text_message__D3glX{align-items:flex-end;background:#fafafa;border:1px solid #d5d5d6;border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:85%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.ChatMessage-module_not_user_text_message__D3glX .ChatMessage-module_user_text__tQQ9T{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.ChatMessage-module_not_user_text_message__D3glX .ChatMessage-module_blue__4dAno{color:#004799}.ChatMessage-module_user_text_message__rO3tY{align-items:flex-end;background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-200,#99c9ff);border-radius:.5rem 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:85%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.ChatMessage-module_user_text_message__rO3tY .ChatMessage-module_user_text__tQQ9T{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.ChatMessage-module_user_text_message__rO3tY .ChatMessage-module_blue__4dAno{color:#004799}.ChatMessage-module_user_text_message_username_left__hJ9ep{display:flex;margin-left:auto;width:-moz-fit-content;width:fit-content}.ChatMessage-module_user_text_message_username__2DX4K{display:flex;width:-moz-fit-content;width:fit-content}.ChatMessage-module_user_indicator__cuXRx{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem .5rem 0;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.ChatMessage-module_user_indicator__cuXRx p{padding:0}.ChatMessage-module_bot_indicator__MUkXO{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem 0 .5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.ChatMessage-module_bot_indicator__MUkXO p{padding:0}.ChatMessage-module_message_chatbot__STGDq{display:flex;flex-direction:column;gap:.25rem;width:100%}.ChatMessage-module_message_chatbot__STGDq .ChatMessage-module_user_text__tQQ9T{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.ChatMessage-module_text_message__mMH-5{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2);border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;position:relative;white-space:break-spaces;width:-moz-fit-content;width:fit-content}";
|
|
11185
|
+
var styles$c = {"message_chatbot":"ChatMessage-module_message_chatbot__STGDq","user_message_container":"ChatMessage-module_user_message_container__0TQyK","floatup":"ChatMessage-module_floatup__rrZhs","message":"ChatMessage-module_message__soX3u","not_user_text_message":"ChatMessage-module_not_user_text_message__D3glX","user_text":"ChatMessage-module_user_text__tQQ9T","blue":"ChatMessage-module_blue__4dAno","user_text_message":"ChatMessage-module_user_text_message__rO3tY","user_text_message_username_left":"ChatMessage-module_user_text_message_username_left__hJ9ep","user_text_message_username":"ChatMessage-module_user_text_message_username__2DX4K","user_indicator":"ChatMessage-module_user_indicator__cuXRx","bot_indicator":"ChatMessage-module_bot_indicator__MUkXO","text_message":"ChatMessage-module_text_message__mMH-5"};
|
|
11186
|
+
styleInject(css_248z$c);
|
|
11117
11187
|
|
|
11118
11188
|
const ChatMessage = ({
|
|
11119
11189
|
message,
|
|
@@ -11138,23 +11208,23 @@ const ChatMessage = ({
|
|
|
11138
11208
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
11139
11209
|
};
|
|
11140
11210
|
if (!isMe) return /*#__PURE__*/React__default.createElement("div", {
|
|
11141
|
-
className: styles$
|
|
11211
|
+
className: styles$c.user_message_container
|
|
11142
11212
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11143
|
-
className: styles$
|
|
11213
|
+
className: styles$c.bot_indicator
|
|
11144
11214
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11145
11215
|
text: getTwoInitials(message.from.name),
|
|
11146
11216
|
weight: "bold",
|
|
11147
11217
|
color: "white",
|
|
11148
11218
|
size: "sm"
|
|
11149
11219
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11150
|
-
className: styles$
|
|
11220
|
+
className: styles$c.message_chatbot
|
|
11151
11221
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11152
|
-
className: styles$
|
|
11222
|
+
className: styles$c.not_user_text_message
|
|
11153
11223
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11154
11224
|
dangerouslySetInnerHTML: {
|
|
11155
11225
|
__html: replaceURLs(message.body) ?? ''
|
|
11156
11226
|
},
|
|
11157
|
-
className: styles$
|
|
11227
|
+
className: styles$c.user_text
|
|
11158
11228
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
11159
11229
|
onClick: onClickTime,
|
|
11160
11230
|
className: classNameTime,
|
|
@@ -11162,23 +11232,23 @@ const ChatMessage = ({
|
|
|
11162
11232
|
endTime: endTime
|
|
11163
11233
|
})));else {
|
|
11164
11234
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11165
|
-
className: styles$
|
|
11235
|
+
className: styles$c.user_message_container
|
|
11166
11236
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11167
|
-
className: styles$
|
|
11237
|
+
className: styles$c.message_chatbot
|
|
11168
11238
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11169
|
-
className: styles$
|
|
11239
|
+
className: styles$c.user_text_message
|
|
11170
11240
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11171
11241
|
dangerouslySetInnerHTML: {
|
|
11172
11242
|
__html: replaceURLs(message.body) ?? ''
|
|
11173
11243
|
},
|
|
11174
|
-
className: styles$
|
|
11244
|
+
className: styles$c.user_text
|
|
11175
11245
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
11176
11246
|
onClick: onClickTime,
|
|
11177
11247
|
className: classNameTime,
|
|
11178
11248
|
startTime: startTime,
|
|
11179
11249
|
endTime: endTime
|
|
11180
11250
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11181
|
-
className: styles$
|
|
11251
|
+
className: styles$c.user_indicator
|
|
11182
11252
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11183
11253
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11184
11254
|
weight: "bold",
|
|
@@ -11188,9 +11258,9 @@ const ChatMessage = ({
|
|
|
11188
11258
|
}
|
|
11189
11259
|
};
|
|
11190
11260
|
|
|
11191
|
-
var css_248z$
|
|
11192
|
-
var styles$
|
|
11193
|
-
styleInject(css_248z$
|
|
11261
|
+
var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
|
|
11262
|
+
var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
|
|
11263
|
+
styleInject(css_248z$d);
|
|
11194
11264
|
|
|
11195
11265
|
const BpIcon = /*#__PURE__*/styles$15.styled('span')(() => ({
|
|
11196
11266
|
borderRadius: '0.25rem',
|
|
@@ -11266,7 +11336,7 @@ const Checkbox = ({
|
|
|
11266
11336
|
className
|
|
11267
11337
|
}) => {
|
|
11268
11338
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11269
|
-
className: `${styles$
|
|
11339
|
+
className: `${styles$d.checkboxContainer} ${disabled ? styles$d.disabled : ''} ${className}`,
|
|
11270
11340
|
style: {
|
|
11271
11341
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
11272
11342
|
}
|
|
@@ -11379,9 +11449,9 @@ const getColor = (colorName, shade) => {
|
|
|
11379
11449
|
return undefined;
|
|
11380
11450
|
};
|
|
11381
11451
|
|
|
11382
|
-
var css_248z$
|
|
11383
|
-
var styles$
|
|
11384
|
-
styleInject(css_248z$
|
|
11452
|
+
var css_248z$e = ".ColorPicker-modules_colorPicker__M9-Q6{align-items:center;display:flex;flex-direction:column;gap:1rem;width:-moz-fit-content;width:fit-content}.ColorPicker-modules_colorPicker__bottom__w6G4P{align-items:center;display:flex;gap:1rem;justify-content:space-between;width:100%}.ColorPicker-modules_colorPicker__bottom__color__IDaBy{border-radius:50%;height:32px;width:32px}.ColorPicker-modules_colorPicker__bottom__input__jrNoK{display:flex;width:152px}.ColorPicker-modules_colorPicker__bottom__input__jrNoK .ColorPicker-modules_colorTextInput__bu2mh{border:1px solid #d5d5d6;border-radius:1.5rem;display:flex;font-family:Poppins;font-size:14px;font-style:normal;font-weight:500;line-height:140%;padding:.5rem;text-align:center;width:100%}.ColorPicker-modules_colorPicker__bottom__input__jrNoK .ColorPicker-modules_colorTextInput__bu2mh:focus{outline:none}";
|
|
11453
|
+
var styles$e = {"colorPicker":"ColorPicker-modules_colorPicker__M9-Q6","colorPicker__bottom":"ColorPicker-modules_colorPicker__bottom__w6G4P","colorPicker__bottom__color":"ColorPicker-modules_colorPicker__bottom__color__IDaBy","colorPicker__bottom__input":"ColorPicker-modules_colorPicker__bottom__input__jrNoK","colorTextInput":"ColorPicker-modules_colorTextInput__bu2mh"};
|
|
11454
|
+
styleInject(css_248z$e);
|
|
11385
11455
|
|
|
11386
11456
|
const ColorPicker = ({
|
|
11387
11457
|
color,
|
|
@@ -11392,30 +11462,30 @@ const ColorPicker = ({
|
|
|
11392
11462
|
onChange(color);
|
|
11393
11463
|
};
|
|
11394
11464
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11395
|
-
className: styles$
|
|
11465
|
+
className: styles$e.colorPicker
|
|
11396
11466
|
}, /*#__PURE__*/React__default.createElement(reactColorful.HexAlphaColorPicker, {
|
|
11397
11467
|
color: color,
|
|
11398
11468
|
onChange: onChange
|
|
11399
11469
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11400
|
-
className: styles$
|
|
11470
|
+
className: styles$e.colorPicker__bottom
|
|
11401
11471
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11402
|
-
className: styles$
|
|
11472
|
+
className: styles$e.colorPicker__bottom__color,
|
|
11403
11473
|
style: {
|
|
11404
11474
|
backgroundColor: color
|
|
11405
11475
|
}
|
|
11406
11476
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11407
|
-
className: styles$
|
|
11477
|
+
className: styles$e.colorPicker__bottom__input
|
|
11408
11478
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
11409
11479
|
type: "text",
|
|
11410
11480
|
value: color,
|
|
11411
11481
|
onChange: e => handleChange(e.target.value),
|
|
11412
|
-
className: styles$
|
|
11482
|
+
className: styles$e.colorTextInput
|
|
11413
11483
|
}))));
|
|
11414
11484
|
};
|
|
11415
11485
|
|
|
11416
|
-
var css_248z$
|
|
11417
|
-
var styles$
|
|
11418
|
-
styleInject(css_248z$
|
|
11486
|
+
var css_248z$f = ".data-protection-disclaimer-module_data_protection_disclaimer__88Cx1{display:flex;justify-content:center;width:100%}.data-protection-disclaimer-module_data_protection_disclaimer__88Cx1 .data-protection-disclaimer-module_data_protection_disclaimer_content__phvNW{font-family:Open Sans;font-size:.8rem}.data-protection-disclaimer-module_data_protection_disclaimer__88Cx1 .data-protection-disclaimer-module_data_protection_disclaimer_content__phvNW a{color:var(--blue-normal)}";
|
|
11487
|
+
var styles$f = {"data_protection_disclaimer":"data-protection-disclaimer-module_data_protection_disclaimer__88Cx1","data_protection_disclaimer_content":"data-protection-disclaimer-module_data_protection_disclaimer_content__phvNW"};
|
|
11488
|
+
styleInject(css_248z$f);
|
|
11419
11489
|
|
|
11420
11490
|
const DataProtectionDisclaimer = ({
|
|
11421
11491
|
content,
|
|
@@ -11423,18 +11493,18 @@ const DataProtectionDisclaimer = ({
|
|
|
11423
11493
|
contentClassName
|
|
11424
11494
|
}) => {
|
|
11425
11495
|
return /*#__PURE__*/React__default.createElement("footer", {
|
|
11426
|
-
className: `${styles$
|
|
11496
|
+
className: `${styles$f.data_protection_disclaimer} ${className}`
|
|
11427
11497
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11428
11498
|
dangerouslySetInnerHTML: {
|
|
11429
11499
|
__html: content
|
|
11430
11500
|
},
|
|
11431
|
-
className: `${styles$
|
|
11501
|
+
className: `${styles$f.data_protection_disclaimer_content} ${contentClassName}`
|
|
11432
11502
|
}));
|
|
11433
11503
|
};
|
|
11434
11504
|
|
|
11435
|
-
var css_248z$
|
|
11436
|
-
var styles$
|
|
11437
|
-
styleInject(css_248z$
|
|
11505
|
+
var css_248z$g = ".DatePicker-modules_date_picker__ltMIy{min-width:13rem;width:100%}.DatePicker-modules_date_picker__ltMIy label,.DatePicker-modules_date_picker__ltMIy span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.DatePicker-modules_date_picker__ltMIy .DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH{display:flex;gap:.5rem;margin-top:-.35rem!important}.DatePicker-modules_date_picker__ltMIy input{font-family:var(--sdFontFamily \"Open Sans\");font-size:var(--sdTypoTextNoDecorationRegularBase);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;padding:8.5px 14px;text-align:left}.DatePicker-modules_date_picker__ltMIy svg{height:1rem;width:1rem}.DatePicker-modules_input_top_label__n3jgg{margin-bottom:.625rem}.DatePicker-modules_MuiOutlinedInput-root__wFT0C.DatePicker-modules_MuiInputBase-root__8VJD9.DatePicker-modules_MuiInputBase-formControl__R-soq{align-items:center;display:flex;flex-direction:row}.DatePicker-modules_text_below__kaG7V{margin:.25rem .5rem .25rem .75rem}.DatePicker-modules_icon__6Kwu0{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
11506
|
+
var styles$g = {"date_picker":"DatePicker-modules_date_picker__ltMIy","MuiAutocomplete-endAdornment":"DatePicker-modules_MuiAutocomplete-endAdornment__a1ZeH","input_top_label":"DatePicker-modules_input_top_label__n3jgg","MuiOutlinedInput-root":"DatePicker-modules_MuiOutlinedInput-root__wFT0C","MuiInputBase-root":"DatePicker-modules_MuiInputBase-root__8VJD9","MuiInputBase-formControl":"DatePicker-modules_MuiInputBase-formControl__R-soq","text_below":"DatePicker-modules_text_below__kaG7V","icon":"DatePicker-modules_icon__6Kwu0"};
|
|
11507
|
+
styleInject(css_248z$g);
|
|
11438
11508
|
|
|
11439
11509
|
const CssTextField = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
11440
11510
|
'& .MuiInputBase-input': {
|
|
@@ -11565,12 +11635,12 @@ const DatePicker = ({
|
|
|
11565
11635
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
11566
11636
|
adapterLocale: locale === 'enUS' ? enUS.enUS : locale === 'fr' ? fr.fr : locale === 'it' ? it.it : locale === 'de' ? de.de : locale === 'es' ? es.es : enUS.enUS
|
|
11567
11637
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11568
|
-
className: `${styles$
|
|
11638
|
+
className: `${styles$g.date_picker} ${className ? className : undefined}`
|
|
11569
11639
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
11570
11640
|
text: `${topLabel ? topLabel : ''}`,
|
|
11571
11641
|
weight: topLabelWeight || 'bold',
|
|
11572
11642
|
size: topLabelSize || 'base',
|
|
11573
|
-
className: styles$
|
|
11643
|
+
className: styles$g.input_top_label,
|
|
11574
11644
|
required: required
|
|
11575
11645
|
}), /*#__PURE__*/React__default.createElement(DatePicker$1.DatePicker, {
|
|
11576
11646
|
label: label,
|
|
@@ -11615,18 +11685,18 @@ const DatePicker = ({
|
|
|
11615
11685
|
color: "#F54C4C",
|
|
11616
11686
|
italic: true,
|
|
11617
11687
|
text: errorText,
|
|
11618
|
-
className: styles$
|
|
11688
|
+
className: styles$g.text_below
|
|
11619
11689
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
11620
11690
|
size: "xs",
|
|
11621
11691
|
italic: true,
|
|
11622
11692
|
text: helperText,
|
|
11623
|
-
className: styles$
|
|
11693
|
+
className: styles$g.text_below
|
|
11624
11694
|
}))));
|
|
11625
11695
|
};
|
|
11626
11696
|
|
|
11627
|
-
var css_248z$
|
|
11628
|
-
var styles$
|
|
11629
|
-
styleInject(css_248z$
|
|
11697
|
+
var css_248z$h = ".FeaturesTable-module_featuresTable__c02w7{border-radius:.25rem;box-shadow:0 2px 6px 2px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15)}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl{background-color:#f9fafc;border:1px solid var(--Color-Neutral-Clear-Shades-300,#d5d5d6);border-radius:.25rem .25rem 0 0;display:flex;padding:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerTitle__Jj-22{flex:1}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerCell__3y326{align-items:center;display:flex;flex:1;flex-direction:column;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerCell__3y326 .FeaturesTable-module_priceContainer__j5ACK{align-items:center;display:flex;gap:.5rem;justify-content:center}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_sectionTitleRow__-74Lu{align-items:center;background-color:#f9fafc;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:4rem;padding:.5rem 1rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a{align-items:center;background-color:#fff;border-bottom:1px solid #d5d5d6;border-left:1px solid #d5d5d6;border-right:1px solid #d5d5d6;display:flex;height:4rem;padding:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_featureName__odnfd{align-items:center;display:flex;flex:1;gap:.5rem;padding:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_featureName__odnfd .FeaturesTable-module_overflow2Lines__pLtM7{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;max-width:95%;overflow:hidden;text-overflow:ellipsis}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD{align-items:center;display:flex;flex:1;gap:.5rem;justify-content:center;padding:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD .FeaturesTable-module_checkedIcon__cv3bS{fill:#5cbb65;height:1.5rem;width:1.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_lastRow__-fJxq{border-radius:0 0 .25rem .25rem}@media (max-width:1439px){.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_featureName__odnfd p,.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerCell__3y326 p{font-size:.75rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD{flex-direction:column;gap:0}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD p{font-size:.75rem;text-align:center}}@media (max-width:1024px){.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl{flex-wrap:wrap}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerTitle__Jj-22{flex:unset;width:100%}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerTitle__Jj-22 h2{text-align:center}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_featureName__odnfd p,.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerCell__3y326 p{font-size:.65rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD{flex-direction:column;gap:0}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD p{font-size:.65rem;text-align:center}}@media (max-width:767px){.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableHeader__EGnVl .FeaturesTable-module_headerCell__3y326 p{font-size:.55rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_featureName__odnfd p{font-size:.5rem}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD{flex-direction:column;gap:0}.FeaturesTable-module_featuresTable__c02w7 .FeaturesTable-module_tableBody__vD8Di .FeaturesTable-module_featureGroup__Mw963 .FeaturesTable-module_featureRow__s4U5a .FeaturesTable-module_rowCell__QLWdD p{font-size:.5rem;text-align:center}}";
|
|
11698
|
+
var styles$h = {"featuresTable":"FeaturesTable-module_featuresTable__c02w7","tableHeader":"FeaturesTable-module_tableHeader__EGnVl","headerTitle":"FeaturesTable-module_headerTitle__Jj-22","headerCell":"FeaturesTable-module_headerCell__3y326","priceContainer":"FeaturesTable-module_priceContainer__j5ACK","tableBody":"FeaturesTable-module_tableBody__vD8Di","featureGroup":"FeaturesTable-module_featureGroup__Mw963","sectionTitleRow":"FeaturesTable-module_sectionTitleRow__-74Lu","featureRow":"FeaturesTable-module_featureRow__s4U5a","featureName":"FeaturesTable-module_featureName__odnfd","overflow2Lines":"FeaturesTable-module_overflow2Lines__pLtM7","rowCell":"FeaturesTable-module_rowCell__QLWdD","checkedIcon":"FeaturesTable-module_checkedIcon__cv3bS","lastRow":"FeaturesTable-module_lastRow__-fJxq"};
|
|
11699
|
+
styleInject(css_248z$h);
|
|
11630
11700
|
|
|
11631
11701
|
const HeaderCell = ({
|
|
11632
11702
|
planName,
|
|
@@ -11655,7 +11725,7 @@ const HeaderCell = ({
|
|
|
11655
11725
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
11656
11726
|
};
|
|
11657
11727
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11658
|
-
className: styles$
|
|
11728
|
+
className: styles$h.headerCell
|
|
11659
11729
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11660
11730
|
size: "base",
|
|
11661
11731
|
weight: "semi-bold",
|
|
@@ -11665,7 +11735,7 @@ const HeaderCell = ({
|
|
|
11665
11735
|
weight: "bold",
|
|
11666
11736
|
text: cmsContent.LetsTalk
|
|
11667
11737
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
11668
|
-
className: styles$
|
|
11738
|
+
className: styles$h.priceContainer
|
|
11669
11739
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11670
11740
|
size: "base",
|
|
11671
11741
|
weight: "bold",
|
|
@@ -11687,9 +11757,9 @@ const TableHeader = ({
|
|
|
11687
11757
|
actionsArray
|
|
11688
11758
|
}) => {
|
|
11689
11759
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11690
|
-
className: styles$
|
|
11760
|
+
className: styles$h.tableHeader
|
|
11691
11761
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11692
|
-
className: styles$
|
|
11762
|
+
className: styles$h.headerTitle
|
|
11693
11763
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11694
11764
|
size: "base",
|
|
11695
11765
|
weight: "semi-bold",
|
|
@@ -11714,13 +11784,13 @@ const RowCell = ({
|
|
|
11714
11784
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
11715
11785
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
11716
11786
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11717
|
-
className: styles$
|
|
11787
|
+
className: styles$h.rowCell
|
|
11718
11788
|
}, prefix && /*#__PURE__*/React__default.createElement(Text, {
|
|
11719
11789
|
size: "sm",
|
|
11720
11790
|
weight: "regular",
|
|
11721
11791
|
text: prefix
|
|
11722
11792
|
}), showCheckmark ? /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
11723
|
-
className: styles$
|
|
11793
|
+
className: styles$h.checkedIcon
|
|
11724
11794
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React__default.createElement(Text, {
|
|
11725
11795
|
size: "sm",
|
|
11726
11796
|
weight: "bold",
|
|
@@ -11738,14 +11808,14 @@ const FeatureRow = ({
|
|
|
11738
11808
|
}) => {
|
|
11739
11809
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
11740
11810
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11741
|
-
className: `${styles$
|
|
11811
|
+
className: `${styles$h.featureRow} ${isLastOfTable ? styles$h.lastRow : ''}`
|
|
11742
11812
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11743
|
-
className: styles$
|
|
11813
|
+
className: styles$h.featureName
|
|
11744
11814
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11745
11815
|
size: "sm",
|
|
11746
11816
|
weight: "regular",
|
|
11747
11817
|
text: feature.Name,
|
|
11748
|
-
className: styles$
|
|
11818
|
+
className: styles$h.overflow2Lines
|
|
11749
11819
|
}), feature.TooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
11750
11820
|
tooltipDescription: feature.TooltipDescription,
|
|
11751
11821
|
placement: "right"
|
|
@@ -11753,7 +11823,7 @@ const FeatureRow = ({
|
|
|
11753
11823
|
icon: /*#__PURE__*/React__default.createElement(QuestionCircledIcon, null),
|
|
11754
11824
|
variant: "tertiary",
|
|
11755
11825
|
size: "xxs",
|
|
11756
|
-
className: styles$
|
|
11826
|
+
className: styles$h.tooltipButton
|
|
11757
11827
|
}))), tierList.map((tier, index) => {
|
|
11758
11828
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
11759
11829
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -11771,7 +11841,7 @@ const SectionTitleRow = ({
|
|
|
11771
11841
|
sectionName = ''
|
|
11772
11842
|
}) => {
|
|
11773
11843
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11774
|
-
className: styles$
|
|
11844
|
+
className: styles$h.sectionTitleRow
|
|
11775
11845
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11776
11846
|
size: "sm",
|
|
11777
11847
|
weight: "bold",
|
|
@@ -11785,7 +11855,7 @@ const FeatureGroup = ({
|
|
|
11785
11855
|
isLastGroup
|
|
11786
11856
|
}) => {
|
|
11787
11857
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11788
|
-
className: styles$
|
|
11858
|
+
className: styles$h.featureGroup
|
|
11789
11859
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React__default.createElement(SectionTitleRow, {
|
|
11790
11860
|
sectionName: sectionTitle
|
|
11791
11861
|
}), featureSection.map((feature, index) => {
|
|
@@ -11812,7 +11882,7 @@ const TableBody = ({
|
|
|
11812
11882
|
};
|
|
11813
11883
|
|
|
11814
11884
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11815
|
-
className: styles$
|
|
11885
|
+
className: styles$h.tableBody
|
|
11816
11886
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React__default.createElement(FeatureGroup, {
|
|
11817
11887
|
key: index,
|
|
11818
11888
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -11829,7 +11899,7 @@ const FeaturesTable = ({
|
|
|
11829
11899
|
actionsArray
|
|
11830
11900
|
}) => {
|
|
11831
11901
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11832
|
-
className: styles$
|
|
11902
|
+
className: styles$h.featuresTable
|
|
11833
11903
|
}, /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
11834
11904
|
plans: pricingCards,
|
|
11835
11905
|
cmsContent: cmsContent,
|
|
@@ -11840,9 +11910,9 @@ const FeaturesTable = ({
|
|
|
11840
11910
|
}));
|
|
11841
11911
|
};
|
|
11842
11912
|
|
|
11843
|
-
var css_248z$
|
|
11844
|
-
var styles$
|
|
11845
|
-
styleInject(css_248z$
|
|
11913
|
+
var css_248z$i = ".fileinput-modules_file_input_wrapper__zE37e{align-items:center;background:var(--Color-Primary-50,#f2f8ff);border:1px dashed var(--Color-Primary-400,#3392ff);border-radius:.25rem;display:flex;gap:.5rem;height:3rem;max-height:3rem;padding:.5rem 1rem;position:relative;width:100%}.fileinput-modules_file_input_wrapper__zE37e input[type=file],.fileinput-modules_file_input_wrapper__zE37e input[type=file]::-webkit-file-upload-button{cursor:pointer}.fileinput-modules_file_input_wrapper__zE37e input[type=file]{cursor:pointer!important;height:100%;left:0;opacity:0;position:absolute;top:0;width:100%}.fileinput-modules_file_input_wrapper__zE37e button{align-items:center;background-color:var(--sdColorPrimary500);border:unset;border-radius:.5rem;cursor:pointer;display:flex;justify-content:center;margin-right:8px;max-height:2.25rem;padding:.5rem;width:100%;width:25%}.fileinput-modules_file_input_wrapper__zE37e>p{cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:85%}.fileinput-modules_file_input_wrapper__zE37e.fileinput-modules_block__aNMrv{width:100%}.fileinput-modules_cliquable_text__-xcFl{cursor:pointer;margin-left:.5rem!important;margin-top:.5rem!important}";
|
|
11914
|
+
var styles$i = {"file_input_wrapper":"fileinput-modules_file_input_wrapper__zE37e","block":"fileinput-modules_block__aNMrv","cliquable_text":"fileinput-modules_cliquable_text__-xcFl"};
|
|
11915
|
+
styleInject(css_248z$i);
|
|
11846
11916
|
|
|
11847
11917
|
const checkImageResolution = (file, resolution) => {
|
|
11848
11918
|
return new Promise((resolve, reject) => {
|
|
@@ -11899,7 +11969,7 @@ const FileInput = ({
|
|
|
11899
11969
|
}
|
|
11900
11970
|
}, [value]);
|
|
11901
11971
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
11902
|
-
className: `${styles$
|
|
11972
|
+
className: `${styles$i.file_input_wrapper} ${className}`
|
|
11903
11973
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
11904
11974
|
ref: ref,
|
|
11905
11975
|
onChange: onChange,
|
|
@@ -11918,13 +11988,13 @@ const FileInput = ({
|
|
|
11918
11988
|
text: rule,
|
|
11919
11989
|
weight: "regular",
|
|
11920
11990
|
size: "xs",
|
|
11921
|
-
className: styles$
|
|
11991
|
+
className: styles$i.cliquable_text
|
|
11922
11992
|
}));
|
|
11923
11993
|
};
|
|
11924
11994
|
|
|
11925
|
-
var css_248z$
|
|
11926
|
-
var styles$
|
|
11927
|
-
styleInject(css_248z$
|
|
11995
|
+
var css_248z$j = ".FormQuestions-module_formQuestionsContainer__c8qy3,.FormQuestions-module_formQuestionsContent__895Nv{display:flex;flex-direction:column;gap:.875rem;justify-content:center}.FormQuestions-module_questionContainer__4R1bU{display:flex;flex-direction:column;gap:.75rem;justify-content:center;width:100%}.FormQuestions-module_questionText__7QfD1{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Poppins;font-size:24px;font-weight:700}.FormQuestions-module_topText__sRxbh{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:16px;font-weight:400;width:100%}.FormQuestions-module_buttons__T3QNT{display:flex;flex-direction:row;justify-content:space-between}.FormQuestions-module_backButton__kxoKn{margin-right:auto}.FormQuestions-module_nextButton__ItrjP{margin-left:auto}";
|
|
11996
|
+
var styles$j = {"formQuestionsContainer":"FormQuestions-module_formQuestionsContainer__c8qy3","formQuestionsContent":"FormQuestions-module_formQuestionsContent__895Nv","questionContainer":"FormQuestions-module_questionContainer__4R1bU","questionText":"FormQuestions-module_questionText__7QfD1","topText":"FormQuestions-module_topText__sRxbh","buttons":"FormQuestions-module_buttons__T3QNT","backButton":"FormQuestions-module_backButton__kxoKn","nextButton":"FormQuestions-module_nextButton__ItrjP"};
|
|
11997
|
+
styleInject(css_248z$j);
|
|
11928
11998
|
|
|
11929
11999
|
/** This text should be use to display basic text
|
|
11930
12000
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11940,48 +12010,48 @@ const FormQuestions = ({
|
|
|
11940
12010
|
nextText
|
|
11941
12011
|
}) => {
|
|
11942
12012
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11943
|
-
className: styles$
|
|
12013
|
+
className: styles$j.formQuestionsContainer
|
|
11944
12014
|
}, /*#__PURE__*/React__default.createElement(LogoNormal, {
|
|
11945
12015
|
style: {
|
|
11946
12016
|
width: '8.64519rem',
|
|
11947
12017
|
height: '2rem'
|
|
11948
12018
|
}
|
|
11949
12019
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11950
|
-
className: styles$
|
|
12020
|
+
className: styles$j.formQuestionsContent
|
|
11951
12021
|
}, hint && /*#__PURE__*/React__default.createElement(SquareText, {
|
|
11952
12022
|
text: hint
|
|
11953
12023
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11954
|
-
className: styles$
|
|
12024
|
+
className: styles$j.questionContainer
|
|
11955
12025
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11956
12026
|
text: question,
|
|
11957
|
-
className: styles$
|
|
12027
|
+
className: styles$j.questionText
|
|
11958
12028
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11959
12029
|
text: optionText,
|
|
11960
|
-
className: styles$
|
|
12030
|
+
className: styles$j.topText
|
|
11961
12031
|
}), answers.map(answer => /*#__PURE__*/React__default.createElement(QuestionButton, {
|
|
11962
12032
|
text: answer.text,
|
|
11963
12033
|
clicked: answer.isSelected,
|
|
11964
12034
|
onClick: answer.onClick
|
|
11965
12035
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
11966
|
-
className: styles$
|
|
12036
|
+
className: styles$j.buttons
|
|
11967
12037
|
}, backText && /*#__PURE__*/React__default.createElement(Button, {
|
|
11968
12038
|
variant: 'tertiary',
|
|
11969
|
-
className: styles$
|
|
12039
|
+
className: styles$j.backButton,
|
|
11970
12040
|
iconLeft: /*#__PURE__*/React__default.createElement(ArrowPointerLeft, null),
|
|
11971
12041
|
text: backText,
|
|
11972
12042
|
onClick: backAction
|
|
11973
12043
|
}), nextText && /*#__PURE__*/React__default.createElement(Button, {
|
|
11974
12044
|
disabled: answers.every(answer => !answer.isSelected),
|
|
11975
12045
|
text: nextText,
|
|
11976
|
-
className: styles$
|
|
12046
|
+
className: styles$j.nextButton,
|
|
11977
12047
|
iconRight: /*#__PURE__*/React__default.createElement(ArrowPointerRight, null),
|
|
11978
12048
|
onClick: nextAction
|
|
11979
12049
|
}))));
|
|
11980
12050
|
};
|
|
11981
12051
|
|
|
11982
|
-
var css_248z$
|
|
11983
|
-
var styles$
|
|
11984
|
-
styleInject(css_248z$
|
|
12052
|
+
var css_248z$k = ".QuestionButton-module_QuestionButtonContainer__tnHnE{align-items:flex-start;background:var(--Color-Primary-50,#f2f8ff);border:1px solid var(--Color-Primary-300,#66adff);border-radius:.5rem;border-radius:8px;cursor:pointer;display:flex;padding:.5rem 1rem}.QuestionButton-module_QuestionButtonContainer__tnHnE .QuestionButton-module_QuestionButtonText__gH3oE{color:var(--Color-Primary-600,#005fcc);font-family:Poppins;font-size:16px}.QuestionButton-module_QuestionButtonContainer__tnHnE:hover{box-shadow:0 2px 6px 2px rgba(0,0,0,.08),0 1px 2px 0 rgba(0,0,0,.15)}.QuestionButton-module_QuestionButtonContainerSelected__cu7aD{background:var(--Color-Primary-500,#07f)!important;border:1px solid var(--Color-Primary-300,#66adff)!important}.QuestionButton-module_QuestionButtonContainerSelected__cu7aD .QuestionButton-module_QuestionButtonText__gH3oE{color:var(--Color-Neutral-Basics-White,#fff);font-family:Poppins}";
|
|
12053
|
+
var styles$k = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
12054
|
+
styleInject(css_248z$k);
|
|
11985
12055
|
|
|
11986
12056
|
/** This text should be use to display basic text
|
|
11987
12057
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11993,15 +12063,15 @@ const QuestionButton = ({
|
|
|
11993
12063
|
}) => {
|
|
11994
12064
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11995
12065
|
onClick: onClick,
|
|
11996
|
-
className: `${styles$
|
|
12066
|
+
className: `${styles$k.QuestionButtonContainer} ${clicked ? styles$k.QuestionButtonContainerSelected : ''}`
|
|
11997
12067
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11998
|
-
className: styles$
|
|
12068
|
+
className: styles$k.QuestionButtonText
|
|
11999
12069
|
}, text));
|
|
12000
12070
|
};
|
|
12001
12071
|
|
|
12002
|
-
var css_248z$
|
|
12003
|
-
var styles$
|
|
12004
|
-
styleInject(css_248z$
|
|
12072
|
+
var css_248z$l = ".Chat-modules_chatContainer__7vRrr{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW{display:flex;flex-direction:column;gap:1rem;height:100%;max-width:100%;overflow:hidden;width:100%}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk{display:flex;flex-direction:column;gap:1rem;height:100%;max-width:100%;overflow-y:scroll;padding-bottom:14rem;width:100%}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_message_container__0J-S7{animation:Chat-modules_floatup__GBxLy .5s forwards;display:flex;flex-direction:row;gap:.5rem;justify-content:flex-end;margin:.5rem 0;width:100%}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_message_container__0J-S7 .Chat-modules_message__B3WGA p{margin-left:auto}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_not_user_text_message__-V3lh{align-items:flex-end;background:#fafafa;border:1px solid #d5d5d6;border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:85%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_not_user_text_message__-V3lh .Chat-modules_user_text__f-eQo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_not_user_text_message__-V3lh .Chat-modules_blue__7Kfag{color:#004799}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_text_message__jshOh{align-items:flex-end;background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-200,#99c9ff);border-radius:.5rem 0 .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;margin-left:auto;max-width:85%;padding:1rem;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_text_message__jshOh .Chat-modules_user_text__f-eQo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_text_message__jshOh .Chat-modules_blue__7Kfag{color:#004799}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_text_message_username_left__BKzRA{display:flex;margin-left:auto;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_text_message_username__pkGl1{display:flex;width:-moz-fit-content;width:fit-content}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_indicator__WmvD9{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem .5rem 0;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_user_indicator__WmvD9 p{padding:0}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_message_container_chatbot__w71-G{animation:Chat-modules_floatup__GBxLy .5s forwards;display:flex;flex-direction:row;gap:.5rem;margin:auto 0 .5rem;width:100%}@keyframes Chat-modules_floatup__GBxLy{0%{opacity:0;transform:translateY(.875rem)}to{opacity:1;transform:translateY(0)}}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_bot_indicator__iPMbo{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem .5rem 0 .5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_bot_indicator__iPMbo p{padding:0}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_message_chatbot__-6axR{display:flex;flex-direction:column;gap:.25rem;width:100%}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_message_chatbot__-6axR .Chat-modules_user_text__f-eQo{color:var(--Color-Neutral-Dark-Shades-950,#26292e);font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem;margin:0}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_text_message__ODXLS{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-200,#e1e1e2);border-radius:0 .5rem .5rem .5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:1rem;position:relative;white-space:break-spaces;width:-moz-fit-content;width:fit-content}.Chat-modules_no_scrollbar__Cy2xg{-ms-overflow-style:none;scrollbar-width:none}.Chat-modules_no_scrollbar__Cy2xg::-webkit-scrollbar{display:none}";
|
|
12073
|
+
var styles$l = {"chatContainer":"Chat-modules_chatContainer__7vRrr","scrolling_content":"Chat-modules_scrolling_content__xMYjW","tasks_container":"Chat-modules_tasks_container__LrZfk","message_chatbot":"Chat-modules_message_chatbot__-6axR","user_message_container":"Chat-modules_user_message_container__0J-S7","floatup":"Chat-modules_floatup__GBxLy","message":"Chat-modules_message__B3WGA","not_user_text_message":"Chat-modules_not_user_text_message__-V3lh","user_text":"Chat-modules_user_text__f-eQo","blue":"Chat-modules_blue__7Kfag","user_text_message":"Chat-modules_user_text_message__jshOh","user_text_message_username_left":"Chat-modules_user_text_message_username_left__BKzRA","user_text_message_username":"Chat-modules_user_text_message_username__pkGl1","user_indicator":"Chat-modules_user_indicator__WmvD9","message_container_chatbot":"Chat-modules_message_container_chatbot__w71-G","bot_indicator":"Chat-modules_bot_indicator__iPMbo","text_message":"Chat-modules_text_message__ODXLS","no_scrollbar":"Chat-modules_no_scrollbar__Cy2xg"};
|
|
12074
|
+
styleInject(css_248z$l);
|
|
12005
12075
|
|
|
12006
12076
|
const Chat = ({
|
|
12007
12077
|
chatTitle,
|
|
@@ -12078,15 +12148,15 @@ const Chat = ({
|
|
|
12078
12148
|
item: true,
|
|
12079
12149
|
xs: 3,
|
|
12080
12150
|
direction: "column",
|
|
12081
|
-
className: `${className ?? ''} ${styles$
|
|
12151
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12082
12152
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12083
|
-
className: `${styles$
|
|
12153
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12084
12154
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12085
12155
|
text: chatTitle,
|
|
12086
12156
|
weight: "bold",
|
|
12087
12157
|
size: "lg"
|
|
12088
12158
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12089
|
-
className: `${styles$
|
|
12159
|
+
className: `${styles$l.tasks_container}
|
|
12090
12160
|
${customScrollingClassname}`
|
|
12091
12161
|
}, tasks.map(task => {
|
|
12092
12162
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
@@ -12137,15 +12207,15 @@ const Chat = ({
|
|
|
12137
12207
|
item: true,
|
|
12138
12208
|
xs: 3,
|
|
12139
12209
|
direction: "column",
|
|
12140
|
-
className: `${className ?? ''} ${styles$
|
|
12210
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12141
12211
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12142
|
-
className: `${styles$
|
|
12212
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12143
12213
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12144
12214
|
text: chatTitle,
|
|
12145
12215
|
weight: "bold",
|
|
12146
12216
|
size: "lg"
|
|
12147
12217
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12148
|
-
className: `${styles$
|
|
12218
|
+
className: `${styles$l.tasks_container}
|
|
12149
12219
|
${customScrollingClassname}`
|
|
12150
12220
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
12151
12221
|
title: welcomeTitle,
|
|
@@ -12153,46 +12223,46 @@ const Chat = ({
|
|
|
12153
12223
|
}), messages && messages.map(message => {
|
|
12154
12224
|
if (message && message.type === 'normal') {
|
|
12155
12225
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
12156
|
-
className: styles$
|
|
12226
|
+
className: styles$l.user_message_container
|
|
12157
12227
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12158
|
-
className: styles$
|
|
12228
|
+
className: styles$l.bot_indicator
|
|
12159
12229
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12160
12230
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12161
12231
|
weight: "bold",
|
|
12162
12232
|
color: "white",
|
|
12163
12233
|
size: "sm"
|
|
12164
12234
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
12165
|
-
className: styles$
|
|
12235
|
+
className: styles$l.message_chatbot
|
|
12166
12236
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12167
|
-
className: styles$
|
|
12237
|
+
className: styles$l.not_user_text_message
|
|
12168
12238
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12169
12239
|
dangerouslySetInnerHTML: {
|
|
12170
12240
|
__html: replaceURLs(message.body) ?? ''
|
|
12171
12241
|
},
|
|
12172
|
-
className: styles$
|
|
12242
|
+
className: styles$l.user_text
|
|
12173
12243
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
12174
12244
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12175
12245
|
size: "xs",
|
|
12176
12246
|
color: "grey",
|
|
12177
|
-
className: styles$
|
|
12247
|
+
className: styles$l.user_text_message_username
|
|
12178
12248
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
12179
|
-
className: styles$
|
|
12249
|
+
className: styles$l.user_message_container
|
|
12180
12250
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12181
|
-
className: styles$
|
|
12251
|
+
className: styles$l.message_chatbot
|
|
12182
12252
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12183
|
-
className: styles$
|
|
12253
|
+
className: styles$l.user_text_message
|
|
12184
12254
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12185
12255
|
dangerouslySetInnerHTML: {
|
|
12186
12256
|
__html: replaceURLs(message.body) ?? ''
|
|
12187
12257
|
},
|
|
12188
|
-
className: styles$
|
|
12258
|
+
className: styles$l.user_text
|
|
12189
12259
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
12190
12260
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12191
12261
|
size: "xs",
|
|
12192
12262
|
color: "grey",
|
|
12193
|
-
className: styles$
|
|
12263
|
+
className: styles$l.user_text_message_username_left
|
|
12194
12264
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
12195
|
-
className: styles$
|
|
12265
|
+
className: styles$l.user_indicator
|
|
12196
12266
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12197
12267
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12198
12268
|
weight: "bold",
|
|
@@ -12210,9 +12280,9 @@ const Chat = ({
|
|
|
12210
12280
|
})));
|
|
12211
12281
|
};
|
|
12212
12282
|
|
|
12213
|
-
var css_248z$
|
|
12214
|
-
var styles$
|
|
12215
|
-
styleInject(css_248z$
|
|
12283
|
+
var css_248z$m = ".SelfProtocolManager-modules_chatContainer__sXJ8f{align-items:flex-start;background:#fff;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;height:100%;min-width:25rem;padding:1rem}.SelfProtocolManager-modules_chatContainer__sXJ8f .SelfProtocolManager-modules_scrolling_content__MVoj7{display:flex;flex-direction:column;gap:1rem;height:100%;max-width:100%;overflow:hidden;width:100%}.SelfProtocolManager-modules_chatContainer__sXJ8f .SelfProtocolManager-modules_scrolling_content__MVoj7 .SelfProtocolManager-modules_tasks_container__mSyDr{display:flex;flex-direction:column;gap:1rem;height:100%;max-width:100%;overflow-y:scroll;padding-bottom:14rem;width:100%}.SelfProtocolManager-modules_chatContainer__sXJ8f .SelfProtocolManager-modules_scrolling_content__MVoj7 .SelfProtocolManager-modules_tasks_container__mSyDr .SelfProtocolManager-modules_selfProtocolTaskContainer__UPWYp{background-color:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.25rem .5rem .5rem}.SelfProtocolManager-modules_chatContainer__sXJ8f .SelfProtocolManager-modules_scrolling_content__MVoj7 .SelfProtocolManager-modules_tasks_container__mSyDr .SelfProtocolManager-modules_selfProtocolTaskContainer__UPWYp .SelfProtocolManager-modules_cta_button__GxgKq{width:100%}.SelfProtocolManager-modules_chatContainer__sXJ8f .SelfProtocolManager-modules_scrolling_content__MVoj7 .SelfProtocolManager-modules_tasks_container__mSyDr .SelfProtocolManager-modules_selfProtocolTaskContainer__UPWYp.SelfProtocolManager-modules_disabled__LQRQC{opacity:.5}.SelfProtocolManager-modules_no_scrollbar__lww96{-ms-overflow-style:none;scrollbar-width:none}.SelfProtocolManager-modules_no_scrollbar__lww96::-webkit-scrollbar{display:none}";
|
|
12284
|
+
var styles$m = {"chatContainer":"SelfProtocolManager-modules_chatContainer__sXJ8f","scrolling_content":"SelfProtocolManager-modules_scrolling_content__MVoj7","tasks_container":"SelfProtocolManager-modules_tasks_container__mSyDr","selfProtocolTaskContainer":"SelfProtocolManager-modules_selfProtocolTaskContainer__UPWYp","cta_button":"SelfProtocolManager-modules_cta_button__GxgKq","disabled":"SelfProtocolManager-modules_disabled__LQRQC","no_scrollbar":"SelfProtocolManager-modules_no_scrollbar__lww96"};
|
|
12285
|
+
styleInject(css_248z$m);
|
|
12216
12286
|
|
|
12217
12287
|
const SelfProtocolTaskContainer = ({
|
|
12218
12288
|
smallTitle,
|
|
@@ -12226,7 +12296,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12226
12296
|
isDisplay
|
|
12227
12297
|
}) => {
|
|
12228
12298
|
if (isDisplay) return /*#__PURE__*/React__default.createElement("div", {
|
|
12229
|
-
className: `${styles$
|
|
12299
|
+
className: `${styles$m.selfProtocolTaskContainer} ${isDisabled ? styles$m.disabled : ''}`
|
|
12230
12300
|
}, smallTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12231
12301
|
text: smallTitle,
|
|
12232
12302
|
size: "xs"
|
|
@@ -12242,7 +12312,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12242
12312
|
text: ctaText,
|
|
12243
12313
|
onClick: () => onClick(),
|
|
12244
12314
|
iconRight: buttonIcon,
|
|
12245
|
-
className: styles$
|
|
12315
|
+
className: styles$m.cta_button,
|
|
12246
12316
|
disabled: isDisabled
|
|
12247
12317
|
}));else return null;
|
|
12248
12318
|
};
|
|
@@ -12304,16 +12374,16 @@ const SelfProtocolManager = ({
|
|
|
12304
12374
|
item: true,
|
|
12305
12375
|
xs: 3,
|
|
12306
12376
|
direction: "column",
|
|
12307
|
-
className: `${className ?? ''} ${styles$
|
|
12377
|
+
className: `${className ?? ''} ${styles$m.chatContainer}`
|
|
12308
12378
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12309
|
-
className: `${styles$
|
|
12379
|
+
className: `${styles$m.scrolling_content} ${styles$m.no_scrollbar} ${customContentClassname}`
|
|
12310
12380
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12311
12381
|
text: texts.generalTitle,
|
|
12312
12382
|
weight: "bold",
|
|
12313
12383
|
size: "lg"
|
|
12314
12384
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12315
|
-
className: `${styles$
|
|
12316
|
-
${customScrollingClassname} ${styles$
|
|
12385
|
+
className: `${styles$m.tasks_container}
|
|
12386
|
+
${customScrollingClassname} ${styles$m.no_scrollbar}`
|
|
12317
12387
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
12318
12388
|
title: texts.welcomeMessageTitle,
|
|
12319
12389
|
description: texts.welcomeMessageDescription
|
|
@@ -12373,9 +12443,9 @@ const SelfProtocolManager = ({
|
|
|
12373
12443
|
}))));
|
|
12374
12444
|
};
|
|
12375
12445
|
|
|
12376
|
-
var css_248z$
|
|
12377
|
-
var styles$
|
|
12378
|
-
styleInject(css_248z$
|
|
12446
|
+
var css_248z$n = ".ChatInput-modules_chat_input_container__ZJfau{align-items:center;align-self:stretch;background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem;display:flex;flex-direction:row;gap:.5rem;margin-top:auto;padding:.625rem .75rem}.ChatInput-modules_chat_input_container__ZJfau input{background:var(--color-neutral-clear-shades-150,#eee);border:none;color:var(--color-neutral-dark-shades-950,#26292e);font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:1.5rem;width:100%}.ChatInput-modules_chat_input_container__ZJfau input:focus{outline:none}.ChatInput-modules_chat_input_container__ZJfau input::-moz-placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__ZJfau input::placeholder{color:var(--color-neutral-dark-shades-550,#8a8b8e);opacity:1}.ChatInput-modules_chat_input_container__ZJfau svg{cursor:pointer}";
|
|
12447
|
+
var styles$n = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12448
|
+
styleInject(css_248z$n);
|
|
12379
12449
|
|
|
12380
12450
|
const ChatInput = ({
|
|
12381
12451
|
className,
|
|
@@ -12385,7 +12455,7 @@ const ChatInput = ({
|
|
|
12385
12455
|
placeholder
|
|
12386
12456
|
}) => {
|
|
12387
12457
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12388
|
-
className: `${styles$
|
|
12458
|
+
className: `${styles$n.chat_input_container} ${className ?? ''}`
|
|
12389
12459
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
12390
12460
|
placeholder: placeholder,
|
|
12391
12461
|
value: value ? value : '',
|
|
@@ -12414,9 +12484,9 @@ const ChatInput = ({
|
|
|
12414
12484
|
}));
|
|
12415
12485
|
};
|
|
12416
12486
|
|
|
12417
|
-
var css_248z$
|
|
12418
|
-
var styles$
|
|
12419
|
-
styleInject(css_248z$
|
|
12487
|
+
var css_248z$o = ".CircleIconButton-modules_circle_icon_button__xqiN3{align-items:flex-start;background:var(--color-neutral-dark-shades-700,#64666a);border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.5rem;position:relative}.CircleIconButton-modules_circle_icon_button__xqiN3 svg{stroke:#fff;fill:#fff;height:1.5rem;width:1.5rem}.CircleIconButton-modules_circle_icon_button__xqiN3:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.CircleIconButton-modules_circle_icon_button__xqiN3:active{background:var(--color-neutral-dark-shades-700,#64666a)}.CircleIconButton-modules_active__doTaX{background:var(--color-primary-300,#66adff)}.CircleIconButton-modules_active__doTaX:hover{background:#3392ff}.CircleIconButton-modules_active__doTaX:active{background:#07f}.CircleIconButton-modules_active__doTaX svg{stroke:#00040a;fill:#00040a;height:1.5rem;width:1.5rem}.CircleIconButton-modules_notif_icon__IgXJJ{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
|
|
12488
|
+
var styles$o = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12489
|
+
styleInject(css_248z$o);
|
|
12420
12490
|
|
|
12421
12491
|
const CircledIconButton = ({
|
|
12422
12492
|
icon,
|
|
@@ -12426,17 +12496,17 @@ const CircledIconButton = ({
|
|
|
12426
12496
|
...props
|
|
12427
12497
|
}) => {
|
|
12428
12498
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12429
|
-
className: `${styles$
|
|
12499
|
+
className: `${styles$o.circle_icon_button} ${className ?? ''} ${isActive ? styles$o.active : ''}`
|
|
12430
12500
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12431
|
-
className: styles$
|
|
12501
|
+
className: styles$o.notif_icon,
|
|
12432
12502
|
stroke: colors.black,
|
|
12433
12503
|
fill: colors.red_500
|
|
12434
12504
|
}));
|
|
12435
12505
|
};
|
|
12436
12506
|
|
|
12437
|
-
var css_248z$
|
|
12438
|
-
var styles$
|
|
12439
|
-
styleInject(css_248z$
|
|
12507
|
+
var css_248z$p = ".ControlsBar-modules_control_bar__ft1eh{align-items:center;display:inline-flex;gap:.5rem}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_separator__0fqPr{background:var(--color-neutral-dark-shades-700,#64666a);height:1rem;width:.0625rem}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8{align-items:center;background:var(--Color-Extended-Red-50,#fff6f6);border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:flex;gap:.5rem;padding:.5rem .75rem .5rem .5rem}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8:hover{background:var(--Color-Neutral-Basics-White,#fff)}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8:active{background:var(--Color-Extended-Red-100,#fddbdb)}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8:disabled{cursor:not-allowed}.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8:disabled:active,.ControlsBar-modules_control_bar__ft1eh .ControlsBar-modules_record_btn__DLwh8:disabled:hover{background:var(--Color-Extended-Red-50,#fff6f6)}.ControlsBar-modules_chatBubbleIcon__vCKpm svg{fill:transparent!important}.ControlsBar-modules_stop_rec_popover__3zCEy{display:flex;flex-direction:column;padding:1rem;width:-moz-min-content;width:min-content}.ControlsBar-modules_stop_rec_popover_actions__GxI-F{display:flex;gap:.5rem;margin-top:.5rem;width:-moz-max-content;width:max-content}";
|
|
12508
|
+
var styles$p = {"control_bar":"ControlsBar-modules_control_bar__ft1eh","separator":"ControlsBar-modules_separator__0fqPr","record_btn":"ControlsBar-modules_record_btn__DLwh8","chatBubbleIcon":"ControlsBar-modules_chatBubbleIcon__vCKpm","stop_rec_popover":"ControlsBar-modules_stop_rec_popover__3zCEy","stop_rec_popover_actions":"ControlsBar-modules_stop_rec_popover_actions__GxI-F"};
|
|
12509
|
+
styleInject(css_248z$p);
|
|
12440
12510
|
|
|
12441
12511
|
const ControlsBar = ({
|
|
12442
12512
|
className,
|
|
@@ -12478,7 +12548,7 @@ const ControlsBar = ({
|
|
|
12478
12548
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
12479
12549
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
12480
12550
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12481
|
-
className: `${styles$
|
|
12551
|
+
className: `${styles$p.control_bar} ${className ?? ''}`
|
|
12482
12552
|
}, props), enableMicrophone && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12483
12553
|
icon: isMicrophoneActive ? /*#__PURE__*/React__default.createElement(MicrophoneIcon, null) : /*#__PURE__*/React__default.createElement(NoMicrophoneIcon, null),
|
|
12484
12554
|
onClick: () => {
|
|
@@ -12494,11 +12564,11 @@ const ControlsBar = ({
|
|
|
12494
12564
|
}
|
|
12495
12565
|
}
|
|
12496
12566
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12497
|
-
className: styles$
|
|
12567
|
+
className: styles$p.separator
|
|
12498
12568
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React__default.createElement("button", {
|
|
12499
12569
|
ref: setAnchorEl,
|
|
12500
12570
|
disabled: disabledRecording,
|
|
12501
|
-
className: styles$
|
|
12571
|
+
className: styles$p.record_btn,
|
|
12502
12572
|
onClick: () => {
|
|
12503
12573
|
if (!isRecording && startRecording) startRecording();
|
|
12504
12574
|
if (isRecording) {
|
|
@@ -12525,7 +12595,7 @@ const ControlsBar = ({
|
|
|
12525
12595
|
icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
|
|
12526
12596
|
onClick: () => enableScreenSharing()
|
|
12527
12597
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12528
|
-
className: styles$
|
|
12598
|
+
className: styles$p.separator
|
|
12529
12599
|
}), isInterviewer ? /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
12530
12600
|
text: protocolText,
|
|
12531
12601
|
variant: "protocol",
|
|
@@ -12550,7 +12620,7 @@ const ControlsBar = ({
|
|
|
12550
12620
|
isNotif: isNewTask
|
|
12551
12621
|
}), isModerated && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12552
12622
|
icon: /*#__PURE__*/React__default.createElement(ChatBubbleIcon, null),
|
|
12553
|
-
className: styles$
|
|
12623
|
+
className: styles$p.chatBubbleIcon,
|
|
12554
12624
|
onClick: () => {
|
|
12555
12625
|
if (displayChat) displayChat();
|
|
12556
12626
|
},
|
|
@@ -12572,17 +12642,17 @@ const ControlsBar = ({
|
|
|
12572
12642
|
transform: 'translate(0px, -28px)'
|
|
12573
12643
|
}
|
|
12574
12644
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12575
|
-
className: styles$
|
|
12645
|
+
className: styles$p.stop_rec_popover
|
|
12576
12646
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12577
12647
|
text: stopRecPopoverTitle ?? '',
|
|
12578
|
-
className: styles$
|
|
12648
|
+
className: styles$p.stop_rec_popover_title,
|
|
12579
12649
|
size: "sm"
|
|
12580
12650
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12581
12651
|
text: stopRecPopoverDescription ?? '',
|
|
12582
|
-
className: styles$
|
|
12652
|
+
className: styles$p.stop_rec_popover_description,
|
|
12583
12653
|
size: "sm"
|
|
12584
12654
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12585
|
-
className: styles$
|
|
12655
|
+
className: styles$p.stop_rec_popover_actions
|
|
12586
12656
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
12587
12657
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12588
12658
|
variant: "tertiary",
|
|
@@ -12602,9 +12672,9 @@ const ControlsBar = ({
|
|
|
12602
12672
|
})))));
|
|
12603
12673
|
};
|
|
12604
12674
|
|
|
12605
|
-
var css_248z$
|
|
12606
|
-
var styles$
|
|
12607
|
-
styleInject(css_248z$
|
|
12675
|
+
var css_248z$q = ".EndRecording-module_stop_rec_container__WoARX{align-items:flex-start;align-self:stretch;background:var(--Color-Extended-Red-50,#fff6f6);border:1px solid var(--Color-Extended-Red-200,#fbb7b7);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:.75rem}.EndRecording-module_stop_rec_container__WoARX button{background-color:#f54c4c!important;border-color:#f54c4c!important;width:100%}.EndRecording-module_stop_rec_container__WoARX button p{color:#fff!important}";
|
|
12676
|
+
var styles$q = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12677
|
+
styleInject(css_248z$q);
|
|
12608
12678
|
|
|
12609
12679
|
const EndRecording = ({
|
|
12610
12680
|
stopRecTitle,
|
|
@@ -12615,7 +12685,7 @@ const EndRecording = ({
|
|
|
12615
12685
|
stopRecording
|
|
12616
12686
|
}) => {
|
|
12617
12687
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12618
|
-
className: styles$
|
|
12688
|
+
className: styles$q.stop_rec_container
|
|
12619
12689
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12620
12690
|
text: stopRecTitle ?? '',
|
|
12621
12691
|
weight: "bold"
|
|
@@ -12638,9 +12708,9 @@ const EndRecording = ({
|
|
|
12638
12708
|
}));
|
|
12639
12709
|
};
|
|
12640
12710
|
|
|
12641
|
-
var css_248z$
|
|
12642
|
-
var styles$
|
|
12643
|
-
styleInject(css_248z$
|
|
12711
|
+
var css_248z$r = ".InterviewButton-modules_interview_button__nQuJi{align-items:center;border:none;border-radius:1.5rem;box-shadow:0 4px 8px 3px rgba(0,0,0,.08),0 1px 3px 0 rgba(0,0,0,.15);cursor:pointer;display:inline-flex;gap:.5rem;padding:.375rem .75rem;position:relative}.InterviewButton-modules_interview_button__nQuJi svg{height:1.5rem;width:1.5rem}.InterviewButton-modules_interview_button_screenshare__kTb7u{background:var(--color-primary-500,#07f)}.InterviewButton-modules_interview_button_screenshare__kTb7u:hover{background:var(--color-primary-400,#3392ff)}.InterviewButton-modules_interview_button_screenshare__kTb7u:active{background:var(--color-primary-600,#005fcc)}.InterviewButton-modules_interview_button_screenshare__kTb7u p{color:#fff!important}.InterviewButton-modules_interview_button_screenshare__kTb7u svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8 p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8 svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover{background:var(--color-neutral-dark-shades-550,#8a8b8e)}.InterviewButton-modules_interview_button_protocol__NuNs8:hover p{color:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:hover svg{stroke:#fff!important;fill:#fff!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active{background:var(--color-neutral-dark-shades-700,#64666a)}.InterviewButton-modules_interview_button_protocol__NuNs8:active p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_protocol__NuNs8:active svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_active__pmGNN{background:var(--color-primary-300,#66adff)}.InterviewButton-modules_active__pmGNN p{color:#00040a!important}.InterviewButton-modules_active__pmGNN svg{stroke:#00040a!important;fill:#00040a!important;height:1.5rem;width:1.5rem}.InterviewButton-modules_disabled__bzmGz{cursor:not-allowed;opacity:.2}.InterviewButton-modules_interview_button_end_interview__J5C2I{background:var(--color-extended-red-500,#f54c4c)}.InterviewButton-modules_interview_button_end_interview__J5C2I:hover{background:var(--color-extended-red-400,#f77070)}.InterviewButton-modules_interview_button_end_interview__J5C2I:active{background:var(--color-extended-red-600,#c73f3d)}.InterviewButton-modules_interview_button_end_interview__J5C2I p{color:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_interview_button_end_interview__J5C2I svg{stroke:var(--color-neutral-basics-black,#00040a)!important;fill:var(--color-neutral-basics-black,#00040a)!important}.InterviewButton-modules_notif_icon__sDbuB{height:.75rem!important;position:absolute;right:0;top:0;width:.75rem!important}";
|
|
12712
|
+
var styles$r = {"interview_button":"InterviewButton-modules_interview_button__nQuJi","interview_button_screenshare":"InterviewButton-modules_interview_button_screenshare__kTb7u","interview_button_protocol":"InterviewButton-modules_interview_button_protocol__NuNs8","active":"InterviewButton-modules_active__pmGNN","disabled":"InterviewButton-modules_disabled__bzmGz","interview_button_end_interview":"InterviewButton-modules_interview_button_end_interview__J5C2I","notif_icon":"InterviewButton-modules_notif_icon__sDbuB"};
|
|
12713
|
+
styleInject(css_248z$r);
|
|
12644
12714
|
|
|
12645
12715
|
const InterviewButton = ({
|
|
12646
12716
|
icon,
|
|
@@ -12653,25 +12723,25 @@ const InterviewButton = ({
|
|
|
12653
12723
|
...props
|
|
12654
12724
|
}) => {
|
|
12655
12725
|
const defineVariantStyle = () => {
|
|
12656
|
-
if (variant === 'protocol') return styles$
|
|
12726
|
+
if (variant === 'protocol') return styles$r.interview_button_protocol;else if (variant === 'screenshare') return styles$r.interview_button_screenshare;else if (variant === 'end-interview') return styles$r.interview_button_end_interview;else return;
|
|
12657
12727
|
};
|
|
12658
12728
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12659
|
-
className: `${styles$
|
|
12660
|
-
${disabled ? styles$
|
|
12729
|
+
className: `${styles$r.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$r.active : ''}
|
|
12730
|
+
${disabled ? styles$r.disabled : ''}`
|
|
12661
12731
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), /*#__PURE__*/React__default.createElement(Text, {
|
|
12662
12732
|
text: text,
|
|
12663
12733
|
size: "base",
|
|
12664
12734
|
weight: "semi-bold"
|
|
12665
12735
|
}), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12666
|
-
className: styles$
|
|
12736
|
+
className: styles$r.notif_icon,
|
|
12667
12737
|
stroke: colors.black,
|
|
12668
12738
|
fill: colors.red_500
|
|
12669
12739
|
}));
|
|
12670
12740
|
};
|
|
12671
12741
|
|
|
12672
|
-
var css_248z$
|
|
12673
|
-
var styles$
|
|
12674
|
-
styleInject(css_248z$
|
|
12742
|
+
var css_248z$s = ".MarkUpBar-modules_markup_bar__lj-nK{align-items:flex-start;display:flex;gap:.75rem;justify-content:center;width:100%}.MarkUpBar-modules_markup_bar__lj-nK .MarkUpBar-modules_smiley_list__n8Dcs{align-items:flex-start;background:var(--color-neutral-dark-shades-900,#32353a);border-radius:1.5rem;display:flex;gap:.5rem;padding:.25rem .3125rem}.MarkUpBar-modules_markup_bar__lj-nK .MarkUpBar-modules_smiley_btn__YyUSB{align-items:center;background:var(--color-neutral-dark-shades-900,#32353a);border:none;border-radius:100%;cursor:pointer;display:flex;font-size:1.5rem;gap:.5rem;height:2.25rem;justify-content:center;padding:.375rem;width:2.25rem}.MarkUpBar-modules_markup_bar__lj-nK .MarkUpBar-modules_smiley_btn__YyUSB:hover{background:var(--color-neutral-dark-shades-800,#4b4e52)}.MarkUpBar-modules_markup_bar__lj-nK .MarkUpBar-modules_disabled__8RHqG{cursor:not-allowed}";
|
|
12743
|
+
var styles$s = {"markup_bar":"MarkUpBar-modules_markup_bar__lj-nK","smiley_list":"MarkUpBar-modules_smiley_list__n8Dcs","smiley_btn":"MarkUpBar-modules_smiley_btn__YyUSB","disabled":"MarkUpBar-modules_disabled__8RHqG"};
|
|
12744
|
+
styleInject(css_248z$s);
|
|
12675
12745
|
|
|
12676
12746
|
const MarkUpBar = ({
|
|
12677
12747
|
className,
|
|
@@ -12680,35 +12750,35 @@ const MarkUpBar = ({
|
|
|
12680
12750
|
...props
|
|
12681
12751
|
}) => {
|
|
12682
12752
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12683
|
-
className: `${styles$
|
|
12753
|
+
className: `${styles$s.markup_bar} ${className ?? ''}`
|
|
12684
12754
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12685
|
-
className: styles$
|
|
12755
|
+
className: styles$s.smiley_list
|
|
12686
12756
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
12687
|
-
className: `${styles$
|
|
12757
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12688
12758
|
disabled: disabled,
|
|
12689
12759
|
onClick: () => {
|
|
12690
12760
|
if (!disabled) onClick('Q');
|
|
12691
12761
|
}
|
|
12692
12762
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React__default.createElement("button", {
|
|
12693
|
-
className: `${styles$
|
|
12763
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12694
12764
|
disabled: disabled,
|
|
12695
12765
|
onClick: () => {
|
|
12696
12766
|
if (!disabled) onClick('W');
|
|
12697
12767
|
}
|
|
12698
12768
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React__default.createElement("button", {
|
|
12699
|
-
className: `${styles$
|
|
12769
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12700
12770
|
disabled: disabled,
|
|
12701
12771
|
onClick: () => {
|
|
12702
12772
|
if (!disabled) onClick('E');
|
|
12703
12773
|
}
|
|
12704
12774
|
}, "\uD83D\uDE21"), /*#__PURE__*/React__default.createElement("button", {
|
|
12705
|
-
className: `${styles$
|
|
12775
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12706
12776
|
disabled: disabled,
|
|
12707
12777
|
onClick: () => {
|
|
12708
12778
|
if (!disabled) onClick('R');
|
|
12709
12779
|
}
|
|
12710
12780
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React__default.createElement("button", {
|
|
12711
|
-
className: `${styles$
|
|
12781
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12712
12782
|
disabled: disabled,
|
|
12713
12783
|
onClick: () => {
|
|
12714
12784
|
if (!disabled) onClick('T');
|
|
@@ -12716,9 +12786,9 @@ const MarkUpBar = ({
|
|
|
12716
12786
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12717
12787
|
};
|
|
12718
12788
|
|
|
12719
|
-
var css_248z$
|
|
12720
|
-
var styles$
|
|
12721
|
-
styleInject(css_248z$
|
|
12789
|
+
var css_248z$t = ".Scenario-modules_start_interview_container__xpnL8{align-items:flex-start;align-self:stretch;background:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem .75rem}.Scenario-modules_start_interview_container__xpnL8 .Scenario-modules_description__U4c7P,.Scenario-modules_start_interview_container__xpnL8 .Scenario-modules_name__hM-lS{margin-top:.37rem}.Scenario-modules_start_interview_container__xpnL8 button{margin-top:.5rem;width:100%}";
|
|
12790
|
+
var styles$t = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12791
|
+
styleInject(css_248z$t);
|
|
12722
12792
|
|
|
12723
12793
|
const Scenario = ({
|
|
12724
12794
|
title,
|
|
@@ -12732,18 +12802,18 @@ const Scenario = ({
|
|
|
12732
12802
|
...props
|
|
12733
12803
|
}) => {
|
|
12734
12804
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12735
|
-
className: styles$
|
|
12805
|
+
className: styles$t.start_interview_container
|
|
12736
12806
|
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
12737
12807
|
text: title,
|
|
12738
12808
|
size: "xs"
|
|
12739
12809
|
}), scenarioName && /*#__PURE__*/React__default.createElement(Text, {
|
|
12740
12810
|
text: scenarioName,
|
|
12741
12811
|
weight: "bold",
|
|
12742
|
-
className: styles$
|
|
12812
|
+
className: styles$t.name
|
|
12743
12813
|
}), description && /*#__PURE__*/React__default.createElement(Text, {
|
|
12744
12814
|
text: description,
|
|
12745
12815
|
size: "sm",
|
|
12746
|
-
className: styles$
|
|
12816
|
+
className: styles$t.description
|
|
12747
12817
|
}), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
12748
12818
|
text: buttonText,
|
|
12749
12819
|
iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
@@ -12752,16 +12822,16 @@ const Scenario = ({
|
|
|
12752
12822
|
}));
|
|
12753
12823
|
};
|
|
12754
12824
|
|
|
12755
|
-
var css_248z$
|
|
12756
|
-
var styles$
|
|
12757
|
-
styleInject(css_248z$
|
|
12825
|
+
var css_248z$u = ".SusExplanation-module_sus_explanation__R3wVh{align-items:flex-start;background:var(--Color-Extended-Green-50,#f7fcf7);border:1px solid var(--Color-Extended-Green-200,#d5edd8);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;max-width:100%;padding:.75rem}";
|
|
12826
|
+
var styles$u = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12827
|
+
styleInject(css_248z$u);
|
|
12758
12828
|
|
|
12759
12829
|
const SusExplanation = ({
|
|
12760
12830
|
title,
|
|
12761
12831
|
description
|
|
12762
12832
|
}) => {
|
|
12763
12833
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12764
|
-
className: styles$
|
|
12834
|
+
className: styles$u.sus_explanation
|
|
12765
12835
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12766
12836
|
text: title ?? '',
|
|
12767
12837
|
weight: "bold"
|
|
@@ -12771,9 +12841,9 @@ const SusExplanation = ({
|
|
|
12771
12841
|
}));
|
|
12772
12842
|
};
|
|
12773
12843
|
|
|
12774
|
-
var css_248z$
|
|
12775
|
-
var styles$
|
|
12776
|
-
styleInject(css_248z$
|
|
12844
|
+
var css_248z$v = ".Task-modules_task_container__wr1TS{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_task_container__wr1TS .Task-modules_header__E5L5a{max-width:100%}.Task-modules_task_container__wr1TS .Task-modules_header__E5L5a .Task-modules_header_left__dKFvw{height:100%}.Task-modules_task_container__wr1TS .Task-modules_header__E5L5a .Task-modules_header_left__dKFvw:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:.5rem 0 0 .5rem}.Task-modules_task_container__wr1TS .Task-modules_header__E5L5a .Task-modules_header_right__FDtFs:hover{background:var(--color-neutral-clear-shades-150,#eee);border-radius:0 .5rem .5rem 0}.Task-modules_header__E5L5a{align-items:center;display:flex;height:100%;justify-content:space-between;max-width:100%;width:100%}.Task-modules_header_left_interviewer__ggecC{align-items:flex-start;cursor:pointer;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewer__ggecC .Task-modules_title__wxhL0{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_left_interviewee__Cc7bp{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;min-width:calc(100% - 3.5rem);padding:.3125rem .3125rem .3125rem .62rem;width:100%}.Task-modules_header_left_interviewee__Cc7bp .Task-modules_title__wxhL0{max-width:98%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Task-modules_header_right__FDtFs{align-items:center;background:var(--color-neutral-basics-white,#fff);border:none;border-left:1px solid var(--color-neutral-dark-shades-950,#26292e);border-radius:0 .5rem .5rem 0;display:flex;gap:.5rem;height:100%;justify-content:center;max-width:calc(100% - 3.5rem);padding:1.1rem .75rem}.Task-modules_header_right__FDtFs svg{fill:#000;height:1rem;width:1rem}.Task-modules_clickable__0blas{cursor:pointer}.Task-modules_disabled_task__X48wZ{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_disabled_task__X48wZ .Task-modules_header__E5L5a{max-width:100%;width:100%}.Task-modules_disabled_task__X48wZ .Task-modules_header__E5L5a .Task-modules_header_left__dKFvw{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5;width:100%}.Task-modules_disabled_task__X48wZ .Task-modules_header__E5L5a .Task-modules_header_right__FDtFs{border-color:var(--color-neutral-clear-shades-300,#d5d5d6);cursor:not-allowed;opacity:.5}.Task-modules_done_task__96o0g{align-items:flex-start;background:var(--Color-Extended-Green-100,#e8f5ea);border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);border-radius:.5rem;cursor:not-allowed;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_done_task__96o0g .Task-modules_header__E5L5a{max-width:100%;width:100%}.Task-modules_done_task__96o0g .Task-modules_header__E5L5a .Task-modules_header_left__dKFvw{border:1px solid var(--Color-Neutral-Dark-Shades-950,#26292e);cursor:not-allowed;width:100%}.Task-modules_done_task__96o0g .Task-modules_header__E5L5a .Task-modules_header_right__FDtFs{background:var(--Color-Extended-Green-200,#d5edd8);border-color:#26292e;cursor:not-allowed}.Task-modules_done_task__96o0g .Task-modules_header__E5L5a .Task-modules_header_right__FDtFs svg{fill:#000;height:1rem;width:1rem}.Task-modules_active_task__tTfPz{align-items:flex-start;background:var(--color-neutral-basics-white,#fff);border:1px solid #07f;border-radius:.5rem;display:flex;flex-direction:column;gap:.5rem;justify-content:center;max-width:100%;padding:0}.Task-modules_active_task__tTfPz .Task-modules_header__E5L5a{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);max-width:100%;width:100%}.Task-modules_active_task__tTfPz .Task-modules_header__E5L5a .Task-modules_header_left__dKFvw,.Task-modules_active_task__tTfPz .Task-modules_header__E5L5a .Task-modules_header_right__FDtFs{border-color:var(--color-neutral-clear-shades-300,#d5d5d6)}.Task-modules_taskContent__yGgn1{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;gap:.5rem;padding:.5rem .75rem .25rem}.Task-modules_taskContent__yGgn1 .Task-modules_urlButton__NDBdW{align-items:center;align-self:stretch;background:var(--Color-Primary-500,#07f);border:1px solid var(--Color-Primary-500,#07f);border-radius:8px;cursor:pointer;display:flex;gap:8px;height:36px;justify-content:center;margin-bottom:.5rem;padding:4px 16px}.Task-modules_taskContent__yGgn1 .Task-modules_urlButton__NDBdW p{color:#fafafa;font-family:var(--sdFontFamilyPoppins);font-size:var(--sdFontSizeBase);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150);margin:unset;max-width:90%;overflow:hidden;padding:.125rem 0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.Task-modules_taskContent__yGgn1 .Task-modules_urlButton__NDBdW:hover{background-color:#3392ff;border:1px solid #3392ff}.Task-modules_taskContent__yGgn1 .Task-modules_urlButton__NDBdW:active{background-color:#66adff;border:1px solid #66adff}.Task-modules_taskPopover__y6jVf{align-items:flex-start;display:flex;flex-direction:column;overflow:hidden;padding:.5rem .75rem .75rem}.Task-modules_taskPopover__y6jVf .Task-modules_urlButton__NDBdW{align-items:center;align-self:stretch;background:var(--Color-Primary-500,#07f);border:1px solid var(--Color-Primary-500,#07f);border-radius:8px;cursor:pointer;display:flex;gap:8px;height:36px;justify-content:center;margin-bottom:.5rem;margin-top:.5rem;padding:4px 16px}.Task-modules_taskPopover__y6jVf .Task-modules_urlButton__NDBdW:hover{background-color:#3392ff;border:1px solid #3392ff}.Task-modules_taskPopover__y6jVf .Task-modules_urlButton__NDBdW:active{background-color:#66adff;border:1px solid #66adff}.Task-modules_taskPopover__y6jVf .Task-modules_urlButton__NDBdW p{color:#fafafa;font-family:var(--sdFontFamilyPoppins);font-size:var(--sdFontSizeBase);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150);margin:unset;max-width:90%;overflow:hidden;padding:.125rem 0;text-align:left;text-overflow:ellipsis;white-space:nowrap}.Task-modules_notesContainer__yBLT7{align-items:flex-start;align-self:stretch;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);display:flex;flex-direction:column;gap:.25rem;padding-top:.5rem}.Task-modules_notesContainer__yBLT7 .Task-modules_link_text__Xgw6d{cursor:pointer!important}.Task-modules_actionBtnsContainer__HysFr{align-items:flex-start;align-self:stretch;display:flex;gap:.5rem;justify-content:flex-end;padding-top:8px}";
|
|
12845
|
+
var styles$v = {"task_container":"Task-modules_task_container__wr1TS","header":"Task-modules_header__E5L5a","header_left":"Task-modules_header_left__dKFvw","header_right":"Task-modules_header_right__FDtFs","header_left_interviewer":"Task-modules_header_left_interviewer__ggecC","title":"Task-modules_title__wxhL0","header_left_interviewee":"Task-modules_header_left_interviewee__Cc7bp","clickable":"Task-modules_clickable__0blas","disabled_task":"Task-modules_disabled_task__X48wZ","done_task":"Task-modules_done_task__96o0g","active_task":"Task-modules_active_task__tTfPz","taskContent":"Task-modules_taskContent__yGgn1","urlButton":"Task-modules_urlButton__NDBdW","taskPopover":"Task-modules_taskPopover__y6jVf","notesContainer":"Task-modules_notesContainer__yBLT7","link_text":"Task-modules_link_text__Xgw6d","actionBtnsContainer":"Task-modules_actionBtnsContainer__HysFr"};
|
|
12846
|
+
styleInject(css_248z$v);
|
|
12777
12847
|
|
|
12778
12848
|
const Task = ({
|
|
12779
12849
|
taskNumber,
|
|
@@ -12808,35 +12878,35 @@ const Task = ({
|
|
|
12808
12878
|
setOpen(true);
|
|
12809
12879
|
};
|
|
12810
12880
|
const getContainerStyle = () => {
|
|
12811
|
-
if (state === 'active') return styles$
|
|
12881
|
+
if (state === 'active') return styles$v.active_task;else if (state === 'disabled') return styles$v.disabled_task;else if (state === 'done') return styles$v.done_task;else return styles$v.task_container;
|
|
12812
12882
|
};
|
|
12813
12883
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12814
12884
|
if (state === 'active') return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12815
12885
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12816
12886
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12817
|
-
className: styles$
|
|
12887
|
+
className: styles$v.header
|
|
12818
12888
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12819
|
-
className: isInterviewer ? styles$
|
|
12889
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12820
12890
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12821
12891
|
text: taskNumber,
|
|
12822
12892
|
color: '#26292E',
|
|
12823
12893
|
size: "xs"
|
|
12824
12894
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12825
|
-
className: styles$
|
|
12895
|
+
className: styles$v.header_right
|
|
12826
12896
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, null))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
12827
|
-
className: styles$
|
|
12897
|
+
className: styles$v.taskContent
|
|
12828
12898
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12829
12899
|
text: taskTitle,
|
|
12830
12900
|
size: "sm",
|
|
12831
12901
|
weight: "bold"
|
|
12832
12902
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12833
|
-
className: styles$
|
|
12903
|
+
className: styles$v.urlButton,
|
|
12834
12904
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12835
12905
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12836
12906
|
fill: "#fafafa",
|
|
12837
12907
|
stroke: "#fafafa"
|
|
12838
12908
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12839
|
-
className: styles$
|
|
12909
|
+
className: styles$v.notesContainer
|
|
12840
12910
|
}, noteText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12841
12911
|
text: noteText,
|
|
12842
12912
|
size: "xs",
|
|
@@ -12845,13 +12915,13 @@ const Task = ({
|
|
|
12845
12915
|
text: notes,
|
|
12846
12916
|
size: "sm"
|
|
12847
12917
|
}))), areActionsDisplay && /*#__PURE__*/React__default.createElement("div", {
|
|
12848
|
-
className: styles$
|
|
12918
|
+
className: styles$v.taskContent
|
|
12849
12919
|
}, actionText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12850
12920
|
text: actionText,
|
|
12851
12921
|
size: "xs",
|
|
12852
12922
|
italic: true
|
|
12853
12923
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12854
|
-
className: styles$
|
|
12924
|
+
className: styles$v.actionBtnsContainer
|
|
12855
12925
|
}, action1 && iconAction1 && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
12856
12926
|
onClick: action1,
|
|
12857
12927
|
icon: iconAction1
|
|
@@ -12874,7 +12944,7 @@ const Task = ({
|
|
|
12874
12944
|
arrow: true,
|
|
12875
12945
|
placement: "left",
|
|
12876
12946
|
title: /*#__PURE__*/React__default.createElement("div", {
|
|
12877
|
-
className: styles$
|
|
12947
|
+
className: styles$v.taskPopover
|
|
12878
12948
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12879
12949
|
text: taskNumber,
|
|
12880
12950
|
color: '#64666A',
|
|
@@ -12883,15 +12953,15 @@ const Task = ({
|
|
|
12883
12953
|
text: taskTitle,
|
|
12884
12954
|
size: "sm",
|
|
12885
12955
|
weight: "bold",
|
|
12886
|
-
className: styles$
|
|
12956
|
+
className: styles$v.title
|
|
12887
12957
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12888
|
-
className: styles$
|
|
12958
|
+
className: styles$v.urlButton,
|
|
12889
12959
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12890
12960
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12891
12961
|
fill: "#fafafa",
|
|
12892
12962
|
stroke: "#fafafa"
|
|
12893
12963
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12894
|
-
className: styles$
|
|
12964
|
+
className: styles$v.notesContainer
|
|
12895
12965
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12896
12966
|
text: "Notes",
|
|
12897
12967
|
size: "xs",
|
|
@@ -12925,9 +12995,9 @@ const Task = ({
|
|
|
12925
12995
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12926
12996
|
ref: taskRef
|
|
12927
12997
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12928
|
-
className: styles$
|
|
12998
|
+
className: styles$v.header
|
|
12929
12999
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12930
|
-
className: isInterviewer ? styles$
|
|
13000
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12931
13001
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12932
13002
|
text: taskNumber,
|
|
12933
13003
|
color: '#64666A',
|
|
@@ -12936,9 +13006,9 @@ const Task = ({
|
|
|
12936
13006
|
text: taskTitle,
|
|
12937
13007
|
size: "sm",
|
|
12938
13008
|
weight: "bold",
|
|
12939
|
-
className: styles$
|
|
13009
|
+
className: styles$v.title
|
|
12940
13010
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12941
|
-
className: `${styles$
|
|
13011
|
+
className: `${styles$v.header_right} ${state === 'idle' && styles$v.clickable}`,
|
|
12942
13012
|
onClick: () => {
|
|
12943
13013
|
if (state === 'idle') {
|
|
12944
13014
|
sendTask(task);
|
|
@@ -12950,9 +13020,9 @@ const Task = ({
|
|
|
12950
13020
|
}, isDone ? /*#__PURE__*/React__default.createElement(CheckedIcon, null) : /*#__PURE__*/React__default.createElement(SendIcon, null))))));
|
|
12951
13021
|
};
|
|
12952
13022
|
|
|
12953
|
-
var css_248z$
|
|
12954
|
-
var styles$
|
|
12955
|
-
styleInject(css_248z$
|
|
13023
|
+
var css_248z$w = ".WelcomeMessage-modules_welcome_container__oKUiD{align-items:flex-start;align-self:stretch;background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-300,#9dd6a3);border-radius:.5rem;display:flex;flex-direction:column;padding:.5rem .75rem .75rem}.WelcomeMessage-modules_welcome_container__oKUiD .WelcomeMessage-modules_welcome_title__QRJ1P{border-bottom:1px solid var(--color-extended-green-300,#9dd6a3);margin-bottom:.5rem;padding-bottom:.35rem;width:100%}.WelcomeMessage-modules_welcome_container__oKUiD .WelcomeMessage-modules_welcome_description__YmSMU{font-family:Open Sans;font-size:.875rem;font-style:normal;font-weight:400;line-height:1.225rem}.WelcomeMessage-modules_welcome_container__oKUiD .WelcomeMessage-modules_welcome_description__YmSMU ol{letter-spacing:-.0019rem;margin:unset;margin-top:.5625rem;padding-inline-start:1.5rem}";
|
|
13024
|
+
var styles$w = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
13025
|
+
styleInject(css_248z$w);
|
|
12956
13026
|
|
|
12957
13027
|
const WelcomeMessage = ({
|
|
12958
13028
|
title,
|
|
@@ -12961,23 +13031,23 @@ const WelcomeMessage = ({
|
|
|
12961
13031
|
...props
|
|
12962
13032
|
}) => {
|
|
12963
13033
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12964
|
-
className: styles$
|
|
13034
|
+
className: styles$w.welcome_container
|
|
12965
13035
|
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
12966
13036
|
text: title,
|
|
12967
13037
|
weight: "bold",
|
|
12968
13038
|
size: "base",
|
|
12969
|
-
className: styles$
|
|
13039
|
+
className: styles$w.welcome_title
|
|
12970
13040
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12971
13041
|
dangerouslySetInnerHTML: {
|
|
12972
13042
|
__html: description
|
|
12973
13043
|
},
|
|
12974
|
-
className: styles$
|
|
13044
|
+
className: styles$w.welcome_description
|
|
12975
13045
|
}));
|
|
12976
13046
|
};
|
|
12977
13047
|
|
|
12978
|
-
var css_248z$
|
|
12979
|
-
var styles$
|
|
12980
|
-
styleInject(css_248z$
|
|
13048
|
+
var css_248z$x = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
13049
|
+
var styles$x = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
13050
|
+
styleInject(css_248z$x);
|
|
12981
13051
|
|
|
12982
13052
|
const partnersSVGs = {
|
|
12983
13053
|
'1': Partner1,
|
|
@@ -12996,7 +13066,7 @@ const LogoSlider = ({
|
|
|
12996
13066
|
}) => {
|
|
12997
13067
|
const partners = Object.keys(partnersSVGs);
|
|
12998
13068
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12999
|
-
className: styles$
|
|
13069
|
+
className: styles$x.logoSlider
|
|
13000
13070
|
}, /*#__PURE__*/React__default.createElement(Marquee, {
|
|
13001
13071
|
speed: 50
|
|
13002
13072
|
}, partners.map((partner, index) => {
|
|
@@ -13011,9 +13081,9 @@ const LogoSlider = ({
|
|
|
13011
13081
|
})));
|
|
13012
13082
|
};
|
|
13013
13083
|
|
|
13014
|
-
var css_248z$
|
|
13015
|
-
var styles$
|
|
13016
|
-
styleInject(css_248z$
|
|
13084
|
+
var css_248z$y = ".Modal-modules_modal__wWkXE .Modal-modules_modal_content__xou6n{align-items:space-between;background:#fff;background:var(--Color-Neutral-Basics-White,#fff);border:none;border-radius:.25rem;box-shadow:0 4px 12px 6px rgba(0,0,0,.08),0 4px 4px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;gap:1rem;height:100vh;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal__wWkXE .Modal-modules_modal_content__xou6n .Modal-modules_modal_header__FtF7q{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal__wWkXE .Modal-modules_modal_content__xou6n .Modal-modules_modal_buttons_container__BVSR2{display:flex;gap:.5rem;justify-content:flex-end;width:100%}.Modal-modules_modal_overlay__20aVL .Modal-modules_modal_content__xou6n{align-items:space-between;background:#fff;border:none;display:flex;flex-direction:column;gap:.5rem;height:auto;left:50%;padding:1rem;position:absolute;top:50%;transform:translate(-50%,-50%);z-index:1301}.Modal-modules_modal_overlay__20aVL .Modal-modules_modal_content__xou6n .Modal-modules_modal_header__FtF7q{align-items:center;display:flex;gap:.5rem;justify-content:space-between;width:100%}.Modal-modules_modal_overlay__20aVL .Modal-modules_modal_content__xou6n .Modal-modules_modal_buttons_container__BVSR2{display:flex;gap:.5rem;justify-content:flex-end;margin-top:.5rem;width:100%}";
|
|
13085
|
+
var styles$y = {"modal":"Modal-modules_modal__wWkXE","modal_content":"Modal-modules_modal_content__xou6n","modal_header":"Modal-modules_modal_header__FtF7q","modal_buttons_container":"Modal-modules_modal_buttons_container__BVSR2","modal_overlay":"Modal-modules_modal_overlay__20aVL"};
|
|
13086
|
+
styleInject(css_248z$y);
|
|
13017
13087
|
|
|
13018
13088
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
13019
13089
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -13052,20 +13122,20 @@ const Modal = ({
|
|
|
13052
13122
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
13053
13123
|
"aria-labelledby": "transition-modal-title",
|
|
13054
13124
|
"aria-describedby": "transition-modal-description",
|
|
13055
|
-
className: `${styles$
|
|
13125
|
+
className: `${styles$y.modal_overlay} ${className ?? ''}`,
|
|
13056
13126
|
open: open,
|
|
13057
13127
|
onClose: onClose,
|
|
13058
13128
|
closeAfterTransition: true
|
|
13059
13129
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
13060
13130
|
in: open
|
|
13061
13131
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13062
|
-
className: styles$
|
|
13132
|
+
className: styles$y.modal_content,
|
|
13063
13133
|
style: {
|
|
13064
13134
|
width: width ?? '21rem',
|
|
13065
13135
|
height: height ?? 'fit-content'
|
|
13066
13136
|
}
|
|
13067
13137
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13068
|
-
className: `${styles$
|
|
13138
|
+
className: `${styles$y.modal_header}`
|
|
13069
13139
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
13070
13140
|
text: title,
|
|
13071
13141
|
weight: "bold",
|
|
@@ -13077,7 +13147,7 @@ const Modal = ({
|
|
|
13077
13147
|
}),
|
|
13078
13148
|
onClick: () => onClose()
|
|
13079
13149
|
})), children, /*#__PURE__*/React__default.createElement("div", {
|
|
13080
|
-
className: styles$
|
|
13150
|
+
className: styles$y.modal_buttons_container
|
|
13081
13151
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
13082
13152
|
text: cancelText,
|
|
13083
13153
|
variant: cancelBtnVariant,
|
|
@@ -13091,19 +13161,19 @@ const Modal = ({
|
|
|
13091
13161
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
13092
13162
|
"aria-labelledby": "transition-modal-title",
|
|
13093
13163
|
"aria-describedby": "transition-modal-description",
|
|
13094
|
-
className: `${styles$
|
|
13164
|
+
className: `${styles$y.modal} ${className}`,
|
|
13095
13165
|
open: open,
|
|
13096
13166
|
onClose: onClose,
|
|
13097
13167
|
closeAfterTransition: true
|
|
13098
13168
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
13099
13169
|
in: open
|
|
13100
13170
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13101
|
-
className: styles$
|
|
13171
|
+
className: styles$y.modal_content,
|
|
13102
13172
|
style: {
|
|
13103
13173
|
width: width ?? '65rem'
|
|
13104
13174
|
}
|
|
13105
13175
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13106
|
-
className: `${styles$
|
|
13176
|
+
className: `${styles$y.modal_header}`
|
|
13107
13177
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
13108
13178
|
text: title,
|
|
13109
13179
|
weight: "semi-bold",
|
|
@@ -13115,7 +13185,7 @@ const Modal = ({
|
|
|
13115
13185
|
}),
|
|
13116
13186
|
onClick: () => onClose()
|
|
13117
13187
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React__default.createElement("div", {
|
|
13118
|
-
className: styles$
|
|
13188
|
+
className: styles$y.modal_buttons_container
|
|
13119
13189
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
13120
13190
|
text: cancelText,
|
|
13121
13191
|
variant: cancelBtnVariant,
|
|
@@ -13128,9 +13198,9 @@ const Modal = ({
|
|
|
13128
13198
|
}
|
|
13129
13199
|
};
|
|
13130
13200
|
|
|
13131
|
-
var css_248z$
|
|
13132
|
-
var styles$
|
|
13133
|
-
styleInject(css_248z$
|
|
13201
|
+
var css_248z$z = ".MultiSelect-modules_newAutocomplete__GJptd{min-width:16rem;width:100%}.MultiSelect-modules_newAutocomplete__GJptd label,.MultiSelect-modules_newAutocomplete__GJptd span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx{display:flex;gap:.5rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx svg{height:1rem;width:1rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX span{font-size:.75rem}.MultiSelect-modules_newAutocomplete__GJptd .MultiSelect-modules_tags_container__I6anX p{text-overflow:ellipsis;white-space:nowrap}.MultiSelect-modules_MuiOutlinedInput-root__4WRgB.MultiSelect-modules_MuiInputBase-root__WOhMS.MultiSelect-modules_MuiInputBase-formControl__wtzWK{align-items:center;display:flex;flex-direction:row}.MultiSelect-modules_no_scrollbar__6KlOa{-ms-overflow-style:none;scrollbar-width:none}.MultiSelect-modules_no_scrollbar__6KlOa::-webkit-scrollbar{display:none}.MultiSelect-modules_input_top_label__JajPb{margin-bottom:.625rem}.MultiSelect-modules_text_below__ukXBz{margin:.25rem .5rem .25rem .75rem}.MultiSelect-modules_icon__GcgOt{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
13202
|
+
var styles$z = {"newAutocomplete":"MultiSelect-modules_newAutocomplete__GJptd","MuiAutocomplete-endAdornment":"MultiSelect-modules_MuiAutocomplete-endAdornment__JB-Bx","tags_container":"MultiSelect-modules_tags_container__I6anX","MuiOutlinedInput-root":"MultiSelect-modules_MuiOutlinedInput-root__4WRgB","MuiInputBase-root":"MultiSelect-modules_MuiInputBase-root__WOhMS","MuiInputBase-formControl":"MultiSelect-modules_MuiInputBase-formControl__wtzWK","no_scrollbar":"MultiSelect-modules_no_scrollbar__6KlOa","input_top_label":"MultiSelect-modules_input_top_label__JajPb","text_below":"MultiSelect-modules_text_below__ukXBz","icon":"MultiSelect-modules_icon__GcgOt"};
|
|
13203
|
+
styleInject(css_248z$z);
|
|
13134
13204
|
|
|
13135
13205
|
const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13136
13206
|
const CssTextField$1 = /*#__PURE__*/styles$15.styled(TextField)({
|
|
@@ -13268,7 +13338,7 @@ const MultiSelect = ({
|
|
|
13268
13338
|
text: `${topLabel ? topLabel : ''}`,
|
|
13269
13339
|
weight: topLabelWeight || 'bold',
|
|
13270
13340
|
size: topLabelSize || 'base',
|
|
13271
|
-
className: styles$
|
|
13341
|
+
className: styles$z.input_top_label,
|
|
13272
13342
|
required: required
|
|
13273
13343
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
13274
13344
|
id: "tags-standard",
|
|
@@ -13312,7 +13382,7 @@ const MultiSelect = ({
|
|
|
13312
13382
|
})),
|
|
13313
13383
|
renderTags: value => {
|
|
13314
13384
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13315
|
-
className: `${styles$
|
|
13385
|
+
className: `${styles$z.tags_container} ${styles$z.no_scrollbar}`
|
|
13316
13386
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
|
|
13317
13387
|
text: option.label,
|
|
13318
13388
|
status: "idle",
|
|
@@ -13346,13 +13416,13 @@ const MultiSelect = ({
|
|
|
13346
13416
|
},
|
|
13347
13417
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13348
13418
|
fill: "black",
|
|
13349
|
-
className: `${styles$
|
|
13419
|
+
className: `${styles$z.icon}`
|
|
13350
13420
|
}),
|
|
13351
13421
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13352
13422
|
fill: "black",
|
|
13353
|
-
className: `${styles$
|
|
13423
|
+
className: `${styles$z.icon}`
|
|
13354
13424
|
}),
|
|
13355
|
-
className: `${styles$
|
|
13425
|
+
className: `${styles$z.newAutocomplete}`,
|
|
13356
13426
|
filterOptions: (options, params) => {
|
|
13357
13427
|
const filtered = filter(options, params);
|
|
13358
13428
|
const {
|
|
@@ -13373,18 +13443,18 @@ const MultiSelect = ({
|
|
|
13373
13443
|
color: "#F54C4C",
|
|
13374
13444
|
italic: true,
|
|
13375
13445
|
text: errorText,
|
|
13376
|
-
className: styles$
|
|
13446
|
+
className: styles$z.text_below
|
|
13377
13447
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13378
13448
|
size: "xs",
|
|
13379
13449
|
italic: true,
|
|
13380
13450
|
text: helperText,
|
|
13381
|
-
className: styles$
|
|
13451
|
+
className: styles$z.text_below
|
|
13382
13452
|
}));
|
|
13383
13453
|
};
|
|
13384
13454
|
|
|
13385
|
-
var css_248z$
|
|
13386
|
-
var styles$
|
|
13387
|
-
styleInject(css_248z$
|
|
13455
|
+
var css_248z$A = ".MultiSelectWithCategories-modules_newAutocomplete__JGeHK{min-width:16rem;width:100%}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK label,.MultiSelectWithCategories-modules_newAutocomplete__JGeHK span{font-family:Open Sans;font-size:.75rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc{display:flex;gap:.5rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc svg{height:1rem;width:1rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll{display:flex;flex-wrap:wrap;gap:.5rem;padding:0 .25rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll span{font-size:.75rem}.MultiSelectWithCategories-modules_newAutocomplete__JGeHK .MultiSelectWithCategories-modules_tags_container__n-vll p{text-overflow:ellipsis;white-space:nowrap}.MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU.MultiSelectWithCategories-modules_MuiInputBase-root__etzVA.MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx{align-items:center;display:flex;flex-direction:row}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj{-ms-overflow-style:none;scrollbar-width:none}.MultiSelectWithCategories-modules_no_scrollbar__VQJjj::-webkit-scrollbar{display:none}.MultiSelectWithCategories-modules_input_top_label__dKzMb{margin-bottom:.625rem}.MultiSelectWithCategories-modules_text_below__wt9uX{margin:.25rem .5rem .25rem .75rem}.MultiSelectWithCategories-modules_icon__CPcPb{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
13456
|
+
var styles$A = {"newAutocomplete":"MultiSelectWithCategories-modules_newAutocomplete__JGeHK","MuiAutocomplete-endAdornment":"MultiSelectWithCategories-modules_MuiAutocomplete-endAdornment__-DPXc","tags_container":"MultiSelectWithCategories-modules_tags_container__n-vll","MuiOutlinedInput-root":"MultiSelectWithCategories-modules_MuiOutlinedInput-root__bXzfU","MuiInputBase-root":"MultiSelectWithCategories-modules_MuiInputBase-root__etzVA","MuiInputBase-formControl":"MultiSelectWithCategories-modules_MuiInputBase-formControl__kcPdx","no_scrollbar":"MultiSelectWithCategories-modules_no_scrollbar__VQJjj","input_top_label":"MultiSelectWithCategories-modules_input_top_label__dKzMb","text_below":"MultiSelectWithCategories-modules_text_below__wt9uX","icon":"MultiSelectWithCategories-modules_icon__CPcPb"};
|
|
13457
|
+
styleInject(css_248z$A);
|
|
13388
13458
|
|
|
13389
13459
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13390
13460
|
const GroupHeader = /*#__PURE__*/styles$15.styled('div')(() => ({
|
|
@@ -13535,7 +13605,7 @@ const MultiSelectWithCategories = ({
|
|
|
13535
13605
|
text: `${topLabel ? topLabel : ''}`,
|
|
13536
13606
|
weight: topLabelWeight || 'bold',
|
|
13537
13607
|
size: topLabelSize || 'base',
|
|
13538
|
-
className: styles$
|
|
13608
|
+
className: styles$A.input_top_label,
|
|
13539
13609
|
required: required
|
|
13540
13610
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
13541
13611
|
id: "tags-standard",
|
|
@@ -13583,7 +13653,7 @@ const MultiSelectWithCategories = ({
|
|
|
13583
13653
|
})),
|
|
13584
13654
|
renderTags: value => {
|
|
13585
13655
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13586
|
-
className: `${styles$
|
|
13656
|
+
className: `${styles$A.tags_container} ${styles$A.no_scrollbar}`
|
|
13587
13657
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
|
|
13588
13658
|
text: option.label,
|
|
13589
13659
|
status: "idle",
|
|
@@ -13617,13 +13687,13 @@ const MultiSelectWithCategories = ({
|
|
|
13617
13687
|
},
|
|
13618
13688
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13619
13689
|
fill: "black",
|
|
13620
|
-
className: `${styles$
|
|
13690
|
+
className: `${styles$A.icon}`
|
|
13621
13691
|
}),
|
|
13622
13692
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13623
13693
|
fill: "black",
|
|
13624
|
-
className: `${styles$
|
|
13694
|
+
className: `${styles$A.icon}`
|
|
13625
13695
|
}),
|
|
13626
|
-
className: `${styles$
|
|
13696
|
+
className: `${styles$A.newAutocomplete}`,
|
|
13627
13697
|
filterOptions: (options, params) => {
|
|
13628
13698
|
const filtered = filter$1(options, params);
|
|
13629
13699
|
const {
|
|
@@ -13644,18 +13714,18 @@ const MultiSelectWithCategories = ({
|
|
|
13644
13714
|
color: "#F54C4C",
|
|
13645
13715
|
italic: true,
|
|
13646
13716
|
text: errorText,
|
|
13647
|
-
className: styles$
|
|
13717
|
+
className: styles$A.text_below
|
|
13648
13718
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13649
13719
|
size: "xs",
|
|
13650
13720
|
italic: true,
|
|
13651
13721
|
text: helperText,
|
|
13652
|
-
className: styles$
|
|
13722
|
+
className: styles$A.text_below
|
|
13653
13723
|
}));
|
|
13654
13724
|
};
|
|
13655
13725
|
|
|
13656
|
-
var css_248z$
|
|
13657
|
-
var styles$
|
|
13658
|
-
styleInject(css_248z$
|
|
13726
|
+
var css_248z$B = ".Banner-modules_notification_banner__tV-v1{align-items:flex-start;border-radius:.25rem;display:flex;flex-direction:column;gap:.5rem;max-width:87.5rem;padding:.5rem}.Banner-modules_notification_banner__tV-v1 h2,.Banner-modules_notification_banner__tV-v1 p{white-space:break-spaces}.Banner-modules_banner_content_info__ApkMw{white-space:break-spaces}.Banner-modules_banner_content_info__ApkMw,.Banner-modules_banner_content_info__ApkMw a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_info__ApkMw a{color:#004799}.Banner-modules_banner_content_error__k1sDz{white-space:break-spaces}.Banner-modules_banner_content_error__k1sDz,.Banner-modules_banner_content_error__k1sDz a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_error__k1sDz a{color:#98312e}.Banner-modules_banner_content_success__CvavL{white-space:break-spaces}.Banner-modules_banner_content_success__CvavL,.Banner-modules_banner_content_success__CvavL a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_success__CvavL a{color:#3c743d}.Banner-modules_banner_content_warning__Mxzue{white-space:break-spaces}.Banner-modules_banner_content_warning__Mxzue,.Banner-modules_banner_content_warning__Mxzue a{font-family:var(--sdFontFamilyOpenSans);font-size:.875rem;font-style:normal;font-weight:400;line-height:140%}.Banner-modules_banner_content_warning__Mxzue a{color:#9e7200}.Banner-modules_notification_banner_header__ec-aQ{align-items:center;display:flex;gap:.5rem;width:100%}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_btn_custom__eF82E{margin-left:auto}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_error__sgHt7:hover{background:#fbb7b7;border:1px solid #fbb7b7}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_error__sgHt7 svg{stroke:#98312e!important;fill:#98312e!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_warning__4PiRA:hover{background:#ffe299;border:1px solid #ffe299}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_warning__4PiRA svg{stroke:#9e7200!important;fill:#9e7200!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_success__KTGuR:hover{background:#d5edd8;border:1px solid #d5edd8}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_success__KTGuR svg{stroke:#3c743d!important;fill:#3c743d!important}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_info__noWvC:hover{background:#99c9ff;border:1px solid #99c9ff}.Banner-modules_notification_banner_header__ec-aQ .Banner-modules_icon_button_info__noWvC svg{stroke:#004799!important;fill:#004799!important}.Banner-modules_notification_banner_error__TrXvs{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c)}.Banner-modules_notification_banner_warning__2sBzi{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Banner-modules_notification_banner_info__0zAT4{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f)}.Banner-modules_notification_banner_success__wG4UQ{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65)}";
|
|
13727
|
+
var styles$B = {"notification_banner":"Banner-modules_notification_banner__tV-v1","banner_content_info":"Banner-modules_banner_content_info__ApkMw","banner_content_error":"Banner-modules_banner_content_error__k1sDz","banner_content_success":"Banner-modules_banner_content_success__CvavL","banner_content_warning":"Banner-modules_banner_content_warning__Mxzue","notification_banner_header":"Banner-modules_notification_banner_header__ec-aQ","icon_btn_custom":"Banner-modules_icon_btn_custom__eF82E","icon_button_error":"Banner-modules_icon_button_error__sgHt7","icon_button_warning":"Banner-modules_icon_button_warning__4PiRA","icon_button_success":"Banner-modules_icon_button_success__KTGuR","icon_button_info":"Banner-modules_icon_button_info__noWvC","notification_banner_error":"Banner-modules_notification_banner_error__TrXvs","notification_banner_warning":"Banner-modules_notification_banner_warning__2sBzi","notification_banner_info":"Banner-modules_notification_banner_info__0zAT4","notification_banner_success":"Banner-modules_notification_banner_success__wG4UQ"};
|
|
13728
|
+
styleInject(css_248z$B);
|
|
13659
13729
|
|
|
13660
13730
|
/**
|
|
13661
13731
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13710,41 +13780,41 @@ const Banner = ({
|
|
|
13710
13780
|
};
|
|
13711
13781
|
const getBannerColor = () => {
|
|
13712
13782
|
if (type === 'error') {
|
|
13713
|
-
return styles$
|
|
13783
|
+
return styles$B.notification_banner_error;
|
|
13714
13784
|
} else if (type === 'warning') {
|
|
13715
|
-
return styles$
|
|
13785
|
+
return styles$B.notification_banner_warning;
|
|
13716
13786
|
} else if (type === 'success') {
|
|
13717
|
-
return styles$
|
|
13787
|
+
return styles$B.notification_banner_success;
|
|
13718
13788
|
} else {
|
|
13719
|
-
return styles$
|
|
13789
|
+
return styles$B.notification_banner_info;
|
|
13720
13790
|
}
|
|
13721
13791
|
};
|
|
13722
13792
|
const getIconButtonColor = () => {
|
|
13723
13793
|
if (type === 'error') {
|
|
13724
|
-
return styles$
|
|
13794
|
+
return styles$B.icon_button_error;
|
|
13725
13795
|
} else if (type === 'warning') {
|
|
13726
|
-
return styles$
|
|
13796
|
+
return styles$B.icon_button_warning;
|
|
13727
13797
|
} else if (type === 'success') {
|
|
13728
|
-
return styles$
|
|
13798
|
+
return styles$B.icon_button_success;
|
|
13729
13799
|
} else {
|
|
13730
|
-
return styles$
|
|
13800
|
+
return styles$B.icon_button_info;
|
|
13731
13801
|
}
|
|
13732
13802
|
};
|
|
13733
13803
|
const getContentColor = () => {
|
|
13734
13804
|
if (type === 'error') {
|
|
13735
|
-
return styles$
|
|
13805
|
+
return styles$B.banner_content_error;
|
|
13736
13806
|
} else if (type === 'warning') {
|
|
13737
|
-
return styles$
|
|
13807
|
+
return styles$B.banner_content_warning;
|
|
13738
13808
|
} else if (type === 'success') {
|
|
13739
|
-
return styles$
|
|
13809
|
+
return styles$B.banner_content_success;
|
|
13740
13810
|
} else {
|
|
13741
|
-
return styles$
|
|
13811
|
+
return styles$B.banner_content_info;
|
|
13742
13812
|
}
|
|
13743
13813
|
};
|
|
13744
13814
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13745
|
-
className: `${styles$
|
|
13815
|
+
className: `${styles$B.notification_banner} ${getBannerColor()} ${className}`
|
|
13746
13816
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13747
|
-
className: styles$
|
|
13817
|
+
className: styles$B.notification_banner_header
|
|
13748
13818
|
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
13749
13819
|
text: title,
|
|
13750
13820
|
weight: "semi-bold",
|
|
@@ -13757,7 +13827,7 @@ const Banner = ({
|
|
|
13757
13827
|
},
|
|
13758
13828
|
size: "xs",
|
|
13759
13829
|
variant: "tertiary",
|
|
13760
|
-
className: `${styles$
|
|
13830
|
+
className: `${styles$B.icon_btn_custom} ${getIconButtonColor()}`
|
|
13761
13831
|
})), content && /*#__PURE__*/React__default.createElement("div", {
|
|
13762
13832
|
dangerouslySetInnerHTML: {
|
|
13763
13833
|
__html: content
|
|
@@ -13787,9 +13857,9 @@ const NotificationIcon = ({
|
|
|
13787
13857
|
});
|
|
13788
13858
|
};
|
|
13789
13859
|
|
|
13790
|
-
var css_248z$
|
|
13791
|
-
var styles$
|
|
13792
|
-
styleInject(css_248z$
|
|
13860
|
+
var css_248z$C = ".Toast-modules_notification_toast__SAYNK{align-items:center;animation:Toast-modules_moveleft__CTeAe .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__SAYNK .Toast-modules_notification_toast_content__XHELr{align-items:flex-end;display:flex;flex:1 0 0;flex-direction:row;gap:.625rem;padding:1rem}.Toast-modules_notification_toast__SAYNK .Toast-modules_notification_toast_content__XHELr .Toast-modules_toast_link__H6khs{white-space:nowrap}@keyframes Toast-modules_moveleft__CTeAe{to{transform:translateX(95%)}}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn__4eHPm{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__SAYNK .Toast-modules_close_toast_btn__4eHPm svg{fill:#fff;stroke:#fff;transform:rotate(45deg)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_error__Z5zeR{background:var(--color-extended-red-500,#f54c4c);border:1px solid var(--color-extended-red-500,#f54c4c)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_warning__jfHcI{background:var(--color-extended-yellow-500,#ffb800);border:1px solid var(--color-extended-yellow-500,#ffb800)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_info__GaN2Q{background:var(--color-primary-500,#07f);border:1px solid var(--color-primary-500,#07f)}.Toast-modules_notification_toast__SAYNK .Toast-modules_close_toast_btn_success__Izw0b{background:var(--color-extended-green-500,#5cbb65);border:1px solid var(--color-extended-green-500,#5cbb65)}.Toast-modules_notification_toast_error__hH-BD{background:var(--color-extended-red-100,#fddbdb);border:1px solid var(--color-extended-red-500,#f54c4c);border-radius:.5rem}.Toast-modules_notification_toast_warning__3i3WF{background:var(--color-extended-yellow-100,#fff3d6);border:1px solid var(--color-extended-yellow-500,#ffb800);border-radius:.5rem}.Toast-modules_notification_toast_info__4XL8x{background:var(--color-primary-100,#e5f1ff);border:1px solid var(--color-primary-500,#07f);border-radius:.5rem}.Toast-modules_notification_toast_success__-DAUI{background:var(--color-extended-green-100,#e8f5ea);border:1px solid var(--color-extended-green-500,#5cbb65);border-radius:.5rem}";
|
|
13861
|
+
var styles$C = {"notification_toast":"Toast-modules_notification_toast__SAYNK","moveleft":"Toast-modules_moveleft__CTeAe","notification_toast_content":"Toast-modules_notification_toast_content__XHELr","toast_link":"Toast-modules_toast_link__H6khs","close_toast_btn":"Toast-modules_close_toast_btn__4eHPm","close_toast_btn_error":"Toast-modules_close_toast_btn_error__Z5zeR","close_toast_btn_warning":"Toast-modules_close_toast_btn_warning__jfHcI","close_toast_btn_info":"Toast-modules_close_toast_btn_info__GaN2Q","close_toast_btn_success":"Toast-modules_close_toast_btn_success__Izw0b","notification_toast_error":"Toast-modules_notification_toast_error__hH-BD","notification_toast_warning":"Toast-modules_notification_toast_warning__3i3WF","notification_toast_info":"Toast-modules_notification_toast_info__4XL8x","notification_toast_success":"Toast-modules_notification_toast_success__-DAUI"};
|
|
13862
|
+
styleInject(css_248z$C);
|
|
13793
13863
|
|
|
13794
13864
|
/**
|
|
13795
13865
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13816,30 +13886,30 @@ const Toast = ({
|
|
|
13816
13886
|
};
|
|
13817
13887
|
const getCloseBtnStyleByType = () => {
|
|
13818
13888
|
if (type === 'error') {
|
|
13819
|
-
return styles$
|
|
13889
|
+
return styles$C.close_toast_btn_error;
|
|
13820
13890
|
} else if (type === 'warning') {
|
|
13821
|
-
return styles$
|
|
13891
|
+
return styles$C.close_toast_btn_warning;
|
|
13822
13892
|
} else if (type === 'success') {
|
|
13823
|
-
return styles$
|
|
13893
|
+
return styles$C.close_toast_btn_success;
|
|
13824
13894
|
} else {
|
|
13825
|
-
return styles$
|
|
13895
|
+
return styles$C.close_toast_btn_info;
|
|
13826
13896
|
}
|
|
13827
13897
|
};
|
|
13828
13898
|
const getToastStyleByType = () => {
|
|
13829
13899
|
if (type === 'error') {
|
|
13830
|
-
return styles$
|
|
13900
|
+
return styles$C.notification_toast_error;
|
|
13831
13901
|
} else if (type === 'warning') {
|
|
13832
|
-
return styles$
|
|
13902
|
+
return styles$C.notification_toast_warning;
|
|
13833
13903
|
} else if (type === 'success') {
|
|
13834
|
-
return styles$
|
|
13904
|
+
return styles$C.notification_toast_success;
|
|
13835
13905
|
} else {
|
|
13836
|
-
return styles$
|
|
13906
|
+
return styles$C.notification_toast_info;
|
|
13837
13907
|
}
|
|
13838
13908
|
};
|
|
13839
13909
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13840
|
-
className: `${styles$
|
|
13910
|
+
className: `${styles$C.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13841
13911
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13842
|
-
className: styles$
|
|
13912
|
+
className: styles$C.notification_toast_content
|
|
13843
13913
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
13844
13914
|
text: content,
|
|
13845
13915
|
weight: "regular",
|
|
@@ -13848,17 +13918,17 @@ const Toast = ({
|
|
|
13848
13918
|
}), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
|
|
13849
13919
|
text: textLink,
|
|
13850
13920
|
link: link,
|
|
13851
|
-
className: styles$
|
|
13921
|
+
className: styles$C.toast_link
|
|
13852
13922
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
13853
|
-
className: `${styles$
|
|
13923
|
+
className: `${styles$C.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13854
13924
|
onClick: () => {
|
|
13855
13925
|
}
|
|
13856
13926
|
}, /*#__PURE__*/React__default.createElement(AddIcon, null)));
|
|
13857
13927
|
};
|
|
13858
13928
|
|
|
13859
|
-
var css_248z$
|
|
13860
|
-
var styles$
|
|
13861
|
-
styleInject(css_248z$
|
|
13929
|
+
var css_248z$D = ".NumberField-module_input__VQ6QI{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%}.NumberField-module_input__VQ6QI 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.NumberField-module_input__VQ6QI{height:1rem}.NumberField-module_MuiInputBase-root-MuiOutlinedInput-root__gHqZk{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}.NumberField-module_input_top_label__kQUkQ{margin-bottom:.625rem}.NumberField-module_input__VQ6QI .NumberField-module_MuiInputBase-input__lLrc5{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.NumberField-module_text_below__TFudX{margin:.25rem .5rem .25rem .75rem}.NumberField-module_textSideInput__96LPe{margin-right:.3rem;white-space:nowrap}";
|
|
13930
|
+
var styles$D = {"input":"NumberField-module_input__VQ6QI","MuiInputBase-root-MuiOutlinedInput-root":"NumberField-module_MuiInputBase-root-MuiOutlinedInput-root__gHqZk","input_top_label":"NumberField-module_input_top_label__kQUkQ","MuiInputBase-input":"NumberField-module_MuiInputBase-input__lLrc5","text_below":"NumberField-module_text_below__TFudX","textSideInput":"NumberField-module_textSideInput__96LPe"};
|
|
13931
|
+
styleInject(css_248z$D);
|
|
13862
13932
|
|
|
13863
13933
|
const CssTextField$3 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
13864
13934
|
'& .MuiInputBase-input': {
|
|
@@ -13980,7 +14050,7 @@ const NumberField = props => {
|
|
|
13980
14050
|
}, rightIcon) : rightText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13981
14051
|
text: rightText,
|
|
13982
14052
|
weight: "bold",
|
|
13983
|
-
className: styles$
|
|
14053
|
+
className: styles$D.textSideInput,
|
|
13984
14054
|
size: "sm"
|
|
13985
14055
|
}) : undefined;
|
|
13986
14056
|
const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
|
|
@@ -13988,20 +14058,20 @@ const NumberField = props => {
|
|
|
13988
14058
|
}, leftIcon) : leftText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13989
14059
|
text: leftText,
|
|
13990
14060
|
weight: "bold",
|
|
13991
|
-
className: styles$
|
|
14061
|
+
className: styles$D.textSideInput,
|
|
13992
14062
|
size: "sm"
|
|
13993
14063
|
}) : undefined;
|
|
13994
14064
|
const InputLabelProps = label === undefined ? {
|
|
13995
14065
|
shrink: false
|
|
13996
14066
|
} : {};
|
|
13997
14067
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13998
|
-
className: `${className} ${styles$
|
|
14068
|
+
className: `${className} ${styles$D.input}`,
|
|
13999
14069
|
id: id
|
|
14000
14070
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14001
14071
|
text: `${topLabel ? topLabel : ''}`,
|
|
14002
14072
|
weight: topLabelWeight || 'bold',
|
|
14003
14073
|
size: topLabelSize || 'base',
|
|
14004
|
-
className: styles$
|
|
14074
|
+
className: styles$D.input_top_label,
|
|
14005
14075
|
required: required
|
|
14006
14076
|
}), /*#__PURE__*/React__default.createElement(CssTextField$3, {
|
|
14007
14077
|
fullWidth: true,
|
|
@@ -14044,18 +14114,18 @@ const NumberField = props => {
|
|
|
14044
14114
|
color: "#F54C4C",
|
|
14045
14115
|
italic: true,
|
|
14046
14116
|
text: errorText,
|
|
14047
|
-
className: styles$
|
|
14117
|
+
className: styles$D.text_below
|
|
14048
14118
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14049
14119
|
size: "xs",
|
|
14050
14120
|
italic: true,
|
|
14051
14121
|
text: helperText,
|
|
14052
|
-
className: styles$
|
|
14122
|
+
className: styles$D.text_below
|
|
14053
14123
|
}));
|
|
14054
14124
|
};
|
|
14055
14125
|
|
|
14056
|
-
var css_248z$
|
|
14057
|
-
var styles$
|
|
14058
|
-
styleInject(css_248z$
|
|
14126
|
+
var css_248z$E = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14127
|
+
var styles$E = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14128
|
+
styleInject(css_248z$E);
|
|
14059
14129
|
|
|
14060
14130
|
const CssTextField$4 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
14061
14131
|
'& .MuiInputBase-input': {
|
|
@@ -14208,7 +14278,7 @@ const NumberInput = ({
|
|
|
14208
14278
|
},
|
|
14209
14279
|
id: `NumberInput#${inputNumber}`,
|
|
14210
14280
|
placeholder: placeholder,
|
|
14211
|
-
className: `${styles$
|
|
14281
|
+
className: `${styles$E.input_number} ${className ?? ''}`
|
|
14212
14282
|
}, props));
|
|
14213
14283
|
};
|
|
14214
14284
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14238,13 +14308,13 @@ const NumbersCode = ({
|
|
|
14238
14308
|
}));
|
|
14239
14309
|
}
|
|
14240
14310
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14241
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14311
|
+
className: `${containerClassname ?? ''} ${styles$E.blockList}`
|
|
14242
14312
|
}, children);
|
|
14243
14313
|
};
|
|
14244
14314
|
|
|
14245
|
-
var css_248z$
|
|
14246
|
-
var styles$
|
|
14247
|
-
styleInject(css_248z$
|
|
14315
|
+
var css_248z$F = ".PasswordField-module_input__zG2dJ{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%}.PasswordField-module_input__zG2dJ 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.PasswordField-module_input__zG2dJ{height:1rem}.PasswordField-module_MuiInputBase-root-MuiOutlinedInput-root__MlLax{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}.PasswordField-module_input_top_label__HUxAt{margin-bottom:.625rem}.PasswordField-module_input__zG2dJ .PasswordField-module_MuiInputBase-input__P236X{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}.PasswordField-module_text_below__-CzFK{margin:.25rem .5rem .25rem .75rem}";
|
|
14316
|
+
var styles$F = {"input":"PasswordField-module_input__zG2dJ","MuiInputBase-root-MuiOutlinedInput-root":"PasswordField-module_MuiInputBase-root-MuiOutlinedInput-root__MlLax","input_top_label":"PasswordField-module_input_top_label__HUxAt","MuiInputBase-input":"PasswordField-module_MuiInputBase-input__P236X","text_below":"PasswordField-module_text_below__-CzFK"};
|
|
14317
|
+
styleInject(css_248z$F);
|
|
14248
14318
|
|
|
14249
14319
|
const CssTextField$5 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
14250
14320
|
'& .MuiInputBase-input': {
|
|
@@ -14376,13 +14446,13 @@ const PasswordField = props => {
|
|
|
14376
14446
|
shrink: false
|
|
14377
14447
|
} : {};
|
|
14378
14448
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14379
|
-
className: `${className} ${styles$
|
|
14449
|
+
className: `${className} ${styles$F.input}`,
|
|
14380
14450
|
id: id
|
|
14381
14451
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14382
14452
|
text: `${topLabel ? topLabel : ''}`,
|
|
14383
14453
|
weight: topLabelWeight || 'bold',
|
|
14384
14454
|
size: topLabelSize || 'base',
|
|
14385
|
-
className: styles$
|
|
14455
|
+
className: styles$F.input_top_label,
|
|
14386
14456
|
required: required
|
|
14387
14457
|
}), /*#__PURE__*/React__default.createElement(CssTextField$5, {
|
|
14388
14458
|
fullWidth: true,
|
|
@@ -14426,12 +14496,12 @@ const PasswordField = props => {
|
|
|
14426
14496
|
color: "#F54C4C",
|
|
14427
14497
|
italic: true,
|
|
14428
14498
|
text: errorText,
|
|
14429
|
-
className: styles$
|
|
14499
|
+
className: styles$F.text_below
|
|
14430
14500
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14431
14501
|
size: "xs",
|
|
14432
14502
|
italic: true,
|
|
14433
14503
|
text: helperText,
|
|
14434
|
-
className: styles$
|
|
14504
|
+
className: styles$F.text_below
|
|
14435
14505
|
}));
|
|
14436
14506
|
};
|
|
14437
14507
|
|
|
@@ -14512,9 +14582,9 @@ const PopoverBeta = ({
|
|
|
14512
14582
|
});
|
|
14513
14583
|
};
|
|
14514
14584
|
|
|
14515
|
-
var css_248z$
|
|
14516
|
-
var styles$
|
|
14517
|
-
styleInject(css_248z$
|
|
14585
|
+
var css_248z$G = ".PricingCard-module_pricingCard__fROTO{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__fROTO.PricingCard-module_dark__SzVpk{background:linear-gradient(180deg,#4b4e52,#26292e),linear-gradient(0deg,#00040a,#00040a)}.PricingCard-module_pricingCard__fROTO.PricingCard-module_highlighted__ImvM8{border:1px solid #07f;border-radius:0 0 .5rem .5rem;border-top:none}.PricingCard-module_pricingCard__fROTO.PricingCard-module_highlighted__ImvM8 .PricingCard-module_highlightMessage__bFwAe{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__fROTO .PricingCard-module_mainContent__t0fc0{display:flex;flex-direction:column;gap:1rem;padding:1.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_header_top__NhRN9{align-items:center;display:flex;gap:1rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_header_top__NhRN9 .PricingCard-module_tag__5fOms{align-items:center;background:var(--Color-Gradients-005,linear-gradient(180deg,#3392ff 0,#07f 100%));border-radius:.25rem;display:flex;gap:.25rem;height:1.25rem;padding:0 .375rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_header__uwPpu .PricingCard-module_description__SRkhD{min-height:4.8rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M{display:flex;flex-direction:column;margin-top:auto}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_lineThrough__0qlii{text-decoration:line-through}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_price__hO86a .PricingCard-module_amount__ifS46{align-items:center;display:flex;gap:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_pricing__QcG-M .PricingCard-module_interviews__rdAad{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o{display:flex;flex-direction:column;gap:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4{display:flex;flex-direction:column;gap:.15rem;list-style:none;margin:0;padding:0}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H{align-items:center;display:flex;gap:.5rem;margin-bottom:.5rem}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H .PricingCard-module_icon__wdQd-{fill:#5cbb65}.PricingCard-module_pricingCard__fROTO .PricingCard-module_mainContent__t0fc0 .PricingCard-module_features__SvM6o .PricingCard-module_featuresList__-5Lq4 .PricingCard-module_feature__G-g0H .PricingCard-module_tooltipButton__OMpP9{margin-left:auto}";
|
|
14586
|
+
var styles$G = {"pricingCard":"PricingCard-module_pricingCard__fROTO","dark":"PricingCard-module_dark__SzVpk","highlighted":"PricingCard-module_highlighted__ImvM8","highlightMessage":"PricingCard-module_highlightMessage__bFwAe","mainContent":"PricingCard-module_mainContent__t0fc0","header":"PricingCard-module_header__uwPpu","header_top":"PricingCard-module_header_top__NhRN9","tag":"PricingCard-module_tag__5fOms","description":"PricingCard-module_description__SRkhD","pricing":"PricingCard-module_pricing__QcG-M","lineThrough":"PricingCard-module_lineThrough__0qlii","price":"PricingCard-module_price__hO86a","amount":"PricingCard-module_amount__ifS46","interviews":"PricingCard-module_interviews__rdAad","features":"PricingCard-module_features__SvM6o","featuresList":"PricingCard-module_featuresList__-5Lq4","feature":"PricingCard-module_feature__G-g0H","icon":"PricingCard-module_icon__wdQd-","tooltipButton":"PricingCard-module_tooltipButton__OMpP9"};
|
|
14587
|
+
styleInject(css_248z$G);
|
|
14518
14588
|
|
|
14519
14589
|
const PricingCard = ({
|
|
14520
14590
|
cardInfo: {
|
|
@@ -14558,9 +14628,9 @@ const PricingCard = ({
|
|
|
14558
14628
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14559
14629
|
};
|
|
14560
14630
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14561
|
-
className: styles$
|
|
14631
|
+
className: styles$G.pricingCard + (isHighlighted ? ` ${styles$G.highlighted}` : '') + (isDark ? ` ${styles$G.dark}` : '') + (className ? ` ${className}` : '')
|
|
14562
14632
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
14563
|
-
className: styles$
|
|
14633
|
+
className: styles$G.highlightMessage
|
|
14564
14634
|
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
14565
14635
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14566
14636
|
width: "16",
|
|
@@ -14586,7 +14656,7 @@ const PricingCard = ({
|
|
|
14586
14656
|
text: highlightMessage,
|
|
14587
14657
|
color: "#fff"
|
|
14588
14658
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14589
|
-
className: styles$
|
|
14659
|
+
className: styles$G.mainContent
|
|
14590
14660
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14591
14661
|
style: {
|
|
14592
14662
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14594,44 +14664,44 @@ const PricingCard = ({
|
|
|
14594
14664
|
flexDirection: 'column'
|
|
14595
14665
|
}
|
|
14596
14666
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14597
|
-
className: styles$
|
|
14667
|
+
className: styles$G.header
|
|
14598
14668
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14599
|
-
className: styles$
|
|
14669
|
+
className: styles$G.header_top
|
|
14600
14670
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14601
14671
|
size: "xl",
|
|
14602
14672
|
weight: "bold",
|
|
14603
14673
|
text: title,
|
|
14604
14674
|
color: isDark ? '#fff' : ''
|
|
14605
14675
|
}), yourPlanText && /*#__PURE__*/React__default.createElement("div", {
|
|
14606
|
-
className: styles$
|
|
14676
|
+
className: styles$G.tag
|
|
14607
14677
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14608
14678
|
size: "xs",
|
|
14609
14679
|
text: yourPlanText,
|
|
14610
14680
|
color: colors.white
|
|
14611
14681
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14612
|
-
className: styles$
|
|
14682
|
+
className: styles$G.description
|
|
14613
14683
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14614
14684
|
size: "base",
|
|
14615
14685
|
weight: "semi-bold",
|
|
14616
14686
|
text: description,
|
|
14617
14687
|
color: isDark ? 'white' : ''
|
|
14618
14688
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14619
|
-
className: styles$
|
|
14689
|
+
className: styles$G.pricing
|
|
14620
14690
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14621
14691
|
size: "base",
|
|
14622
14692
|
weight: "bold",
|
|
14623
14693
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14624
14694
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14625
|
-
className: styles$
|
|
14695
|
+
className: styles$G.lineThrough
|
|
14626
14696
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14627
|
-
className: styles$
|
|
14697
|
+
className: styles$G.price
|
|
14628
14698
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Title, {
|
|
14629
14699
|
size: "xxl",
|
|
14630
14700
|
weight: "bold",
|
|
14631
14701
|
text: cmsContent.LetsTalk,
|
|
14632
14702
|
color: isDark ? '#fff' : ''
|
|
14633
14703
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
14634
|
-
className: styles$
|
|
14704
|
+
className: styles$G.amount
|
|
14635
14705
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14636
14706
|
size: "xxxl",
|
|
14637
14707
|
weight: "bold",
|
|
@@ -14647,7 +14717,7 @@ const PricingCard = ({
|
|
|
14647
14717
|
`,
|
|
14648
14718
|
color: isDark ? 'white' : colors.neutral_550
|
|
14649
14719
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14650
|
-
className: styles$
|
|
14720
|
+
className: styles$G.interviews
|
|
14651
14721
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14652
14722
|
size: "sm",
|
|
14653
14723
|
weight: "semi-bold",
|
|
@@ -14670,24 +14740,24 @@ const PricingCard = ({
|
|
|
14670
14740
|
text: buttonText[tier],
|
|
14671
14741
|
size: "base",
|
|
14672
14742
|
variant: buttonVariant[tier],
|
|
14673
|
-
className: styles$
|
|
14743
|
+
className: styles$G.button,
|
|
14674
14744
|
disabled: yourPlanText ? true : false,
|
|
14675
14745
|
customBackground: buttonBackgrounds[tier],
|
|
14676
14746
|
onClick: onClick
|
|
14677
14747
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14678
|
-
className: styles$
|
|
14748
|
+
className: styles$G.features
|
|
14679
14749
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14680
14750
|
size: "base",
|
|
14681
14751
|
weight: "semi-bold",
|
|
14682
14752
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14683
14753
|
color: isDark ? 'white' : ''
|
|
14684
14754
|
}), /*#__PURE__*/React__default.createElement("ul", {
|
|
14685
|
-
className: styles$
|
|
14755
|
+
className: styles$G.featuresList
|
|
14686
14756
|
}, featuresList.map((feature, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
14687
|
-
className: styles$
|
|
14757
|
+
className: styles$G.feature,
|
|
14688
14758
|
key: index
|
|
14689
14759
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
14690
|
-
className: styles$
|
|
14760
|
+
className: styles$G.icon
|
|
14691
14761
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14692
14762
|
size: "sm",
|
|
14693
14763
|
weight: "regular",
|
|
@@ -14702,13 +14772,13 @@ const PricingCard = ({
|
|
|
14702
14772
|
}),
|
|
14703
14773
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14704
14774
|
size: "xxs",
|
|
14705
|
-
className: styles$
|
|
14775
|
+
className: styles$G.tooltipButton
|
|
14706
14776
|
}))))))));
|
|
14707
14777
|
};
|
|
14708
14778
|
|
|
14709
|
-
var css_248z$
|
|
14710
|
-
var styles$
|
|
14711
|
-
styleInject(css_248z$
|
|
14779
|
+
var css_248z$H = ".Radio-module_radioBtnWrapper__iOwkT{align-items:center;display:flex;flex-direction:row}.Radio-module_radioBtnWrapper__iOwkT .Radio-module_MuiRadio-root__kYP8v{height:16px;width:16px}";
|
|
14780
|
+
var styles$H = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14781
|
+
styleInject(css_248z$H);
|
|
14712
14782
|
|
|
14713
14783
|
const BpIcon$1 = /*#__PURE__*/styles$15.styled('span')(() => ({
|
|
14714
14784
|
borderRadius: '50%',
|
|
@@ -14759,7 +14829,7 @@ const Radio = ({
|
|
|
14759
14829
|
className
|
|
14760
14830
|
}) => {
|
|
14761
14831
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14762
|
-
className: `${styles$
|
|
14832
|
+
className: `${styles$H.radioBtnWrapper} ${className}`
|
|
14763
14833
|
}, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14764
14834
|
text: leftLabel,
|
|
14765
14835
|
size: "sm"
|
|
@@ -14781,9 +14851,9 @@ const Radio = ({
|
|
|
14781
14851
|
}));
|
|
14782
14852
|
};
|
|
14783
14853
|
|
|
14784
|
-
var css_248z$
|
|
14785
|
-
var styles$
|
|
14786
|
-
styleInject(css_248z$
|
|
14854
|
+
var css_248z$I = ".RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE{width:100%}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE .RatingScale-module_radioGroup__svUeH{display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;width:100%}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_formControl__ulQfE .RatingScale-module_radioGroup__svUeH .RatingScale-module_radioContainer__Fk8Zt{display:flex;gap:.25rem}.RatingScale-module_ratingScale__ptjNR .RatingScale-module_ratingScaleText__jLdCm{display:flex;justify-content:space-between}";
|
|
14855
|
+
var styles$I = {"ratingScale":"RatingScale-module_ratingScale__ptjNR","formControl":"RatingScale-module_formControl__ulQfE","radioGroup":"RatingScale-module_radioGroup__svUeH","radioContainer":"RatingScale-module_radioContainer__Fk8Zt","ratingScaleText":"RatingScale-module_ratingScaleText__jLdCm"};
|
|
14856
|
+
styleInject(css_248z$I);
|
|
14787
14857
|
|
|
14788
14858
|
const RatingScale = props => {
|
|
14789
14859
|
const {
|
|
@@ -14805,19 +14875,19 @@ const RatingScale = props => {
|
|
|
14805
14875
|
otherProps
|
|
14806
14876
|
} = props;
|
|
14807
14877
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14808
|
-
className: styles$
|
|
14878
|
+
className: styles$I.ratingScale + ' ' + className
|
|
14809
14879
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14810
14880
|
text: `${topLabel ? topLabel : ''}`,
|
|
14811
14881
|
weight: topLabelWeight || 'bold',
|
|
14812
14882
|
size: topLabelSize || 'base',
|
|
14813
|
-
className: styles$
|
|
14883
|
+
className: styles$I.topLabel,
|
|
14814
14884
|
required: required
|
|
14815
14885
|
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
14816
14886
|
component: "fieldset",
|
|
14817
|
-
className: styles$
|
|
14887
|
+
className: styles$I.formControl,
|
|
14818
14888
|
error: error
|
|
14819
14889
|
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
14820
|
-
className: styles$
|
|
14890
|
+
className: styles$I.radioGroup,
|
|
14821
14891
|
"aria-label": "rating",
|
|
14822
14892
|
name: name,
|
|
14823
14893
|
value: value,
|
|
@@ -14832,17 +14902,17 @@ const RatingScale = props => {
|
|
|
14832
14902
|
checked: value === option,
|
|
14833
14903
|
disabled: disabled
|
|
14834
14904
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
14835
|
-
className: styles$
|
|
14905
|
+
className: styles$I.ratingScaleText
|
|
14836
14906
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14837
14907
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14838
14908
|
weight: 'regular',
|
|
14839
14909
|
size: 'sm',
|
|
14840
|
-
className: styles$
|
|
14910
|
+
className: styles$I.ratingScaleStartText
|
|
14841
14911
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14842
14912
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14843
14913
|
weight: 'regular',
|
|
14844
14914
|
size: 'sm',
|
|
14845
|
-
className: styles$
|
|
14915
|
+
className: styles$I.ratingScaleEndText
|
|
14846
14916
|
})) : null);
|
|
14847
14917
|
};
|
|
14848
14918
|
|
|
@@ -14868,9 +14938,9 @@ const Search = ({
|
|
|
14868
14938
|
});
|
|
14869
14939
|
};
|
|
14870
14940
|
|
|
14871
|
-
var css_248z$
|
|
14872
|
-
var styles$
|
|
14873
|
-
styleInject(css_248z$
|
|
14941
|
+
var css_248z$J = ".SingleSelect-modules_newAutocomplete__eqYQo{min-width:16rem;width:100%}.SingleSelect-modules_newAutocomplete__eqYQo label,.SingleSelect-modules_newAutocomplete__eqYQo span{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;letter-spacing:.03em;line-height:1.3;margin:unset;text-align:left}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU{display:flex;gap:.5rem;margin-top:-.35rem!important}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa{display:flex;flex-wrap:nowrap;gap:.5rem;max-width:90%;overflow:scroll;padding:0 .5rem}.SingleSelect-modules_newAutocomplete__eqYQo .SingleSelect-modules_tags-container__ohLVa p{text-overflow:ellipsis;white-space:nowrap}.SingleSelect-modules_input_top_label__duzAQ{margin-bottom:.625rem}.SingleSelect-modules_MuiOutlinedInput-root__bpVWQ.SingleSelect-modules_MuiInputBase-root__FVaHT.SingleSelect-modules_MuiInputBase-formControl__lYoNJ{align-items:center;display:flex;flex-direction:row}.SingleSelect-modules_text_below__6l3Mu{margin:.25rem .5rem .25rem .75rem}.SingleSelect-modules_icon__-dAuA{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
14942
|
+
var styles$J = {"newAutocomplete":"SingleSelect-modules_newAutocomplete__eqYQo","MuiAutocomplete-endAdornment":"SingleSelect-modules_MuiAutocomplete-endAdornment__8EaFU","tags-container":"SingleSelect-modules_tags-container__ohLVa","input_top_label":"SingleSelect-modules_input_top_label__duzAQ","MuiOutlinedInput-root":"SingleSelect-modules_MuiOutlinedInput-root__bpVWQ","MuiInputBase-root":"SingleSelect-modules_MuiInputBase-root__FVaHT","MuiInputBase-formControl":"SingleSelect-modules_MuiInputBase-formControl__lYoNJ","text_below":"SingleSelect-modules_text_below__6l3Mu","icon":"SingleSelect-modules_icon__-dAuA"};
|
|
14943
|
+
styleInject(css_248z$J);
|
|
14874
14944
|
|
|
14875
14945
|
const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
14876
14946
|
const CssTextField$6 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
@@ -14999,7 +15069,7 @@ const SingleSelect = ({
|
|
|
14999
15069
|
text: `${topLabel ? topLabel : ''}`,
|
|
15000
15070
|
weight: topLabelWeight || 'bold',
|
|
15001
15071
|
size: topLabelSize || 'base',
|
|
15002
|
-
className: styles$
|
|
15072
|
+
className: styles$J.input_top_label,
|
|
15003
15073
|
required: required
|
|
15004
15074
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
15005
15075
|
id: "tags-standard",
|
|
@@ -15042,13 +15112,13 @@ const SingleSelect = ({
|
|
|
15042
15112
|
})),
|
|
15043
15113
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
15044
15114
|
fill: "black",
|
|
15045
|
-
className: `${styles$
|
|
15115
|
+
className: `${styles$J.icon}`
|
|
15046
15116
|
}),
|
|
15047
15117
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
15048
15118
|
fill: "black",
|
|
15049
|
-
className: `${styles$
|
|
15119
|
+
className: `${styles$J.icon}`
|
|
15050
15120
|
}),
|
|
15051
|
-
className: `${styles$
|
|
15121
|
+
className: `${styles$J.newAutocomplete}`,
|
|
15052
15122
|
renderOption: (props, option) => {
|
|
15053
15123
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
15054
15124
|
key: option.value
|
|
@@ -15077,18 +15147,18 @@ const SingleSelect = ({
|
|
|
15077
15147
|
color: "#F54C4C",
|
|
15078
15148
|
italic: true,
|
|
15079
15149
|
text: errorText,
|
|
15080
|
-
className: styles$
|
|
15150
|
+
className: styles$J.text_below
|
|
15081
15151
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15082
15152
|
size: "xs",
|
|
15083
15153
|
italic: true,
|
|
15084
15154
|
text: helperText,
|
|
15085
|
-
className: styles$
|
|
15155
|
+
className: styles$J.text_below
|
|
15086
15156
|
}));
|
|
15087
15157
|
};
|
|
15088
15158
|
|
|
15089
|
-
var css_248z$
|
|
15090
|
-
var styles$
|
|
15091
|
-
styleInject(css_248z$
|
|
15159
|
+
var css_248z$K = ".StarRating-module_star_button__-Ow5-{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0}.StarRating-module_star_button__-Ow5- svg{height:1rem;width:1rem}.StarRating-module_on__BM-R7{color:#f9dc4d}.StarRating-module_off__FNhMc{color:transparent}.StarRating-module_star_rating__yHl4s{display:flex;flex-direction:row;gap:.5rem}";
|
|
15160
|
+
var styles$K = {"star_button":"StarRating-module_star_button__-Ow5-","on":"StarRating-module_on__BM-R7","off":"StarRating-module_off__FNhMc","star_rating":"StarRating-module_star_rating__yHl4s"};
|
|
15161
|
+
styleInject(css_248z$K);
|
|
15092
15162
|
|
|
15093
15163
|
const StarRating = ({
|
|
15094
15164
|
value,
|
|
@@ -15099,13 +15169,13 @@ const StarRating = ({
|
|
|
15099
15169
|
const [rating, setRating] = React.useState(value ?? 0);
|
|
15100
15170
|
const [hover, setHover] = React.useState(0);
|
|
15101
15171
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15102
|
-
className: styles$
|
|
15172
|
+
className: styles$K.star_rating
|
|
15103
15173
|
}, [...Array(5)].map((_star, index) => {
|
|
15104
15174
|
index += 1;
|
|
15105
15175
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
15106
15176
|
type: "button",
|
|
15107
15177
|
key: index,
|
|
15108
|
-
className: styles$
|
|
15178
|
+
className: styles$K.star_button,
|
|
15109
15179
|
onClick: () => {
|
|
15110
15180
|
setRating(index);
|
|
15111
15181
|
onClick(index);
|
|
@@ -15137,9 +15207,9 @@ const StarRating = ({
|
|
|
15137
15207
|
}));
|
|
15138
15208
|
};
|
|
15139
15209
|
|
|
15140
|
-
var css_248z$
|
|
15141
|
-
var styles$
|
|
15142
|
-
styleInject(css_248z$
|
|
15210
|
+
var css_248z$L = ".Switch-module_switchWrapper__GNSan{align-items:center;display:flex;gap:.5rem}.Switch-module_switchWrapper__GNSan span{margin:0}.Switch-module_disabled__JLXV5 span{cursor:not-allowed!important}";
|
|
15211
|
+
var styles$L = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15212
|
+
styleInject(css_248z$L);
|
|
15143
15213
|
|
|
15144
15214
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
15145
15215
|
'& .MuiSwitch-track': {
|
|
@@ -15171,7 +15241,7 @@ const Switch = ({
|
|
|
15171
15241
|
className
|
|
15172
15242
|
}) => {
|
|
15173
15243
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15174
|
-
className: `${styles$
|
|
15244
|
+
className: `${styles$L.switchWrapper} ${disabled && styles$L.disabled}${className}`
|
|
15175
15245
|
}, label && /*#__PURE__*/React__default.createElement(Title, {
|
|
15176
15246
|
text: label,
|
|
15177
15247
|
weight: "bold",
|
|
@@ -15188,9 +15258,9 @@ const Switch = ({
|
|
|
15188
15258
|
}));
|
|
15189
15259
|
};
|
|
15190
15260
|
|
|
15191
|
-
var css_248z$
|
|
15192
|
-
var styles$
|
|
15193
|
-
styleInject(css_248z$
|
|
15261
|
+
var css_248z$M = ".TableFooter-modules_footer__xY8qA{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__xY8qA .TableFooter-modules_footer_content__HBLdL{align-items:center;display:flex;flex:1 0 0;gap:.75rem;height:2.75rem;justify-content:space-between;padding:.5rem}.TableFooter-modules_footer__xY8qA .TableFooter-modules_footer_content__HBLdL .TableFooter-modules_footerText__sSKP2{text-align:center;width:100%}.TableFooter-modules_footer__xY8qA .TableFooter-modules_footer_content__HBLdL .TableFooter-modules_actionsBtn__i5BX4{margin-left:auto}.TableFooter-modules_popoverContent__G2W8b{display:flex;flex-direction:column;padding:.25rem}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex-direction:row;gap:.5rem;padding:.25rem}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t a{text-decoration:none}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t:hover{background:#eee}.TableFooter-modules_popoverContent__G2W8b .TableFooter-modules_item__eS31t svg{height:1rem;width:1rem}";
|
|
15262
|
+
var styles$M = {"footer":"TableFooter-modules_footer__xY8qA","footer_content":"TableFooter-modules_footer_content__HBLdL","footerText":"TableFooter-modules_footerText__sSKP2","actionsBtn":"TableFooter-modules_actionsBtn__i5BX4","popoverContent":"TableFooter-modules_popoverContent__G2W8b","item":"TableFooter-modules_item__eS31t"};
|
|
15263
|
+
styleInject(css_248z$M);
|
|
15194
15264
|
|
|
15195
15265
|
const TableFooter = ({
|
|
15196
15266
|
footerText,
|
|
@@ -15199,26 +15269,26 @@ const TableFooter = ({
|
|
|
15199
15269
|
footerAction
|
|
15200
15270
|
}) => {
|
|
15201
15271
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15202
|
-
className: `${styles$
|
|
15272
|
+
className: `${styles$M.footer} ${footerClassName && footerClassName}`
|
|
15203
15273
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15204
|
-
className: `${styles$
|
|
15274
|
+
className: `${styles$M.footer_content}`
|
|
15205
15275
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15206
15276
|
size: "sm",
|
|
15207
15277
|
text: footerText,
|
|
15208
15278
|
color: colors.neutral_600,
|
|
15209
|
-
className: styles$
|
|
15279
|
+
className: styles$M.footerText
|
|
15210
15280
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
15211
15281
|
icon: footerIconRight,
|
|
15212
15282
|
variant: "tertiary",
|
|
15213
15283
|
onClick: footerAction,
|
|
15214
|
-
className: styles$
|
|
15284
|
+
className: styles$M.actionsBtn,
|
|
15215
15285
|
size: "xs"
|
|
15216
15286
|
}))));
|
|
15217
15287
|
};
|
|
15218
15288
|
|
|
15219
|
-
var css_248z$
|
|
15220
|
-
var styles$
|
|
15221
|
-
styleInject(css_248z$
|
|
15289
|
+
var css_248z$N = ".header-modules_table_header__L2DwU{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__L2DwU .header-modules_header_cell__JQcrU{align-items:center;display:flex;flex-shrink:0;gap:.75rem;padding:.25rem .5rem}.header-modules_table_header__L2DwU .header-modules_header_cell__JQcrU svg{fill:#000;height:.75rem;width:.75rem}";
|
|
15290
|
+
var styles$N = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15291
|
+
styleInject(css_248z$N);
|
|
15222
15292
|
|
|
15223
15293
|
const TableHeader$1 = ({
|
|
15224
15294
|
headers,
|
|
@@ -15228,7 +15298,7 @@ const TableHeader$1 = ({
|
|
|
15228
15298
|
selectAll
|
|
15229
15299
|
}) => {
|
|
15230
15300
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15231
|
-
className: `${styles$
|
|
15301
|
+
className: `${styles$N.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15232
15302
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
15233
15303
|
checked: areAllSelected,
|
|
15234
15304
|
onChange: () => selectAll()
|
|
@@ -15259,7 +15329,7 @@ const TableHeader$1 = ({
|
|
|
15259
15329
|
style: {
|
|
15260
15330
|
flex: header.flexWidth ?? 1
|
|
15261
15331
|
},
|
|
15262
|
-
className: styles$
|
|
15332
|
+
className: styles$N.header_cell
|
|
15263
15333
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15264
15334
|
text: header.name,
|
|
15265
15335
|
weight: header.weight,
|
|
@@ -15268,14 +15338,14 @@ const TableHeader$1 = ({
|
|
|
15268
15338
|
}), header.icon && header.icon)));
|
|
15269
15339
|
};
|
|
15270
15340
|
|
|
15271
|
-
var css_248z$
|
|
15272
|
-
var styles$
|
|
15273
|
-
styleInject(css_248z$N);
|
|
15274
|
-
|
|
15275
|
-
var css_248z$O = ".table-cell-modules_cell__zEGFZ{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__zEGFZ p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
15276
|
-
var styles$O = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15341
|
+
var css_248z$O = ".rows-modules_rows__hlE0W{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;max-height:65vh;overflow-y:scroll;width:100%}.rows-modules_rows__hlE0W .rows-modules_row__4ez-4{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__hlE0W .rows-modules_row__4ez-4:hover{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.rows-modules_rows__hlE0W .rows-modules_firstRow__TK4Su{border-radius:.25rem .25rem 0 0;border-top:1px solid var(--color-neutral-clear-shades-300,#d5d5d6)}.rows-modules_rows__hlE0W .rows-modules_lastRow__fZai8{border-bottom:1px solid var(--color-neutral-clear-shades-300,#d5d5d6);border-radius:0 0 .25rem .25rem}";
|
|
15342
|
+
var styles$O = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
15277
15343
|
styleInject(css_248z$O);
|
|
15278
15344
|
|
|
15345
|
+
var css_248z$P = ".table-cell-modules_cell__zEGFZ{align-items:center;display:flex;gap:.75rem;min-width:5rem;padding:.5rem}.table-cell-modules_cell__zEGFZ p{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}";
|
|
15346
|
+
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15347
|
+
styleInject(css_248z$P);
|
|
15348
|
+
|
|
15279
15349
|
const TableCell = ({
|
|
15280
15350
|
text,
|
|
15281
15351
|
weight = 'regular',
|
|
@@ -15286,7 +15356,7 @@ const TableCell = ({
|
|
|
15286
15356
|
select
|
|
15287
15357
|
}) => {
|
|
15288
15358
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15289
|
-
className: `${styles$
|
|
15359
|
+
className: `${styles$P.cell} ${className && className}`,
|
|
15290
15360
|
style: {
|
|
15291
15361
|
flex: flexWidth
|
|
15292
15362
|
}
|
|
@@ -15311,14 +15381,14 @@ const TableRows = ({
|
|
|
15311
15381
|
}) => {
|
|
15312
15382
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15313
15383
|
id: id,
|
|
15314
|
-
className: `${styles$
|
|
15384
|
+
className: `${styles$O.rows} ${rowsClassName}`
|
|
15315
15385
|
}, rows.map((row, index) => {
|
|
15316
|
-
let rowClassName = `${styles$
|
|
15386
|
+
let rowClassName = `${styles$O.row} ${row.className}`;
|
|
15317
15387
|
// Add first and last row classes
|
|
15318
15388
|
if (index === 0) {
|
|
15319
|
-
rowClassName += ` ${styles$
|
|
15389
|
+
rowClassName += ` ${styles$O.firstRow}`;
|
|
15320
15390
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15321
|
-
rowClassName += ` ${styles$
|
|
15391
|
+
rowClassName += ` ${styles$O.lastRow}`;
|
|
15322
15392
|
}
|
|
15323
15393
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15324
15394
|
key: `row-${index}`,
|
|
@@ -15341,9 +15411,9 @@ const TableRows = ({
|
|
|
15341
15411
|
}));
|
|
15342
15412
|
};
|
|
15343
15413
|
|
|
15344
|
-
var css_248z$
|
|
15345
|
-
var styles$
|
|
15346
|
-
styleInject(css_248z$
|
|
15414
|
+
var css_248z$Q = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15415
|
+
var styles$Q = {"table":"Table-modules_table__ddiph"};
|
|
15416
|
+
styleInject(css_248z$Q);
|
|
15347
15417
|
|
|
15348
15418
|
/**
|
|
15349
15419
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15365,7 +15435,7 @@ const Table = ({
|
|
|
15365
15435
|
selectAll
|
|
15366
15436
|
}) => {
|
|
15367
15437
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15368
|
-
className: `${styles$
|
|
15438
|
+
className: `${styles$Q.table} ${className}`
|
|
15369
15439
|
}, /*#__PURE__*/React__default.createElement(TableHeader$1, {
|
|
15370
15440
|
headers: headers,
|
|
15371
15441
|
isSelectable: isSelectable,
|
|
@@ -15386,9 +15456,9 @@ const Table = ({
|
|
|
15386
15456
|
}));
|
|
15387
15457
|
};
|
|
15388
15458
|
|
|
15389
|
-
var css_248z$
|
|
15390
|
-
var styles$
|
|
15391
|
-
styleInject(css_248z$
|
|
15459
|
+
var css_248z$R = ".tabs-modules_new_tabs__rM5Ag{height:100%}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj{background:var(--color-neutral-clear-shades-150,#eee);border-radius:4px;width:-moz-fit-content;width:fit-content}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7{border:none;height:2.375rem;max-height:2.375rem;min-height:2px}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-flexContainer__C1OSY{border:none;gap:.5rem;height:2.375rem;max-height:2.375rem;min-height:2px;padding:.25rem}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-flexContainer__C1OSY .tabs-modules_MuiTab-root__P-igo{text-transform:none}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj .tabs-modules_MuiTabs-scroller__5-WR7 .tabs-modules_MuiTabs-indicator__EdcNx{background:#fff;border-radius:4px;bottom:.25rem;height:1.875rem}.tabs-modules_new_tabs__rM5Ag .tabs-modules_MuiTabs-root__Oktdj button{background:transparent;border:none;color:#000;font-family:Open Sans;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__rM5Ag .tabs-modules_MuiTabs-root__Oktdj button.tabs-modules_Mui-selected__FGx18{background:transparent;border:none;border-radius:4px;color:#000;min-height:0;min-width:0}";
|
|
15460
|
+
var styles$R = {"new_tabs":"tabs-modules_new_tabs__rM5Ag","MuiTabs-root":"tabs-modules_MuiTabs-root__Oktdj","MuiTabs-scroller":"tabs-modules_MuiTabs-scroller__5-WR7","MuiTabs-flexContainer":"tabs-modules_MuiTabs-flexContainer__C1OSY","MuiTab-root":"tabs-modules_MuiTab-root__P-igo","MuiTabs-indicator":"tabs-modules_MuiTabs-indicator__EdcNx","Mui-selected":"tabs-modules_Mui-selected__FGx18"};
|
|
15461
|
+
styleInject(css_248z$R);
|
|
15392
15462
|
|
|
15393
15463
|
const TabPanel = ({
|
|
15394
15464
|
value,
|
|
@@ -15419,7 +15489,7 @@ const Tabs = ({
|
|
|
15419
15489
|
if (onSelect) onSelect(newValue);
|
|
15420
15490
|
};
|
|
15421
15491
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15422
|
-
className: styles$
|
|
15492
|
+
className: styles$R.new_tabs
|
|
15423
15493
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
15424
15494
|
value: value,
|
|
15425
15495
|
onChange: handleChange,
|
|
@@ -15451,9 +15521,9 @@ const Tabs = ({
|
|
|
15451
15521
|
}, tab.component)));
|
|
15452
15522
|
};
|
|
15453
15523
|
|
|
15454
|
-
var css_248z$
|
|
15455
|
-
var styles$
|
|
15456
|
-
styleInject(css_248z$
|
|
15524
|
+
var css_248z$S = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ:hover{background:transparent!important}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41:hover{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_selected__TEz63{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label__GFbid{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;display:flex;gap:.5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41 h2{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}";
|
|
15525
|
+
var styles$S = {"tabFilled":"tabsUnderline-modules_tabFilled__q0pA5","tabs_root":"tabsUnderline-modules_tabs_root__zTVoo","tab_label":"tabsUnderline-modules_tab_label__GFbid","tab_label_disabled":"tabsUnderline-modules_tab_label_disabled__Rj1WZ","tab_label_content":"tabsUnderline-modules_tab_label_content__5PJ41","selected":"tabsUnderline-modules_selected__TEz63","withArrowContainer":"tabsUnderline-modules_withArrowContainer__FWn-8","tab_label_replacement":"tabsUnderline-modules_tab_label_replacement__M5jfE","disabled":"tabsUnderline-modules_disabled__rw5Fb","tab_label_icon":"tabsUnderline-modules_tab_label_icon__PugYp","tab_label_replacement_icon":"tabsUnderline-modules_tab_label_replacement_icon__-48i3","tabbar":"tabsUnderline-modules_tabbar__72OLJ"};
|
|
15526
|
+
styleInject(css_248z$S);
|
|
15457
15527
|
|
|
15458
15528
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15459
15529
|
const TabsUnderline = ({
|
|
@@ -15480,11 +15550,11 @@ const TabsUnderline = ({
|
|
|
15480
15550
|
}, [defaultValue]);
|
|
15481
15551
|
console.log('value', value);
|
|
15482
15552
|
if (type === 'underline') return /*#__PURE__*/React__default.createElement("div", {
|
|
15483
|
-
className: `${styles$
|
|
15553
|
+
className: `${styles$S.tabbar} ${className && className}`
|
|
15484
15554
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15485
15555
|
value: value,
|
|
15486
15556
|
onChange: onClickTab,
|
|
15487
|
-
className: styles$
|
|
15557
|
+
className: styles$S.tabs_root,
|
|
15488
15558
|
variant: "scrollable",
|
|
15489
15559
|
orientation: "horizontal",
|
|
15490
15560
|
visibleScrollbar: false,
|
|
@@ -15499,14 +15569,14 @@ const TabsUnderline = ({
|
|
|
15499
15569
|
}, tabs.map((item, index) => {
|
|
15500
15570
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15501
15571
|
key: `tab#${index}`,
|
|
15502
|
-
className: !isArrowIconDisplay ? styles$
|
|
15572
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15503
15573
|
disabled: item.disabled ?? false,
|
|
15504
15574
|
disableRipple: true,
|
|
15505
15575
|
sx: {
|
|
15506
15576
|
textTransform: 'none'
|
|
15507
15577
|
},
|
|
15508
15578
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15509
|
-
className: `${styles$
|
|
15579
|
+
className: `${styles$S.tab_label_content} ${value === index ? styles$S.selected : ''}`,
|
|
15510
15580
|
id: item.id,
|
|
15511
15581
|
onClick: e => onClickTab(e, index)
|
|
15512
15582
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -15522,11 +15592,11 @@ const TabsUnderline = ({
|
|
|
15522
15592
|
});
|
|
15523
15593
|
if (item.disabled) {
|
|
15524
15594
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15525
|
-
className: `${styles$
|
|
15595
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15526
15596
|
id: item.id
|
|
15527
15597
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15528
15598
|
key: `tab#${index}`,
|
|
15529
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15599
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15530
15600
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15531
15601
|
size: "base",
|
|
15532
15602
|
text: item.label,
|
|
@@ -15552,11 +15622,11 @@ const TabsUnderline = ({
|
|
|
15552
15622
|
alignItems: 'center',
|
|
15553
15623
|
justifyContent: 'center'
|
|
15554
15624
|
},
|
|
15555
|
-
className: `${styles$
|
|
15625
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15556
15626
|
onClick: e => onClickTab(e, index)
|
|
15557
15627
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15558
15628
|
key: `tab#${index}`,
|
|
15559
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15629
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15560
15630
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15561
15631
|
size: "base",
|
|
15562
15632
|
text: item.label,
|
|
@@ -15577,18 +15647,18 @@ const TabsUnderline = ({
|
|
|
15577
15647
|
}, renderTab);
|
|
15578
15648
|
}
|
|
15579
15649
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15580
|
-
className: styles$
|
|
15650
|
+
className: styles$S.withArrowContainer,
|
|
15581
15651
|
onClick: e => onClickTab(e, index)
|
|
15582
15652
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15583
15653
|
fill: colors.neutral_550,
|
|
15584
15654
|
stroke: colors.neutral_550
|
|
15585
15655
|
}));else return renderTab;
|
|
15586
15656
|
})));else if (type === 'filled') return /*#__PURE__*/React__default.createElement("div", {
|
|
15587
|
-
className: `${styles$
|
|
15657
|
+
className: `${styles$S.tabFilled} ${className && className}`
|
|
15588
15658
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15589
15659
|
value: value,
|
|
15590
15660
|
onChange: onClickTab,
|
|
15591
|
-
className: styles$
|
|
15661
|
+
className: styles$S.tabs_root,
|
|
15592
15662
|
variant: "scrollable",
|
|
15593
15663
|
orientation: "horizontal",
|
|
15594
15664
|
visibleScrollbar: false,
|
|
@@ -15600,14 +15670,14 @@ const TabsUnderline = ({
|
|
|
15600
15670
|
}, tabs.map((item, index) => {
|
|
15601
15671
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15602
15672
|
key: `tab#${index}`,
|
|
15603
|
-
className: !isArrowIconDisplay ? styles$
|
|
15673
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15604
15674
|
disabled: item.disabled ?? false,
|
|
15605
15675
|
disableRipple: true,
|
|
15606
15676
|
sx: {
|
|
15607
15677
|
textTransform: 'none'
|
|
15608
15678
|
},
|
|
15609
15679
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15610
|
-
className: `${styles$
|
|
15680
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''} ${value === index ? styles$S.selected : ''}`,
|
|
15611
15681
|
id: item.id
|
|
15612
15682
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15613
15683
|
text: item.label,
|
|
@@ -15621,11 +15691,11 @@ const TabsUnderline = ({
|
|
|
15621
15691
|
});
|
|
15622
15692
|
if (item.disabled) {
|
|
15623
15693
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15624
|
-
className: `${styles$
|
|
15694
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`,
|
|
15625
15695
|
id: item.id
|
|
15626
15696
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15627
15697
|
key: `tab#${index}`,
|
|
15628
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15698
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15629
15699
|
size: "base",
|
|
15630
15700
|
text: item.label,
|
|
15631
15701
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15650,10 +15720,10 @@ const TabsUnderline = ({
|
|
|
15650
15720
|
alignItems: 'center',
|
|
15651
15721
|
justifyContent: 'center'
|
|
15652
15722
|
},
|
|
15653
|
-
className: `${styles$
|
|
15723
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`
|
|
15654
15724
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15655
15725
|
key: `tab#${index}`,
|
|
15656
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15726
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15657
15727
|
size: "base",
|
|
15658
15728
|
text: item.label,
|
|
15659
15729
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15673,7 +15743,7 @@ const TabsUnderline = ({
|
|
|
15673
15743
|
}, renderTab);
|
|
15674
15744
|
}
|
|
15675
15745
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15676
|
-
className: styles$
|
|
15746
|
+
className: styles$S.withArrowContainer,
|
|
15677
15747
|
onClick: e => onClickTab(e, index)
|
|
15678
15748
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15679
15749
|
fill: colors.neutral_550,
|
|
@@ -15682,9 +15752,9 @@ const TabsUnderline = ({
|
|
|
15682
15752
|
})));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15683
15753
|
};
|
|
15684
15754
|
|
|
15685
|
-
var css_248z$
|
|
15686
|
-
var styles$
|
|
15687
|
-
styleInject(css_248z$
|
|
15755
|
+
var css_248z$T = ".Tag-modules_tag__sYiD6{align-items:center;border-radius:.25rem;display:flex;gap:.25rem;padding:0 .375rem;width:-moz-fit-content;width:fit-content}.Tag-modules_tag__sYiD6 p{max-width:95%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap!important;width:100%}.Tag-modules_tag_idle__ym-G7{background:var(--color-neutral-dark-shades-600,#717376)}.Tag-modules_tag_idle__ym-G7 svg{stroke:#fff!important;fill:#fff!important}.Tag-modules_tag_info__Q6-WL{background:var(--color-primary-100,#e5f1ff)}.Tag-modules_tag_info__Q6-WL svg{stroke:#004799!important;fill:#004799!important}.Tag-modules_tag_violet__CgNel{background:var(--Color-Extended-Purple-100,#e9d3fd)}.Tag-modules_tag_violet__CgNel svg{stroke:#5c1994!important;fill:#5c1994!important}.Tag-modules_tag_light__RqIr6{background:var(--Color-Neutral-Clear-Shades-150,#eee)}.Tag-modules_tag_light__RqIr6 svg{stroke:#32353a!important;fill:#32353a!important}.Tag-modules_tag_success__yANfh{background:var(--color-extended-green-100,#e8f5ea)}.Tag-modules_tag_success__yANfh svg{stroke:#3c743d!important;fill:#3c743d!important}.Tag-modules_tag_warning__C-O5t{background:var(--color-extended-yellow-100,#fff3d6)}.Tag-modules_tag_warning__C-O5t svg{stroke:#6e4f00!important;fill:#6e4f00!important}.Tag-modules_tag_critical__v79so{background:var(--color-extended-red-100,#fddbdb)}.Tag-modules_tag_critical__v79so svg{stroke:#98312e!important;fill:#98312e!important}.Tag-modules_tag_sm__KQwsr{height:1.25rem}.Tag-modules_tag_sm__KQwsr svg{height:.75rem;width:.75rem}.Tag-modules_tag_base__omYEM{height:1.75rem}.Tag-modules_tag_base__omYEM svg{height:1rem;width:1rem}.Tag-modules_canBeRemoved__ei-3U svg{cursor:pointer}";
|
|
15756
|
+
var styles$T = {"tag":"Tag-modules_tag__sYiD6","tag_idle":"Tag-modules_tag_idle__ym-G7","tag_info":"Tag-modules_tag_info__Q6-WL","tag_violet":"Tag-modules_tag_violet__CgNel","tag_light":"Tag-modules_tag_light__RqIr6","tag_success":"Tag-modules_tag_success__yANfh","tag_warning":"Tag-modules_tag_warning__C-O5t","tag_critical":"Tag-modules_tag_critical__v79so","tag_sm":"Tag-modules_tag_sm__KQwsr","tag_base":"Tag-modules_tag_base__omYEM","canBeRemoved":"Tag-modules_canBeRemoved__ei-3U"};
|
|
15757
|
+
styleInject(css_248z$T);
|
|
15688
15758
|
|
|
15689
15759
|
colord.extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15690
15760
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15708,15 +15778,15 @@ const Tag = ({
|
|
|
15708
15778
|
};
|
|
15709
15779
|
const getTagStatus = () => {
|
|
15710
15780
|
if (customColor) {
|
|
15711
|
-
return styles$
|
|
15781
|
+
return styles$T.tag_custom;
|
|
15712
15782
|
} else if (status === 'idle') {
|
|
15713
|
-
return styles$
|
|
15714
|
-
} else if (status === 'success') return styles$
|
|
15783
|
+
return styles$T.tag_idle;
|
|
15784
|
+
} else if (status === 'success') return styles$T.tag_success;else if (status === 'info') return styles$T.tag_info;else if (status === 'warning') return styles$T.tag_warning;else if (status === 'critical') return styles$T.tag_critical;else if (status === 'light') return styles$T.tag_light;else if (status === 'violet') return styles$T.tag_violet;else return styles$T.tag_idle;
|
|
15715
15785
|
};
|
|
15716
15786
|
const getTagSize = () => {
|
|
15717
15787
|
if (size === 'sm') {
|
|
15718
|
-
return styles$
|
|
15719
|
-
} else if (size === 'base') return styles$
|
|
15788
|
+
return styles$T.tag_sm;
|
|
15789
|
+
} else if (size === 'base') return styles$T.tag_base;else return styles$T.tag_base;
|
|
15720
15790
|
};
|
|
15721
15791
|
const getTextSize = () => {
|
|
15722
15792
|
if (size === 'sm') {
|
|
@@ -15743,7 +15813,7 @@ const Tag = ({
|
|
|
15743
15813
|
style: {
|
|
15744
15814
|
backgroundColor: customColor
|
|
15745
15815
|
},
|
|
15746
|
-
className: `${styles$
|
|
15816
|
+
className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15747
15817
|
}), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
|
|
15748
15818
|
style: {
|
|
15749
15819
|
fill: getTextColor(),
|
|
@@ -15767,9 +15837,9 @@ const Tag = ({
|
|
|
15767
15837
|
})));
|
|
15768
15838
|
};
|
|
15769
15839
|
|
|
15770
|
-
var css_248z$
|
|
15771
|
-
var styles$
|
|
15772
|
-
styleInject(css_248z$
|
|
15840
|
+
var css_248z$U = ".TextInput-modules_input__Ky9uR{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__Ky9uR svg{height:1rem;width:1rem}.TextInput-modules_input__Ky9uR .TextInput-modules_text_below__oT18E{padding:.25rem .5rem .25rem .75rem!important}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__Ky9uR{height:1rem}.TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__Kq7D9{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__Xj8GH{margin-bottom:.625rem}.TextInput-modules_input__Ky9uR .TextInput-modules_MuiInputBase-input__beBli{color:var(--gray-black);font-family:Open Sans;font-size:1rem;padding:.375rem .75rem}";
|
|
15841
|
+
var styles$U = {"input":"TextInput-modules_input__Ky9uR","text_below":"TextInput-modules_text_below__oT18E","MuiInputBase-root-MuiOutlinedInput-root":"TextInput-modules_MuiInputBase-root-MuiOutlinedInput-root__Kq7D9","input_top_label":"TextInput-modules_input_top_label__Xj8GH","MuiInputBase-input":"TextInput-modules_MuiInputBase-input__beBli"};
|
|
15842
|
+
styleInject(css_248z$U);
|
|
15773
15843
|
|
|
15774
15844
|
const CssTextField$7 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
15775
15845
|
'& .MuiInputBase-input': {
|
|
@@ -15898,13 +15968,13 @@ const TextInput = props => {
|
|
|
15898
15968
|
shrink: false
|
|
15899
15969
|
} : {};
|
|
15900
15970
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15901
|
-
className: `${className} ${styles$
|
|
15971
|
+
className: `${className} ${styles$U.input}`,
|
|
15902
15972
|
id: id
|
|
15903
15973
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
15904
15974
|
text: `${topLabel ? topLabel : ''}`,
|
|
15905
15975
|
weight: topLabelWeight || 'bold',
|
|
15906
15976
|
size: topLabelSize || 'base',
|
|
15907
|
-
className: styles$
|
|
15977
|
+
className: styles$U.input_top_label,
|
|
15908
15978
|
required: required
|
|
15909
15979
|
}), /*#__PURE__*/React__default.createElement(CssTextField$7, {
|
|
15910
15980
|
fullWidth: true,
|
|
@@ -15949,17 +16019,17 @@ const TextInput = props => {
|
|
|
15949
16019
|
size: "xs",
|
|
15950
16020
|
color: "#F54C4C",
|
|
15951
16021
|
text: errorText,
|
|
15952
|
-
className: styles$
|
|
16022
|
+
className: styles$U.text_below
|
|
15953
16023
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15954
16024
|
size: "xs",
|
|
15955
16025
|
text: helperText,
|
|
15956
|
-
className: styles$
|
|
16026
|
+
className: styles$U.text_below
|
|
15957
16027
|
}));
|
|
15958
16028
|
};
|
|
15959
16029
|
|
|
15960
|
-
var css_248z$
|
|
15961
|
-
var styles$
|
|
15962
|
-
styleInject(css_248z$
|
|
16030
|
+
var css_248z$V = ".Textarea-module_text_area_container__1NnwK{font-family:Open Sans;font-size:1rem;font-style:normal;font-weight:400;line-height:150%;width:100%}.Textarea-module_text_area_container__1NnwK .Textarea-module_helperTexts__h4sFp{display:flex;justify-content:space-between;padding:.25rem .5rem .25rem .75rem}.Textarea-module_text_area_container__1NnwK .Textarea-module_helperTexts__h4sFp .Textarea-module_counter__jFTMR{margin-left:auto}";
|
|
16031
|
+
var styles$V = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
16032
|
+
styleInject(css_248z$V);
|
|
15963
16033
|
|
|
15964
16034
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15965
16035
|
const Textarea = ({
|
|
@@ -15997,7 +16067,7 @@ const Textarea = ({
|
|
|
15997
16067
|
setCharCount(String(value).length);
|
|
15998
16068
|
}, []);
|
|
15999
16069
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16000
|
-
className: styles$
|
|
16070
|
+
className: styles$V.text_area_container
|
|
16001
16071
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16002
16072
|
name: name,
|
|
16003
16073
|
variant: "outlined",
|
|
@@ -16023,7 +16093,7 @@ const Textarea = ({
|
|
|
16023
16093
|
maxRows: maxRows,
|
|
16024
16094
|
minRows: minRows
|
|
16025
16095
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16026
|
-
className: styles$
|
|
16096
|
+
className: styles$V.helperTexts
|
|
16027
16097
|
}, helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16028
16098
|
text: helperText,
|
|
16029
16099
|
size: "xs",
|
|
@@ -16036,13 +16106,13 @@ const Textarea = ({
|
|
|
16036
16106
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
16037
16107
|
text: `${charCount} / ${maxCharacters}`,
|
|
16038
16108
|
size: "xs",
|
|
16039
|
-
className: styles$
|
|
16109
|
+
className: styles$V.counter
|
|
16040
16110
|
})));
|
|
16041
16111
|
};
|
|
16042
16112
|
|
|
16043
|
-
var css_248z$
|
|
16044
|
-
var styles$
|
|
16045
|
-
styleInject(css_248z$
|
|
16113
|
+
var css_248z$W = ".Thematic-modules_thematic__OMCr2{border:1px dashed;border-radius:.5rem;display:flex;flex-direction:column;gap:1.5rem;padding:1rem}.Thematic-modules_thematic__header__2h8JH{display:flex;justify-content:space-between}.Thematic-modules_thematic__header__2h8JH .Thematic-modules_overflow_badge__k8490 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.Thematic-modules_thematic__header__actions__wh3xT{display:flex;gap:.5rem}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc{display:flex;flex-wrap:wrap;gap:.5rem}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc .Thematic-modules_tag__YQgAM{cursor:pointer}.Thematic-modules_thematic__OMCr2 .Thematic-modules_tagsContainer__k4Xlc .Thematic-modules_overflow_tag__U1RWS p{overflow:unset;text-overflow:unset}.Thematic-modules_addTagPopover__1RK-Q .Thematic-modules_content__kPvi7{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5{align-items:flex-start;align-self:stretch;display:flex;flex-direction:column;padding:.5rem;width:7rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio{align-items:center;align-self:stretch;border-radius:.25rem;cursor:pointer;display:flex;flex:1 0 0;gap:.5rem;height:3rem;padding:.25rem}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio p{margin-right:auto}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio:hover{background-color:#eee}.Thematic-modules_tagMenuPopover__362EM .Thematic-modules_dropdown__LkTI5 .Thematic-modules_item__7RAio.Thematic-modules_diabled__oXb-6{cursor:not-allowed;opacity:.5}.Thematic-modules_editTagPopover__JdEYI .Thematic-modules_content__kPvi7,.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7{display:flex;flex-direction:column;gap:.5rem;padding:.5rem}.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7 .Thematic-modules_otherThematicsContainer__Kb-29 .Thematic-modules_otherThematic__7BI-V{align-items:center;border-radius:.25rem;cursor:pointer;display:flex;gap:.5rem;padding:.25rem}.Thematic-modules_moveTagPopover__7ez7P .Thematic-modules_content__kPvi7 .Thematic-modules_otherThematicsContainer__Kb-29 .Thematic-modules_otherThematic__7BI-V:hover{background-color:#eee}";
|
|
16114
|
+
var styles$W = {"thematic":"Thematic-modules_thematic__OMCr2","thematic__header":"Thematic-modules_thematic__header__2h8JH","overflow_badge":"Thematic-modules_overflow_badge__k8490","thematic__header__actions":"Thematic-modules_thematic__header__actions__wh3xT","tagsContainer":"Thematic-modules_tagsContainer__k4Xlc","tag":"Thematic-modules_tag__YQgAM","overflow_tag":"Thematic-modules_overflow_tag__U1RWS","addTagPopover":"Thematic-modules_addTagPopover__1RK-Q","content":"Thematic-modules_content__kPvi7","tagMenuPopover":"Thematic-modules_tagMenuPopover__362EM","dropdown":"Thematic-modules_dropdown__LkTI5","item":"Thematic-modules_item__7RAio","diabled":"Thematic-modules_diabled__oXb-6","editTagPopover":"Thematic-modules_editTagPopover__JdEYI","moveTagPopover":"Thematic-modules_moveTagPopover__7ez7P","otherThematicsContainer":"Thematic-modules_otherThematicsContainer__Kb-29","otherThematic":"Thematic-modules_otherThematic__7BI-V"};
|
|
16115
|
+
styleInject(css_248z$W);
|
|
16046
16116
|
|
|
16047
16117
|
/**
|
|
16048
16118
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16200,7 +16270,7 @@ const Thematic = ({
|
|
|
16200
16270
|
closeTagMenuPopover();
|
|
16201
16271
|
};
|
|
16202
16272
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16203
|
-
className: styles$
|
|
16273
|
+
className: styles$W.thematic,
|
|
16204
16274
|
style: {
|
|
16205
16275
|
backgroundColor: backgroundColor,
|
|
16206
16276
|
borderColor: borderColor
|
|
@@ -16216,7 +16286,7 @@ const Thematic = ({
|
|
|
16216
16286
|
setAreActionsVisible(false);
|
|
16217
16287
|
}
|
|
16218
16288
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16219
|
-
className: styles$
|
|
16289
|
+
className: styles$W.thematic__header
|
|
16220
16290
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16221
16291
|
tooltipDescription: definition,
|
|
16222
16292
|
placement: "top",
|
|
@@ -16227,9 +16297,9 @@ const Thematic = ({
|
|
|
16227
16297
|
size: "base",
|
|
16228
16298
|
status: 'idle',
|
|
16229
16299
|
customColor: badgeColor,
|
|
16230
|
-
className: styles$
|
|
16300
|
+
className: styles$W.overflow_badge
|
|
16231
16301
|
}))), areActionsVisible && /*#__PURE__*/React__default.createElement("div", {
|
|
16232
|
-
className: styles$
|
|
16302
|
+
className: styles$W.thematic__header__actions
|
|
16233
16303
|
}, !isAddTagHidden && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
16234
16304
|
icon: /*#__PURE__*/React__default.createElement(AddTagIcon, {
|
|
16235
16305
|
fill: iconsColor,
|
|
@@ -16255,10 +16325,10 @@ const Thematic = ({
|
|
|
16255
16325
|
variant: "tertiary",
|
|
16256
16326
|
onClick: handleOnClickDeleteThematic
|
|
16257
16327
|
}))), tagsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16258
|
-
className: styles$
|
|
16328
|
+
className: styles$W.tagsContainer
|
|
16259
16329
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16260
16330
|
key: `${tag}-${idx}`,
|
|
16261
|
-
className: styles$
|
|
16331
|
+
className: styles$W.tag,
|
|
16262
16332
|
onClick: e => handleOnClickTag(e, tag)
|
|
16263
16333
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16264
16334
|
tooltipDescription: tag.definition,
|
|
@@ -16270,7 +16340,7 @@ const Thematic = ({
|
|
|
16270
16340
|
customColor: tagColor.toHex(),
|
|
16271
16341
|
size: "base",
|
|
16272
16342
|
amountNumber: tag.amount,
|
|
16273
|
-
className: styles$
|
|
16343
|
+
className: styles$W.overflow_tag
|
|
16274
16344
|
})))))), /*#__PURE__*/React__default.createElement(material.Popover, {
|
|
16275
16345
|
open: isAddTagPopoverOpen,
|
|
16276
16346
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16279,16 +16349,16 @@ const Thematic = ({
|
|
|
16279
16349
|
horizontal: 'right'
|
|
16280
16350
|
},
|
|
16281
16351
|
onClose: closeAddTagPopover,
|
|
16282
|
-
className: styles$
|
|
16352
|
+
className: styles$W.addTagPopover
|
|
16283
16353
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16284
|
-
className: styles$
|
|
16354
|
+
className: styles$W.content
|
|
16285
16355
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16286
16356
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16287
16357
|
value: newTagName,
|
|
16288
16358
|
onChange: e => setNewTagName(e.target.value),
|
|
16289
16359
|
onKeyDown: handleOnClickValidateAddTag
|
|
16290
16360
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16291
|
-
className: styles$
|
|
16361
|
+
className: styles$W.actions
|
|
16292
16362
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16293
16363
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16294
16364
|
size: "sm",
|
|
@@ -16302,11 +16372,11 @@ const Thematic = ({
|
|
|
16302
16372
|
horizontal: 'right'
|
|
16303
16373
|
},
|
|
16304
16374
|
onClose: closeTagMenuPopover,
|
|
16305
|
-
className: styles$
|
|
16375
|
+
className: styles$W.tagMenuPopover
|
|
16306
16376
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16307
|
-
className: styles$
|
|
16377
|
+
className: styles$W.dropdown
|
|
16308
16378
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16309
|
-
className: styles$
|
|
16379
|
+
className: styles$W.item,
|
|
16310
16380
|
onClick: e => handleOnClickEditTag(e)
|
|
16311
16381
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16312
16382
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16315,7 +16385,7 @@ const Thematic = ({
|
|
|
16315
16385
|
fill: colors.black,
|
|
16316
16386
|
size: "base"
|
|
16317
16387
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16318
|
-
className: styles$
|
|
16388
|
+
className: styles$W.item,
|
|
16319
16389
|
onClick: e => handleOnClickMoveTag(e)
|
|
16320
16390
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16321
16391
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16324,7 +16394,7 @@ const Thematic = ({
|
|
|
16324
16394
|
fill: colors.black,
|
|
16325
16395
|
size: "base"
|
|
16326
16396
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
16327
|
-
className: styles$
|
|
16397
|
+
className: styles$W.item,
|
|
16328
16398
|
onClick: handleOnClickDeleteTag
|
|
16329
16399
|
}, /*#__PURE__*/React__default.createElement(BinIcon, {
|
|
16330
16400
|
fill: colors.red_500,
|
|
@@ -16340,16 +16410,16 @@ const Thematic = ({
|
|
|
16340
16410
|
horizontal: 'right'
|
|
16341
16411
|
},
|
|
16342
16412
|
onClose: closeEditTagPopover,
|
|
16343
|
-
className: styles$
|
|
16413
|
+
className: styles$W.editTagPopover
|
|
16344
16414
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16345
|
-
className: styles$
|
|
16415
|
+
className: styles$W.content
|
|
16346
16416
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16347
16417
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16348
16418
|
value: editedTagName,
|
|
16349
16419
|
onChange: e => setEditedTagName(e.target.value),
|
|
16350
16420
|
onKeyDown: handleOnClickValidateEditTag
|
|
16351
16421
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16352
|
-
className: styles$
|
|
16422
|
+
className: styles$W.actions
|
|
16353
16423
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16354
16424
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16355
16425
|
size: "sm",
|
|
@@ -16363,17 +16433,17 @@ const Thematic = ({
|
|
|
16363
16433
|
horizontal: 'right'
|
|
16364
16434
|
},
|
|
16365
16435
|
onClose: closeMoveTagPopover,
|
|
16366
|
-
className: styles$
|
|
16436
|
+
className: styles$W.moveTagPopover
|
|
16367
16437
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16368
|
-
className: styles$
|
|
16438
|
+
className: styles$W.content
|
|
16369
16439
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16370
|
-
className: styles$
|
|
16440
|
+
className: styles$W.otherThematicsContainer
|
|
16371
16441
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16372
16442
|
key: `${thematic}-${idx}`,
|
|
16373
|
-
className: styles$
|
|
16443
|
+
className: styles$W.otherThematic,
|
|
16374
16444
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16375
16445
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16376
|
-
className: styles$
|
|
16446
|
+
className: styles$W.color,
|
|
16377
16447
|
style: {
|
|
16378
16448
|
backgroundColor: thematic.color,
|
|
16379
16449
|
height: '1rem',
|
|
@@ -16386,9 +16456,9 @@ const Thematic = ({
|
|
|
16386
16456
|
})))))));
|
|
16387
16457
|
};
|
|
16388
16458
|
|
|
16389
|
-
var css_248z$
|
|
16390
|
-
var styles$
|
|
16391
|
-
styleInject(css_248z$
|
|
16459
|
+
var css_248z$X = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16460
|
+
var styles$X = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16461
|
+
styleInject(css_248z$X);
|
|
16392
16462
|
|
|
16393
16463
|
const TimeInterval = ({
|
|
16394
16464
|
startTime,
|
|
@@ -16410,10 +16480,10 @@ const TimeInterval = ({
|
|
|
16410
16480
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
16411
16481
|
}
|
|
16412
16482
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16413
|
-
className: `${styles$
|
|
16483
|
+
className: `${styles$X.time_interval} ${className}`,
|
|
16414
16484
|
onClick: () => onClick(startTime)
|
|
16415
16485
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16416
|
-
className: styles$
|
|
16486
|
+
className: styles$X.times_text,
|
|
16417
16487
|
size: "sm",
|
|
16418
16488
|
weight: "semi-bold",
|
|
16419
16489
|
color: colors.blue_500,
|
|
@@ -16422,9 +16492,9 @@ const TimeInterval = ({
|
|
|
16422
16492
|
}));
|
|
16423
16493
|
};
|
|
16424
16494
|
|
|
16425
|
-
var css_248z$
|
|
16426
|
-
var styles$
|
|
16427
|
-
styleInject(css_248z$
|
|
16495
|
+
var css_248z$Y = ".TimePicker-modules_time_picker__CxeB5{min-width:13rem;width:100%}.TimePicker-modules_time_picker__CxeB5 label,.TimePicker-modules_time_picker__CxeB5 span{font-family:Open Sans;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__CxeB5 .TimePicker-modules_MuiAutocomplete-endAdornment__CbeSn{display:flex;gap:.5rem;margin-top:-.35rem!important}.TimePicker-modules_time_picker__CxeB5 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__CxeB5 svg{height:1rem;width:1rem}.TimePicker-modules_input_top_label__LPXU-{margin-bottom:.625rem}.TimePicker-modules_MuiOutlinedInput-root__ItBpg.TimePicker-modules_MuiInputBase-root__4d1Fn.TimePicker-modules_MuiInputBase-formControl__2hrJo{align-items:center;display:flex;flex-direction:row}.TimePicker-modules_text_below__lm0u-{margin:.25rem .5rem .25rem .75rem}.TimePicker-modules_icon__IiT8p{height:1rem!important;margin-left:.25rem;width:1rem!important}";
|
|
16496
|
+
var styles$Y = {"time_picker":"TimePicker-modules_time_picker__CxeB5","MuiAutocomplete-endAdornment":"TimePicker-modules_MuiAutocomplete-endAdornment__CbeSn","input_top_label":"TimePicker-modules_input_top_label__LPXU-","MuiOutlinedInput-root":"TimePicker-modules_MuiOutlinedInput-root__ItBpg","MuiInputBase-root":"TimePicker-modules_MuiInputBase-root__4d1Fn","MuiInputBase-formControl":"TimePicker-modules_MuiInputBase-formControl__2hrJo","text_below":"TimePicker-modules_text_below__lm0u-","icon":"TimePicker-modules_icon__IiT8p"};
|
|
16497
|
+
styleInject(css_248z$Y);
|
|
16428
16498
|
|
|
16429
16499
|
const CssTextField$8 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
16430
16500
|
'& .MuiInputBase-input': {
|
|
@@ -16556,12 +16626,12 @@ const TimePicker = ({
|
|
|
16556
16626
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
16557
16627
|
adapterLocale: locales[locale]
|
|
16558
16628
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16559
|
-
className: `${styles$
|
|
16629
|
+
className: `${styles$Y.time_picker} ${className ? className : undefined}`
|
|
16560
16630
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
16561
16631
|
text: `${topLabel ? topLabel : ''}`,
|
|
16562
16632
|
weight: topLabelWeight || 'bold',
|
|
16563
16633
|
size: topLabelSize || 'base',
|
|
16564
|
-
className: styles$
|
|
16634
|
+
className: styles$Y.input_top_label,
|
|
16565
16635
|
required: required
|
|
16566
16636
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
16567
16637
|
label: label,
|
|
@@ -16591,18 +16661,18 @@ const TimePicker = ({
|
|
|
16591
16661
|
color: "#F54C4C",
|
|
16592
16662
|
italic: true,
|
|
16593
16663
|
text: errorText,
|
|
16594
|
-
className: styles$
|
|
16664
|
+
className: styles$Y.text_below
|
|
16595
16665
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16596
16666
|
size: "xs",
|
|
16597
16667
|
italic: true,
|
|
16598
16668
|
text: helperText,
|
|
16599
|
-
className: styles$
|
|
16669
|
+
className: styles$Y.text_below
|
|
16600
16670
|
}))));
|
|
16601
16671
|
};
|
|
16602
16672
|
|
|
16603
|
-
var css_248z$
|
|
16604
|
-
var styles$
|
|
16605
|
-
styleInject(css_248z$
|
|
16673
|
+
var css_248z$Z = ".ToggleTab-module_toggleTab__NKADb{background:transparent;border-radius:.25rem;display:flex;padding:.25rem;width:-moz-fit-content;width:fit-content}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__vSWjn{border-radius:.25rem;cursor:pointer;display:flex;gap:1rem;padding:0 1rem;transition:background-color .2s ease-in-out}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__btn__mRg2T{align-items:center;display:flex;gap:.5rem;justify-content:center}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__btn__mRg2T p{transition:color .2s ease-in-out}.ToggleTab-module_toggleTab__NKADb .ToggleTab-module_option__vSWjn .ToggleTab-module_optionalText__KMniN{align-items:center;background-color:#f54c4c;border-radius:.25rem;display:flex;justify-content:center;margin:.25rem 0;padding:0 .25rem}";
|
|
16674
|
+
var styles$Z = {"toggleTab":"ToggleTab-module_toggleTab__NKADb","option":"ToggleTab-module_option__vSWjn","option__btn":"ToggleTab-module_option__btn__mRg2T","optionalText":"ToggleTab-module_optionalText__KMniN"};
|
|
16675
|
+
styleInject(css_248z$Z);
|
|
16606
16676
|
|
|
16607
16677
|
const ToggleTab = ({
|
|
16608
16678
|
optionOne,
|
|
@@ -16631,47 +16701,47 @@ const ToggleTab = ({
|
|
|
16631
16701
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16632
16702
|
};
|
|
16633
16703
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16634
|
-
className: styles$
|
|
16704
|
+
className: styles$Z.toggleTab,
|
|
16635
16705
|
style: {
|
|
16636
16706
|
background: background[variant]
|
|
16637
16707
|
}
|
|
16638
16708
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16639
|
-
className: styles$
|
|
16709
|
+
className: styles$Z.option,
|
|
16640
16710
|
style: {
|
|
16641
16711
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16642
16712
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16643
16713
|
}
|
|
16644
16714
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16645
16715
|
onClick: onClickOptionOne,
|
|
16646
|
-
className: styles$
|
|
16716
|
+
className: styles$Z.option__btn
|
|
16647
16717
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16648
16718
|
size: "base",
|
|
16649
16719
|
weight: "bold",
|
|
16650
16720
|
text: optionOne,
|
|
16651
16721
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16652
16722
|
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
16653
|
-
className: styles$
|
|
16723
|
+
className: styles$Z.optionalText
|
|
16654
16724
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16655
16725
|
text: optionalFirstText,
|
|
16656
16726
|
size: "sm",
|
|
16657
16727
|
weight: "regular",
|
|
16658
16728
|
color: "#fff"
|
|
16659
16729
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
16660
|
-
className: styles$
|
|
16730
|
+
className: styles$Z.option,
|
|
16661
16731
|
style: {
|
|
16662
16732
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16663
16733
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16664
16734
|
}
|
|
16665
16735
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16666
16736
|
onClick: onClickOptionTwo,
|
|
16667
|
-
className: styles$
|
|
16737
|
+
className: styles$Z.option__btn
|
|
16668
16738
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16669
16739
|
size: "base",
|
|
16670
16740
|
weight: "bold",
|
|
16671
16741
|
text: optionTwo,
|
|
16672
16742
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16673
16743
|
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
16674
|
-
className: styles$
|
|
16744
|
+
className: styles$Z.optionalText
|
|
16675
16745
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16676
16746
|
text: optionalSecondText,
|
|
16677
16747
|
size: "sm",
|
|
@@ -16680,9 +16750,9 @@ const ToggleTab = ({
|
|
|
16680
16750
|
})))));
|
|
16681
16751
|
};
|
|
16682
16752
|
|
|
16683
|
-
var css_248z$
|
|
16684
|
-
var styles$
|
|
16685
|
-
styleInject(css_248z$
|
|
16753
|
+
var css_248z$_ = ".SquareText-module_SquareTextContainer__6vHns{background:var(--Color-Neutral-Basics-White,#fff);border:1px solid var(--Color-Neutral-Clear-Shades-400,#afb0b2);border-radius:.5rem;display:flex;gap:.5rem;padding:.75rem}";
|
|
16754
|
+
var styles$_ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16755
|
+
styleInject(css_248z$_);
|
|
16686
16756
|
|
|
16687
16757
|
/** This text should be use to display basic text
|
|
16688
16758
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16691,15 +16761,15 @@ const SquareText = ({
|
|
|
16691
16761
|
text
|
|
16692
16762
|
}) => {
|
|
16693
16763
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16694
|
-
className: `${styles$
|
|
16764
|
+
className: `${styles$_.SquareTextContainer}`
|
|
16695
16765
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16696
16766
|
text: text
|
|
16697
16767
|
}));
|
|
16698
16768
|
};
|
|
16699
16769
|
|
|
16700
|
-
var css_248z
|
|
16701
|
-
var styles
|
|
16702
|
-
styleInject(css_248z
|
|
16770
|
+
var css_248z$$ = "@import \"../../../styles/index.css\";.Caption-modules_caption_text__AyY8z{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__9VvUy{text-transform:var(--sdTextCaseUppercase)}";
|
|
16771
|
+
var styles$$ = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16772
|
+
styleInject(css_248z$$);
|
|
16703
16773
|
|
|
16704
16774
|
/** This text should only be used for the captions
|
|
16705
16775
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16715,13 +16785,13 @@ const Caption = ({
|
|
|
16715
16785
|
style: {
|
|
16716
16786
|
color: color
|
|
16717
16787
|
},
|
|
16718
|
-
className: `${styles
|
|
16788
|
+
className: `${styles$$.caption_text} ${uppercase ? styles$$.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16719
16789
|
}), text);
|
|
16720
16790
|
};
|
|
16721
16791
|
|
|
16722
|
-
var css_248z
|
|
16723
|
-
var styles
|
|
16724
|
-
styleInject(css_248z
|
|
16792
|
+
var css_248z$10 = "@import \"../../../styles/index.css\";.Link-modules_link__2qZCr{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__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularXs);padding:1px 0}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegularXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_regular__kK1MS{font:var(--sdTypoTextUnderlineRegular4xl);padding:3px 0 1px}.Link-modules_link__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldXs);padding:1px 0 2px}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBoldXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_bold__ssvjk{font:var(--sdTypoTextUnderlineBold4xl);padding:3px 0 1px}.Link-modules_link__2qZCr.Link-modules_link_xs__tCbdy.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldXs);padding:1px 0 2px}.Link-modules_link__2qZCr.Link-modules_link_sm__I5hRK.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldSm);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_base__VESXM.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldBase);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_lg__xkb4z.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldLg);padding:2px 0}.Link-modules_link__2qZCr.Link-modules_link_xl__GfZTl.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBoldXl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxl__tmzA2.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold2xl);padding:0}.Link-modules_link__2qZCr.Link-modules_link_xxxl__pS-5Y.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold3xl);padding:1px 0 3px}.Link-modules_link__2qZCr.Link-modules_link_xxxxl__j7SPq.Link-modules_link_semi_bold__ChHMg{font:var(--sdTypoTextUnderlineSemiBold4xl);padding:3px 0 1px}";
|
|
16793
|
+
var styles$10 = {"link":"Link-modules_link__2qZCr","link_xs":"Link-modules_link_xs__tCbdy","link_regular":"Link-modules_link_regular__kK1MS","link_sm":"Link-modules_link_sm__I5hRK","link_base":"Link-modules_link_base__VESXM","link_lg":"Link-modules_link_lg__xkb4z","link_xl":"Link-modules_link_xl__GfZTl","link_xxl":"Link-modules_link_xxl__tmzA2","link_xxxl":"Link-modules_link_xxxl__pS-5Y","link_xxxxl":"Link-modules_link_xxxxl__j7SPq","link_bold":"Link-modules_link_bold__ssvjk","link_semi_bold":"Link-modules_link_semi_bold__ChHMg"};
|
|
16794
|
+
styleInject(css_248z$10);
|
|
16725
16795
|
|
|
16726
16796
|
/** This text should be use to display basic text */
|
|
16727
16797
|
const Link = ({
|
|
@@ -16735,10 +16805,10 @@ const Link = ({
|
|
|
16735
16805
|
...props
|
|
16736
16806
|
}) => {
|
|
16737
16807
|
const getLinkSize = () => {
|
|
16738
|
-
if (size === 'xs') return styles
|
|
16808
|
+
if (size === 'xs') return styles$10.link_xs;else if (size === 'sm') return styles$10.link_sm;else if (size === 'base') return styles$10.link_base;else if (size === 'lg') return styles$10.link_lg;else if (size === 'xl') return styles$10.link_xl;else if (size === 'xxl') return styles$10.link_xxl;else if (size === 'xxxl') return styles$10.link_xxxl;else if (size === 'xxxxl') return styles$10.link_xxxxl;else return styles$10.link_base;
|
|
16739
16809
|
};
|
|
16740
16810
|
const getLinkWeight = () => {
|
|
16741
|
-
if (weight === 'semi-bold') return styles
|
|
16811
|
+
if (weight === 'semi-bold') return styles$10.link_semi_bold;else if (weight === 'bold') return styles$10.link_bold;else if (weight === 'regular') return styles$10.link_regular;else return styles$10.link_regular;
|
|
16742
16812
|
};
|
|
16743
16813
|
if (isExternal) {
|
|
16744
16814
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16749,7 +16819,7 @@ const Link = ({
|
|
|
16749
16819
|
style: {
|
|
16750
16820
|
color: color
|
|
16751
16821
|
},
|
|
16752
|
-
className: `${styles
|
|
16822
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16753
16823
|
}), text));
|
|
16754
16824
|
} else {
|
|
16755
16825
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16758,48 +16828,11 @@ const Link = ({
|
|
|
16758
16828
|
style: {
|
|
16759
16829
|
color: color
|
|
16760
16830
|
},
|
|
16761
|
-
className: `${styles
|
|
16831
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16762
16832
|
}), text));
|
|
16763
16833
|
}
|
|
16764
16834
|
};
|
|
16765
16835
|
|
|
16766
|
-
var css_248z$10 = "@import \"../../../styles/index.css\";.Text-modules_text__4k9IV{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}.Text-modules_text_underline__Mtvit{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.Text-modules_text_line_through__lE-hw{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.Text-modules_text_required__ugne2:after{color:red;content:\" *\"}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_regular__ZYQQJ{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_regular__ZYQQJ.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_bold__KpqoM{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_bold__KpqoM.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_semi_bold__Ds7Rd{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.Text-modules_text__4k9IV.Text-modules_text_xs__Wykhk.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.Text-modules_text__4k9IV.Text-modules_text_sm__5gLnJ.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_base__lLX30.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_lg__tj7hJ.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.Text-modules_text__4k9IV.Text-modules_text_xl__XLY1w.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxl__4ESwr.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.Text-modules_text__4k9IV.Text-modules_text_xxxl__AR9X6.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.Text-modules_text__4k9IV.Text-modules_text_xxxxl__w30-C.Text-modules_text_semi_bold__Ds7Rd.Text-modules_text_italic__TOeN3{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
16767
|
-
var styles$10 = {"text":"Text-modules_text__4k9IV","text_underline":"Text-modules_text_underline__Mtvit","text_line_through":"Text-modules_text_line_through__lE-hw","text_required":"Text-modules_text_required__ugne2","text_xs":"Text-modules_text_xs__Wykhk","text_regular":"Text-modules_text_regular__ZYQQJ","text_sm":"Text-modules_text_sm__5gLnJ","text_base":"Text-modules_text_base__lLX30","text_lg":"Text-modules_text_lg__tj7hJ","text_xl":"Text-modules_text_xl__XLY1w","text_xxl":"Text-modules_text_xxl__4ESwr","text_xxxl":"Text-modules_text_xxxl__AR9X6","text_xxxxl":"Text-modules_text_xxxxl__w30-C","text_italic":"Text-modules_text_italic__TOeN3","text_bold":"Text-modules_text_bold__KpqoM","text_semi_bold":"Text-modules_text_semi_bold__Ds7Rd"};
|
|
16768
|
-
styleInject(css_248z$10);
|
|
16769
|
-
|
|
16770
|
-
/** This text should be use to display basic text
|
|
16771
|
-
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
16772
|
-
*/
|
|
16773
|
-
const Text = ({
|
|
16774
|
-
text,
|
|
16775
|
-
color = '#26292E',
|
|
16776
|
-
size = 'base',
|
|
16777
|
-
weight = 'regular',
|
|
16778
|
-
italic = false,
|
|
16779
|
-
textDecoration,
|
|
16780
|
-
className,
|
|
16781
|
-
required,
|
|
16782
|
-
id,
|
|
16783
|
-
...props
|
|
16784
|
-
}) => {
|
|
16785
|
-
const getTextSize = () => {
|
|
16786
|
-
if (size === 'xs') return styles$10.text_xs;else if (size === 'sm') return styles$10.text_sm;else if (size === 'base') return styles$10.text_base;else if (size === 'lg') return styles$10.text_lg;else if (size === 'xl') return styles$10.text_xl;else if (size === 'xxl') return styles$10.text_xxl;else if (size === 'xxxl') return styles$10.text_xxxl;else if (size === 'xxxxl') return styles$10.text_xxxxl;else return styles$10.text_base;
|
|
16787
|
-
};
|
|
16788
|
-
const getTextWeight = () => {
|
|
16789
|
-
if (weight === 'semi-bold') return styles$10.text_semi_bold;else if (weight === 'bold') return styles$10.text_bold;else if (weight === 'regular') return styles$10.text_regular;else return styles$10.text_regular;
|
|
16790
|
-
};
|
|
16791
|
-
const getTextDecoration = () => {
|
|
16792
|
-
if (textDecoration === 'underline') return styles$10.text_underline;else if (textDecoration === 'line-through') return styles$10.text_line_through;else return '';
|
|
16793
|
-
};
|
|
16794
|
-
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16795
|
-
id: id,
|
|
16796
|
-
style: {
|
|
16797
|
-
color: color
|
|
16798
|
-
},
|
|
16799
|
-
className: `${styles$10.text} ${italic ? styles$10.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$10.text_required} ${getTextSize()}`
|
|
16800
|
-
}), text);
|
|
16801
|
-
};
|
|
16802
|
-
|
|
16803
16836
|
var css_248z$11 = "@import \"../../../styles/index.css\";.TextForButton-modules_button_text__8oLSs{font-family:var(--sdFontFamilyPoppins);font-weight:var(--sdFontWeightMedium);letter-spacing:var(--sdLetterSpacingButtons);margin:unset;padding:.125rem 0;text-align:left}.TextForButton-modules_button_text_bold__h4UpV{font-weight:var(--sdFontWeightSemibold)}.TextForButton-modules_button_text_sm__n6a3O{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForButton-modules_button_text_base__OTzWz{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForButton-modules_button_text_lg__R77Gn{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight150)}";
|
|
16804
16837
|
var styles$11 = {"button_text":"TextForButton-modules_button_text__8oLSs","button_text_bold":"TextForButton-modules_button_text_bold__h4UpV","button_text_sm":"TextForButton-modules_button_text_sm__n6a3O","button_text_base":"TextForButton-modules_button_text_base__OTzWz","button_text_lg":"TextForButton-modules_button_text_lg__R77Gn"};
|
|
16805
16838
|
styleInject(css_248z$11);
|
|
@@ -17094,6 +17127,7 @@ exports.OdaAccountPro = OdaAccountPro;
|
|
|
17094
17127
|
exports.OdaWaiting = OdaWaiting;
|
|
17095
17128
|
exports.OfficeDrawerIcon = OfficeDrawerIcon;
|
|
17096
17129
|
exports.OneColumnIcon = OneColumnIcon;
|
|
17130
|
+
exports.OtherTab = OtherTab;
|
|
17097
17131
|
exports.Partner1SVG = Partner1;
|
|
17098
17132
|
exports.Partner2SVG = Partner2;
|
|
17099
17133
|
exports.Partner3SVG = Partner3;
|