odaptos_design_system 2.0.49 → 2.0.50
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/odaptos_design_system.cjs.development.js +537 -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 +537 -533
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Box/Box.tsx +4 -0
|
@@ -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",
|
|
@@ -10996,6 +11033,7 @@ function Partner9({
|
|
|
10996
11033
|
const Box = ({
|
|
10997
11034
|
children,
|
|
10998
11035
|
title,
|
|
11036
|
+
optionalText,
|
|
10999
11037
|
tooltipDescription,
|
|
11000
11038
|
className,
|
|
11001
11039
|
id,
|
|
@@ -11012,6 +11050,9 @@ const Box = ({
|
|
|
11012
11050
|
size: "lg",
|
|
11013
11051
|
weight: "bold",
|
|
11014
11052
|
required: required
|
|
11053
|
+
}), !required && optionalText && /*#__PURE__*/React__default.createElement(Text, {
|
|
11054
|
+
text: optionalText,
|
|
11055
|
+
italic: true
|
|
11015
11056
|
}), tooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
11016
11057
|
tooltipDescription: tooltipDescription,
|
|
11017
11058
|
placement: "right",
|
|
@@ -11022,9 +11063,9 @@ const Box = ({
|
|
|
11022
11063
|
})))), children);
|
|
11023
11064
|
};
|
|
11024
11065
|
|
|
11025
|
-
var css_248z$
|
|
11026
|
-
var styles$
|
|
11027
|
-
styleInject(css_248z$
|
|
11066
|
+
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}";
|
|
11067
|
+
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"};
|
|
11068
|
+
styleInject(css_248z$8);
|
|
11028
11069
|
|
|
11029
11070
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11030
11071
|
const Button = ({
|
|
@@ -11039,13 +11080,13 @@ const Button = ({
|
|
|
11039
11080
|
...props
|
|
11040
11081
|
}) => {
|
|
11041
11082
|
const getStylesByVariant = () => {
|
|
11042
|
-
if (variant === 'primary') return styles$
|
|
11083
|
+
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
11084
|
};
|
|
11044
11085
|
const getStylesBySize = () => {
|
|
11045
|
-
if (size === 'sm') return styles$
|
|
11086
|
+
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
11087
|
};
|
|
11047
11088
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
11048
|
-
className: `${styles$
|
|
11089
|
+
className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
11049
11090
|
style: {
|
|
11050
11091
|
background: customBackground,
|
|
11051
11092
|
border: customBackground ? 'none' : ''
|
|
@@ -11057,9 +11098,9 @@ const Button = ({
|
|
|
11057
11098
|
}), iconRight && iconRight);
|
|
11058
11099
|
};
|
|
11059
11100
|
|
|
11060
|
-
var css_248z$
|
|
11061
|
-
var styles$
|
|
11062
|
-
styleInject(css_248z$
|
|
11101
|
+
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}";
|
|
11102
|
+
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"};
|
|
11103
|
+
styleInject(css_248z$9);
|
|
11063
11104
|
|
|
11064
11105
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11065
11106
|
const MksiteButton = ({
|
|
@@ -11072,10 +11113,10 @@ const MksiteButton = ({
|
|
|
11072
11113
|
...props
|
|
11073
11114
|
}) => {
|
|
11074
11115
|
const getStylesByVariant = () => {
|
|
11075
|
-
if (variant === 'primary') return styles$
|
|
11116
|
+
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
11117
|
};
|
|
11077
11118
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
11078
|
-
className: `${styles$
|
|
11119
|
+
className: `${styles$9.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
11079
11120
|
disabled: disabled
|
|
11080
11121
|
}, props), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
11081
11122
|
text: text,
|
|
@@ -11083,9 +11124,9 @@ const MksiteButton = ({
|
|
|
11083
11124
|
}), iconRight && iconRight);
|
|
11084
11125
|
};
|
|
11085
11126
|
|
|
11086
|
-
var css_248z$
|
|
11087
|
-
var styles$
|
|
11088
|
-
styleInject(css_248z$
|
|
11127
|
+
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%}";
|
|
11128
|
+
var styles$a = {"card":"Card-modules_card__3XjRq"};
|
|
11129
|
+
styleInject(css_248z$a);
|
|
11089
11130
|
|
|
11090
11131
|
const Card = ({
|
|
11091
11132
|
children,
|
|
@@ -11093,27 +11134,27 @@ const Card = ({
|
|
|
11093
11134
|
onMouseLeave,
|
|
11094
11135
|
className
|
|
11095
11136
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
11096
|
-
className: `${styles$
|
|
11137
|
+
className: `${styles$a.card} ${className}`,
|
|
11097
11138
|
onMouseEnter: onMouseEnter,
|
|
11098
11139
|
onMouseLeave: onMouseLeave
|
|
11099
11140
|
}, children);
|
|
11100
11141
|
|
|
11101
|
-
var css_248z$
|
|
11102
|
-
var styles$
|
|
11103
|
-
styleInject(css_248z$
|
|
11142
|
+
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}";
|
|
11143
|
+
var styles$b = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
11144
|
+
styleInject(css_248z$b);
|
|
11104
11145
|
|
|
11105
11146
|
const CardButton = ({
|
|
11106
11147
|
children,
|
|
11107
11148
|
className
|
|
11108
11149
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
11109
|
-
className: `${styles$
|
|
11150
|
+
className: `${styles$b.card_button} ${className}`
|
|
11110
11151
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11111
11152
|
text: children
|
|
11112
11153
|
}));
|
|
11113
11154
|
|
|
11114
|
-
var css_248z$
|
|
11115
|
-
var styles$
|
|
11116
|
-
styleInject(css_248z$
|
|
11155
|
+
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}";
|
|
11156
|
+
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"};
|
|
11157
|
+
styleInject(css_248z$c);
|
|
11117
11158
|
|
|
11118
11159
|
const ChatMessage = ({
|
|
11119
11160
|
message,
|
|
@@ -11138,23 +11179,23 @@ const ChatMessage = ({
|
|
|
11138
11179
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
11139
11180
|
};
|
|
11140
11181
|
if (!isMe) return /*#__PURE__*/React__default.createElement("div", {
|
|
11141
|
-
className: styles$
|
|
11182
|
+
className: styles$c.user_message_container
|
|
11142
11183
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11143
|
-
className: styles$
|
|
11184
|
+
className: styles$c.bot_indicator
|
|
11144
11185
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11145
11186
|
text: getTwoInitials(message.from.name),
|
|
11146
11187
|
weight: "bold",
|
|
11147
11188
|
color: "white",
|
|
11148
11189
|
size: "sm"
|
|
11149
11190
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11150
|
-
className: styles$
|
|
11191
|
+
className: styles$c.message_chatbot
|
|
11151
11192
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11152
|
-
className: styles$
|
|
11193
|
+
className: styles$c.not_user_text_message
|
|
11153
11194
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11154
11195
|
dangerouslySetInnerHTML: {
|
|
11155
11196
|
__html: replaceURLs(message.body) ?? ''
|
|
11156
11197
|
},
|
|
11157
|
-
className: styles$
|
|
11198
|
+
className: styles$c.user_text
|
|
11158
11199
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
11159
11200
|
onClick: onClickTime,
|
|
11160
11201
|
className: classNameTime,
|
|
@@ -11162,23 +11203,23 @@ const ChatMessage = ({
|
|
|
11162
11203
|
endTime: endTime
|
|
11163
11204
|
})));else {
|
|
11164
11205
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11165
|
-
className: styles$
|
|
11206
|
+
className: styles$c.user_message_container
|
|
11166
11207
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11167
|
-
className: styles$
|
|
11208
|
+
className: styles$c.message_chatbot
|
|
11168
11209
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11169
|
-
className: styles$
|
|
11210
|
+
className: styles$c.user_text_message
|
|
11170
11211
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11171
11212
|
dangerouslySetInnerHTML: {
|
|
11172
11213
|
__html: replaceURLs(message.body) ?? ''
|
|
11173
11214
|
},
|
|
11174
|
-
className: styles$
|
|
11215
|
+
className: styles$c.user_text
|
|
11175
11216
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
11176
11217
|
onClick: onClickTime,
|
|
11177
11218
|
className: classNameTime,
|
|
11178
11219
|
startTime: startTime,
|
|
11179
11220
|
endTime: endTime
|
|
11180
11221
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11181
|
-
className: styles$
|
|
11222
|
+
className: styles$c.user_indicator
|
|
11182
11223
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11183
11224
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11184
11225
|
weight: "bold",
|
|
@@ -11188,9 +11229,9 @@ const ChatMessage = ({
|
|
|
11188
11229
|
}
|
|
11189
11230
|
};
|
|
11190
11231
|
|
|
11191
|
-
var css_248z$
|
|
11192
|
-
var styles$
|
|
11193
|
-
styleInject(css_248z$
|
|
11232
|
+
var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
|
|
11233
|
+
var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
|
|
11234
|
+
styleInject(css_248z$d);
|
|
11194
11235
|
|
|
11195
11236
|
const BpIcon = /*#__PURE__*/styles$15.styled('span')(() => ({
|
|
11196
11237
|
borderRadius: '0.25rem',
|
|
@@ -11266,7 +11307,7 @@ const Checkbox = ({
|
|
|
11266
11307
|
className
|
|
11267
11308
|
}) => {
|
|
11268
11309
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11269
|
-
className: `${styles$
|
|
11310
|
+
className: `${styles$d.checkboxContainer} ${disabled ? styles$d.disabled : ''} ${className}`,
|
|
11270
11311
|
style: {
|
|
11271
11312
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
11272
11313
|
}
|
|
@@ -11379,9 +11420,9 @@ const getColor = (colorName, shade) => {
|
|
|
11379
11420
|
return undefined;
|
|
11380
11421
|
};
|
|
11381
11422
|
|
|
11382
|
-
var css_248z$
|
|
11383
|
-
var styles$
|
|
11384
|
-
styleInject(css_248z$
|
|
11423
|
+
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}";
|
|
11424
|
+
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"};
|
|
11425
|
+
styleInject(css_248z$e);
|
|
11385
11426
|
|
|
11386
11427
|
const ColorPicker = ({
|
|
11387
11428
|
color,
|
|
@@ -11392,30 +11433,30 @@ const ColorPicker = ({
|
|
|
11392
11433
|
onChange(color);
|
|
11393
11434
|
};
|
|
11394
11435
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11395
|
-
className: styles$
|
|
11436
|
+
className: styles$e.colorPicker
|
|
11396
11437
|
}, /*#__PURE__*/React__default.createElement(reactColorful.HexAlphaColorPicker, {
|
|
11397
11438
|
color: color,
|
|
11398
11439
|
onChange: onChange
|
|
11399
11440
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11400
|
-
className: styles$
|
|
11441
|
+
className: styles$e.colorPicker__bottom
|
|
11401
11442
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11402
|
-
className: styles$
|
|
11443
|
+
className: styles$e.colorPicker__bottom__color,
|
|
11403
11444
|
style: {
|
|
11404
11445
|
backgroundColor: color
|
|
11405
11446
|
}
|
|
11406
11447
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11407
|
-
className: styles$
|
|
11448
|
+
className: styles$e.colorPicker__bottom__input
|
|
11408
11449
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
11409
11450
|
type: "text",
|
|
11410
11451
|
value: color,
|
|
11411
11452
|
onChange: e => handleChange(e.target.value),
|
|
11412
|
-
className: styles$
|
|
11453
|
+
className: styles$e.colorTextInput
|
|
11413
11454
|
}))));
|
|
11414
11455
|
};
|
|
11415
11456
|
|
|
11416
|
-
var css_248z$
|
|
11417
|
-
var styles$
|
|
11418
|
-
styleInject(css_248z$
|
|
11457
|
+
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)}";
|
|
11458
|
+
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"};
|
|
11459
|
+
styleInject(css_248z$f);
|
|
11419
11460
|
|
|
11420
11461
|
const DataProtectionDisclaimer = ({
|
|
11421
11462
|
content,
|
|
@@ -11423,18 +11464,18 @@ const DataProtectionDisclaimer = ({
|
|
|
11423
11464
|
contentClassName
|
|
11424
11465
|
}) => {
|
|
11425
11466
|
return /*#__PURE__*/React__default.createElement("footer", {
|
|
11426
|
-
className: `${styles$
|
|
11467
|
+
className: `${styles$f.data_protection_disclaimer} ${className}`
|
|
11427
11468
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11428
11469
|
dangerouslySetInnerHTML: {
|
|
11429
11470
|
__html: content
|
|
11430
11471
|
},
|
|
11431
|
-
className: `${styles$
|
|
11472
|
+
className: `${styles$f.data_protection_disclaimer_content} ${contentClassName}`
|
|
11432
11473
|
}));
|
|
11433
11474
|
};
|
|
11434
11475
|
|
|
11435
|
-
var css_248z$
|
|
11436
|
-
var styles$
|
|
11437
|
-
styleInject(css_248z$
|
|
11476
|
+
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}";
|
|
11477
|
+
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"};
|
|
11478
|
+
styleInject(css_248z$g);
|
|
11438
11479
|
|
|
11439
11480
|
const CssTextField = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
11440
11481
|
'& .MuiInputBase-input': {
|
|
@@ -11565,12 +11606,12 @@ const DatePicker = ({
|
|
|
11565
11606
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
11566
11607
|
adapterLocale: locale === 'enUS' ? enUS.enUS : locale === 'fr' ? fr.fr : locale === 'it' ? it.it : locale === 'de' ? de.de : locale === 'es' ? es.es : enUS.enUS
|
|
11567
11608
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11568
|
-
className: `${styles$
|
|
11609
|
+
className: `${styles$g.date_picker} ${className ? className : undefined}`
|
|
11569
11610
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
11570
11611
|
text: `${topLabel ? topLabel : ''}`,
|
|
11571
11612
|
weight: topLabelWeight || 'bold',
|
|
11572
11613
|
size: topLabelSize || 'base',
|
|
11573
|
-
className: styles$
|
|
11614
|
+
className: styles$g.input_top_label,
|
|
11574
11615
|
required: required
|
|
11575
11616
|
}), /*#__PURE__*/React__default.createElement(DatePicker$1.DatePicker, {
|
|
11576
11617
|
label: label,
|
|
@@ -11615,18 +11656,18 @@ const DatePicker = ({
|
|
|
11615
11656
|
color: "#F54C4C",
|
|
11616
11657
|
italic: true,
|
|
11617
11658
|
text: errorText,
|
|
11618
|
-
className: styles$
|
|
11659
|
+
className: styles$g.text_below
|
|
11619
11660
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
11620
11661
|
size: "xs",
|
|
11621
11662
|
italic: true,
|
|
11622
11663
|
text: helperText,
|
|
11623
|
-
className: styles$
|
|
11664
|
+
className: styles$g.text_below
|
|
11624
11665
|
}))));
|
|
11625
11666
|
};
|
|
11626
11667
|
|
|
11627
|
-
var css_248z$
|
|
11628
|
-
var styles$
|
|
11629
|
-
styleInject(css_248z$
|
|
11668
|
+
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}}";
|
|
11669
|
+
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"};
|
|
11670
|
+
styleInject(css_248z$h);
|
|
11630
11671
|
|
|
11631
11672
|
const HeaderCell = ({
|
|
11632
11673
|
planName,
|
|
@@ -11655,7 +11696,7 @@ const HeaderCell = ({
|
|
|
11655
11696
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
11656
11697
|
};
|
|
11657
11698
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11658
|
-
className: styles$
|
|
11699
|
+
className: styles$h.headerCell
|
|
11659
11700
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11660
11701
|
size: "base",
|
|
11661
11702
|
weight: "semi-bold",
|
|
@@ -11665,7 +11706,7 @@ const HeaderCell = ({
|
|
|
11665
11706
|
weight: "bold",
|
|
11666
11707
|
text: cmsContent.LetsTalk
|
|
11667
11708
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
11668
|
-
className: styles$
|
|
11709
|
+
className: styles$h.priceContainer
|
|
11669
11710
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11670
11711
|
size: "base",
|
|
11671
11712
|
weight: "bold",
|
|
@@ -11687,9 +11728,9 @@ const TableHeader = ({
|
|
|
11687
11728
|
actionsArray
|
|
11688
11729
|
}) => {
|
|
11689
11730
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11690
|
-
className: styles$
|
|
11731
|
+
className: styles$h.tableHeader
|
|
11691
11732
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11692
|
-
className: styles$
|
|
11733
|
+
className: styles$h.headerTitle
|
|
11693
11734
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11694
11735
|
size: "base",
|
|
11695
11736
|
weight: "semi-bold",
|
|
@@ -11714,13 +11755,13 @@ const RowCell = ({
|
|
|
11714
11755
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
11715
11756
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
11716
11757
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11717
|
-
className: styles$
|
|
11758
|
+
className: styles$h.rowCell
|
|
11718
11759
|
}, prefix && /*#__PURE__*/React__default.createElement(Text, {
|
|
11719
11760
|
size: "sm",
|
|
11720
11761
|
weight: "regular",
|
|
11721
11762
|
text: prefix
|
|
11722
11763
|
}), showCheckmark ? /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
11723
|
-
className: styles$
|
|
11764
|
+
className: styles$h.checkedIcon
|
|
11724
11765
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React__default.createElement(Text, {
|
|
11725
11766
|
size: "sm",
|
|
11726
11767
|
weight: "bold",
|
|
@@ -11738,14 +11779,14 @@ const FeatureRow = ({
|
|
|
11738
11779
|
}) => {
|
|
11739
11780
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
11740
11781
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11741
|
-
className: `${styles$
|
|
11782
|
+
className: `${styles$h.featureRow} ${isLastOfTable ? styles$h.lastRow : ''}`
|
|
11742
11783
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11743
|
-
className: styles$
|
|
11784
|
+
className: styles$h.featureName
|
|
11744
11785
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11745
11786
|
size: "sm",
|
|
11746
11787
|
weight: "regular",
|
|
11747
11788
|
text: feature.Name,
|
|
11748
|
-
className: styles$
|
|
11789
|
+
className: styles$h.overflow2Lines
|
|
11749
11790
|
}), feature.TooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
11750
11791
|
tooltipDescription: feature.TooltipDescription,
|
|
11751
11792
|
placement: "right"
|
|
@@ -11753,7 +11794,7 @@ const FeatureRow = ({
|
|
|
11753
11794
|
icon: /*#__PURE__*/React__default.createElement(QuestionCircledIcon, null),
|
|
11754
11795
|
variant: "tertiary",
|
|
11755
11796
|
size: "xxs",
|
|
11756
|
-
className: styles$
|
|
11797
|
+
className: styles$h.tooltipButton
|
|
11757
11798
|
}))), tierList.map((tier, index) => {
|
|
11758
11799
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
11759
11800
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -11771,7 +11812,7 @@ const SectionTitleRow = ({
|
|
|
11771
11812
|
sectionName = ''
|
|
11772
11813
|
}) => {
|
|
11773
11814
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11774
|
-
className: styles$
|
|
11815
|
+
className: styles$h.sectionTitleRow
|
|
11775
11816
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11776
11817
|
size: "sm",
|
|
11777
11818
|
weight: "bold",
|
|
@@ -11785,7 +11826,7 @@ const FeatureGroup = ({
|
|
|
11785
11826
|
isLastGroup
|
|
11786
11827
|
}) => {
|
|
11787
11828
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11788
|
-
className: styles$
|
|
11829
|
+
className: styles$h.featureGroup
|
|
11789
11830
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React__default.createElement(SectionTitleRow, {
|
|
11790
11831
|
sectionName: sectionTitle
|
|
11791
11832
|
}), featureSection.map((feature, index) => {
|
|
@@ -11812,7 +11853,7 @@ const TableBody = ({
|
|
|
11812
11853
|
};
|
|
11813
11854
|
|
|
11814
11855
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11815
|
-
className: styles$
|
|
11856
|
+
className: styles$h.tableBody
|
|
11816
11857
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React__default.createElement(FeatureGroup, {
|
|
11817
11858
|
key: index,
|
|
11818
11859
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -11829,7 +11870,7 @@ const FeaturesTable = ({
|
|
|
11829
11870
|
actionsArray
|
|
11830
11871
|
}) => {
|
|
11831
11872
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11832
|
-
className: styles$
|
|
11873
|
+
className: styles$h.featuresTable
|
|
11833
11874
|
}, /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
11834
11875
|
plans: pricingCards,
|
|
11835
11876
|
cmsContent: cmsContent,
|
|
@@ -11840,9 +11881,9 @@ const FeaturesTable = ({
|
|
|
11840
11881
|
}));
|
|
11841
11882
|
};
|
|
11842
11883
|
|
|
11843
|
-
var css_248z$
|
|
11844
|
-
var styles$
|
|
11845
|
-
styleInject(css_248z$
|
|
11884
|
+
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}";
|
|
11885
|
+
var styles$i = {"file_input_wrapper":"fileinput-modules_file_input_wrapper__zE37e","block":"fileinput-modules_block__aNMrv","cliquable_text":"fileinput-modules_cliquable_text__-xcFl"};
|
|
11886
|
+
styleInject(css_248z$i);
|
|
11846
11887
|
|
|
11847
11888
|
const checkImageResolution = (file, resolution) => {
|
|
11848
11889
|
return new Promise((resolve, reject) => {
|
|
@@ -11899,7 +11940,7 @@ const FileInput = ({
|
|
|
11899
11940
|
}
|
|
11900
11941
|
}, [value]);
|
|
11901
11942
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
11902
|
-
className: `${styles$
|
|
11943
|
+
className: `${styles$i.file_input_wrapper} ${className}`
|
|
11903
11944
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
11904
11945
|
ref: ref,
|
|
11905
11946
|
onChange: onChange,
|
|
@@ -11918,13 +11959,13 @@ const FileInput = ({
|
|
|
11918
11959
|
text: rule,
|
|
11919
11960
|
weight: "regular",
|
|
11920
11961
|
size: "xs",
|
|
11921
|
-
className: styles$
|
|
11962
|
+
className: styles$i.cliquable_text
|
|
11922
11963
|
}));
|
|
11923
11964
|
};
|
|
11924
11965
|
|
|
11925
|
-
var css_248z$
|
|
11926
|
-
var styles$
|
|
11927
|
-
styleInject(css_248z$
|
|
11966
|
+
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}";
|
|
11967
|
+
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"};
|
|
11968
|
+
styleInject(css_248z$j);
|
|
11928
11969
|
|
|
11929
11970
|
/** This text should be use to display basic text
|
|
11930
11971
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11940,48 +11981,48 @@ const FormQuestions = ({
|
|
|
11940
11981
|
nextText
|
|
11941
11982
|
}) => {
|
|
11942
11983
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11943
|
-
className: styles$
|
|
11984
|
+
className: styles$j.formQuestionsContainer
|
|
11944
11985
|
}, /*#__PURE__*/React__default.createElement(LogoNormal, {
|
|
11945
11986
|
style: {
|
|
11946
11987
|
width: '8.64519rem',
|
|
11947
11988
|
height: '2rem'
|
|
11948
11989
|
}
|
|
11949
11990
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11950
|
-
className: styles$
|
|
11991
|
+
className: styles$j.formQuestionsContent
|
|
11951
11992
|
}, hint && /*#__PURE__*/React__default.createElement(SquareText, {
|
|
11952
11993
|
text: hint
|
|
11953
11994
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11954
|
-
className: styles$
|
|
11995
|
+
className: styles$j.questionContainer
|
|
11955
11996
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11956
11997
|
text: question,
|
|
11957
|
-
className: styles$
|
|
11998
|
+
className: styles$j.questionText
|
|
11958
11999
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
11959
12000
|
text: optionText,
|
|
11960
|
-
className: styles$
|
|
12001
|
+
className: styles$j.topText
|
|
11961
12002
|
}), answers.map(answer => /*#__PURE__*/React__default.createElement(QuestionButton, {
|
|
11962
12003
|
text: answer.text,
|
|
11963
12004
|
clicked: answer.isSelected,
|
|
11964
12005
|
onClick: answer.onClick
|
|
11965
12006
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
11966
|
-
className: styles$
|
|
12007
|
+
className: styles$j.buttons
|
|
11967
12008
|
}, backText && /*#__PURE__*/React__default.createElement(Button, {
|
|
11968
12009
|
variant: 'tertiary',
|
|
11969
|
-
className: styles$
|
|
12010
|
+
className: styles$j.backButton,
|
|
11970
12011
|
iconLeft: /*#__PURE__*/React__default.createElement(ArrowPointerLeft, null),
|
|
11971
12012
|
text: backText,
|
|
11972
12013
|
onClick: backAction
|
|
11973
12014
|
}), nextText && /*#__PURE__*/React__default.createElement(Button, {
|
|
11974
12015
|
disabled: answers.every(answer => !answer.isSelected),
|
|
11975
12016
|
text: nextText,
|
|
11976
|
-
className: styles$
|
|
12017
|
+
className: styles$j.nextButton,
|
|
11977
12018
|
iconRight: /*#__PURE__*/React__default.createElement(ArrowPointerRight, null),
|
|
11978
12019
|
onClick: nextAction
|
|
11979
12020
|
}))));
|
|
11980
12021
|
};
|
|
11981
12022
|
|
|
11982
|
-
var css_248z$
|
|
11983
|
-
var styles$
|
|
11984
|
-
styleInject(css_248z$
|
|
12023
|
+
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}";
|
|
12024
|
+
var styles$k = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
12025
|
+
styleInject(css_248z$k);
|
|
11985
12026
|
|
|
11986
12027
|
/** This text should be use to display basic text
|
|
11987
12028
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11993,15 +12034,15 @@ const QuestionButton = ({
|
|
|
11993
12034
|
}) => {
|
|
11994
12035
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11995
12036
|
onClick: onClick,
|
|
11996
|
-
className: `${styles$
|
|
12037
|
+
className: `${styles$k.QuestionButtonContainer} ${clicked ? styles$k.QuestionButtonContainerSelected : ''}`
|
|
11997
12038
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11998
|
-
className: styles$
|
|
12039
|
+
className: styles$k.QuestionButtonText
|
|
11999
12040
|
}, text));
|
|
12000
12041
|
};
|
|
12001
12042
|
|
|
12002
|
-
var css_248z$
|
|
12003
|
-
var styles$
|
|
12004
|
-
styleInject(css_248z$
|
|
12043
|
+
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}";
|
|
12044
|
+
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"};
|
|
12045
|
+
styleInject(css_248z$l);
|
|
12005
12046
|
|
|
12006
12047
|
const Chat = ({
|
|
12007
12048
|
chatTitle,
|
|
@@ -12078,15 +12119,15 @@ const Chat = ({
|
|
|
12078
12119
|
item: true,
|
|
12079
12120
|
xs: 3,
|
|
12080
12121
|
direction: "column",
|
|
12081
|
-
className: `${className ?? ''} ${styles$
|
|
12122
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12082
12123
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12083
|
-
className: `${styles$
|
|
12124
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12084
12125
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12085
12126
|
text: chatTitle,
|
|
12086
12127
|
weight: "bold",
|
|
12087
12128
|
size: "lg"
|
|
12088
12129
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12089
|
-
className: `${styles$
|
|
12130
|
+
className: `${styles$l.tasks_container}
|
|
12090
12131
|
${customScrollingClassname}`
|
|
12091
12132
|
}, tasks.map(task => {
|
|
12092
12133
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
@@ -12137,15 +12178,15 @@ const Chat = ({
|
|
|
12137
12178
|
item: true,
|
|
12138
12179
|
xs: 3,
|
|
12139
12180
|
direction: "column",
|
|
12140
|
-
className: `${className ?? ''} ${styles$
|
|
12181
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12141
12182
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12142
|
-
className: `${styles$
|
|
12183
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12143
12184
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12144
12185
|
text: chatTitle,
|
|
12145
12186
|
weight: "bold",
|
|
12146
12187
|
size: "lg"
|
|
12147
12188
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12148
|
-
className: `${styles$
|
|
12189
|
+
className: `${styles$l.tasks_container}
|
|
12149
12190
|
${customScrollingClassname}`
|
|
12150
12191
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
12151
12192
|
title: welcomeTitle,
|
|
@@ -12153,46 +12194,46 @@ const Chat = ({
|
|
|
12153
12194
|
}), messages && messages.map(message => {
|
|
12154
12195
|
if (message && message.type === 'normal') {
|
|
12155
12196
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
12156
|
-
className: styles$
|
|
12197
|
+
className: styles$l.user_message_container
|
|
12157
12198
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12158
|
-
className: styles$
|
|
12199
|
+
className: styles$l.bot_indicator
|
|
12159
12200
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12160
12201
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12161
12202
|
weight: "bold",
|
|
12162
12203
|
color: "white",
|
|
12163
12204
|
size: "sm"
|
|
12164
12205
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
12165
|
-
className: styles$
|
|
12206
|
+
className: styles$l.message_chatbot
|
|
12166
12207
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12167
|
-
className: styles$
|
|
12208
|
+
className: styles$l.not_user_text_message
|
|
12168
12209
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12169
12210
|
dangerouslySetInnerHTML: {
|
|
12170
12211
|
__html: replaceURLs(message.body) ?? ''
|
|
12171
12212
|
},
|
|
12172
|
-
className: styles$
|
|
12213
|
+
className: styles$l.user_text
|
|
12173
12214
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
12174
12215
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12175
12216
|
size: "xs",
|
|
12176
12217
|
color: "grey",
|
|
12177
|
-
className: styles$
|
|
12218
|
+
className: styles$l.user_text_message_username
|
|
12178
12219
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
12179
|
-
className: styles$
|
|
12220
|
+
className: styles$l.user_message_container
|
|
12180
12221
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12181
|
-
className: styles$
|
|
12222
|
+
className: styles$l.message_chatbot
|
|
12182
12223
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12183
|
-
className: styles$
|
|
12224
|
+
className: styles$l.user_text_message
|
|
12184
12225
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12185
12226
|
dangerouslySetInnerHTML: {
|
|
12186
12227
|
__html: replaceURLs(message.body) ?? ''
|
|
12187
12228
|
},
|
|
12188
|
-
className: styles$
|
|
12229
|
+
className: styles$l.user_text
|
|
12189
12230
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
12190
12231
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12191
12232
|
size: "xs",
|
|
12192
12233
|
color: "grey",
|
|
12193
|
-
className: styles$
|
|
12234
|
+
className: styles$l.user_text_message_username_left
|
|
12194
12235
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
12195
|
-
className: styles$
|
|
12236
|
+
className: styles$l.user_indicator
|
|
12196
12237
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12197
12238
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12198
12239
|
weight: "bold",
|
|
@@ -12210,9 +12251,9 @@ const Chat = ({
|
|
|
12210
12251
|
})));
|
|
12211
12252
|
};
|
|
12212
12253
|
|
|
12213
|
-
var css_248z$
|
|
12214
|
-
var styles$
|
|
12215
|
-
styleInject(css_248z$
|
|
12254
|
+
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}";
|
|
12255
|
+
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"};
|
|
12256
|
+
styleInject(css_248z$m);
|
|
12216
12257
|
|
|
12217
12258
|
const SelfProtocolTaskContainer = ({
|
|
12218
12259
|
smallTitle,
|
|
@@ -12226,7 +12267,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12226
12267
|
isDisplay
|
|
12227
12268
|
}) => {
|
|
12228
12269
|
if (isDisplay) return /*#__PURE__*/React__default.createElement("div", {
|
|
12229
|
-
className: `${styles$
|
|
12270
|
+
className: `${styles$m.selfProtocolTaskContainer} ${isDisabled ? styles$m.disabled : ''}`
|
|
12230
12271
|
}, smallTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
12231
12272
|
text: smallTitle,
|
|
12232
12273
|
size: "xs"
|
|
@@ -12242,7 +12283,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12242
12283
|
text: ctaText,
|
|
12243
12284
|
onClick: () => onClick(),
|
|
12244
12285
|
iconRight: buttonIcon,
|
|
12245
|
-
className: styles$
|
|
12286
|
+
className: styles$m.cta_button,
|
|
12246
12287
|
disabled: isDisabled
|
|
12247
12288
|
}));else return null;
|
|
12248
12289
|
};
|
|
@@ -12304,16 +12345,16 @@ const SelfProtocolManager = ({
|
|
|
12304
12345
|
item: true,
|
|
12305
12346
|
xs: 3,
|
|
12306
12347
|
direction: "column",
|
|
12307
|
-
className: `${className ?? ''} ${styles$
|
|
12348
|
+
className: `${className ?? ''} ${styles$m.chatContainer}`
|
|
12308
12349
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12309
|
-
className: `${styles$
|
|
12350
|
+
className: `${styles$m.scrolling_content} ${styles$m.no_scrollbar} ${customContentClassname}`
|
|
12310
12351
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12311
12352
|
text: texts.generalTitle,
|
|
12312
12353
|
weight: "bold",
|
|
12313
12354
|
size: "lg"
|
|
12314
12355
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12315
|
-
className: `${styles$
|
|
12316
|
-
${customScrollingClassname} ${styles$
|
|
12356
|
+
className: `${styles$m.tasks_container}
|
|
12357
|
+
${customScrollingClassname} ${styles$m.no_scrollbar}`
|
|
12317
12358
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
12318
12359
|
title: texts.welcomeMessageTitle,
|
|
12319
12360
|
description: texts.welcomeMessageDescription
|
|
@@ -12373,9 +12414,9 @@ const SelfProtocolManager = ({
|
|
|
12373
12414
|
}))));
|
|
12374
12415
|
};
|
|
12375
12416
|
|
|
12376
|
-
var css_248z$
|
|
12377
|
-
var styles$
|
|
12378
|
-
styleInject(css_248z$
|
|
12417
|
+
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}";
|
|
12418
|
+
var styles$n = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12419
|
+
styleInject(css_248z$n);
|
|
12379
12420
|
|
|
12380
12421
|
const ChatInput = ({
|
|
12381
12422
|
className,
|
|
@@ -12385,7 +12426,7 @@ const ChatInput = ({
|
|
|
12385
12426
|
placeholder
|
|
12386
12427
|
}) => {
|
|
12387
12428
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12388
|
-
className: `${styles$
|
|
12429
|
+
className: `${styles$n.chat_input_container} ${className ?? ''}`
|
|
12389
12430
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
12390
12431
|
placeholder: placeholder,
|
|
12391
12432
|
value: value ? value : '',
|
|
@@ -12414,9 +12455,9 @@ const ChatInput = ({
|
|
|
12414
12455
|
}));
|
|
12415
12456
|
};
|
|
12416
12457
|
|
|
12417
|
-
var css_248z$
|
|
12418
|
-
var styles$
|
|
12419
|
-
styleInject(css_248z$
|
|
12458
|
+
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}";
|
|
12459
|
+
var styles$o = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12460
|
+
styleInject(css_248z$o);
|
|
12420
12461
|
|
|
12421
12462
|
const CircledIconButton = ({
|
|
12422
12463
|
icon,
|
|
@@ -12426,17 +12467,17 @@ const CircledIconButton = ({
|
|
|
12426
12467
|
...props
|
|
12427
12468
|
}) => {
|
|
12428
12469
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12429
|
-
className: `${styles$
|
|
12470
|
+
className: `${styles$o.circle_icon_button} ${className ?? ''} ${isActive ? styles$o.active : ''}`
|
|
12430
12471
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12431
|
-
className: styles$
|
|
12472
|
+
className: styles$o.notif_icon,
|
|
12432
12473
|
stroke: colors.black,
|
|
12433
12474
|
fill: colors.red_500
|
|
12434
12475
|
}));
|
|
12435
12476
|
};
|
|
12436
12477
|
|
|
12437
|
-
var css_248z$
|
|
12438
|
-
var styles$
|
|
12439
|
-
styleInject(css_248z$
|
|
12478
|
+
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}";
|
|
12479
|
+
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"};
|
|
12480
|
+
styleInject(css_248z$p);
|
|
12440
12481
|
|
|
12441
12482
|
const ControlsBar = ({
|
|
12442
12483
|
className,
|
|
@@ -12478,7 +12519,7 @@ const ControlsBar = ({
|
|
|
12478
12519
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
12479
12520
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
12480
12521
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12481
|
-
className: `${styles$
|
|
12522
|
+
className: `${styles$p.control_bar} ${className ?? ''}`
|
|
12482
12523
|
}, props), enableMicrophone && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12483
12524
|
icon: isMicrophoneActive ? /*#__PURE__*/React__default.createElement(MicrophoneIcon, null) : /*#__PURE__*/React__default.createElement(NoMicrophoneIcon, null),
|
|
12484
12525
|
onClick: () => {
|
|
@@ -12494,11 +12535,11 @@ const ControlsBar = ({
|
|
|
12494
12535
|
}
|
|
12495
12536
|
}
|
|
12496
12537
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12497
|
-
className: styles$
|
|
12538
|
+
className: styles$p.separator
|
|
12498
12539
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React__default.createElement("button", {
|
|
12499
12540
|
ref: setAnchorEl,
|
|
12500
12541
|
disabled: disabledRecording,
|
|
12501
|
-
className: styles$
|
|
12542
|
+
className: styles$p.record_btn,
|
|
12502
12543
|
onClick: () => {
|
|
12503
12544
|
if (!isRecording && startRecording) startRecording();
|
|
12504
12545
|
if (isRecording) {
|
|
@@ -12525,7 +12566,7 @@ const ControlsBar = ({
|
|
|
12525
12566
|
icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
|
|
12526
12567
|
onClick: () => enableScreenSharing()
|
|
12527
12568
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12528
|
-
className: styles$
|
|
12569
|
+
className: styles$p.separator
|
|
12529
12570
|
}), isInterviewer ? /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
12530
12571
|
text: protocolText,
|
|
12531
12572
|
variant: "protocol",
|
|
@@ -12550,7 +12591,7 @@ const ControlsBar = ({
|
|
|
12550
12591
|
isNotif: isNewTask
|
|
12551
12592
|
}), isModerated && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12552
12593
|
icon: /*#__PURE__*/React__default.createElement(ChatBubbleIcon, null),
|
|
12553
|
-
className: styles$
|
|
12594
|
+
className: styles$p.chatBubbleIcon,
|
|
12554
12595
|
onClick: () => {
|
|
12555
12596
|
if (displayChat) displayChat();
|
|
12556
12597
|
},
|
|
@@ -12572,17 +12613,17 @@ const ControlsBar = ({
|
|
|
12572
12613
|
transform: 'translate(0px, -28px)'
|
|
12573
12614
|
}
|
|
12574
12615
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12575
|
-
className: styles$
|
|
12616
|
+
className: styles$p.stop_rec_popover
|
|
12576
12617
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12577
12618
|
text: stopRecPopoverTitle ?? '',
|
|
12578
|
-
className: styles$
|
|
12619
|
+
className: styles$p.stop_rec_popover_title,
|
|
12579
12620
|
size: "sm"
|
|
12580
12621
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12581
12622
|
text: stopRecPopoverDescription ?? '',
|
|
12582
|
-
className: styles$
|
|
12623
|
+
className: styles$p.stop_rec_popover_description,
|
|
12583
12624
|
size: "sm"
|
|
12584
12625
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12585
|
-
className: styles$
|
|
12626
|
+
className: styles$p.stop_rec_popover_actions
|
|
12586
12627
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
12587
12628
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12588
12629
|
variant: "tertiary",
|
|
@@ -12602,9 +12643,9 @@ const ControlsBar = ({
|
|
|
12602
12643
|
})))));
|
|
12603
12644
|
};
|
|
12604
12645
|
|
|
12605
|
-
var css_248z$
|
|
12606
|
-
var styles$
|
|
12607
|
-
styleInject(css_248z$
|
|
12646
|
+
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}";
|
|
12647
|
+
var styles$q = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12648
|
+
styleInject(css_248z$q);
|
|
12608
12649
|
|
|
12609
12650
|
const EndRecording = ({
|
|
12610
12651
|
stopRecTitle,
|
|
@@ -12615,7 +12656,7 @@ const EndRecording = ({
|
|
|
12615
12656
|
stopRecording
|
|
12616
12657
|
}) => {
|
|
12617
12658
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12618
|
-
className: styles$
|
|
12659
|
+
className: styles$q.stop_rec_container
|
|
12619
12660
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12620
12661
|
text: stopRecTitle ?? '',
|
|
12621
12662
|
weight: "bold"
|
|
@@ -12638,9 +12679,9 @@ const EndRecording = ({
|
|
|
12638
12679
|
}));
|
|
12639
12680
|
};
|
|
12640
12681
|
|
|
12641
|
-
var css_248z$
|
|
12642
|
-
var styles$
|
|
12643
|
-
styleInject(css_248z$
|
|
12682
|
+
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}";
|
|
12683
|
+
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"};
|
|
12684
|
+
styleInject(css_248z$r);
|
|
12644
12685
|
|
|
12645
12686
|
const InterviewButton = ({
|
|
12646
12687
|
icon,
|
|
@@ -12653,25 +12694,25 @@ const InterviewButton = ({
|
|
|
12653
12694
|
...props
|
|
12654
12695
|
}) => {
|
|
12655
12696
|
const defineVariantStyle = () => {
|
|
12656
|
-
if (variant === 'protocol') return styles$
|
|
12697
|
+
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
12698
|
};
|
|
12658
12699
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12659
|
-
className: `${styles$
|
|
12660
|
-
${disabled ? styles$
|
|
12700
|
+
className: `${styles$r.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$r.active : ''}
|
|
12701
|
+
${disabled ? styles$r.disabled : ''}`
|
|
12661
12702
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), /*#__PURE__*/React__default.createElement(Text, {
|
|
12662
12703
|
text: text,
|
|
12663
12704
|
size: "base",
|
|
12664
12705
|
weight: "semi-bold"
|
|
12665
12706
|
}), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12666
|
-
className: styles$
|
|
12707
|
+
className: styles$r.notif_icon,
|
|
12667
12708
|
stroke: colors.black,
|
|
12668
12709
|
fill: colors.red_500
|
|
12669
12710
|
}));
|
|
12670
12711
|
};
|
|
12671
12712
|
|
|
12672
|
-
var css_248z$
|
|
12673
|
-
var styles$
|
|
12674
|
-
styleInject(css_248z$
|
|
12713
|
+
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}";
|
|
12714
|
+
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"};
|
|
12715
|
+
styleInject(css_248z$s);
|
|
12675
12716
|
|
|
12676
12717
|
const MarkUpBar = ({
|
|
12677
12718
|
className,
|
|
@@ -12680,35 +12721,35 @@ const MarkUpBar = ({
|
|
|
12680
12721
|
...props
|
|
12681
12722
|
}) => {
|
|
12682
12723
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12683
|
-
className: `${styles$
|
|
12724
|
+
className: `${styles$s.markup_bar} ${className ?? ''}`
|
|
12684
12725
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12685
|
-
className: styles$
|
|
12726
|
+
className: styles$s.smiley_list
|
|
12686
12727
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
12687
|
-
className: `${styles$
|
|
12728
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12688
12729
|
disabled: disabled,
|
|
12689
12730
|
onClick: () => {
|
|
12690
12731
|
if (!disabled) onClick('Q');
|
|
12691
12732
|
}
|
|
12692
12733
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React__default.createElement("button", {
|
|
12693
|
-
className: `${styles$
|
|
12734
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12694
12735
|
disabled: disabled,
|
|
12695
12736
|
onClick: () => {
|
|
12696
12737
|
if (!disabled) onClick('W');
|
|
12697
12738
|
}
|
|
12698
12739
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React__default.createElement("button", {
|
|
12699
|
-
className: `${styles$
|
|
12740
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12700
12741
|
disabled: disabled,
|
|
12701
12742
|
onClick: () => {
|
|
12702
12743
|
if (!disabled) onClick('E');
|
|
12703
12744
|
}
|
|
12704
12745
|
}, "\uD83D\uDE21"), /*#__PURE__*/React__default.createElement("button", {
|
|
12705
|
-
className: `${styles$
|
|
12746
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12706
12747
|
disabled: disabled,
|
|
12707
12748
|
onClick: () => {
|
|
12708
12749
|
if (!disabled) onClick('R');
|
|
12709
12750
|
}
|
|
12710
12751
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React__default.createElement("button", {
|
|
12711
|
-
className: `${styles$
|
|
12752
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12712
12753
|
disabled: disabled,
|
|
12713
12754
|
onClick: () => {
|
|
12714
12755
|
if (!disabled) onClick('T');
|
|
@@ -12716,9 +12757,9 @@ const MarkUpBar = ({
|
|
|
12716
12757
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12717
12758
|
};
|
|
12718
12759
|
|
|
12719
|
-
var css_248z$
|
|
12720
|
-
var styles$
|
|
12721
|
-
styleInject(css_248z$
|
|
12760
|
+
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%}";
|
|
12761
|
+
var styles$t = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12762
|
+
styleInject(css_248z$t);
|
|
12722
12763
|
|
|
12723
12764
|
const Scenario = ({
|
|
12724
12765
|
title,
|
|
@@ -12732,18 +12773,18 @@ const Scenario = ({
|
|
|
12732
12773
|
...props
|
|
12733
12774
|
}) => {
|
|
12734
12775
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12735
|
-
className: styles$
|
|
12776
|
+
className: styles$t.start_interview_container
|
|
12736
12777
|
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
12737
12778
|
text: title,
|
|
12738
12779
|
size: "xs"
|
|
12739
12780
|
}), scenarioName && /*#__PURE__*/React__default.createElement(Text, {
|
|
12740
12781
|
text: scenarioName,
|
|
12741
12782
|
weight: "bold",
|
|
12742
|
-
className: styles$
|
|
12783
|
+
className: styles$t.name
|
|
12743
12784
|
}), description && /*#__PURE__*/React__default.createElement(Text, {
|
|
12744
12785
|
text: description,
|
|
12745
12786
|
size: "sm",
|
|
12746
|
-
className: styles$
|
|
12787
|
+
className: styles$t.description
|
|
12747
12788
|
}), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
12748
12789
|
text: buttonText,
|
|
12749
12790
|
iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
@@ -12752,16 +12793,16 @@ const Scenario = ({
|
|
|
12752
12793
|
}));
|
|
12753
12794
|
};
|
|
12754
12795
|
|
|
12755
|
-
var css_248z$
|
|
12756
|
-
var styles$
|
|
12757
|
-
styleInject(css_248z$
|
|
12796
|
+
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}";
|
|
12797
|
+
var styles$u = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12798
|
+
styleInject(css_248z$u);
|
|
12758
12799
|
|
|
12759
12800
|
const SusExplanation = ({
|
|
12760
12801
|
title,
|
|
12761
12802
|
description
|
|
12762
12803
|
}) => {
|
|
12763
12804
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12764
|
-
className: styles$
|
|
12805
|
+
className: styles$u.sus_explanation
|
|
12765
12806
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12766
12807
|
text: title ?? '',
|
|
12767
12808
|
weight: "bold"
|
|
@@ -12771,9 +12812,9 @@ const SusExplanation = ({
|
|
|
12771
12812
|
}));
|
|
12772
12813
|
};
|
|
12773
12814
|
|
|
12774
|
-
var css_248z$
|
|
12775
|
-
var styles$
|
|
12776
|
-
styleInject(css_248z$
|
|
12815
|
+
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}";
|
|
12816
|
+
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"};
|
|
12817
|
+
styleInject(css_248z$v);
|
|
12777
12818
|
|
|
12778
12819
|
const Task = ({
|
|
12779
12820
|
taskNumber,
|
|
@@ -12808,35 +12849,35 @@ const Task = ({
|
|
|
12808
12849
|
setOpen(true);
|
|
12809
12850
|
};
|
|
12810
12851
|
const getContainerStyle = () => {
|
|
12811
|
-
if (state === 'active') return styles$
|
|
12852
|
+
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
12853
|
};
|
|
12813
12854
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12814
12855
|
if (state === 'active') return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12815
12856
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12816
12857
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12817
|
-
className: styles$
|
|
12858
|
+
className: styles$v.header
|
|
12818
12859
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12819
|
-
className: isInterviewer ? styles$
|
|
12860
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12820
12861
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12821
12862
|
text: taskNumber,
|
|
12822
12863
|
color: '#26292E',
|
|
12823
12864
|
size: "xs"
|
|
12824
12865
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12825
|
-
className: styles$
|
|
12866
|
+
className: styles$v.header_right
|
|
12826
12867
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, null))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
12827
|
-
className: styles$
|
|
12868
|
+
className: styles$v.taskContent
|
|
12828
12869
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12829
12870
|
text: taskTitle,
|
|
12830
12871
|
size: "sm",
|
|
12831
12872
|
weight: "bold"
|
|
12832
12873
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12833
|
-
className: styles$
|
|
12874
|
+
className: styles$v.urlButton,
|
|
12834
12875
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12835
12876
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12836
12877
|
fill: "#fafafa",
|
|
12837
12878
|
stroke: "#fafafa"
|
|
12838
12879
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12839
|
-
className: styles$
|
|
12880
|
+
className: styles$v.notesContainer
|
|
12840
12881
|
}, noteText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12841
12882
|
text: noteText,
|
|
12842
12883
|
size: "xs",
|
|
@@ -12845,13 +12886,13 @@ const Task = ({
|
|
|
12845
12886
|
text: notes,
|
|
12846
12887
|
size: "sm"
|
|
12847
12888
|
}))), areActionsDisplay && /*#__PURE__*/React__default.createElement("div", {
|
|
12848
|
-
className: styles$
|
|
12889
|
+
className: styles$v.taskContent
|
|
12849
12890
|
}, actionText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12850
12891
|
text: actionText,
|
|
12851
12892
|
size: "xs",
|
|
12852
12893
|
italic: true
|
|
12853
12894
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12854
|
-
className: styles$
|
|
12895
|
+
className: styles$v.actionBtnsContainer
|
|
12855
12896
|
}, action1 && iconAction1 && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
12856
12897
|
onClick: action1,
|
|
12857
12898
|
icon: iconAction1
|
|
@@ -12874,7 +12915,7 @@ const Task = ({
|
|
|
12874
12915
|
arrow: true,
|
|
12875
12916
|
placement: "left",
|
|
12876
12917
|
title: /*#__PURE__*/React__default.createElement("div", {
|
|
12877
|
-
className: styles$
|
|
12918
|
+
className: styles$v.taskPopover
|
|
12878
12919
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12879
12920
|
text: taskNumber,
|
|
12880
12921
|
color: '#64666A',
|
|
@@ -12883,15 +12924,15 @@ const Task = ({
|
|
|
12883
12924
|
text: taskTitle,
|
|
12884
12925
|
size: "sm",
|
|
12885
12926
|
weight: "bold",
|
|
12886
|
-
className: styles$
|
|
12927
|
+
className: styles$v.title
|
|
12887
12928
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12888
|
-
className: styles$
|
|
12929
|
+
className: styles$v.urlButton,
|
|
12889
12930
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12890
12931
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12891
12932
|
fill: "#fafafa",
|
|
12892
12933
|
stroke: "#fafafa"
|
|
12893
12934
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12894
|
-
className: styles$
|
|
12935
|
+
className: styles$v.notesContainer
|
|
12895
12936
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12896
12937
|
text: "Notes",
|
|
12897
12938
|
size: "xs",
|
|
@@ -12925,9 +12966,9 @@ const Task = ({
|
|
|
12925
12966
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12926
12967
|
ref: taskRef
|
|
12927
12968
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12928
|
-
className: styles$
|
|
12969
|
+
className: styles$v.header
|
|
12929
12970
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12930
|
-
className: isInterviewer ? styles$
|
|
12971
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12931
12972
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12932
12973
|
text: taskNumber,
|
|
12933
12974
|
color: '#64666A',
|
|
@@ -12936,9 +12977,9 @@ const Task = ({
|
|
|
12936
12977
|
text: taskTitle,
|
|
12937
12978
|
size: "sm",
|
|
12938
12979
|
weight: "bold",
|
|
12939
|
-
className: styles$
|
|
12980
|
+
className: styles$v.title
|
|
12940
12981
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12941
|
-
className: `${styles$
|
|
12982
|
+
className: `${styles$v.header_right} ${state === 'idle' && styles$v.clickable}`,
|
|
12942
12983
|
onClick: () => {
|
|
12943
12984
|
if (state === 'idle') {
|
|
12944
12985
|
sendTask(task);
|
|
@@ -12950,9 +12991,9 @@ const Task = ({
|
|
|
12950
12991
|
}, isDone ? /*#__PURE__*/React__default.createElement(CheckedIcon, null) : /*#__PURE__*/React__default.createElement(SendIcon, null))))));
|
|
12951
12992
|
};
|
|
12952
12993
|
|
|
12953
|
-
var css_248z$
|
|
12954
|
-
var styles$
|
|
12955
|
-
styleInject(css_248z$
|
|
12994
|
+
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}";
|
|
12995
|
+
var styles$w = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
12996
|
+
styleInject(css_248z$w);
|
|
12956
12997
|
|
|
12957
12998
|
const WelcomeMessage = ({
|
|
12958
12999
|
title,
|
|
@@ -12961,23 +13002,23 @@ const WelcomeMessage = ({
|
|
|
12961
13002
|
...props
|
|
12962
13003
|
}) => {
|
|
12963
13004
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12964
|
-
className: styles$
|
|
13005
|
+
className: styles$w.welcome_container
|
|
12965
13006
|
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
12966
13007
|
text: title,
|
|
12967
13008
|
weight: "bold",
|
|
12968
13009
|
size: "base",
|
|
12969
|
-
className: styles$
|
|
13010
|
+
className: styles$w.welcome_title
|
|
12970
13011
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12971
13012
|
dangerouslySetInnerHTML: {
|
|
12972
13013
|
__html: description
|
|
12973
13014
|
},
|
|
12974
|
-
className: styles$
|
|
13015
|
+
className: styles$w.welcome_description
|
|
12975
13016
|
}));
|
|
12976
13017
|
};
|
|
12977
13018
|
|
|
12978
|
-
var css_248z$
|
|
12979
|
-
var styles$
|
|
12980
|
-
styleInject(css_248z$
|
|
13019
|
+
var css_248z$x = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
13020
|
+
var styles$x = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
13021
|
+
styleInject(css_248z$x);
|
|
12981
13022
|
|
|
12982
13023
|
const partnersSVGs = {
|
|
12983
13024
|
'1': Partner1,
|
|
@@ -12996,7 +13037,7 @@ const LogoSlider = ({
|
|
|
12996
13037
|
}) => {
|
|
12997
13038
|
const partners = Object.keys(partnersSVGs);
|
|
12998
13039
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12999
|
-
className: styles$
|
|
13040
|
+
className: styles$x.logoSlider
|
|
13000
13041
|
}, /*#__PURE__*/React__default.createElement(Marquee, {
|
|
13001
13042
|
speed: 50
|
|
13002
13043
|
}, partners.map((partner, index) => {
|
|
@@ -13011,9 +13052,9 @@ const LogoSlider = ({
|
|
|
13011
13052
|
})));
|
|
13012
13053
|
};
|
|
13013
13054
|
|
|
13014
|
-
var css_248z$
|
|
13015
|
-
var styles$
|
|
13016
|
-
styleInject(css_248z$
|
|
13055
|
+
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%}";
|
|
13056
|
+
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"};
|
|
13057
|
+
styleInject(css_248z$y);
|
|
13017
13058
|
|
|
13018
13059
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
13019
13060
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -13052,20 +13093,20 @@ const Modal = ({
|
|
|
13052
13093
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
13053
13094
|
"aria-labelledby": "transition-modal-title",
|
|
13054
13095
|
"aria-describedby": "transition-modal-description",
|
|
13055
|
-
className: `${styles$
|
|
13096
|
+
className: `${styles$y.modal_overlay} ${className ?? ''}`,
|
|
13056
13097
|
open: open,
|
|
13057
13098
|
onClose: onClose,
|
|
13058
13099
|
closeAfterTransition: true
|
|
13059
13100
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
13060
13101
|
in: open
|
|
13061
13102
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13062
|
-
className: styles$
|
|
13103
|
+
className: styles$y.modal_content,
|
|
13063
13104
|
style: {
|
|
13064
13105
|
width: width ?? '21rem',
|
|
13065
13106
|
height: height ?? 'fit-content'
|
|
13066
13107
|
}
|
|
13067
13108
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13068
|
-
className: `${styles$
|
|
13109
|
+
className: `${styles$y.modal_header}`
|
|
13069
13110
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
13070
13111
|
text: title,
|
|
13071
13112
|
weight: "bold",
|
|
@@ -13077,7 +13118,7 @@ const Modal = ({
|
|
|
13077
13118
|
}),
|
|
13078
13119
|
onClick: () => onClose()
|
|
13079
13120
|
})), children, /*#__PURE__*/React__default.createElement("div", {
|
|
13080
|
-
className: styles$
|
|
13121
|
+
className: styles$y.modal_buttons_container
|
|
13081
13122
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
13082
13123
|
text: cancelText,
|
|
13083
13124
|
variant: cancelBtnVariant,
|
|
@@ -13091,19 +13132,19 @@ const Modal = ({
|
|
|
13091
13132
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
13092
13133
|
"aria-labelledby": "transition-modal-title",
|
|
13093
13134
|
"aria-describedby": "transition-modal-description",
|
|
13094
|
-
className: `${styles$
|
|
13135
|
+
className: `${styles$y.modal} ${className}`,
|
|
13095
13136
|
open: open,
|
|
13096
13137
|
onClose: onClose,
|
|
13097
13138
|
closeAfterTransition: true
|
|
13098
13139
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
13099
13140
|
in: open
|
|
13100
13141
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13101
|
-
className: styles$
|
|
13142
|
+
className: styles$y.modal_content,
|
|
13102
13143
|
style: {
|
|
13103
13144
|
width: width ?? '65rem'
|
|
13104
13145
|
}
|
|
13105
13146
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
13106
|
-
className: `${styles$
|
|
13147
|
+
className: `${styles$y.modal_header}`
|
|
13107
13148
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
13108
13149
|
text: title,
|
|
13109
13150
|
weight: "semi-bold",
|
|
@@ -13115,7 +13156,7 @@ const Modal = ({
|
|
|
13115
13156
|
}),
|
|
13116
13157
|
onClick: () => onClose()
|
|
13117
13158
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React__default.createElement("div", {
|
|
13118
|
-
className: styles$
|
|
13159
|
+
className: styles$y.modal_buttons_container
|
|
13119
13160
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
13120
13161
|
text: cancelText,
|
|
13121
13162
|
variant: cancelBtnVariant,
|
|
@@ -13128,9 +13169,9 @@ const Modal = ({
|
|
|
13128
13169
|
}
|
|
13129
13170
|
};
|
|
13130
13171
|
|
|
13131
|
-
var css_248z$
|
|
13132
|
-
var styles$
|
|
13133
|
-
styleInject(css_248z$
|
|
13172
|
+
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}";
|
|
13173
|
+
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"};
|
|
13174
|
+
styleInject(css_248z$z);
|
|
13134
13175
|
|
|
13135
13176
|
const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13136
13177
|
const CssTextField$1 = /*#__PURE__*/styles$15.styled(TextField)({
|
|
@@ -13268,7 +13309,7 @@ const MultiSelect = ({
|
|
|
13268
13309
|
text: `${topLabel ? topLabel : ''}`,
|
|
13269
13310
|
weight: topLabelWeight || 'bold',
|
|
13270
13311
|
size: topLabelSize || 'base',
|
|
13271
|
-
className: styles$
|
|
13312
|
+
className: styles$z.input_top_label,
|
|
13272
13313
|
required: required
|
|
13273
13314
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
13274
13315
|
id: "tags-standard",
|
|
@@ -13312,7 +13353,7 @@ const MultiSelect = ({
|
|
|
13312
13353
|
})),
|
|
13313
13354
|
renderTags: value => {
|
|
13314
13355
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13315
|
-
className: `${styles$
|
|
13356
|
+
className: `${styles$z.tags_container} ${styles$z.no_scrollbar}`
|
|
13316
13357
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
|
|
13317
13358
|
text: option.label,
|
|
13318
13359
|
status: "idle",
|
|
@@ -13346,13 +13387,13 @@ const MultiSelect = ({
|
|
|
13346
13387
|
},
|
|
13347
13388
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13348
13389
|
fill: "black",
|
|
13349
|
-
className: `${styles$
|
|
13390
|
+
className: `${styles$z.icon}`
|
|
13350
13391
|
}),
|
|
13351
13392
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13352
13393
|
fill: "black",
|
|
13353
|
-
className: `${styles$
|
|
13394
|
+
className: `${styles$z.icon}`
|
|
13354
13395
|
}),
|
|
13355
|
-
className: `${styles$
|
|
13396
|
+
className: `${styles$z.newAutocomplete}`,
|
|
13356
13397
|
filterOptions: (options, params) => {
|
|
13357
13398
|
const filtered = filter(options, params);
|
|
13358
13399
|
const {
|
|
@@ -13373,18 +13414,18 @@ const MultiSelect = ({
|
|
|
13373
13414
|
color: "#F54C4C",
|
|
13374
13415
|
italic: true,
|
|
13375
13416
|
text: errorText,
|
|
13376
|
-
className: styles$
|
|
13417
|
+
className: styles$z.text_below
|
|
13377
13418
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13378
13419
|
size: "xs",
|
|
13379
13420
|
italic: true,
|
|
13380
13421
|
text: helperText,
|
|
13381
|
-
className: styles$
|
|
13422
|
+
className: styles$z.text_below
|
|
13382
13423
|
}));
|
|
13383
13424
|
};
|
|
13384
13425
|
|
|
13385
|
-
var css_248z$
|
|
13386
|
-
var styles$
|
|
13387
|
-
styleInject(css_248z$
|
|
13426
|
+
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}";
|
|
13427
|
+
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"};
|
|
13428
|
+
styleInject(css_248z$A);
|
|
13388
13429
|
|
|
13389
13430
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
13390
13431
|
const GroupHeader = /*#__PURE__*/styles$15.styled('div')(() => ({
|
|
@@ -13535,7 +13576,7 @@ const MultiSelectWithCategories = ({
|
|
|
13535
13576
|
text: `${topLabel ? topLabel : ''}`,
|
|
13536
13577
|
weight: topLabelWeight || 'bold',
|
|
13537
13578
|
size: topLabelSize || 'base',
|
|
13538
|
-
className: styles$
|
|
13579
|
+
className: styles$A.input_top_label,
|
|
13539
13580
|
required: required
|
|
13540
13581
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
13541
13582
|
id: "tags-standard",
|
|
@@ -13583,7 +13624,7 @@ const MultiSelectWithCategories = ({
|
|
|
13583
13624
|
})),
|
|
13584
13625
|
renderTags: value => {
|
|
13585
13626
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13586
|
-
className: `${styles$
|
|
13627
|
+
className: `${styles$A.tags_container} ${styles$A.no_scrollbar}`
|
|
13587
13628
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Badge, {
|
|
13588
13629
|
text: option.label,
|
|
13589
13630
|
status: "idle",
|
|
@@ -13617,13 +13658,13 @@ const MultiSelectWithCategories = ({
|
|
|
13617
13658
|
},
|
|
13618
13659
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13619
13660
|
fill: "black",
|
|
13620
|
-
className: `${styles$
|
|
13661
|
+
className: `${styles$A.icon}`
|
|
13621
13662
|
}),
|
|
13622
13663
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13623
13664
|
fill: "black",
|
|
13624
|
-
className: `${styles$
|
|
13665
|
+
className: `${styles$A.icon}`
|
|
13625
13666
|
}),
|
|
13626
|
-
className: `${styles$
|
|
13667
|
+
className: `${styles$A.newAutocomplete}`,
|
|
13627
13668
|
filterOptions: (options, params) => {
|
|
13628
13669
|
const filtered = filter$1(options, params);
|
|
13629
13670
|
const {
|
|
@@ -13644,18 +13685,18 @@ const MultiSelectWithCategories = ({
|
|
|
13644
13685
|
color: "#F54C4C",
|
|
13645
13686
|
italic: true,
|
|
13646
13687
|
text: errorText,
|
|
13647
|
-
className: styles$
|
|
13688
|
+
className: styles$A.text_below
|
|
13648
13689
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13649
13690
|
size: "xs",
|
|
13650
13691
|
italic: true,
|
|
13651
13692
|
text: helperText,
|
|
13652
|
-
className: styles$
|
|
13693
|
+
className: styles$A.text_below
|
|
13653
13694
|
}));
|
|
13654
13695
|
};
|
|
13655
13696
|
|
|
13656
|
-
var css_248z$
|
|
13657
|
-
var styles$
|
|
13658
|
-
styleInject(css_248z$
|
|
13697
|
+
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)}";
|
|
13698
|
+
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"};
|
|
13699
|
+
styleInject(css_248z$B);
|
|
13659
13700
|
|
|
13660
13701
|
/**
|
|
13661
13702
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13710,41 +13751,41 @@ const Banner = ({
|
|
|
13710
13751
|
};
|
|
13711
13752
|
const getBannerColor = () => {
|
|
13712
13753
|
if (type === 'error') {
|
|
13713
|
-
return styles$
|
|
13754
|
+
return styles$B.notification_banner_error;
|
|
13714
13755
|
} else if (type === 'warning') {
|
|
13715
|
-
return styles$
|
|
13756
|
+
return styles$B.notification_banner_warning;
|
|
13716
13757
|
} else if (type === 'success') {
|
|
13717
|
-
return styles$
|
|
13758
|
+
return styles$B.notification_banner_success;
|
|
13718
13759
|
} else {
|
|
13719
|
-
return styles$
|
|
13760
|
+
return styles$B.notification_banner_info;
|
|
13720
13761
|
}
|
|
13721
13762
|
};
|
|
13722
13763
|
const getIconButtonColor = () => {
|
|
13723
13764
|
if (type === 'error') {
|
|
13724
|
-
return styles$
|
|
13765
|
+
return styles$B.icon_button_error;
|
|
13725
13766
|
} else if (type === 'warning') {
|
|
13726
|
-
return styles$
|
|
13767
|
+
return styles$B.icon_button_warning;
|
|
13727
13768
|
} else if (type === 'success') {
|
|
13728
|
-
return styles$
|
|
13769
|
+
return styles$B.icon_button_success;
|
|
13729
13770
|
} else {
|
|
13730
|
-
return styles$
|
|
13771
|
+
return styles$B.icon_button_info;
|
|
13731
13772
|
}
|
|
13732
13773
|
};
|
|
13733
13774
|
const getContentColor = () => {
|
|
13734
13775
|
if (type === 'error') {
|
|
13735
|
-
return styles$
|
|
13776
|
+
return styles$B.banner_content_error;
|
|
13736
13777
|
} else if (type === 'warning') {
|
|
13737
|
-
return styles$
|
|
13778
|
+
return styles$B.banner_content_warning;
|
|
13738
13779
|
} else if (type === 'success') {
|
|
13739
|
-
return styles$
|
|
13780
|
+
return styles$B.banner_content_success;
|
|
13740
13781
|
} else {
|
|
13741
|
-
return styles$
|
|
13782
|
+
return styles$B.banner_content_info;
|
|
13742
13783
|
}
|
|
13743
13784
|
};
|
|
13744
13785
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13745
|
-
className: `${styles$
|
|
13786
|
+
className: `${styles$B.notification_banner} ${getBannerColor()} ${className}`
|
|
13746
13787
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13747
|
-
className: styles$
|
|
13788
|
+
className: styles$B.notification_banner_header
|
|
13748
13789
|
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
13749
13790
|
text: title,
|
|
13750
13791
|
weight: "semi-bold",
|
|
@@ -13757,7 +13798,7 @@ const Banner = ({
|
|
|
13757
13798
|
},
|
|
13758
13799
|
size: "xs",
|
|
13759
13800
|
variant: "tertiary",
|
|
13760
|
-
className: `${styles$
|
|
13801
|
+
className: `${styles$B.icon_btn_custom} ${getIconButtonColor()}`
|
|
13761
13802
|
})), content && /*#__PURE__*/React__default.createElement("div", {
|
|
13762
13803
|
dangerouslySetInnerHTML: {
|
|
13763
13804
|
__html: content
|
|
@@ -13787,9 +13828,9 @@ const NotificationIcon = ({
|
|
|
13787
13828
|
});
|
|
13788
13829
|
};
|
|
13789
13830
|
|
|
13790
|
-
var css_248z$
|
|
13791
|
-
var styles$
|
|
13792
|
-
styleInject(css_248z$
|
|
13831
|
+
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}";
|
|
13832
|
+
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"};
|
|
13833
|
+
styleInject(css_248z$C);
|
|
13793
13834
|
|
|
13794
13835
|
/**
|
|
13795
13836
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13816,30 +13857,30 @@ const Toast = ({
|
|
|
13816
13857
|
};
|
|
13817
13858
|
const getCloseBtnStyleByType = () => {
|
|
13818
13859
|
if (type === 'error') {
|
|
13819
|
-
return styles$
|
|
13860
|
+
return styles$C.close_toast_btn_error;
|
|
13820
13861
|
} else if (type === 'warning') {
|
|
13821
|
-
return styles$
|
|
13862
|
+
return styles$C.close_toast_btn_warning;
|
|
13822
13863
|
} else if (type === 'success') {
|
|
13823
|
-
return styles$
|
|
13864
|
+
return styles$C.close_toast_btn_success;
|
|
13824
13865
|
} else {
|
|
13825
|
-
return styles$
|
|
13866
|
+
return styles$C.close_toast_btn_info;
|
|
13826
13867
|
}
|
|
13827
13868
|
};
|
|
13828
13869
|
const getToastStyleByType = () => {
|
|
13829
13870
|
if (type === 'error') {
|
|
13830
|
-
return styles$
|
|
13871
|
+
return styles$C.notification_toast_error;
|
|
13831
13872
|
} else if (type === 'warning') {
|
|
13832
|
-
return styles$
|
|
13873
|
+
return styles$C.notification_toast_warning;
|
|
13833
13874
|
} else if (type === 'success') {
|
|
13834
|
-
return styles$
|
|
13875
|
+
return styles$C.notification_toast_success;
|
|
13835
13876
|
} else {
|
|
13836
|
-
return styles$
|
|
13877
|
+
return styles$C.notification_toast_info;
|
|
13837
13878
|
}
|
|
13838
13879
|
};
|
|
13839
13880
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13840
|
-
className: `${styles$
|
|
13881
|
+
className: `${styles$C.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13841
13882
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13842
|
-
className: styles$
|
|
13883
|
+
className: styles$C.notification_toast_content
|
|
13843
13884
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
13844
13885
|
text: content,
|
|
13845
13886
|
weight: "regular",
|
|
@@ -13848,17 +13889,17 @@ const Toast = ({
|
|
|
13848
13889
|
}), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
|
|
13849
13890
|
text: textLink,
|
|
13850
13891
|
link: link,
|
|
13851
|
-
className: styles$
|
|
13892
|
+
className: styles$C.toast_link
|
|
13852
13893
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
13853
|
-
className: `${styles$
|
|
13894
|
+
className: `${styles$C.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13854
13895
|
onClick: () => {
|
|
13855
13896
|
}
|
|
13856
13897
|
}, /*#__PURE__*/React__default.createElement(AddIcon, null)));
|
|
13857
13898
|
};
|
|
13858
13899
|
|
|
13859
|
-
var css_248z$
|
|
13860
|
-
var styles$
|
|
13861
|
-
styleInject(css_248z$
|
|
13900
|
+
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}";
|
|
13901
|
+
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"};
|
|
13902
|
+
styleInject(css_248z$D);
|
|
13862
13903
|
|
|
13863
13904
|
const CssTextField$3 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
13864
13905
|
'& .MuiInputBase-input': {
|
|
@@ -13980,7 +14021,7 @@ const NumberField = props => {
|
|
|
13980
14021
|
}, rightIcon) : rightText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13981
14022
|
text: rightText,
|
|
13982
14023
|
weight: "bold",
|
|
13983
|
-
className: styles$
|
|
14024
|
+
className: styles$D.textSideInput,
|
|
13984
14025
|
size: "sm"
|
|
13985
14026
|
}) : undefined;
|
|
13986
14027
|
const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
|
|
@@ -13988,20 +14029,20 @@ const NumberField = props => {
|
|
|
13988
14029
|
}, leftIcon) : leftText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13989
14030
|
text: leftText,
|
|
13990
14031
|
weight: "bold",
|
|
13991
|
-
className: styles$
|
|
14032
|
+
className: styles$D.textSideInput,
|
|
13992
14033
|
size: "sm"
|
|
13993
14034
|
}) : undefined;
|
|
13994
14035
|
const InputLabelProps = label === undefined ? {
|
|
13995
14036
|
shrink: false
|
|
13996
14037
|
} : {};
|
|
13997
14038
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13998
|
-
className: `${className} ${styles$
|
|
14039
|
+
className: `${className} ${styles$D.input}`,
|
|
13999
14040
|
id: id
|
|
14000
14041
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14001
14042
|
text: `${topLabel ? topLabel : ''}`,
|
|
14002
14043
|
weight: topLabelWeight || 'bold',
|
|
14003
14044
|
size: topLabelSize || 'base',
|
|
14004
|
-
className: styles$
|
|
14045
|
+
className: styles$D.input_top_label,
|
|
14005
14046
|
required: required
|
|
14006
14047
|
}), /*#__PURE__*/React__default.createElement(CssTextField$3, {
|
|
14007
14048
|
fullWidth: true,
|
|
@@ -14044,18 +14085,18 @@ const NumberField = props => {
|
|
|
14044
14085
|
color: "#F54C4C",
|
|
14045
14086
|
italic: true,
|
|
14046
14087
|
text: errorText,
|
|
14047
|
-
className: styles$
|
|
14088
|
+
className: styles$D.text_below
|
|
14048
14089
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14049
14090
|
size: "xs",
|
|
14050
14091
|
italic: true,
|
|
14051
14092
|
text: helperText,
|
|
14052
|
-
className: styles$
|
|
14093
|
+
className: styles$D.text_below
|
|
14053
14094
|
}));
|
|
14054
14095
|
};
|
|
14055
14096
|
|
|
14056
|
-
var css_248z$
|
|
14057
|
-
var styles$
|
|
14058
|
-
styleInject(css_248z$
|
|
14097
|
+
var css_248z$E = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14098
|
+
var styles$E = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14099
|
+
styleInject(css_248z$E);
|
|
14059
14100
|
|
|
14060
14101
|
const CssTextField$4 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
14061
14102
|
'& .MuiInputBase-input': {
|
|
@@ -14208,7 +14249,7 @@ const NumberInput = ({
|
|
|
14208
14249
|
},
|
|
14209
14250
|
id: `NumberInput#${inputNumber}`,
|
|
14210
14251
|
placeholder: placeholder,
|
|
14211
|
-
className: `${styles$
|
|
14252
|
+
className: `${styles$E.input_number} ${className ?? ''}`
|
|
14212
14253
|
}, props));
|
|
14213
14254
|
};
|
|
14214
14255
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14238,13 +14279,13 @@ const NumbersCode = ({
|
|
|
14238
14279
|
}));
|
|
14239
14280
|
}
|
|
14240
14281
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14241
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14282
|
+
className: `${containerClassname ?? ''} ${styles$E.blockList}`
|
|
14242
14283
|
}, children);
|
|
14243
14284
|
};
|
|
14244
14285
|
|
|
14245
|
-
var css_248z$
|
|
14246
|
-
var styles$
|
|
14247
|
-
styleInject(css_248z$
|
|
14286
|
+
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}";
|
|
14287
|
+
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"};
|
|
14288
|
+
styleInject(css_248z$F);
|
|
14248
14289
|
|
|
14249
14290
|
const CssTextField$5 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
14250
14291
|
'& .MuiInputBase-input': {
|
|
@@ -14376,13 +14417,13 @@ const PasswordField = props => {
|
|
|
14376
14417
|
shrink: false
|
|
14377
14418
|
} : {};
|
|
14378
14419
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14379
|
-
className: `${className} ${styles$
|
|
14420
|
+
className: `${className} ${styles$F.input}`,
|
|
14380
14421
|
id: id
|
|
14381
14422
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14382
14423
|
text: `${topLabel ? topLabel : ''}`,
|
|
14383
14424
|
weight: topLabelWeight || 'bold',
|
|
14384
14425
|
size: topLabelSize || 'base',
|
|
14385
|
-
className: styles$
|
|
14426
|
+
className: styles$F.input_top_label,
|
|
14386
14427
|
required: required
|
|
14387
14428
|
}), /*#__PURE__*/React__default.createElement(CssTextField$5, {
|
|
14388
14429
|
fullWidth: true,
|
|
@@ -14426,12 +14467,12 @@ const PasswordField = props => {
|
|
|
14426
14467
|
color: "#F54C4C",
|
|
14427
14468
|
italic: true,
|
|
14428
14469
|
text: errorText,
|
|
14429
|
-
className: styles$
|
|
14470
|
+
className: styles$F.text_below
|
|
14430
14471
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14431
14472
|
size: "xs",
|
|
14432
14473
|
italic: true,
|
|
14433
14474
|
text: helperText,
|
|
14434
|
-
className: styles$
|
|
14475
|
+
className: styles$F.text_below
|
|
14435
14476
|
}));
|
|
14436
14477
|
};
|
|
14437
14478
|
|
|
@@ -14512,9 +14553,9 @@ const PopoverBeta = ({
|
|
|
14512
14553
|
});
|
|
14513
14554
|
};
|
|
14514
14555
|
|
|
14515
|
-
var css_248z$
|
|
14516
|
-
var styles$
|
|
14517
|
-
styleInject(css_248z$
|
|
14556
|
+
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}";
|
|
14557
|
+
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"};
|
|
14558
|
+
styleInject(css_248z$G);
|
|
14518
14559
|
|
|
14519
14560
|
const PricingCard = ({
|
|
14520
14561
|
cardInfo: {
|
|
@@ -14558,9 +14599,9 @@ const PricingCard = ({
|
|
|
14558
14599
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14559
14600
|
};
|
|
14560
14601
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14561
|
-
className: styles$
|
|
14602
|
+
className: styles$G.pricingCard + (isHighlighted ? ` ${styles$G.highlighted}` : '') + (isDark ? ` ${styles$G.dark}` : '') + (className ? ` ${className}` : '')
|
|
14562
14603
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
14563
|
-
className: styles$
|
|
14604
|
+
className: styles$G.highlightMessage
|
|
14564
14605
|
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
14565
14606
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14566
14607
|
width: "16",
|
|
@@ -14586,7 +14627,7 @@ const PricingCard = ({
|
|
|
14586
14627
|
text: highlightMessage,
|
|
14587
14628
|
color: "#fff"
|
|
14588
14629
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14589
|
-
className: styles$
|
|
14630
|
+
className: styles$G.mainContent
|
|
14590
14631
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14591
14632
|
style: {
|
|
14592
14633
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14594,44 +14635,44 @@ const PricingCard = ({
|
|
|
14594
14635
|
flexDirection: 'column'
|
|
14595
14636
|
}
|
|
14596
14637
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14597
|
-
className: styles$
|
|
14638
|
+
className: styles$G.header
|
|
14598
14639
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14599
|
-
className: styles$
|
|
14640
|
+
className: styles$G.header_top
|
|
14600
14641
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14601
14642
|
size: "xl",
|
|
14602
14643
|
weight: "bold",
|
|
14603
14644
|
text: title,
|
|
14604
14645
|
color: isDark ? '#fff' : ''
|
|
14605
14646
|
}), yourPlanText && /*#__PURE__*/React__default.createElement("div", {
|
|
14606
|
-
className: styles$
|
|
14647
|
+
className: styles$G.tag
|
|
14607
14648
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14608
14649
|
size: "xs",
|
|
14609
14650
|
text: yourPlanText,
|
|
14610
14651
|
color: colors.white
|
|
14611
14652
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14612
|
-
className: styles$
|
|
14653
|
+
className: styles$G.description
|
|
14613
14654
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14614
14655
|
size: "base",
|
|
14615
14656
|
weight: "semi-bold",
|
|
14616
14657
|
text: description,
|
|
14617
14658
|
color: isDark ? 'white' : ''
|
|
14618
14659
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14619
|
-
className: styles$
|
|
14660
|
+
className: styles$G.pricing
|
|
14620
14661
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14621
14662
|
size: "base",
|
|
14622
14663
|
weight: "bold",
|
|
14623
14664
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14624
14665
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14625
|
-
className: styles$
|
|
14666
|
+
className: styles$G.lineThrough
|
|
14626
14667
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14627
|
-
className: styles$
|
|
14668
|
+
className: styles$G.price
|
|
14628
14669
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Title, {
|
|
14629
14670
|
size: "xxl",
|
|
14630
14671
|
weight: "bold",
|
|
14631
14672
|
text: cmsContent.LetsTalk,
|
|
14632
14673
|
color: isDark ? '#fff' : ''
|
|
14633
14674
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
14634
|
-
className: styles$
|
|
14675
|
+
className: styles$G.amount
|
|
14635
14676
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14636
14677
|
size: "xxxl",
|
|
14637
14678
|
weight: "bold",
|
|
@@ -14647,7 +14688,7 @@ const PricingCard = ({
|
|
|
14647
14688
|
`,
|
|
14648
14689
|
color: isDark ? 'white' : colors.neutral_550
|
|
14649
14690
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14650
|
-
className: styles$
|
|
14691
|
+
className: styles$G.interviews
|
|
14651
14692
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14652
14693
|
size: "sm",
|
|
14653
14694
|
weight: "semi-bold",
|
|
@@ -14670,24 +14711,24 @@ const PricingCard = ({
|
|
|
14670
14711
|
text: buttonText[tier],
|
|
14671
14712
|
size: "base",
|
|
14672
14713
|
variant: buttonVariant[tier],
|
|
14673
|
-
className: styles$
|
|
14714
|
+
className: styles$G.button,
|
|
14674
14715
|
disabled: yourPlanText ? true : false,
|
|
14675
14716
|
customBackground: buttonBackgrounds[tier],
|
|
14676
14717
|
onClick: onClick
|
|
14677
14718
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14678
|
-
className: styles$
|
|
14719
|
+
className: styles$G.features
|
|
14679
14720
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14680
14721
|
size: "base",
|
|
14681
14722
|
weight: "semi-bold",
|
|
14682
14723
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14683
14724
|
color: isDark ? 'white' : ''
|
|
14684
14725
|
}), /*#__PURE__*/React__default.createElement("ul", {
|
|
14685
|
-
className: styles$
|
|
14726
|
+
className: styles$G.featuresList
|
|
14686
14727
|
}, featuresList.map((feature, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
14687
|
-
className: styles$
|
|
14728
|
+
className: styles$G.feature,
|
|
14688
14729
|
key: index
|
|
14689
14730
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
14690
|
-
className: styles$
|
|
14731
|
+
className: styles$G.icon
|
|
14691
14732
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14692
14733
|
size: "sm",
|
|
14693
14734
|
weight: "regular",
|
|
@@ -14702,13 +14743,13 @@ const PricingCard = ({
|
|
|
14702
14743
|
}),
|
|
14703
14744
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14704
14745
|
size: "xxs",
|
|
14705
|
-
className: styles$
|
|
14746
|
+
className: styles$G.tooltipButton
|
|
14706
14747
|
}))))))));
|
|
14707
14748
|
};
|
|
14708
14749
|
|
|
14709
|
-
var css_248z$
|
|
14710
|
-
var styles$
|
|
14711
|
-
styleInject(css_248z$
|
|
14750
|
+
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}";
|
|
14751
|
+
var styles$H = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14752
|
+
styleInject(css_248z$H);
|
|
14712
14753
|
|
|
14713
14754
|
const BpIcon$1 = /*#__PURE__*/styles$15.styled('span')(() => ({
|
|
14714
14755
|
borderRadius: '50%',
|
|
@@ -14759,7 +14800,7 @@ const Radio = ({
|
|
|
14759
14800
|
className
|
|
14760
14801
|
}) => {
|
|
14761
14802
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14762
|
-
className: `${styles$
|
|
14803
|
+
className: `${styles$H.radioBtnWrapper} ${className}`
|
|
14763
14804
|
}, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14764
14805
|
text: leftLabel,
|
|
14765
14806
|
size: "sm"
|
|
@@ -14781,9 +14822,9 @@ const Radio = ({
|
|
|
14781
14822
|
}));
|
|
14782
14823
|
};
|
|
14783
14824
|
|
|
14784
|
-
var css_248z$
|
|
14785
|
-
var styles$
|
|
14786
|
-
styleInject(css_248z$
|
|
14825
|
+
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}";
|
|
14826
|
+
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"};
|
|
14827
|
+
styleInject(css_248z$I);
|
|
14787
14828
|
|
|
14788
14829
|
const RatingScale = props => {
|
|
14789
14830
|
const {
|
|
@@ -14805,19 +14846,19 @@ const RatingScale = props => {
|
|
|
14805
14846
|
otherProps
|
|
14806
14847
|
} = props;
|
|
14807
14848
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14808
|
-
className: styles$
|
|
14849
|
+
className: styles$I.ratingScale + ' ' + className
|
|
14809
14850
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14810
14851
|
text: `${topLabel ? topLabel : ''}`,
|
|
14811
14852
|
weight: topLabelWeight || 'bold',
|
|
14812
14853
|
size: topLabelSize || 'base',
|
|
14813
|
-
className: styles$
|
|
14854
|
+
className: styles$I.topLabel,
|
|
14814
14855
|
required: required
|
|
14815
14856
|
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
14816
14857
|
component: "fieldset",
|
|
14817
|
-
className: styles$
|
|
14858
|
+
className: styles$I.formControl,
|
|
14818
14859
|
error: error
|
|
14819
14860
|
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
14820
|
-
className: styles$
|
|
14861
|
+
className: styles$I.radioGroup,
|
|
14821
14862
|
"aria-label": "rating",
|
|
14822
14863
|
name: name,
|
|
14823
14864
|
value: value,
|
|
@@ -14832,17 +14873,17 @@ const RatingScale = props => {
|
|
|
14832
14873
|
checked: value === option,
|
|
14833
14874
|
disabled: disabled
|
|
14834
14875
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
14835
|
-
className: styles$
|
|
14876
|
+
className: styles$I.ratingScaleText
|
|
14836
14877
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14837
14878
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14838
14879
|
weight: 'regular',
|
|
14839
14880
|
size: 'sm',
|
|
14840
|
-
className: styles$
|
|
14881
|
+
className: styles$I.ratingScaleStartText
|
|
14841
14882
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14842
14883
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14843
14884
|
weight: 'regular',
|
|
14844
14885
|
size: 'sm',
|
|
14845
|
-
className: styles$
|
|
14886
|
+
className: styles$I.ratingScaleEndText
|
|
14846
14887
|
})) : null);
|
|
14847
14888
|
};
|
|
14848
14889
|
|
|
@@ -14868,9 +14909,9 @@ const Search = ({
|
|
|
14868
14909
|
});
|
|
14869
14910
|
};
|
|
14870
14911
|
|
|
14871
|
-
var css_248z$
|
|
14872
|
-
var styles$
|
|
14873
|
-
styleInject(css_248z$
|
|
14912
|
+
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}";
|
|
14913
|
+
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"};
|
|
14914
|
+
styleInject(css_248z$J);
|
|
14874
14915
|
|
|
14875
14916
|
const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
14876
14917
|
const CssTextField$6 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
@@ -14999,7 +15040,7 @@ const SingleSelect = ({
|
|
|
14999
15040
|
text: `${topLabel ? topLabel : ''}`,
|
|
15000
15041
|
weight: topLabelWeight || 'bold',
|
|
15001
15042
|
size: topLabelSize || 'base',
|
|
15002
|
-
className: styles$
|
|
15043
|
+
className: styles$J.input_top_label,
|
|
15003
15044
|
required: required
|
|
15004
15045
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
15005
15046
|
id: "tags-standard",
|
|
@@ -15042,13 +15083,13 @@ const SingleSelect = ({
|
|
|
15042
15083
|
})),
|
|
15043
15084
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
15044
15085
|
fill: "black",
|
|
15045
|
-
className: `${styles$
|
|
15086
|
+
className: `${styles$J.icon}`
|
|
15046
15087
|
}),
|
|
15047
15088
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
15048
15089
|
fill: "black",
|
|
15049
|
-
className: `${styles$
|
|
15090
|
+
className: `${styles$J.icon}`
|
|
15050
15091
|
}),
|
|
15051
|
-
className: `${styles$
|
|
15092
|
+
className: `${styles$J.newAutocomplete}`,
|
|
15052
15093
|
renderOption: (props, option) => {
|
|
15053
15094
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
15054
15095
|
key: option.value
|
|
@@ -15077,18 +15118,18 @@ const SingleSelect = ({
|
|
|
15077
15118
|
color: "#F54C4C",
|
|
15078
15119
|
italic: true,
|
|
15079
15120
|
text: errorText,
|
|
15080
|
-
className: styles$
|
|
15121
|
+
className: styles$J.text_below
|
|
15081
15122
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15082
15123
|
size: "xs",
|
|
15083
15124
|
italic: true,
|
|
15084
15125
|
text: helperText,
|
|
15085
|
-
className: styles$
|
|
15126
|
+
className: styles$J.text_below
|
|
15086
15127
|
}));
|
|
15087
15128
|
};
|
|
15088
15129
|
|
|
15089
|
-
var css_248z$
|
|
15090
|
-
var styles$
|
|
15091
|
-
styleInject(css_248z$
|
|
15130
|
+
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}";
|
|
15131
|
+
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"};
|
|
15132
|
+
styleInject(css_248z$K);
|
|
15092
15133
|
|
|
15093
15134
|
const StarRating = ({
|
|
15094
15135
|
value,
|
|
@@ -15099,13 +15140,13 @@ const StarRating = ({
|
|
|
15099
15140
|
const [rating, setRating] = React.useState(value ?? 0);
|
|
15100
15141
|
const [hover, setHover] = React.useState(0);
|
|
15101
15142
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15102
|
-
className: styles$
|
|
15143
|
+
className: styles$K.star_rating
|
|
15103
15144
|
}, [...Array(5)].map((_star, index) => {
|
|
15104
15145
|
index += 1;
|
|
15105
15146
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
15106
15147
|
type: "button",
|
|
15107
15148
|
key: index,
|
|
15108
|
-
className: styles$
|
|
15149
|
+
className: styles$K.star_button,
|
|
15109
15150
|
onClick: () => {
|
|
15110
15151
|
setRating(index);
|
|
15111
15152
|
onClick(index);
|
|
@@ -15137,9 +15178,9 @@ const StarRating = ({
|
|
|
15137
15178
|
}));
|
|
15138
15179
|
};
|
|
15139
15180
|
|
|
15140
|
-
var css_248z$
|
|
15141
|
-
var styles$
|
|
15142
|
-
styleInject(css_248z$
|
|
15181
|
+
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}";
|
|
15182
|
+
var styles$L = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15183
|
+
styleInject(css_248z$L);
|
|
15143
15184
|
|
|
15144
15185
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
15145
15186
|
'& .MuiSwitch-track': {
|
|
@@ -15171,7 +15212,7 @@ const Switch = ({
|
|
|
15171
15212
|
className
|
|
15172
15213
|
}) => {
|
|
15173
15214
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15174
|
-
className: `${styles$
|
|
15215
|
+
className: `${styles$L.switchWrapper} ${disabled && styles$L.disabled}${className}`
|
|
15175
15216
|
}, label && /*#__PURE__*/React__default.createElement(Title, {
|
|
15176
15217
|
text: label,
|
|
15177
15218
|
weight: "bold",
|
|
@@ -15188,9 +15229,9 @@ const Switch = ({
|
|
|
15188
15229
|
}));
|
|
15189
15230
|
};
|
|
15190
15231
|
|
|
15191
|
-
var css_248z$
|
|
15192
|
-
var styles$
|
|
15193
|
-
styleInject(css_248z$
|
|
15232
|
+
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}";
|
|
15233
|
+
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"};
|
|
15234
|
+
styleInject(css_248z$M);
|
|
15194
15235
|
|
|
15195
15236
|
const TableFooter = ({
|
|
15196
15237
|
footerText,
|
|
@@ -15199,26 +15240,26 @@ const TableFooter = ({
|
|
|
15199
15240
|
footerAction
|
|
15200
15241
|
}) => {
|
|
15201
15242
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
15202
|
-
className: `${styles$
|
|
15243
|
+
className: `${styles$M.footer} ${footerClassName && footerClassName}`
|
|
15203
15244
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15204
|
-
className: `${styles$
|
|
15245
|
+
className: `${styles$M.footer_content}`
|
|
15205
15246
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15206
15247
|
size: "sm",
|
|
15207
15248
|
text: footerText,
|
|
15208
15249
|
color: colors.neutral_600,
|
|
15209
|
-
className: styles$
|
|
15250
|
+
className: styles$M.footerText
|
|
15210
15251
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
15211
15252
|
icon: footerIconRight,
|
|
15212
15253
|
variant: "tertiary",
|
|
15213
15254
|
onClick: footerAction,
|
|
15214
|
-
className: styles$
|
|
15255
|
+
className: styles$M.actionsBtn,
|
|
15215
15256
|
size: "xs"
|
|
15216
15257
|
}))));
|
|
15217
15258
|
};
|
|
15218
15259
|
|
|
15219
|
-
var css_248z$
|
|
15220
|
-
var styles$
|
|
15221
|
-
styleInject(css_248z$
|
|
15260
|
+
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}";
|
|
15261
|
+
var styles$N = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15262
|
+
styleInject(css_248z$N);
|
|
15222
15263
|
|
|
15223
15264
|
const TableHeader$1 = ({
|
|
15224
15265
|
headers,
|
|
@@ -15228,7 +15269,7 @@ const TableHeader$1 = ({
|
|
|
15228
15269
|
selectAll
|
|
15229
15270
|
}) => {
|
|
15230
15271
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15231
|
-
className: `${styles$
|
|
15272
|
+
className: `${styles$N.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15232
15273
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
15233
15274
|
checked: areAllSelected,
|
|
15234
15275
|
onChange: () => selectAll()
|
|
@@ -15259,7 +15300,7 @@ const TableHeader$1 = ({
|
|
|
15259
15300
|
style: {
|
|
15260
15301
|
flex: header.flexWidth ?? 1
|
|
15261
15302
|
},
|
|
15262
|
-
className: styles$
|
|
15303
|
+
className: styles$N.header_cell
|
|
15263
15304
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15264
15305
|
text: header.name,
|
|
15265
15306
|
weight: header.weight,
|
|
@@ -15268,14 +15309,14 @@ const TableHeader$1 = ({
|
|
|
15268
15309
|
}), header.icon && header.icon)));
|
|
15269
15310
|
};
|
|
15270
15311
|
|
|
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"};
|
|
15312
|
+
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}";
|
|
15313
|
+
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
15314
|
styleInject(css_248z$O);
|
|
15278
15315
|
|
|
15316
|
+
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}";
|
|
15317
|
+
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15318
|
+
styleInject(css_248z$P);
|
|
15319
|
+
|
|
15279
15320
|
const TableCell = ({
|
|
15280
15321
|
text,
|
|
15281
15322
|
weight = 'regular',
|
|
@@ -15286,7 +15327,7 @@ const TableCell = ({
|
|
|
15286
15327
|
select
|
|
15287
15328
|
}) => {
|
|
15288
15329
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15289
|
-
className: `${styles$
|
|
15330
|
+
className: `${styles$P.cell} ${className && className}`,
|
|
15290
15331
|
style: {
|
|
15291
15332
|
flex: flexWidth
|
|
15292
15333
|
}
|
|
@@ -15311,14 +15352,14 @@ const TableRows = ({
|
|
|
15311
15352
|
}) => {
|
|
15312
15353
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15313
15354
|
id: id,
|
|
15314
|
-
className: `${styles$
|
|
15355
|
+
className: `${styles$O.rows} ${rowsClassName}`
|
|
15315
15356
|
}, rows.map((row, index) => {
|
|
15316
|
-
let rowClassName = `${styles$
|
|
15357
|
+
let rowClassName = `${styles$O.row} ${row.className}`;
|
|
15317
15358
|
// Add first and last row classes
|
|
15318
15359
|
if (index === 0) {
|
|
15319
|
-
rowClassName += ` ${styles$
|
|
15360
|
+
rowClassName += ` ${styles$O.firstRow}`;
|
|
15320
15361
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15321
|
-
rowClassName += ` ${styles$
|
|
15362
|
+
rowClassName += ` ${styles$O.lastRow}`;
|
|
15322
15363
|
}
|
|
15323
15364
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15324
15365
|
key: `row-${index}`,
|
|
@@ -15341,9 +15382,9 @@ const TableRows = ({
|
|
|
15341
15382
|
}));
|
|
15342
15383
|
};
|
|
15343
15384
|
|
|
15344
|
-
var css_248z$
|
|
15345
|
-
var styles$
|
|
15346
|
-
styleInject(css_248z$
|
|
15385
|
+
var css_248z$Q = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15386
|
+
var styles$Q = {"table":"Table-modules_table__ddiph"};
|
|
15387
|
+
styleInject(css_248z$Q);
|
|
15347
15388
|
|
|
15348
15389
|
/**
|
|
15349
15390
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15365,7 +15406,7 @@ const Table = ({
|
|
|
15365
15406
|
selectAll
|
|
15366
15407
|
}) => {
|
|
15367
15408
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15368
|
-
className: `${styles$
|
|
15409
|
+
className: `${styles$Q.table} ${className}`
|
|
15369
15410
|
}, /*#__PURE__*/React__default.createElement(TableHeader$1, {
|
|
15370
15411
|
headers: headers,
|
|
15371
15412
|
isSelectable: isSelectable,
|
|
@@ -15386,9 +15427,9 @@ const Table = ({
|
|
|
15386
15427
|
}));
|
|
15387
15428
|
};
|
|
15388
15429
|
|
|
15389
|
-
var css_248z$
|
|
15390
|
-
var styles$
|
|
15391
|
-
styleInject(css_248z$
|
|
15430
|
+
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}";
|
|
15431
|
+
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"};
|
|
15432
|
+
styleInject(css_248z$R);
|
|
15392
15433
|
|
|
15393
15434
|
const TabPanel = ({
|
|
15394
15435
|
value,
|
|
@@ -15419,7 +15460,7 @@ const Tabs = ({
|
|
|
15419
15460
|
if (onSelect) onSelect(newValue);
|
|
15420
15461
|
};
|
|
15421
15462
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15422
|
-
className: styles$
|
|
15463
|
+
className: styles$R.new_tabs
|
|
15423
15464
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
15424
15465
|
value: value,
|
|
15425
15466
|
onChange: handleChange,
|
|
@@ -15451,9 +15492,9 @@ const Tabs = ({
|
|
|
15451
15492
|
}, tab.component)));
|
|
15452
15493
|
};
|
|
15453
15494
|
|
|
15454
|
-
var css_248z$
|
|
15455
|
-
var styles$
|
|
15456
|
-
styleInject(css_248z$
|
|
15495
|
+
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{margin-right:var(--spacing-xxl);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;margin-right:var(--spacing-xxl);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}";
|
|
15496
|
+
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"};
|
|
15497
|
+
styleInject(css_248z$S);
|
|
15457
15498
|
|
|
15458
15499
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15459
15500
|
const TabsUnderline = ({
|
|
@@ -15480,11 +15521,11 @@ const TabsUnderline = ({
|
|
|
15480
15521
|
}, [defaultValue]);
|
|
15481
15522
|
console.log('value', value);
|
|
15482
15523
|
if (type === 'underline') return /*#__PURE__*/React__default.createElement("div", {
|
|
15483
|
-
className: `${styles$
|
|
15524
|
+
className: `${styles$S.tabbar} ${className && className}`
|
|
15484
15525
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15485
15526
|
value: value,
|
|
15486
15527
|
onChange: onClickTab,
|
|
15487
|
-
className: styles$
|
|
15528
|
+
className: styles$S.tabs_root,
|
|
15488
15529
|
variant: "scrollable",
|
|
15489
15530
|
orientation: "horizontal",
|
|
15490
15531
|
visibleScrollbar: false,
|
|
@@ -15499,14 +15540,14 @@ const TabsUnderline = ({
|
|
|
15499
15540
|
}, tabs.map((item, index) => {
|
|
15500
15541
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15501
15542
|
key: `tab#${index}`,
|
|
15502
|
-
className: !isArrowIconDisplay ? styles$
|
|
15543
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15503
15544
|
disabled: item.disabled ?? false,
|
|
15504
15545
|
disableRipple: true,
|
|
15505
15546
|
sx: {
|
|
15506
15547
|
textTransform: 'none'
|
|
15507
15548
|
},
|
|
15508
15549
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15509
|
-
className: `${styles$
|
|
15550
|
+
className: `${styles$S.tab_label_content} ${value === index ? styles$S.selected : ''}`,
|
|
15510
15551
|
id: item.id,
|
|
15511
15552
|
onClick: e => onClickTab(e, index)
|
|
15512
15553
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
@@ -15522,11 +15563,11 @@ const TabsUnderline = ({
|
|
|
15522
15563
|
});
|
|
15523
15564
|
if (item.disabled) {
|
|
15524
15565
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15525
|
-
className: `${styles$
|
|
15566
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15526
15567
|
id: item.id
|
|
15527
15568
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15528
15569
|
key: `tab#${index}`,
|
|
15529
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15570
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15530
15571
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15531
15572
|
size: "base",
|
|
15532
15573
|
text: item.label,
|
|
@@ -15552,11 +15593,11 @@ const TabsUnderline = ({
|
|
|
15552
15593
|
alignItems: 'center',
|
|
15553
15594
|
justifyContent: 'center'
|
|
15554
15595
|
},
|
|
15555
|
-
className: `${styles$
|
|
15596
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15556
15597
|
onClick: e => onClickTab(e, index)
|
|
15557
15598
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15558
15599
|
key: `tab#${index}`,
|
|
15559
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15600
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15560
15601
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15561
15602
|
size: "base",
|
|
15562
15603
|
text: item.label,
|
|
@@ -15577,18 +15618,18 @@ const TabsUnderline = ({
|
|
|
15577
15618
|
}, renderTab);
|
|
15578
15619
|
}
|
|
15579
15620
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15580
|
-
className: styles$
|
|
15621
|
+
className: styles$S.withArrowContainer,
|
|
15581
15622
|
onClick: e => onClickTab(e, index)
|
|
15582
15623
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15583
15624
|
fill: colors.neutral_550,
|
|
15584
15625
|
stroke: colors.neutral_550
|
|
15585
15626
|
}));else return renderTab;
|
|
15586
15627
|
})));else if (type === 'filled') return /*#__PURE__*/React__default.createElement("div", {
|
|
15587
|
-
className: `${styles$
|
|
15628
|
+
className: `${styles$S.tabFilled} ${className && className}`
|
|
15588
15629
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15589
15630
|
value: value,
|
|
15590
15631
|
onChange: onClickTab,
|
|
15591
|
-
className: styles$
|
|
15632
|
+
className: styles$S.tabs_root,
|
|
15592
15633
|
variant: "scrollable",
|
|
15593
15634
|
orientation: "horizontal",
|
|
15594
15635
|
visibleScrollbar: false,
|
|
@@ -15600,14 +15641,14 @@ const TabsUnderline = ({
|
|
|
15600
15641
|
}, tabs.map((item, index) => {
|
|
15601
15642
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15602
15643
|
key: `tab#${index}`,
|
|
15603
|
-
className: !isArrowIconDisplay ? styles$
|
|
15644
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15604
15645
|
disabled: item.disabled ?? false,
|
|
15605
15646
|
disableRipple: true,
|
|
15606
15647
|
sx: {
|
|
15607
15648
|
textTransform: 'none'
|
|
15608
15649
|
},
|
|
15609
15650
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15610
|
-
className: `${styles$
|
|
15651
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''} ${value === index ? styles$S.selected : ''}`,
|
|
15611
15652
|
id: item.id
|
|
15612
15653
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15613
15654
|
text: item.label,
|
|
@@ -15621,11 +15662,11 @@ const TabsUnderline = ({
|
|
|
15621
15662
|
});
|
|
15622
15663
|
if (item.disabled) {
|
|
15623
15664
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15624
|
-
className: `${styles$
|
|
15665
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`,
|
|
15625
15666
|
id: item.id
|
|
15626
15667
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15627
15668
|
key: `tab#${index}`,
|
|
15628
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15669
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15629
15670
|
size: "base",
|
|
15630
15671
|
text: item.label,
|
|
15631
15672
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15650,10 +15691,10 @@ const TabsUnderline = ({
|
|
|
15650
15691
|
alignItems: 'center',
|
|
15651
15692
|
justifyContent: 'center'
|
|
15652
15693
|
},
|
|
15653
|
-
className: `${styles$
|
|
15694
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`
|
|
15654
15695
|
}, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
15655
15696
|
key: `tab#${index}`,
|
|
15656
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15697
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15657
15698
|
size: "base",
|
|
15658
15699
|
text: item.label,
|
|
15659
15700
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15673,7 +15714,7 @@ const TabsUnderline = ({
|
|
|
15673
15714
|
}, renderTab);
|
|
15674
15715
|
}
|
|
15675
15716
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15676
|
-
className: styles$
|
|
15717
|
+
className: styles$S.withArrowContainer,
|
|
15677
15718
|
onClick: e => onClickTab(e, index)
|
|
15678
15719
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15679
15720
|
fill: colors.neutral_550,
|
|
@@ -15682,9 +15723,9 @@ const TabsUnderline = ({
|
|
|
15682
15723
|
})));else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
15683
15724
|
};
|
|
15684
15725
|
|
|
15685
|
-
var css_248z$
|
|
15686
|
-
var styles$
|
|
15687
|
-
styleInject(css_248z$
|
|
15726
|
+
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}";
|
|
15727
|
+
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"};
|
|
15728
|
+
styleInject(css_248z$T);
|
|
15688
15729
|
|
|
15689
15730
|
colord.extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15690
15731
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15708,15 +15749,15 @@ const Tag = ({
|
|
|
15708
15749
|
};
|
|
15709
15750
|
const getTagStatus = () => {
|
|
15710
15751
|
if (customColor) {
|
|
15711
|
-
return styles$
|
|
15752
|
+
return styles$T.tag_custom;
|
|
15712
15753
|
} else if (status === 'idle') {
|
|
15713
|
-
return styles$
|
|
15714
|
-
} else if (status === 'success') return styles$
|
|
15754
|
+
return styles$T.tag_idle;
|
|
15755
|
+
} 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
15756
|
};
|
|
15716
15757
|
const getTagSize = () => {
|
|
15717
15758
|
if (size === 'sm') {
|
|
15718
|
-
return styles$
|
|
15719
|
-
} else if (size === 'base') return styles$
|
|
15759
|
+
return styles$T.tag_sm;
|
|
15760
|
+
} else if (size === 'base') return styles$T.tag_base;else return styles$T.tag_base;
|
|
15720
15761
|
};
|
|
15721
15762
|
const getTextSize = () => {
|
|
15722
15763
|
if (size === 'sm') {
|
|
@@ -15743,7 +15784,7 @@ const Tag = ({
|
|
|
15743
15784
|
style: {
|
|
15744
15785
|
backgroundColor: customColor
|
|
15745
15786
|
},
|
|
15746
|
-
className: `${styles$
|
|
15787
|
+
className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15747
15788
|
}), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
|
|
15748
15789
|
style: {
|
|
15749
15790
|
fill: getTextColor(),
|
|
@@ -15767,9 +15808,9 @@ const Tag = ({
|
|
|
15767
15808
|
})));
|
|
15768
15809
|
};
|
|
15769
15810
|
|
|
15770
|
-
var css_248z$
|
|
15771
|
-
var styles$
|
|
15772
|
-
styleInject(css_248z$
|
|
15811
|
+
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}";
|
|
15812
|
+
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"};
|
|
15813
|
+
styleInject(css_248z$U);
|
|
15773
15814
|
|
|
15774
15815
|
const CssTextField$7 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
15775
15816
|
'& .MuiInputBase-input': {
|
|
@@ -15898,13 +15939,13 @@ const TextInput = props => {
|
|
|
15898
15939
|
shrink: false
|
|
15899
15940
|
} : {};
|
|
15900
15941
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15901
|
-
className: `${className} ${styles$
|
|
15942
|
+
className: `${className} ${styles$U.input}`,
|
|
15902
15943
|
id: id
|
|
15903
15944
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
15904
15945
|
text: `${topLabel ? topLabel : ''}`,
|
|
15905
15946
|
weight: topLabelWeight || 'bold',
|
|
15906
15947
|
size: topLabelSize || 'base',
|
|
15907
|
-
className: styles$
|
|
15948
|
+
className: styles$U.input_top_label,
|
|
15908
15949
|
required: required
|
|
15909
15950
|
}), /*#__PURE__*/React__default.createElement(CssTextField$7, {
|
|
15910
15951
|
fullWidth: true,
|
|
@@ -15949,17 +15990,17 @@ const TextInput = props => {
|
|
|
15949
15990
|
size: "xs",
|
|
15950
15991
|
color: "#F54C4C",
|
|
15951
15992
|
text: errorText,
|
|
15952
|
-
className: styles$
|
|
15993
|
+
className: styles$U.text_below
|
|
15953
15994
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15954
15995
|
size: "xs",
|
|
15955
15996
|
text: helperText,
|
|
15956
|
-
className: styles$
|
|
15997
|
+
className: styles$U.text_below
|
|
15957
15998
|
}));
|
|
15958
15999
|
};
|
|
15959
16000
|
|
|
15960
|
-
var css_248z$
|
|
15961
|
-
var styles$
|
|
15962
|
-
styleInject(css_248z$
|
|
16001
|
+
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}";
|
|
16002
|
+
var styles$V = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
16003
|
+
styleInject(css_248z$V);
|
|
15963
16004
|
|
|
15964
16005
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15965
16006
|
const Textarea = ({
|
|
@@ -15997,7 +16038,7 @@ const Textarea = ({
|
|
|
15997
16038
|
setCharCount(String(value).length);
|
|
15998
16039
|
}, []);
|
|
15999
16040
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16000
|
-
className: styles$
|
|
16041
|
+
className: styles$V.text_area_container
|
|
16001
16042
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16002
16043
|
name: name,
|
|
16003
16044
|
variant: "outlined",
|
|
@@ -16023,7 +16064,7 @@ const Textarea = ({
|
|
|
16023
16064
|
maxRows: maxRows,
|
|
16024
16065
|
minRows: minRows
|
|
16025
16066
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16026
|
-
className: styles$
|
|
16067
|
+
className: styles$V.helperTexts
|
|
16027
16068
|
}, helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16028
16069
|
text: helperText,
|
|
16029
16070
|
size: "xs",
|
|
@@ -16036,13 +16077,13 @@ const Textarea = ({
|
|
|
16036
16077
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
16037
16078
|
text: `${charCount} / ${maxCharacters}`,
|
|
16038
16079
|
size: "xs",
|
|
16039
|
-
className: styles$
|
|
16080
|
+
className: styles$V.counter
|
|
16040
16081
|
})));
|
|
16041
16082
|
};
|
|
16042
16083
|
|
|
16043
|
-
var css_248z$
|
|
16044
|
-
var styles$
|
|
16045
|
-
styleInject(css_248z$
|
|
16084
|
+
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}";
|
|
16085
|
+
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"};
|
|
16086
|
+
styleInject(css_248z$W);
|
|
16046
16087
|
|
|
16047
16088
|
/**
|
|
16048
16089
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16200,7 +16241,7 @@ const Thematic = ({
|
|
|
16200
16241
|
closeTagMenuPopover();
|
|
16201
16242
|
};
|
|
16202
16243
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16203
|
-
className: styles$
|
|
16244
|
+
className: styles$W.thematic,
|
|
16204
16245
|
style: {
|
|
16205
16246
|
backgroundColor: backgroundColor,
|
|
16206
16247
|
borderColor: borderColor
|
|
@@ -16216,7 +16257,7 @@ const Thematic = ({
|
|
|
16216
16257
|
setAreActionsVisible(false);
|
|
16217
16258
|
}
|
|
16218
16259
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16219
|
-
className: styles$
|
|
16260
|
+
className: styles$W.thematic__header
|
|
16220
16261
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16221
16262
|
tooltipDescription: definition,
|
|
16222
16263
|
placement: "top",
|
|
@@ -16227,9 +16268,9 @@ const Thematic = ({
|
|
|
16227
16268
|
size: "base",
|
|
16228
16269
|
status: 'idle',
|
|
16229
16270
|
customColor: badgeColor,
|
|
16230
|
-
className: styles$
|
|
16271
|
+
className: styles$W.overflow_badge
|
|
16231
16272
|
}))), areActionsVisible && /*#__PURE__*/React__default.createElement("div", {
|
|
16232
|
-
className: styles$
|
|
16273
|
+
className: styles$W.thematic__header__actions
|
|
16233
16274
|
}, !isAddTagHidden && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
16234
16275
|
icon: /*#__PURE__*/React__default.createElement(AddTagIcon, {
|
|
16235
16276
|
fill: iconsColor,
|
|
@@ -16255,10 +16296,10 @@ const Thematic = ({
|
|
|
16255
16296
|
variant: "tertiary",
|
|
16256
16297
|
onClick: handleOnClickDeleteThematic
|
|
16257
16298
|
}))), tagsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16258
|
-
className: styles$
|
|
16299
|
+
className: styles$W.tagsContainer
|
|
16259
16300
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16260
16301
|
key: `${tag}-${idx}`,
|
|
16261
|
-
className: styles$
|
|
16302
|
+
className: styles$W.tag,
|
|
16262
16303
|
onClick: e => handleOnClickTag(e, tag)
|
|
16263
16304
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
16264
16305
|
tooltipDescription: tag.definition,
|
|
@@ -16270,7 +16311,7 @@ const Thematic = ({
|
|
|
16270
16311
|
customColor: tagColor.toHex(),
|
|
16271
16312
|
size: "base",
|
|
16272
16313
|
amountNumber: tag.amount,
|
|
16273
|
-
className: styles$
|
|
16314
|
+
className: styles$W.overflow_tag
|
|
16274
16315
|
})))))), /*#__PURE__*/React__default.createElement(material.Popover, {
|
|
16275
16316
|
open: isAddTagPopoverOpen,
|
|
16276
16317
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16279,16 +16320,16 @@ const Thematic = ({
|
|
|
16279
16320
|
horizontal: 'right'
|
|
16280
16321
|
},
|
|
16281
16322
|
onClose: closeAddTagPopover,
|
|
16282
|
-
className: styles$
|
|
16323
|
+
className: styles$W.addTagPopover
|
|
16283
16324
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16284
|
-
className: styles$
|
|
16325
|
+
className: styles$W.content
|
|
16285
16326
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16286
16327
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16287
16328
|
value: newTagName,
|
|
16288
16329
|
onChange: e => setNewTagName(e.target.value),
|
|
16289
16330
|
onKeyDown: handleOnClickValidateAddTag
|
|
16290
16331
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16291
|
-
className: styles$
|
|
16332
|
+
className: styles$W.actions
|
|
16292
16333
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16293
16334
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16294
16335
|
size: "sm",
|
|
@@ -16302,11 +16343,11 @@ const Thematic = ({
|
|
|
16302
16343
|
horizontal: 'right'
|
|
16303
16344
|
},
|
|
16304
16345
|
onClose: closeTagMenuPopover,
|
|
16305
|
-
className: styles$
|
|
16346
|
+
className: styles$W.tagMenuPopover
|
|
16306
16347
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16307
|
-
className: styles$
|
|
16348
|
+
className: styles$W.dropdown
|
|
16308
16349
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16309
|
-
className: styles$
|
|
16350
|
+
className: styles$W.item,
|
|
16310
16351
|
onClick: e => handleOnClickEditTag(e)
|
|
16311
16352
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16312
16353
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16315,7 +16356,7 @@ const Thematic = ({
|
|
|
16315
16356
|
fill: colors.black,
|
|
16316
16357
|
size: "base"
|
|
16317
16358
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
16318
|
-
className: styles$
|
|
16359
|
+
className: styles$W.item,
|
|
16319
16360
|
onClick: e => handleOnClickMoveTag(e)
|
|
16320
16361
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16321
16362
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16324,7 +16365,7 @@ const Thematic = ({
|
|
|
16324
16365
|
fill: colors.black,
|
|
16325
16366
|
size: "base"
|
|
16326
16367
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
16327
|
-
className: styles$
|
|
16368
|
+
className: styles$W.item,
|
|
16328
16369
|
onClick: handleOnClickDeleteTag
|
|
16329
16370
|
}, /*#__PURE__*/React__default.createElement(BinIcon, {
|
|
16330
16371
|
fill: colors.red_500,
|
|
@@ -16340,16 +16381,16 @@ const Thematic = ({
|
|
|
16340
16381
|
horizontal: 'right'
|
|
16341
16382
|
},
|
|
16342
16383
|
onClose: closeEditTagPopover,
|
|
16343
|
-
className: styles$
|
|
16384
|
+
className: styles$W.editTagPopover
|
|
16344
16385
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16345
|
-
className: styles$
|
|
16386
|
+
className: styles$W.content
|
|
16346
16387
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
16347
16388
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16348
16389
|
value: editedTagName,
|
|
16349
16390
|
onChange: e => setEditedTagName(e.target.value),
|
|
16350
16391
|
onKeyDown: handleOnClickValidateEditTag
|
|
16351
16392
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
16352
|
-
className: styles$
|
|
16393
|
+
className: styles$W.actions
|
|
16353
16394
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
16354
16395
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16355
16396
|
size: "sm",
|
|
@@ -16363,17 +16404,17 @@ const Thematic = ({
|
|
|
16363
16404
|
horizontal: 'right'
|
|
16364
16405
|
},
|
|
16365
16406
|
onClose: closeMoveTagPopover,
|
|
16366
|
-
className: styles$
|
|
16407
|
+
className: styles$W.moveTagPopover
|
|
16367
16408
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16368
|
-
className: styles$
|
|
16409
|
+
className: styles$W.content
|
|
16369
16410
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16370
|
-
className: styles$
|
|
16411
|
+
className: styles$W.otherThematicsContainer
|
|
16371
16412
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
16372
16413
|
key: `${thematic}-${idx}`,
|
|
16373
|
-
className: styles$
|
|
16414
|
+
className: styles$W.otherThematic,
|
|
16374
16415
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16375
16416
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16376
|
-
className: styles$
|
|
16417
|
+
className: styles$W.color,
|
|
16377
16418
|
style: {
|
|
16378
16419
|
backgroundColor: thematic.color,
|
|
16379
16420
|
height: '1rem',
|
|
@@ -16386,9 +16427,9 @@ const Thematic = ({
|
|
|
16386
16427
|
})))))));
|
|
16387
16428
|
};
|
|
16388
16429
|
|
|
16389
|
-
var css_248z$
|
|
16390
|
-
var styles$
|
|
16391
|
-
styleInject(css_248z$
|
|
16430
|
+
var css_248z$X = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16431
|
+
var styles$X = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16432
|
+
styleInject(css_248z$X);
|
|
16392
16433
|
|
|
16393
16434
|
const TimeInterval = ({
|
|
16394
16435
|
startTime,
|
|
@@ -16410,10 +16451,10 @@ const TimeInterval = ({
|
|
|
16410
16451
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
16411
16452
|
}
|
|
16412
16453
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16413
|
-
className: `${styles$
|
|
16454
|
+
className: `${styles$X.time_interval} ${className}`,
|
|
16414
16455
|
onClick: () => onClick(startTime)
|
|
16415
16456
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16416
|
-
className: styles$
|
|
16457
|
+
className: styles$X.times_text,
|
|
16417
16458
|
size: "sm",
|
|
16418
16459
|
weight: "semi-bold",
|
|
16419
16460
|
color: colors.blue_500,
|
|
@@ -16422,9 +16463,9 @@ const TimeInterval = ({
|
|
|
16422
16463
|
}));
|
|
16423
16464
|
};
|
|
16424
16465
|
|
|
16425
|
-
var css_248z$
|
|
16426
|
-
var styles$
|
|
16427
|
-
styleInject(css_248z$
|
|
16466
|
+
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}";
|
|
16467
|
+
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"};
|
|
16468
|
+
styleInject(css_248z$Y);
|
|
16428
16469
|
|
|
16429
16470
|
const CssTextField$8 = /*#__PURE__*/styles$15.styled(material.TextField)({
|
|
16430
16471
|
'& .MuiInputBase-input': {
|
|
@@ -16556,12 +16597,12 @@ const TimePicker = ({
|
|
|
16556
16597
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
16557
16598
|
adapterLocale: locales[locale]
|
|
16558
16599
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16559
|
-
className: `${styles$
|
|
16600
|
+
className: `${styles$Y.time_picker} ${className ? className : undefined}`
|
|
16560
16601
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
16561
16602
|
text: `${topLabel ? topLabel : ''}`,
|
|
16562
16603
|
weight: topLabelWeight || 'bold',
|
|
16563
16604
|
size: topLabelSize || 'base',
|
|
16564
|
-
className: styles$
|
|
16605
|
+
className: styles$Y.input_top_label,
|
|
16565
16606
|
required: required
|
|
16566
16607
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
16567
16608
|
label: label,
|
|
@@ -16591,18 +16632,18 @@ const TimePicker = ({
|
|
|
16591
16632
|
color: "#F54C4C",
|
|
16592
16633
|
italic: true,
|
|
16593
16634
|
text: errorText,
|
|
16594
|
-
className: styles$
|
|
16635
|
+
className: styles$Y.text_below
|
|
16595
16636
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16596
16637
|
size: "xs",
|
|
16597
16638
|
italic: true,
|
|
16598
16639
|
text: helperText,
|
|
16599
|
-
className: styles$
|
|
16640
|
+
className: styles$Y.text_below
|
|
16600
16641
|
}))));
|
|
16601
16642
|
};
|
|
16602
16643
|
|
|
16603
|
-
var css_248z$
|
|
16604
|
-
var styles$
|
|
16605
|
-
styleInject(css_248z$
|
|
16644
|
+
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}";
|
|
16645
|
+
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"};
|
|
16646
|
+
styleInject(css_248z$Z);
|
|
16606
16647
|
|
|
16607
16648
|
const ToggleTab = ({
|
|
16608
16649
|
optionOne,
|
|
@@ -16631,47 +16672,47 @@ const ToggleTab = ({
|
|
|
16631
16672
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16632
16673
|
};
|
|
16633
16674
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16634
|
-
className: styles$
|
|
16675
|
+
className: styles$Z.toggleTab,
|
|
16635
16676
|
style: {
|
|
16636
16677
|
background: background[variant]
|
|
16637
16678
|
}
|
|
16638
16679
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16639
|
-
className: styles$
|
|
16680
|
+
className: styles$Z.option,
|
|
16640
16681
|
style: {
|
|
16641
16682
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16642
16683
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16643
16684
|
}
|
|
16644
16685
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16645
16686
|
onClick: onClickOptionOne,
|
|
16646
|
-
className: styles$
|
|
16687
|
+
className: styles$Z.option__btn
|
|
16647
16688
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16648
16689
|
size: "base",
|
|
16649
16690
|
weight: "bold",
|
|
16650
16691
|
text: optionOne,
|
|
16651
16692
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16652
16693
|
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
16653
|
-
className: styles$
|
|
16694
|
+
className: styles$Z.optionalText
|
|
16654
16695
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16655
16696
|
text: optionalFirstText,
|
|
16656
16697
|
size: "sm",
|
|
16657
16698
|
weight: "regular",
|
|
16658
16699
|
color: "#fff"
|
|
16659
16700
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
16660
|
-
className: styles$
|
|
16701
|
+
className: styles$Z.option,
|
|
16661
16702
|
style: {
|
|
16662
16703
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16663
16704
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16664
16705
|
}
|
|
16665
16706
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16666
16707
|
onClick: onClickOptionTwo,
|
|
16667
|
-
className: styles$
|
|
16708
|
+
className: styles$Z.option__btn
|
|
16668
16709
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16669
16710
|
size: "base",
|
|
16670
16711
|
weight: "bold",
|
|
16671
16712
|
text: optionTwo,
|
|
16672
16713
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16673
16714
|
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
16674
|
-
className: styles$
|
|
16715
|
+
className: styles$Z.optionalText
|
|
16675
16716
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16676
16717
|
text: optionalSecondText,
|
|
16677
16718
|
size: "sm",
|
|
@@ -16680,9 +16721,9 @@ const ToggleTab = ({
|
|
|
16680
16721
|
})))));
|
|
16681
16722
|
};
|
|
16682
16723
|
|
|
16683
|
-
var css_248z$
|
|
16684
|
-
var styles$
|
|
16685
|
-
styleInject(css_248z$
|
|
16724
|
+
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}";
|
|
16725
|
+
var styles$_ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16726
|
+
styleInject(css_248z$_);
|
|
16686
16727
|
|
|
16687
16728
|
/** This text should be use to display basic text
|
|
16688
16729
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16691,15 +16732,15 @@ const SquareText = ({
|
|
|
16691
16732
|
text
|
|
16692
16733
|
}) => {
|
|
16693
16734
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16694
|
-
className: `${styles$
|
|
16735
|
+
className: `${styles$_.SquareTextContainer}`
|
|
16695
16736
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16696
16737
|
text: text
|
|
16697
16738
|
}));
|
|
16698
16739
|
};
|
|
16699
16740
|
|
|
16700
|
-
var css_248z
|
|
16701
|
-
var styles
|
|
16702
|
-
styleInject(css_248z
|
|
16741
|
+
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)}";
|
|
16742
|
+
var styles$$ = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16743
|
+
styleInject(css_248z$$);
|
|
16703
16744
|
|
|
16704
16745
|
/** This text should only be used for the captions
|
|
16705
16746
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16715,13 +16756,13 @@ const Caption = ({
|
|
|
16715
16756
|
style: {
|
|
16716
16757
|
color: color
|
|
16717
16758
|
},
|
|
16718
|
-
className: `${styles
|
|
16759
|
+
className: `${styles$$.caption_text} ${uppercase ? styles$$.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16719
16760
|
}), text);
|
|
16720
16761
|
};
|
|
16721
16762
|
|
|
16722
|
-
var css_248z
|
|
16723
|
-
var styles
|
|
16724
|
-
styleInject(css_248z
|
|
16763
|
+
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}";
|
|
16764
|
+
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"};
|
|
16765
|
+
styleInject(css_248z$10);
|
|
16725
16766
|
|
|
16726
16767
|
/** This text should be use to display basic text */
|
|
16727
16768
|
const Link = ({
|
|
@@ -16735,10 +16776,10 @@ const Link = ({
|
|
|
16735
16776
|
...props
|
|
16736
16777
|
}) => {
|
|
16737
16778
|
const getLinkSize = () => {
|
|
16738
|
-
if (size === 'xs') return styles
|
|
16779
|
+
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
16780
|
};
|
|
16740
16781
|
const getLinkWeight = () => {
|
|
16741
|
-
if (weight === 'semi-bold') return styles
|
|
16782
|
+
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
16783
|
};
|
|
16743
16784
|
if (isExternal) {
|
|
16744
16785
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16749,7 +16790,7 @@ const Link = ({
|
|
|
16749
16790
|
style: {
|
|
16750
16791
|
color: color
|
|
16751
16792
|
},
|
|
16752
|
-
className: `${styles
|
|
16793
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16753
16794
|
}), text));
|
|
16754
16795
|
} else {
|
|
16755
16796
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16758,48 +16799,11 @@ const Link = ({
|
|
|
16758
16799
|
style: {
|
|
16759
16800
|
color: color
|
|
16760
16801
|
},
|
|
16761
|
-
className: `${styles
|
|
16802
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16762
16803
|
}), text));
|
|
16763
16804
|
}
|
|
16764
16805
|
};
|
|
16765
16806
|
|
|
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
16807
|
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
16808
|
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
16809
|
styleInject(css_248z$11);
|