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
|
@@ -287,10 +287,47 @@ const Title = ({
|
|
|
287
287
|
}
|
|
288
288
|
};
|
|
289
289
|
|
|
290
|
-
var css_248z$5 = ".
|
|
291
|
-
var styles$5 = {"
|
|
290
|
+
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}";
|
|
291
|
+
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"};
|
|
292
292
|
styleInject(css_248z$5);
|
|
293
293
|
|
|
294
|
+
/** This text should be use to display basic text
|
|
295
|
+
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
296
|
+
*/
|
|
297
|
+
const Text = ({
|
|
298
|
+
text,
|
|
299
|
+
color = '#26292E',
|
|
300
|
+
size = 'base',
|
|
301
|
+
weight = 'regular',
|
|
302
|
+
italic = false,
|
|
303
|
+
textDecoration,
|
|
304
|
+
className,
|
|
305
|
+
required,
|
|
306
|
+
id,
|
|
307
|
+
...props
|
|
308
|
+
}) => {
|
|
309
|
+
const getTextSize = () => {
|
|
310
|
+
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;
|
|
311
|
+
};
|
|
312
|
+
const getTextWeight = () => {
|
|
313
|
+
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;
|
|
314
|
+
};
|
|
315
|
+
const getTextDecoration = () => {
|
|
316
|
+
if (textDecoration === 'underline') return styles$5.text_underline;else if (textDecoration === 'line-through') return styles$5.text_line_through;else return '';
|
|
317
|
+
};
|
|
318
|
+
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
319
|
+
id: id,
|
|
320
|
+
style: {
|
|
321
|
+
color: color
|
|
322
|
+
},
|
|
323
|
+
className: `${styles$5.text} ${italic ? styles$5.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$5.text_required} ${getTextSize()}`
|
|
324
|
+
}), text);
|
|
325
|
+
};
|
|
326
|
+
|
|
327
|
+
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}";
|
|
328
|
+
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"};
|
|
329
|
+
styleInject(css_248z$6);
|
|
330
|
+
|
|
294
331
|
/** Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
|
|
295
332
|
const IconButton = /*#__PURE__*/forwardRef(({
|
|
296
333
|
variant = 'primary',
|
|
@@ -302,23 +339,23 @@ const IconButton = /*#__PURE__*/forwardRef(({
|
|
|
302
339
|
...props
|
|
303
340
|
}, ref) => {
|
|
304
341
|
const getStylesByVariant = () => {
|
|
305
|
-
if (variant === 'primary') return styles$
|
|
342
|
+
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;
|
|
306
343
|
};
|
|
307
344
|
const getStylesBySize = () => {
|
|
308
|
-
if (size === 'xxs') return styles$
|
|
309
|
-
if (size === 'xs') return styles$
|
|
345
|
+
if (size === 'xxs') return styles$6.icon_button_xxs;
|
|
346
|
+
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;
|
|
310
347
|
};
|
|
311
348
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
312
349
|
ref: ref,
|
|
313
|
-
className: `${styles$
|
|
350
|
+
className: `${styles$6.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
314
351
|
onClick: onClick,
|
|
315
352
|
disabled: disabled
|
|
316
353
|
}, props), icon ?? /*#__PURE__*/React.createElement(MinusCircledIcon, null));
|
|
317
354
|
});
|
|
318
355
|
|
|
319
|
-
var css_248z$
|
|
320
|
-
var styles$
|
|
321
|
-
styleInject(css_248z$
|
|
356
|
+
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}";
|
|
357
|
+
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"};
|
|
358
|
+
styleInject(css_248z$7);
|
|
322
359
|
|
|
323
360
|
const TooltipLayout = ({
|
|
324
361
|
tooltipTitle,
|
|
@@ -341,9 +378,9 @@ const TooltipLayout = ({
|
|
|
341
378
|
isTooltipSimplified
|
|
342
379
|
}) => {
|
|
343
380
|
return /*#__PURE__*/React.createElement("div", {
|
|
344
|
-
className: `${styles$
|
|
381
|
+
className: `${styles$7.tooltip_layout} ${isTooltipSimplified ? styles$7.tooltip_simplified : ''}`
|
|
345
382
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
346
|
-
className: styles$
|
|
383
|
+
className: styles$7.tooltip_layout_header
|
|
347
384
|
}, tooltipTitle && /*#__PURE__*/React.createElement(Title, {
|
|
348
385
|
text: tooltipTitle,
|
|
349
386
|
size: "sm",
|
|
@@ -356,17 +393,17 @@ const TooltipLayout = ({
|
|
|
356
393
|
})), tooltipDescription && /*#__PURE__*/React.createElement(Text, {
|
|
357
394
|
text: tooltipDescription,
|
|
358
395
|
size: "sm",
|
|
359
|
-
className: styles$
|
|
396
|
+
className: styles$7.tooltip_layout_description,
|
|
360
397
|
color: isTooltipSimplified ? '#fff' : '#000'
|
|
361
398
|
}), optionalUrl && optionalUrlText && /*#__PURE__*/React.createElement("a", {
|
|
362
399
|
href: optionalUrl,
|
|
363
400
|
target: "_blank",
|
|
364
401
|
rel: "noopener noreferrer",
|
|
365
|
-
className: isTooltipSimplified ? styles$
|
|
402
|
+
className: isTooltipSimplified ? styles$7.tooltip_layout_optional_url_simplified : styles$7.tooltip_layout_optional_url
|
|
366
403
|
}, optionalUrlText), customContent && /*#__PURE__*/React.createElement("div", {
|
|
367
|
-
className: styles$
|
|
404
|
+
className: styles$7.tooltip_layout_content
|
|
368
405
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React.createElement("div", {
|
|
369
|
-
className: styles$
|
|
406
|
+
className: styles$7.tooltip_layout_actions
|
|
370
407
|
}, buttonOneText && /*#__PURE__*/React.createElement(Button, {
|
|
371
408
|
text: buttonOneText,
|
|
372
409
|
size: "sm",
|
|
@@ -10988,6 +11025,7 @@ function Partner9({
|
|
|
10988
11025
|
const Box = ({
|
|
10989
11026
|
children,
|
|
10990
11027
|
title,
|
|
11028
|
+
optionalText,
|
|
10991
11029
|
tooltipDescription,
|
|
10992
11030
|
className,
|
|
10993
11031
|
id,
|
|
@@ -11004,6 +11042,9 @@ const Box = ({
|
|
|
11004
11042
|
size: "lg",
|
|
11005
11043
|
weight: "bold",
|
|
11006
11044
|
required: required
|
|
11045
|
+
}), !required && optionalText && /*#__PURE__*/React.createElement(Text, {
|
|
11046
|
+
text: optionalText,
|
|
11047
|
+
italic: true
|
|
11007
11048
|
}), tooltipDescription && /*#__PURE__*/React.createElement(Tooltip, {
|
|
11008
11049
|
tooltipDescription: tooltipDescription,
|
|
11009
11050
|
placement: "right",
|
|
@@ -11014,9 +11055,9 @@ const Box = ({
|
|
|
11014
11055
|
})))), children);
|
|
11015
11056
|
};
|
|
11016
11057
|
|
|
11017
|
-
var css_248z$
|
|
11018
|
-
var styles$
|
|
11019
|
-
styleInject(css_248z$
|
|
11058
|
+
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}";
|
|
11059
|
+
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"};
|
|
11060
|
+
styleInject(css_248z$8);
|
|
11020
11061
|
|
|
11021
11062
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11022
11063
|
const Button = ({
|
|
@@ -11031,13 +11072,13 @@ const Button = ({
|
|
|
11031
11072
|
...props
|
|
11032
11073
|
}) => {
|
|
11033
11074
|
const getStylesByVariant = () => {
|
|
11034
|
-
if (variant === 'primary') return styles$
|
|
11075
|
+
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;
|
|
11035
11076
|
};
|
|
11036
11077
|
const getStylesBySize = () => {
|
|
11037
|
-
if (size === 'sm') return styles$
|
|
11078
|
+
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;
|
|
11038
11079
|
};
|
|
11039
11080
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
11040
|
-
className: `${styles$
|
|
11081
|
+
className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
11041
11082
|
style: {
|
|
11042
11083
|
background: customBackground,
|
|
11043
11084
|
border: customBackground ? 'none' : ''
|
|
@@ -11049,9 +11090,9 @@ const Button = ({
|
|
|
11049
11090
|
}), iconRight && iconRight);
|
|
11050
11091
|
};
|
|
11051
11092
|
|
|
11052
|
-
var css_248z$
|
|
11053
|
-
var styles$
|
|
11054
|
-
styleInject(css_248z$
|
|
11093
|
+
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}";
|
|
11094
|
+
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"};
|
|
11095
|
+
styleInject(css_248z$9);
|
|
11055
11096
|
|
|
11056
11097
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11057
11098
|
const MksiteButton = ({
|
|
@@ -11064,10 +11105,10 @@ const MksiteButton = ({
|
|
|
11064
11105
|
...props
|
|
11065
11106
|
}) => {
|
|
11066
11107
|
const getStylesByVariant = () => {
|
|
11067
|
-
if (variant === 'primary') return styles$
|
|
11108
|
+
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;
|
|
11068
11109
|
};
|
|
11069
11110
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
11070
|
-
className: `${styles$
|
|
11111
|
+
className: `${styles$9.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
11071
11112
|
disabled: disabled
|
|
11072
11113
|
}, props), iconLeft && iconLeft, /*#__PURE__*/React.createElement(TextForButton, {
|
|
11073
11114
|
text: text,
|
|
@@ -11075,9 +11116,9 @@ const MksiteButton = ({
|
|
|
11075
11116
|
}), iconRight && iconRight);
|
|
11076
11117
|
};
|
|
11077
11118
|
|
|
11078
|
-
var css_248z$
|
|
11079
|
-
var styles$
|
|
11080
|
-
styleInject(css_248z$
|
|
11119
|
+
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%}";
|
|
11120
|
+
var styles$a = {"card":"Card-modules_card__3XjRq"};
|
|
11121
|
+
styleInject(css_248z$a);
|
|
11081
11122
|
|
|
11082
11123
|
const Card = ({
|
|
11083
11124
|
children,
|
|
@@ -11085,27 +11126,27 @@ const Card = ({
|
|
|
11085
11126
|
onMouseLeave,
|
|
11086
11127
|
className
|
|
11087
11128
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
11088
|
-
className: `${styles$
|
|
11129
|
+
className: `${styles$a.card} ${className}`,
|
|
11089
11130
|
onMouseEnter: onMouseEnter,
|
|
11090
11131
|
onMouseLeave: onMouseLeave
|
|
11091
11132
|
}, children);
|
|
11092
11133
|
|
|
11093
|
-
var css_248z$
|
|
11094
|
-
var styles$
|
|
11095
|
-
styleInject(css_248z$
|
|
11134
|
+
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}";
|
|
11135
|
+
var styles$b = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
11136
|
+
styleInject(css_248z$b);
|
|
11096
11137
|
|
|
11097
11138
|
const CardButton = ({
|
|
11098
11139
|
children,
|
|
11099
11140
|
className
|
|
11100
11141
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
11101
|
-
className: `${styles$
|
|
11142
|
+
className: `${styles$b.card_button} ${className}`
|
|
11102
11143
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11103
11144
|
text: children
|
|
11104
11145
|
}));
|
|
11105
11146
|
|
|
11106
|
-
var css_248z$
|
|
11107
|
-
var styles$
|
|
11108
|
-
styleInject(css_248z$
|
|
11147
|
+
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}";
|
|
11148
|
+
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"};
|
|
11149
|
+
styleInject(css_248z$c);
|
|
11109
11150
|
|
|
11110
11151
|
const ChatMessage = ({
|
|
11111
11152
|
message,
|
|
@@ -11130,23 +11171,23 @@ const ChatMessage = ({
|
|
|
11130
11171
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
11131
11172
|
};
|
|
11132
11173
|
if (!isMe) return /*#__PURE__*/React.createElement("div", {
|
|
11133
|
-
className: styles$
|
|
11174
|
+
className: styles$c.user_message_container
|
|
11134
11175
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11135
|
-
className: styles$
|
|
11176
|
+
className: styles$c.bot_indicator
|
|
11136
11177
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11137
11178
|
text: getTwoInitials(message.from.name),
|
|
11138
11179
|
weight: "bold",
|
|
11139
11180
|
color: "white",
|
|
11140
11181
|
size: "sm"
|
|
11141
11182
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11142
|
-
className: styles$
|
|
11183
|
+
className: styles$c.message_chatbot
|
|
11143
11184
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11144
|
-
className: styles$
|
|
11185
|
+
className: styles$c.not_user_text_message
|
|
11145
11186
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11146
11187
|
dangerouslySetInnerHTML: {
|
|
11147
11188
|
__html: replaceURLs(message.body) ?? ''
|
|
11148
11189
|
},
|
|
11149
|
-
className: styles$
|
|
11190
|
+
className: styles$c.user_text
|
|
11150
11191
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
11151
11192
|
onClick: onClickTime,
|
|
11152
11193
|
className: classNameTime,
|
|
@@ -11154,23 +11195,23 @@ const ChatMessage = ({
|
|
|
11154
11195
|
endTime: endTime
|
|
11155
11196
|
})));else {
|
|
11156
11197
|
return /*#__PURE__*/React.createElement("div", {
|
|
11157
|
-
className: styles$
|
|
11198
|
+
className: styles$c.user_message_container
|
|
11158
11199
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11159
|
-
className: styles$
|
|
11200
|
+
className: styles$c.message_chatbot
|
|
11160
11201
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11161
|
-
className: styles$
|
|
11202
|
+
className: styles$c.user_text_message
|
|
11162
11203
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11163
11204
|
dangerouslySetInnerHTML: {
|
|
11164
11205
|
__html: replaceURLs(message.body) ?? ''
|
|
11165
11206
|
},
|
|
11166
|
-
className: styles$
|
|
11207
|
+
className: styles$c.user_text
|
|
11167
11208
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
11168
11209
|
onClick: onClickTime,
|
|
11169
11210
|
className: classNameTime,
|
|
11170
11211
|
startTime: startTime,
|
|
11171
11212
|
endTime: endTime
|
|
11172
11213
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11173
|
-
className: styles$
|
|
11214
|
+
className: styles$c.user_indicator
|
|
11174
11215
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11175
11216
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11176
11217
|
weight: "bold",
|
|
@@ -11180,9 +11221,9 @@ const ChatMessage = ({
|
|
|
11180
11221
|
}
|
|
11181
11222
|
};
|
|
11182
11223
|
|
|
11183
|
-
var css_248z$
|
|
11184
|
-
var styles$
|
|
11185
|
-
styleInject(css_248z$
|
|
11224
|
+
var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
|
|
11225
|
+
var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
|
|
11226
|
+
styleInject(css_248z$d);
|
|
11186
11227
|
|
|
11187
11228
|
const BpIcon = /*#__PURE__*/styled('span')(() => ({
|
|
11188
11229
|
borderRadius: '0.25rem',
|
|
@@ -11258,7 +11299,7 @@ const Checkbox = ({
|
|
|
11258
11299
|
className
|
|
11259
11300
|
}) => {
|
|
11260
11301
|
return /*#__PURE__*/React.createElement("div", {
|
|
11261
|
-
className: `${styles$
|
|
11302
|
+
className: `${styles$d.checkboxContainer} ${disabled ? styles$d.disabled : ''} ${className}`,
|
|
11262
11303
|
style: {
|
|
11263
11304
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
11264
11305
|
}
|
|
@@ -11371,9 +11412,9 @@ const getColor = (colorName, shade) => {
|
|
|
11371
11412
|
return undefined;
|
|
11372
11413
|
};
|
|
11373
11414
|
|
|
11374
|
-
var css_248z$
|
|
11375
|
-
var styles$
|
|
11376
|
-
styleInject(css_248z$
|
|
11415
|
+
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}";
|
|
11416
|
+
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"};
|
|
11417
|
+
styleInject(css_248z$e);
|
|
11377
11418
|
|
|
11378
11419
|
const ColorPicker = ({
|
|
11379
11420
|
color,
|
|
@@ -11384,30 +11425,30 @@ const ColorPicker = ({
|
|
|
11384
11425
|
onChange(color);
|
|
11385
11426
|
};
|
|
11386
11427
|
return /*#__PURE__*/React.createElement("div", {
|
|
11387
|
-
className: styles$
|
|
11428
|
+
className: styles$e.colorPicker
|
|
11388
11429
|
}, /*#__PURE__*/React.createElement(HexAlphaColorPicker, {
|
|
11389
11430
|
color: color,
|
|
11390
11431
|
onChange: onChange
|
|
11391
11432
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11392
|
-
className: styles$
|
|
11433
|
+
className: styles$e.colorPicker__bottom
|
|
11393
11434
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11394
|
-
className: styles$
|
|
11435
|
+
className: styles$e.colorPicker__bottom__color,
|
|
11395
11436
|
style: {
|
|
11396
11437
|
backgroundColor: color
|
|
11397
11438
|
}
|
|
11398
11439
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11399
|
-
className: styles$
|
|
11440
|
+
className: styles$e.colorPicker__bottom__input
|
|
11400
11441
|
}, /*#__PURE__*/React.createElement("input", {
|
|
11401
11442
|
type: "text",
|
|
11402
11443
|
value: color,
|
|
11403
11444
|
onChange: e => handleChange(e.target.value),
|
|
11404
|
-
className: styles$
|
|
11445
|
+
className: styles$e.colorTextInput
|
|
11405
11446
|
}))));
|
|
11406
11447
|
};
|
|
11407
11448
|
|
|
11408
|
-
var css_248z$
|
|
11409
|
-
var styles$
|
|
11410
|
-
styleInject(css_248z$
|
|
11449
|
+
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)}";
|
|
11450
|
+
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"};
|
|
11451
|
+
styleInject(css_248z$f);
|
|
11411
11452
|
|
|
11412
11453
|
const DataProtectionDisclaimer = ({
|
|
11413
11454
|
content,
|
|
@@ -11415,18 +11456,18 @@ const DataProtectionDisclaimer = ({
|
|
|
11415
11456
|
contentClassName
|
|
11416
11457
|
}) => {
|
|
11417
11458
|
return /*#__PURE__*/React.createElement("footer", {
|
|
11418
|
-
className: `${styles$
|
|
11459
|
+
className: `${styles$f.data_protection_disclaimer} ${className}`
|
|
11419
11460
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11420
11461
|
dangerouslySetInnerHTML: {
|
|
11421
11462
|
__html: content
|
|
11422
11463
|
},
|
|
11423
|
-
className: `${styles$
|
|
11464
|
+
className: `${styles$f.data_protection_disclaimer_content} ${contentClassName}`
|
|
11424
11465
|
}));
|
|
11425
11466
|
};
|
|
11426
11467
|
|
|
11427
|
-
var css_248z$
|
|
11428
|
-
var styles$
|
|
11429
|
-
styleInject(css_248z$
|
|
11468
|
+
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}";
|
|
11469
|
+
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"};
|
|
11470
|
+
styleInject(css_248z$g);
|
|
11430
11471
|
|
|
11431
11472
|
const CssTextField = /*#__PURE__*/styled(TextField)({
|
|
11432
11473
|
'& .MuiInputBase-input': {
|
|
@@ -11557,12 +11598,12 @@ const DatePicker = ({
|
|
|
11557
11598
|
dateAdapter: AdapterDateFns,
|
|
11558
11599
|
adapterLocale: locale === 'enUS' ? enUS : locale === 'fr' ? fr : locale === 'it' ? it : locale === 'de' ? de : locale === 'es' ? es : enUS
|
|
11559
11600
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11560
|
-
className: `${styles$
|
|
11601
|
+
className: `${styles$g.date_picker} ${className ? className : undefined}`
|
|
11561
11602
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
11562
11603
|
text: `${topLabel ? topLabel : ''}`,
|
|
11563
11604
|
weight: topLabelWeight || 'bold',
|
|
11564
11605
|
size: topLabelSize || 'base',
|
|
11565
|
-
className: styles$
|
|
11606
|
+
className: styles$g.input_top_label,
|
|
11566
11607
|
required: required
|
|
11567
11608
|
}), /*#__PURE__*/React.createElement(DatePicker$1, {
|
|
11568
11609
|
label: label,
|
|
@@ -11607,18 +11648,18 @@ const DatePicker = ({
|
|
|
11607
11648
|
color: "#F54C4C",
|
|
11608
11649
|
italic: true,
|
|
11609
11650
|
text: errorText,
|
|
11610
|
-
className: styles$
|
|
11651
|
+
className: styles$g.text_below
|
|
11611
11652
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
11612
11653
|
size: "xs",
|
|
11613
11654
|
italic: true,
|
|
11614
11655
|
text: helperText,
|
|
11615
|
-
className: styles$
|
|
11656
|
+
className: styles$g.text_below
|
|
11616
11657
|
}))));
|
|
11617
11658
|
};
|
|
11618
11659
|
|
|
11619
|
-
var css_248z$
|
|
11620
|
-
var styles$
|
|
11621
|
-
styleInject(css_248z$
|
|
11660
|
+
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}}";
|
|
11661
|
+
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"};
|
|
11662
|
+
styleInject(css_248z$h);
|
|
11622
11663
|
|
|
11623
11664
|
const HeaderCell = ({
|
|
11624
11665
|
planName,
|
|
@@ -11647,7 +11688,7 @@ const HeaderCell = ({
|
|
|
11647
11688
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
11648
11689
|
};
|
|
11649
11690
|
return /*#__PURE__*/React.createElement("div", {
|
|
11650
|
-
className: styles$
|
|
11691
|
+
className: styles$h.headerCell
|
|
11651
11692
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11652
11693
|
size: "base",
|
|
11653
11694
|
weight: "semi-bold",
|
|
@@ -11657,7 +11698,7 @@ const HeaderCell = ({
|
|
|
11657
11698
|
weight: "bold",
|
|
11658
11699
|
text: cmsContent.LetsTalk
|
|
11659
11700
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
11660
|
-
className: styles$
|
|
11701
|
+
className: styles$h.priceContainer
|
|
11661
11702
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11662
11703
|
size: "base",
|
|
11663
11704
|
weight: "bold",
|
|
@@ -11679,9 +11720,9 @@ const TableHeader = ({
|
|
|
11679
11720
|
actionsArray
|
|
11680
11721
|
}) => {
|
|
11681
11722
|
return /*#__PURE__*/React.createElement("div", {
|
|
11682
|
-
className: styles$
|
|
11723
|
+
className: styles$h.tableHeader
|
|
11683
11724
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11684
|
-
className: styles$
|
|
11725
|
+
className: styles$h.headerTitle
|
|
11685
11726
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11686
11727
|
size: "base",
|
|
11687
11728
|
weight: "semi-bold",
|
|
@@ -11706,13 +11747,13 @@ const RowCell = ({
|
|
|
11706
11747
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
11707
11748
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
11708
11749
|
return /*#__PURE__*/React.createElement("div", {
|
|
11709
|
-
className: styles$
|
|
11750
|
+
className: styles$h.rowCell
|
|
11710
11751
|
}, prefix && /*#__PURE__*/React.createElement(Text, {
|
|
11711
11752
|
size: "sm",
|
|
11712
11753
|
weight: "regular",
|
|
11713
11754
|
text: prefix
|
|
11714
11755
|
}), showCheckmark ? /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
11715
|
-
className: styles$
|
|
11756
|
+
className: styles$h.checkedIcon
|
|
11716
11757
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React.createElement(Text, {
|
|
11717
11758
|
size: "sm",
|
|
11718
11759
|
weight: "bold",
|
|
@@ -11730,14 +11771,14 @@ const FeatureRow = ({
|
|
|
11730
11771
|
}) => {
|
|
11731
11772
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
11732
11773
|
return /*#__PURE__*/React.createElement("div", {
|
|
11733
|
-
className: `${styles$
|
|
11774
|
+
className: `${styles$h.featureRow} ${isLastOfTable ? styles$h.lastRow : ''}`
|
|
11734
11775
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11735
|
-
className: styles$
|
|
11776
|
+
className: styles$h.featureName
|
|
11736
11777
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11737
11778
|
size: "sm",
|
|
11738
11779
|
weight: "regular",
|
|
11739
11780
|
text: feature.Name,
|
|
11740
|
-
className: styles$
|
|
11781
|
+
className: styles$h.overflow2Lines
|
|
11741
11782
|
}), feature.TooltipDescription && /*#__PURE__*/React.createElement(Tooltip, {
|
|
11742
11783
|
tooltipDescription: feature.TooltipDescription,
|
|
11743
11784
|
placement: "right"
|
|
@@ -11745,7 +11786,7 @@ const FeatureRow = ({
|
|
|
11745
11786
|
icon: /*#__PURE__*/React.createElement(QuestionCircledIcon, null),
|
|
11746
11787
|
variant: "tertiary",
|
|
11747
11788
|
size: "xxs",
|
|
11748
|
-
className: styles$
|
|
11789
|
+
className: styles$h.tooltipButton
|
|
11749
11790
|
}))), tierList.map((tier, index) => {
|
|
11750
11791
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
11751
11792
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -11763,7 +11804,7 @@ const SectionTitleRow = ({
|
|
|
11763
11804
|
sectionName = ''
|
|
11764
11805
|
}) => {
|
|
11765
11806
|
return /*#__PURE__*/React.createElement("div", {
|
|
11766
|
-
className: styles$
|
|
11807
|
+
className: styles$h.sectionTitleRow
|
|
11767
11808
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11768
11809
|
size: "sm",
|
|
11769
11810
|
weight: "bold",
|
|
@@ -11777,7 +11818,7 @@ const FeatureGroup = ({
|
|
|
11777
11818
|
isLastGroup
|
|
11778
11819
|
}) => {
|
|
11779
11820
|
return /*#__PURE__*/React.createElement("div", {
|
|
11780
|
-
className: styles$
|
|
11821
|
+
className: styles$h.featureGroup
|
|
11781
11822
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React.createElement(SectionTitleRow, {
|
|
11782
11823
|
sectionName: sectionTitle
|
|
11783
11824
|
}), featureSection.map((feature, index) => {
|
|
@@ -11804,7 +11845,7 @@ const TableBody = ({
|
|
|
11804
11845
|
};
|
|
11805
11846
|
|
|
11806
11847
|
return /*#__PURE__*/React.createElement("div", {
|
|
11807
|
-
className: styles$
|
|
11848
|
+
className: styles$h.tableBody
|
|
11808
11849
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React.createElement(FeatureGroup, {
|
|
11809
11850
|
key: index,
|
|
11810
11851
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -11821,7 +11862,7 @@ const FeaturesTable = ({
|
|
|
11821
11862
|
actionsArray
|
|
11822
11863
|
}) => {
|
|
11823
11864
|
return /*#__PURE__*/React.createElement("div", {
|
|
11824
|
-
className: styles$
|
|
11865
|
+
className: styles$h.featuresTable
|
|
11825
11866
|
}, /*#__PURE__*/React.createElement(TableHeader, {
|
|
11826
11867
|
plans: pricingCards,
|
|
11827
11868
|
cmsContent: cmsContent,
|
|
@@ -11832,9 +11873,9 @@ const FeaturesTable = ({
|
|
|
11832
11873
|
}));
|
|
11833
11874
|
};
|
|
11834
11875
|
|
|
11835
|
-
var css_248z$
|
|
11836
|
-
var styles$
|
|
11837
|
-
styleInject(css_248z$
|
|
11876
|
+
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}";
|
|
11877
|
+
var styles$i = {"file_input_wrapper":"fileinput-modules_file_input_wrapper__zE37e","block":"fileinput-modules_block__aNMrv","cliquable_text":"fileinput-modules_cliquable_text__-xcFl"};
|
|
11878
|
+
styleInject(css_248z$i);
|
|
11838
11879
|
|
|
11839
11880
|
const checkImageResolution = (file, resolution) => {
|
|
11840
11881
|
return new Promise((resolve, reject) => {
|
|
@@ -11891,7 +11932,7 @@ const FileInput = ({
|
|
|
11891
11932
|
}
|
|
11892
11933
|
}, [value]);
|
|
11893
11934
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
11894
|
-
className: `${styles$
|
|
11935
|
+
className: `${styles$i.file_input_wrapper} ${className}`
|
|
11895
11936
|
}, /*#__PURE__*/React.createElement("input", {
|
|
11896
11937
|
ref: ref,
|
|
11897
11938
|
onChange: onChange,
|
|
@@ -11910,13 +11951,13 @@ const FileInput = ({
|
|
|
11910
11951
|
text: rule,
|
|
11911
11952
|
weight: "regular",
|
|
11912
11953
|
size: "xs",
|
|
11913
|
-
className: styles$
|
|
11954
|
+
className: styles$i.cliquable_text
|
|
11914
11955
|
}));
|
|
11915
11956
|
};
|
|
11916
11957
|
|
|
11917
|
-
var css_248z$
|
|
11918
|
-
var styles$
|
|
11919
|
-
styleInject(css_248z$
|
|
11958
|
+
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}";
|
|
11959
|
+
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"};
|
|
11960
|
+
styleInject(css_248z$j);
|
|
11920
11961
|
|
|
11921
11962
|
/** This text should be use to display basic text
|
|
11922
11963
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11932,48 +11973,48 @@ const FormQuestions = ({
|
|
|
11932
11973
|
nextText
|
|
11933
11974
|
}) => {
|
|
11934
11975
|
return /*#__PURE__*/React.createElement("div", {
|
|
11935
|
-
className: styles$
|
|
11976
|
+
className: styles$j.formQuestionsContainer
|
|
11936
11977
|
}, /*#__PURE__*/React.createElement(LogoNormal, {
|
|
11937
11978
|
style: {
|
|
11938
11979
|
width: '8.64519rem',
|
|
11939
11980
|
height: '2rem'
|
|
11940
11981
|
}
|
|
11941
11982
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11942
|
-
className: styles$
|
|
11983
|
+
className: styles$j.formQuestionsContent
|
|
11943
11984
|
}, hint && /*#__PURE__*/React.createElement(SquareText, {
|
|
11944
11985
|
text: hint
|
|
11945
11986
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11946
|
-
className: styles$
|
|
11987
|
+
className: styles$j.questionContainer
|
|
11947
11988
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11948
11989
|
text: question,
|
|
11949
|
-
className: styles$
|
|
11990
|
+
className: styles$j.questionText
|
|
11950
11991
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
11951
11992
|
text: optionText,
|
|
11952
|
-
className: styles$
|
|
11993
|
+
className: styles$j.topText
|
|
11953
11994
|
}), answers.map(answer => /*#__PURE__*/React.createElement(QuestionButton, {
|
|
11954
11995
|
text: answer.text,
|
|
11955
11996
|
clicked: answer.isSelected,
|
|
11956
11997
|
onClick: answer.onClick
|
|
11957
11998
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
11958
|
-
className: styles$
|
|
11999
|
+
className: styles$j.buttons
|
|
11959
12000
|
}, backText && /*#__PURE__*/React.createElement(Button, {
|
|
11960
12001
|
variant: 'tertiary',
|
|
11961
|
-
className: styles$
|
|
12002
|
+
className: styles$j.backButton,
|
|
11962
12003
|
iconLeft: /*#__PURE__*/React.createElement(ArrowPointerLeft, null),
|
|
11963
12004
|
text: backText,
|
|
11964
12005
|
onClick: backAction
|
|
11965
12006
|
}), nextText && /*#__PURE__*/React.createElement(Button, {
|
|
11966
12007
|
disabled: answers.every(answer => !answer.isSelected),
|
|
11967
12008
|
text: nextText,
|
|
11968
|
-
className: styles$
|
|
12009
|
+
className: styles$j.nextButton,
|
|
11969
12010
|
iconRight: /*#__PURE__*/React.createElement(ArrowPointerRight, null),
|
|
11970
12011
|
onClick: nextAction
|
|
11971
12012
|
}))));
|
|
11972
12013
|
};
|
|
11973
12014
|
|
|
11974
|
-
var css_248z$
|
|
11975
|
-
var styles$
|
|
11976
|
-
styleInject(css_248z$
|
|
12015
|
+
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}";
|
|
12016
|
+
var styles$k = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
12017
|
+
styleInject(css_248z$k);
|
|
11977
12018
|
|
|
11978
12019
|
/** This text should be use to display basic text
|
|
11979
12020
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11985,15 +12026,15 @@ const QuestionButton = ({
|
|
|
11985
12026
|
}) => {
|
|
11986
12027
|
return /*#__PURE__*/React.createElement("div", {
|
|
11987
12028
|
onClick: onClick,
|
|
11988
|
-
className: `${styles$
|
|
12029
|
+
className: `${styles$k.QuestionButtonContainer} ${clicked ? styles$k.QuestionButtonContainerSelected : ''}`
|
|
11989
12030
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11990
|
-
className: styles$
|
|
12031
|
+
className: styles$k.QuestionButtonText
|
|
11991
12032
|
}, text));
|
|
11992
12033
|
};
|
|
11993
12034
|
|
|
11994
|
-
var css_248z$
|
|
11995
|
-
var styles$
|
|
11996
|
-
styleInject(css_248z$
|
|
12035
|
+
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}";
|
|
12036
|
+
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"};
|
|
12037
|
+
styleInject(css_248z$l);
|
|
11997
12038
|
|
|
11998
12039
|
const Chat = ({
|
|
11999
12040
|
chatTitle,
|
|
@@ -12070,15 +12111,15 @@ const Chat = ({
|
|
|
12070
12111
|
item: true,
|
|
12071
12112
|
xs: 3,
|
|
12072
12113
|
direction: "column",
|
|
12073
|
-
className: `${className ?? ''} ${styles$
|
|
12114
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12074
12115
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12075
|
-
className: `${styles$
|
|
12116
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12076
12117
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12077
12118
|
text: chatTitle,
|
|
12078
12119
|
weight: "bold",
|
|
12079
12120
|
size: "lg"
|
|
12080
12121
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12081
|
-
className: `${styles$
|
|
12122
|
+
className: `${styles$l.tasks_container}
|
|
12082
12123
|
${customScrollingClassname}`
|
|
12083
12124
|
}, tasks.map(task => {
|
|
12084
12125
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
@@ -12129,15 +12170,15 @@ const Chat = ({
|
|
|
12129
12170
|
item: true,
|
|
12130
12171
|
xs: 3,
|
|
12131
12172
|
direction: "column",
|
|
12132
|
-
className: `${className ?? ''} ${styles$
|
|
12173
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12133
12174
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12134
|
-
className: `${styles$
|
|
12175
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12135
12176
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12136
12177
|
text: chatTitle,
|
|
12137
12178
|
weight: "bold",
|
|
12138
12179
|
size: "lg"
|
|
12139
12180
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12140
|
-
className: `${styles$
|
|
12181
|
+
className: `${styles$l.tasks_container}
|
|
12141
12182
|
${customScrollingClassname}`
|
|
12142
12183
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
12143
12184
|
title: welcomeTitle,
|
|
@@ -12145,46 +12186,46 @@ const Chat = ({
|
|
|
12145
12186
|
}), messages && messages.map(message => {
|
|
12146
12187
|
if (message && message.type === 'normal') {
|
|
12147
12188
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
12148
|
-
className: styles$
|
|
12189
|
+
className: styles$l.user_message_container
|
|
12149
12190
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12150
|
-
className: styles$
|
|
12191
|
+
className: styles$l.bot_indicator
|
|
12151
12192
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12152
12193
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12153
12194
|
weight: "bold",
|
|
12154
12195
|
color: "white",
|
|
12155
12196
|
size: "sm"
|
|
12156
12197
|
})), /*#__PURE__*/React.createElement("div", {
|
|
12157
|
-
className: styles$
|
|
12198
|
+
className: styles$l.message_chatbot
|
|
12158
12199
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12159
|
-
className: styles$
|
|
12200
|
+
className: styles$l.not_user_text_message
|
|
12160
12201
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12161
12202
|
dangerouslySetInnerHTML: {
|
|
12162
12203
|
__html: replaceURLs(message.body) ?? ''
|
|
12163
12204
|
},
|
|
12164
|
-
className: styles$
|
|
12205
|
+
className: styles$l.user_text
|
|
12165
12206
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
12166
12207
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12167
12208
|
size: "xs",
|
|
12168
12209
|
color: "grey",
|
|
12169
|
-
className: styles$
|
|
12210
|
+
className: styles$l.user_text_message_username
|
|
12170
12211
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
12171
|
-
className: styles$
|
|
12212
|
+
className: styles$l.user_message_container
|
|
12172
12213
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12173
|
-
className: styles$
|
|
12214
|
+
className: styles$l.message_chatbot
|
|
12174
12215
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12175
|
-
className: styles$
|
|
12216
|
+
className: styles$l.user_text_message
|
|
12176
12217
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12177
12218
|
dangerouslySetInnerHTML: {
|
|
12178
12219
|
__html: replaceURLs(message.body) ?? ''
|
|
12179
12220
|
},
|
|
12180
|
-
className: styles$
|
|
12221
|
+
className: styles$l.user_text
|
|
12181
12222
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
12182
12223
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12183
12224
|
size: "xs",
|
|
12184
12225
|
color: "grey",
|
|
12185
|
-
className: styles$
|
|
12226
|
+
className: styles$l.user_text_message_username_left
|
|
12186
12227
|
})), /*#__PURE__*/React.createElement("div", {
|
|
12187
|
-
className: styles$
|
|
12228
|
+
className: styles$l.user_indicator
|
|
12188
12229
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12189
12230
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12190
12231
|
weight: "bold",
|
|
@@ -12202,9 +12243,9 @@ const Chat = ({
|
|
|
12202
12243
|
})));
|
|
12203
12244
|
};
|
|
12204
12245
|
|
|
12205
|
-
var css_248z$
|
|
12206
|
-
var styles$
|
|
12207
|
-
styleInject(css_248z$
|
|
12246
|
+
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}";
|
|
12247
|
+
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"};
|
|
12248
|
+
styleInject(css_248z$m);
|
|
12208
12249
|
|
|
12209
12250
|
const SelfProtocolTaskContainer = ({
|
|
12210
12251
|
smallTitle,
|
|
@@ -12218,7 +12259,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12218
12259
|
isDisplay
|
|
12219
12260
|
}) => {
|
|
12220
12261
|
if (isDisplay) return /*#__PURE__*/React.createElement("div", {
|
|
12221
|
-
className: `${styles$
|
|
12262
|
+
className: `${styles$m.selfProtocolTaskContainer} ${isDisabled ? styles$m.disabled : ''}`
|
|
12222
12263
|
}, smallTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12223
12264
|
text: smallTitle,
|
|
12224
12265
|
size: "xs"
|
|
@@ -12234,7 +12275,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12234
12275
|
text: ctaText,
|
|
12235
12276
|
onClick: () => onClick(),
|
|
12236
12277
|
iconRight: buttonIcon,
|
|
12237
|
-
className: styles$
|
|
12278
|
+
className: styles$m.cta_button,
|
|
12238
12279
|
disabled: isDisabled
|
|
12239
12280
|
}));else return null;
|
|
12240
12281
|
};
|
|
@@ -12296,16 +12337,16 @@ const SelfProtocolManager = ({
|
|
|
12296
12337
|
item: true,
|
|
12297
12338
|
xs: 3,
|
|
12298
12339
|
direction: "column",
|
|
12299
|
-
className: `${className ?? ''} ${styles$
|
|
12340
|
+
className: `${className ?? ''} ${styles$m.chatContainer}`
|
|
12300
12341
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12301
|
-
className: `${styles$
|
|
12342
|
+
className: `${styles$m.scrolling_content} ${styles$m.no_scrollbar} ${customContentClassname}`
|
|
12302
12343
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12303
12344
|
text: texts.generalTitle,
|
|
12304
12345
|
weight: "bold",
|
|
12305
12346
|
size: "lg"
|
|
12306
12347
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12307
|
-
className: `${styles$
|
|
12308
|
-
${customScrollingClassname} ${styles$
|
|
12348
|
+
className: `${styles$m.tasks_container}
|
|
12349
|
+
${customScrollingClassname} ${styles$m.no_scrollbar}`
|
|
12309
12350
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
12310
12351
|
title: texts.welcomeMessageTitle,
|
|
12311
12352
|
description: texts.welcomeMessageDescription
|
|
@@ -12365,9 +12406,9 @@ const SelfProtocolManager = ({
|
|
|
12365
12406
|
}))));
|
|
12366
12407
|
};
|
|
12367
12408
|
|
|
12368
|
-
var css_248z$
|
|
12369
|
-
var styles$
|
|
12370
|
-
styleInject(css_248z$
|
|
12409
|
+
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}";
|
|
12410
|
+
var styles$n = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12411
|
+
styleInject(css_248z$n);
|
|
12371
12412
|
|
|
12372
12413
|
const ChatInput = ({
|
|
12373
12414
|
className,
|
|
@@ -12377,7 +12418,7 @@ const ChatInput = ({
|
|
|
12377
12418
|
placeholder
|
|
12378
12419
|
}) => {
|
|
12379
12420
|
return /*#__PURE__*/React.createElement("div", {
|
|
12380
|
-
className: `${styles$
|
|
12421
|
+
className: `${styles$n.chat_input_container} ${className ?? ''}`
|
|
12381
12422
|
}, /*#__PURE__*/React.createElement("input", {
|
|
12382
12423
|
placeholder: placeholder,
|
|
12383
12424
|
value: value ? value : '',
|
|
@@ -12406,9 +12447,9 @@ const ChatInput = ({
|
|
|
12406
12447
|
}));
|
|
12407
12448
|
};
|
|
12408
12449
|
|
|
12409
|
-
var css_248z$
|
|
12410
|
-
var styles$
|
|
12411
|
-
styleInject(css_248z$
|
|
12450
|
+
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}";
|
|
12451
|
+
var styles$o = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12452
|
+
styleInject(css_248z$o);
|
|
12412
12453
|
|
|
12413
12454
|
const CircledIconButton = ({
|
|
12414
12455
|
icon,
|
|
@@ -12418,17 +12459,17 @@ const CircledIconButton = ({
|
|
|
12418
12459
|
...props
|
|
12419
12460
|
}) => {
|
|
12420
12461
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12421
|
-
className: `${styles$
|
|
12462
|
+
className: `${styles$o.circle_icon_button} ${className ?? ''} ${isActive ? styles$o.active : ''}`
|
|
12422
12463
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12423
|
-
className: styles$
|
|
12464
|
+
className: styles$o.notif_icon,
|
|
12424
12465
|
stroke: colors.black,
|
|
12425
12466
|
fill: colors.red_500
|
|
12426
12467
|
}));
|
|
12427
12468
|
};
|
|
12428
12469
|
|
|
12429
|
-
var css_248z$
|
|
12430
|
-
var styles$
|
|
12431
|
-
styleInject(css_248z$
|
|
12470
|
+
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}";
|
|
12471
|
+
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"};
|
|
12472
|
+
styleInject(css_248z$p);
|
|
12432
12473
|
|
|
12433
12474
|
const ControlsBar = ({
|
|
12434
12475
|
className,
|
|
@@ -12470,7 +12511,7 @@ const ControlsBar = ({
|
|
|
12470
12511
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = useState(false);
|
|
12471
12512
|
const [anchorEl, setAnchorEl] = useState(null);
|
|
12472
12513
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12473
|
-
className: `${styles$
|
|
12514
|
+
className: `${styles$p.control_bar} ${className ?? ''}`
|
|
12474
12515
|
}, props), enableMicrophone && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12475
12516
|
icon: isMicrophoneActive ? /*#__PURE__*/React.createElement(MicrophoneIcon, null) : /*#__PURE__*/React.createElement(NoMicrophoneIcon, null),
|
|
12476
12517
|
onClick: () => {
|
|
@@ -12486,11 +12527,11 @@ const ControlsBar = ({
|
|
|
12486
12527
|
}
|
|
12487
12528
|
}
|
|
12488
12529
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12489
|
-
className: styles$
|
|
12530
|
+
className: styles$p.separator
|
|
12490
12531
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React.createElement("button", {
|
|
12491
12532
|
ref: setAnchorEl,
|
|
12492
12533
|
disabled: disabledRecording,
|
|
12493
|
-
className: styles$
|
|
12534
|
+
className: styles$p.record_btn,
|
|
12494
12535
|
onClick: () => {
|
|
12495
12536
|
if (!isRecording && startRecording) startRecording();
|
|
12496
12537
|
if (isRecording) {
|
|
@@ -12517,7 +12558,7 @@ const ControlsBar = ({
|
|
|
12517
12558
|
icon: /*#__PURE__*/React.createElement(TvFlatScreenIcon, null),
|
|
12518
12559
|
onClick: () => enableScreenSharing()
|
|
12519
12560
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12520
|
-
className: styles$
|
|
12561
|
+
className: styles$p.separator
|
|
12521
12562
|
}), isInterviewer ? /*#__PURE__*/React.createElement(InterviewButton, {
|
|
12522
12563
|
text: protocolText,
|
|
12523
12564
|
variant: "protocol",
|
|
@@ -12542,7 +12583,7 @@ const ControlsBar = ({
|
|
|
12542
12583
|
isNotif: isNewTask
|
|
12543
12584
|
}), isModerated && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12544
12585
|
icon: /*#__PURE__*/React.createElement(ChatBubbleIcon, null),
|
|
12545
|
-
className: styles$
|
|
12586
|
+
className: styles$p.chatBubbleIcon,
|
|
12546
12587
|
onClick: () => {
|
|
12547
12588
|
if (displayChat) displayChat();
|
|
12548
12589
|
},
|
|
@@ -12564,17 +12605,17 @@ const ControlsBar = ({
|
|
|
12564
12605
|
transform: 'translate(0px, -28px)'
|
|
12565
12606
|
}
|
|
12566
12607
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12567
|
-
className: styles$
|
|
12608
|
+
className: styles$p.stop_rec_popover
|
|
12568
12609
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12569
12610
|
text: stopRecPopoverTitle ?? '',
|
|
12570
|
-
className: styles$
|
|
12611
|
+
className: styles$p.stop_rec_popover_title,
|
|
12571
12612
|
size: "sm"
|
|
12572
12613
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
12573
12614
|
text: stopRecPopoverDescription ?? '',
|
|
12574
|
-
className: styles$
|
|
12615
|
+
className: styles$p.stop_rec_popover_description,
|
|
12575
12616
|
size: "sm"
|
|
12576
12617
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12577
|
-
className: styles$
|
|
12618
|
+
className: styles$p.stop_rec_popover_actions
|
|
12578
12619
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
12579
12620
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12580
12621
|
variant: "tertiary",
|
|
@@ -12594,9 +12635,9 @@ const ControlsBar = ({
|
|
|
12594
12635
|
})))));
|
|
12595
12636
|
};
|
|
12596
12637
|
|
|
12597
|
-
var css_248z$
|
|
12598
|
-
var styles$
|
|
12599
|
-
styleInject(css_248z$
|
|
12638
|
+
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}";
|
|
12639
|
+
var styles$q = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12640
|
+
styleInject(css_248z$q);
|
|
12600
12641
|
|
|
12601
12642
|
const EndRecording = ({
|
|
12602
12643
|
stopRecTitle,
|
|
@@ -12607,7 +12648,7 @@ const EndRecording = ({
|
|
|
12607
12648
|
stopRecording
|
|
12608
12649
|
}) => {
|
|
12609
12650
|
return /*#__PURE__*/React.createElement("div", {
|
|
12610
|
-
className: styles$
|
|
12651
|
+
className: styles$q.stop_rec_container
|
|
12611
12652
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12612
12653
|
text: stopRecTitle ?? '',
|
|
12613
12654
|
weight: "bold"
|
|
@@ -12630,9 +12671,9 @@ const EndRecording = ({
|
|
|
12630
12671
|
}));
|
|
12631
12672
|
};
|
|
12632
12673
|
|
|
12633
|
-
var css_248z$
|
|
12634
|
-
var styles$
|
|
12635
|
-
styleInject(css_248z$
|
|
12674
|
+
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}";
|
|
12675
|
+
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"};
|
|
12676
|
+
styleInject(css_248z$r);
|
|
12636
12677
|
|
|
12637
12678
|
const InterviewButton = ({
|
|
12638
12679
|
icon,
|
|
@@ -12645,25 +12686,25 @@ const InterviewButton = ({
|
|
|
12645
12686
|
...props
|
|
12646
12687
|
}) => {
|
|
12647
12688
|
const defineVariantStyle = () => {
|
|
12648
|
-
if (variant === 'protocol') return styles$
|
|
12689
|
+
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;
|
|
12649
12690
|
};
|
|
12650
12691
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12651
|
-
className: `${styles$
|
|
12652
|
-
${disabled ? styles$
|
|
12692
|
+
className: `${styles$r.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$r.active : ''}
|
|
12693
|
+
${disabled ? styles$r.disabled : ''}`
|
|
12653
12694
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
12654
12695
|
text: text,
|
|
12655
12696
|
size: "base",
|
|
12656
12697
|
weight: "semi-bold"
|
|
12657
12698
|
}), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12658
|
-
className: styles$
|
|
12699
|
+
className: styles$r.notif_icon,
|
|
12659
12700
|
stroke: colors.black,
|
|
12660
12701
|
fill: colors.red_500
|
|
12661
12702
|
}));
|
|
12662
12703
|
};
|
|
12663
12704
|
|
|
12664
|
-
var css_248z$
|
|
12665
|
-
var styles$
|
|
12666
|
-
styleInject(css_248z$
|
|
12705
|
+
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}";
|
|
12706
|
+
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"};
|
|
12707
|
+
styleInject(css_248z$s);
|
|
12667
12708
|
|
|
12668
12709
|
const MarkUpBar = ({
|
|
12669
12710
|
className,
|
|
@@ -12672,35 +12713,35 @@ const MarkUpBar = ({
|
|
|
12672
12713
|
...props
|
|
12673
12714
|
}) => {
|
|
12674
12715
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12675
|
-
className: `${styles$
|
|
12716
|
+
className: `${styles$s.markup_bar} ${className ?? ''}`
|
|
12676
12717
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12677
|
-
className: styles$
|
|
12718
|
+
className: styles$s.smiley_list
|
|
12678
12719
|
}, /*#__PURE__*/React.createElement("button", {
|
|
12679
|
-
className: `${styles$
|
|
12720
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12680
12721
|
disabled: disabled,
|
|
12681
12722
|
onClick: () => {
|
|
12682
12723
|
if (!disabled) onClick('Q');
|
|
12683
12724
|
}
|
|
12684
12725
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React.createElement("button", {
|
|
12685
|
-
className: `${styles$
|
|
12726
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12686
12727
|
disabled: disabled,
|
|
12687
12728
|
onClick: () => {
|
|
12688
12729
|
if (!disabled) onClick('W');
|
|
12689
12730
|
}
|
|
12690
12731
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React.createElement("button", {
|
|
12691
|
-
className: `${styles$
|
|
12732
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12692
12733
|
disabled: disabled,
|
|
12693
12734
|
onClick: () => {
|
|
12694
12735
|
if (!disabled) onClick('E');
|
|
12695
12736
|
}
|
|
12696
12737
|
}, "\uD83D\uDE21"), /*#__PURE__*/React.createElement("button", {
|
|
12697
|
-
className: `${styles$
|
|
12738
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12698
12739
|
disabled: disabled,
|
|
12699
12740
|
onClick: () => {
|
|
12700
12741
|
if (!disabled) onClick('R');
|
|
12701
12742
|
}
|
|
12702
12743
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React.createElement("button", {
|
|
12703
|
-
className: `${styles$
|
|
12744
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12704
12745
|
disabled: disabled,
|
|
12705
12746
|
onClick: () => {
|
|
12706
12747
|
if (!disabled) onClick('T');
|
|
@@ -12708,9 +12749,9 @@ const MarkUpBar = ({
|
|
|
12708
12749
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12709
12750
|
};
|
|
12710
12751
|
|
|
12711
|
-
var css_248z$
|
|
12712
|
-
var styles$
|
|
12713
|
-
styleInject(css_248z$
|
|
12752
|
+
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%}";
|
|
12753
|
+
var styles$t = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12754
|
+
styleInject(css_248z$t);
|
|
12714
12755
|
|
|
12715
12756
|
const Scenario = ({
|
|
12716
12757
|
title,
|
|
@@ -12724,18 +12765,18 @@ const Scenario = ({
|
|
|
12724
12765
|
...props
|
|
12725
12766
|
}) => {
|
|
12726
12767
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12727
|
-
className: styles$
|
|
12768
|
+
className: styles$t.start_interview_container
|
|
12728
12769
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
12729
12770
|
text: title,
|
|
12730
12771
|
size: "xs"
|
|
12731
12772
|
}), scenarioName && /*#__PURE__*/React.createElement(Text, {
|
|
12732
12773
|
text: scenarioName,
|
|
12733
12774
|
weight: "bold",
|
|
12734
|
-
className: styles$
|
|
12775
|
+
className: styles$t.name
|
|
12735
12776
|
}), description && /*#__PURE__*/React.createElement(Text, {
|
|
12736
12777
|
text: description,
|
|
12737
12778
|
size: "sm",
|
|
12738
|
-
className: styles$
|
|
12779
|
+
className: styles$t.description
|
|
12739
12780
|
}), buttonIcon && buttonText && /*#__PURE__*/React.createElement(Button, {
|
|
12740
12781
|
text: buttonText,
|
|
12741
12782
|
iconRight: buttonIcon ?? /*#__PURE__*/React.createElement(SendIcon, null),
|
|
@@ -12744,16 +12785,16 @@ const Scenario = ({
|
|
|
12744
12785
|
}));
|
|
12745
12786
|
};
|
|
12746
12787
|
|
|
12747
|
-
var css_248z$
|
|
12748
|
-
var styles$
|
|
12749
|
-
styleInject(css_248z$
|
|
12788
|
+
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}";
|
|
12789
|
+
var styles$u = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12790
|
+
styleInject(css_248z$u);
|
|
12750
12791
|
|
|
12751
12792
|
const SusExplanation = ({
|
|
12752
12793
|
title,
|
|
12753
12794
|
description
|
|
12754
12795
|
}) => {
|
|
12755
12796
|
return /*#__PURE__*/React.createElement("div", {
|
|
12756
|
-
className: styles$
|
|
12797
|
+
className: styles$u.sus_explanation
|
|
12757
12798
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12758
12799
|
text: title ?? '',
|
|
12759
12800
|
weight: "bold"
|
|
@@ -12763,9 +12804,9 @@ const SusExplanation = ({
|
|
|
12763
12804
|
}));
|
|
12764
12805
|
};
|
|
12765
12806
|
|
|
12766
|
-
var css_248z$
|
|
12767
|
-
var styles$
|
|
12768
|
-
styleInject(css_248z$
|
|
12807
|
+
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}";
|
|
12808
|
+
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"};
|
|
12809
|
+
styleInject(css_248z$v);
|
|
12769
12810
|
|
|
12770
12811
|
const Task = ({
|
|
12771
12812
|
taskNumber,
|
|
@@ -12800,35 +12841,35 @@ const Task = ({
|
|
|
12800
12841
|
setOpen(true);
|
|
12801
12842
|
};
|
|
12802
12843
|
const getContainerStyle = () => {
|
|
12803
|
-
if (state === 'active') return styles$
|
|
12844
|
+
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;
|
|
12804
12845
|
};
|
|
12805
12846
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12806
12847
|
if (state === 'active') return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12807
12848
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12808
12849
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12809
|
-
className: styles$
|
|
12850
|
+
className: styles$v.header
|
|
12810
12851
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12811
|
-
className: isInterviewer ? styles$
|
|
12852
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12812
12853
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12813
12854
|
text: taskNumber,
|
|
12814
12855
|
color: '#26292E',
|
|
12815
12856
|
size: "xs"
|
|
12816
12857
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12817
|
-
className: styles$
|
|
12858
|
+
className: styles$v.header_right
|
|
12818
12859
|
}, /*#__PURE__*/React.createElement(CheckedIcon, null))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
12819
|
-
className: styles$
|
|
12860
|
+
className: styles$v.taskContent
|
|
12820
12861
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12821
12862
|
text: taskTitle,
|
|
12822
12863
|
size: "sm",
|
|
12823
12864
|
weight: "bold"
|
|
12824
12865
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12825
|
-
className: styles$
|
|
12866
|
+
className: styles$v.urlButton,
|
|
12826
12867
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12827
12868
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12828
12869
|
fill: "#fafafa",
|
|
12829
12870
|
stroke: "#fafafa"
|
|
12830
12871
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12831
|
-
className: styles$
|
|
12872
|
+
className: styles$v.notesContainer
|
|
12832
12873
|
}, noteText && /*#__PURE__*/React.createElement(Text, {
|
|
12833
12874
|
text: noteText,
|
|
12834
12875
|
size: "xs",
|
|
@@ -12837,13 +12878,13 @@ const Task = ({
|
|
|
12837
12878
|
text: notes,
|
|
12838
12879
|
size: "sm"
|
|
12839
12880
|
}))), areActionsDisplay && /*#__PURE__*/React.createElement("div", {
|
|
12840
|
-
className: styles$
|
|
12881
|
+
className: styles$v.taskContent
|
|
12841
12882
|
}, actionText && /*#__PURE__*/React.createElement(Text, {
|
|
12842
12883
|
text: actionText,
|
|
12843
12884
|
size: "xs",
|
|
12844
12885
|
italic: true
|
|
12845
12886
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12846
|
-
className: styles$
|
|
12887
|
+
className: styles$v.actionBtnsContainer
|
|
12847
12888
|
}, action1 && iconAction1 && /*#__PURE__*/React.createElement(IconButton, {
|
|
12848
12889
|
onClick: action1,
|
|
12849
12890
|
icon: iconAction1
|
|
@@ -12866,7 +12907,7 @@ const Task = ({
|
|
|
12866
12907
|
arrow: true,
|
|
12867
12908
|
placement: "left",
|
|
12868
12909
|
title: /*#__PURE__*/React.createElement("div", {
|
|
12869
|
-
className: styles$
|
|
12910
|
+
className: styles$v.taskPopover
|
|
12870
12911
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12871
12912
|
text: taskNumber,
|
|
12872
12913
|
color: '#64666A',
|
|
@@ -12875,15 +12916,15 @@ const Task = ({
|
|
|
12875
12916
|
text: taskTitle,
|
|
12876
12917
|
size: "sm",
|
|
12877
12918
|
weight: "bold",
|
|
12878
|
-
className: styles$
|
|
12919
|
+
className: styles$v.title
|
|
12879
12920
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12880
|
-
className: styles$
|
|
12921
|
+
className: styles$v.urlButton,
|
|
12881
12922
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12882
12923
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12883
12924
|
fill: "#fafafa",
|
|
12884
12925
|
stroke: "#fafafa"
|
|
12885
12926
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12886
|
-
className: styles$
|
|
12927
|
+
className: styles$v.notesContainer
|
|
12887
12928
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12888
12929
|
text: "Notes",
|
|
12889
12930
|
size: "xs",
|
|
@@ -12917,9 +12958,9 @@ const Task = ({
|
|
|
12917
12958
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12918
12959
|
ref: taskRef
|
|
12919
12960
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12920
|
-
className: styles$
|
|
12961
|
+
className: styles$v.header
|
|
12921
12962
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12922
|
-
className: isInterviewer ? styles$
|
|
12963
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12923
12964
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12924
12965
|
text: taskNumber,
|
|
12925
12966
|
color: '#64666A',
|
|
@@ -12928,9 +12969,9 @@ const Task = ({
|
|
|
12928
12969
|
text: taskTitle,
|
|
12929
12970
|
size: "sm",
|
|
12930
12971
|
weight: "bold",
|
|
12931
|
-
className: styles$
|
|
12972
|
+
className: styles$v.title
|
|
12932
12973
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12933
|
-
className: `${styles$
|
|
12974
|
+
className: `${styles$v.header_right} ${state === 'idle' && styles$v.clickable}`,
|
|
12934
12975
|
onClick: () => {
|
|
12935
12976
|
if (state === 'idle') {
|
|
12936
12977
|
sendTask(task);
|
|
@@ -12942,9 +12983,9 @@ const Task = ({
|
|
|
12942
12983
|
}, isDone ? /*#__PURE__*/React.createElement(CheckedIcon, null) : /*#__PURE__*/React.createElement(SendIcon, null))))));
|
|
12943
12984
|
};
|
|
12944
12985
|
|
|
12945
|
-
var css_248z$
|
|
12946
|
-
var styles$
|
|
12947
|
-
styleInject(css_248z$
|
|
12986
|
+
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}";
|
|
12987
|
+
var styles$w = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
12988
|
+
styleInject(css_248z$w);
|
|
12948
12989
|
|
|
12949
12990
|
const WelcomeMessage = ({
|
|
12950
12991
|
title,
|
|
@@ -12953,23 +12994,23 @@ const WelcomeMessage = ({
|
|
|
12953
12994
|
...props
|
|
12954
12995
|
}) => {
|
|
12955
12996
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12956
|
-
className: styles$
|
|
12997
|
+
className: styles$w.welcome_container
|
|
12957
12998
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
12958
12999
|
text: title,
|
|
12959
13000
|
weight: "bold",
|
|
12960
13001
|
size: "base",
|
|
12961
|
-
className: styles$
|
|
13002
|
+
className: styles$w.welcome_title
|
|
12962
13003
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12963
13004
|
dangerouslySetInnerHTML: {
|
|
12964
13005
|
__html: description
|
|
12965
13006
|
},
|
|
12966
|
-
className: styles$
|
|
13007
|
+
className: styles$w.welcome_description
|
|
12967
13008
|
}));
|
|
12968
13009
|
};
|
|
12969
13010
|
|
|
12970
|
-
var css_248z$
|
|
12971
|
-
var styles$
|
|
12972
|
-
styleInject(css_248z$
|
|
13011
|
+
var css_248z$x = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
13012
|
+
var styles$x = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
13013
|
+
styleInject(css_248z$x);
|
|
12973
13014
|
|
|
12974
13015
|
const partnersSVGs = {
|
|
12975
13016
|
'1': Partner1,
|
|
@@ -12988,7 +13029,7 @@ const LogoSlider = ({
|
|
|
12988
13029
|
}) => {
|
|
12989
13030
|
const partners = Object.keys(partnersSVGs);
|
|
12990
13031
|
return /*#__PURE__*/React.createElement("div", {
|
|
12991
|
-
className: styles$
|
|
13032
|
+
className: styles$x.logoSlider
|
|
12992
13033
|
}, /*#__PURE__*/React.createElement(Marquee, {
|
|
12993
13034
|
speed: 50
|
|
12994
13035
|
}, partners.map((partner, index) => {
|
|
@@ -13003,9 +13044,9 @@ const LogoSlider = ({
|
|
|
13003
13044
|
})));
|
|
13004
13045
|
};
|
|
13005
13046
|
|
|
13006
|
-
var css_248z$
|
|
13007
|
-
var styles$
|
|
13008
|
-
styleInject(css_248z$
|
|
13047
|
+
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%}";
|
|
13048
|
+
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"};
|
|
13049
|
+
styleInject(css_248z$y);
|
|
13009
13050
|
|
|
13010
13051
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
13011
13052
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -13044,20 +13085,20 @@ const Modal = ({
|
|
|
13044
13085
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
13045
13086
|
"aria-labelledby": "transition-modal-title",
|
|
13046
13087
|
"aria-describedby": "transition-modal-description",
|
|
13047
|
-
className: `${styles$
|
|
13088
|
+
className: `${styles$y.modal_overlay} ${className ?? ''}`,
|
|
13048
13089
|
open: open,
|
|
13049
13090
|
onClose: onClose,
|
|
13050
13091
|
closeAfterTransition: true
|
|
13051
13092
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
13052
13093
|
in: open
|
|
13053
13094
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13054
|
-
className: styles$
|
|
13095
|
+
className: styles$y.modal_content,
|
|
13055
13096
|
style: {
|
|
13056
13097
|
width: width ?? '21rem',
|
|
13057
13098
|
height: height ?? 'fit-content'
|
|
13058
13099
|
}
|
|
13059
13100
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13060
|
-
className: `${styles$
|
|
13101
|
+
className: `${styles$y.modal_header}`
|
|
13061
13102
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
13062
13103
|
text: title,
|
|
13063
13104
|
weight: "bold",
|
|
@@ -13069,7 +13110,7 @@ const Modal = ({
|
|
|
13069
13110
|
}),
|
|
13070
13111
|
onClick: () => onClose()
|
|
13071
13112
|
})), children, /*#__PURE__*/React.createElement("div", {
|
|
13072
|
-
className: styles$
|
|
13113
|
+
className: styles$y.modal_buttons_container
|
|
13073
13114
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
13074
13115
|
text: cancelText,
|
|
13075
13116
|
variant: cancelBtnVariant,
|
|
@@ -13083,19 +13124,19 @@ const Modal = ({
|
|
|
13083
13124
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
13084
13125
|
"aria-labelledby": "transition-modal-title",
|
|
13085
13126
|
"aria-describedby": "transition-modal-description",
|
|
13086
|
-
className: `${styles$
|
|
13127
|
+
className: `${styles$y.modal} ${className}`,
|
|
13087
13128
|
open: open,
|
|
13088
13129
|
onClose: onClose,
|
|
13089
13130
|
closeAfterTransition: true
|
|
13090
13131
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
13091
13132
|
in: open
|
|
13092
13133
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13093
|
-
className: styles$
|
|
13134
|
+
className: styles$y.modal_content,
|
|
13094
13135
|
style: {
|
|
13095
13136
|
width: width ?? '65rem'
|
|
13096
13137
|
}
|
|
13097
13138
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13098
|
-
className: `${styles$
|
|
13139
|
+
className: `${styles$y.modal_header}`
|
|
13099
13140
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
13100
13141
|
text: title,
|
|
13101
13142
|
weight: "semi-bold",
|
|
@@ -13107,7 +13148,7 @@ const Modal = ({
|
|
|
13107
13148
|
}),
|
|
13108
13149
|
onClick: () => onClose()
|
|
13109
13150
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React.createElement("div", {
|
|
13110
|
-
className: styles$
|
|
13151
|
+
className: styles$y.modal_buttons_container
|
|
13111
13152
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
13112
13153
|
text: cancelText,
|
|
13113
13154
|
variant: cancelBtnVariant,
|
|
@@ -13120,9 +13161,9 @@ const Modal = ({
|
|
|
13120
13161
|
}
|
|
13121
13162
|
};
|
|
13122
13163
|
|
|
13123
|
-
var css_248z$
|
|
13124
|
-
var styles$
|
|
13125
|
-
styleInject(css_248z$
|
|
13164
|
+
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}";
|
|
13165
|
+
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"};
|
|
13166
|
+
styleInject(css_248z$z);
|
|
13126
13167
|
|
|
13127
13168
|
const filter = /*#__PURE__*/createFilterOptions();
|
|
13128
13169
|
const CssTextField$1 = /*#__PURE__*/styled(TextField$1)({
|
|
@@ -13260,7 +13301,7 @@ const MultiSelect = ({
|
|
|
13260
13301
|
text: `${topLabel ? topLabel : ''}`,
|
|
13261
13302
|
weight: topLabelWeight || 'bold',
|
|
13262
13303
|
size: topLabelSize || 'base',
|
|
13263
|
-
className: styles$
|
|
13304
|
+
className: styles$z.input_top_label,
|
|
13264
13305
|
required: required
|
|
13265
13306
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
13266
13307
|
id: "tags-standard",
|
|
@@ -13304,7 +13345,7 @@ const MultiSelect = ({
|
|
|
13304
13345
|
})),
|
|
13305
13346
|
renderTags: value => {
|
|
13306
13347
|
return /*#__PURE__*/React.createElement("div", {
|
|
13307
|
-
className: `${styles$
|
|
13348
|
+
className: `${styles$z.tags_container} ${styles$z.no_scrollbar}`
|
|
13308
13349
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Badge, {
|
|
13309
13350
|
text: option.label,
|
|
13310
13351
|
status: "idle",
|
|
@@ -13338,13 +13379,13 @@ const MultiSelect = ({
|
|
|
13338
13379
|
},
|
|
13339
13380
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13340
13381
|
fill: "black",
|
|
13341
|
-
className: `${styles$
|
|
13382
|
+
className: `${styles$z.icon}`
|
|
13342
13383
|
}),
|
|
13343
13384
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13344
13385
|
fill: "black",
|
|
13345
|
-
className: `${styles$
|
|
13386
|
+
className: `${styles$z.icon}`
|
|
13346
13387
|
}),
|
|
13347
|
-
className: `${styles$
|
|
13388
|
+
className: `${styles$z.newAutocomplete}`,
|
|
13348
13389
|
filterOptions: (options, params) => {
|
|
13349
13390
|
const filtered = filter(options, params);
|
|
13350
13391
|
const {
|
|
@@ -13365,18 +13406,18 @@ const MultiSelect = ({
|
|
|
13365
13406
|
color: "#F54C4C",
|
|
13366
13407
|
italic: true,
|
|
13367
13408
|
text: errorText,
|
|
13368
|
-
className: styles$
|
|
13409
|
+
className: styles$z.text_below
|
|
13369
13410
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13370
13411
|
size: "xs",
|
|
13371
13412
|
italic: true,
|
|
13372
13413
|
text: helperText,
|
|
13373
|
-
className: styles$
|
|
13414
|
+
className: styles$z.text_below
|
|
13374
13415
|
}));
|
|
13375
13416
|
};
|
|
13376
13417
|
|
|
13377
|
-
var css_248z$
|
|
13378
|
-
var styles$
|
|
13379
|
-
styleInject(css_248z$
|
|
13418
|
+
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}";
|
|
13419
|
+
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"};
|
|
13420
|
+
styleInject(css_248z$A);
|
|
13380
13421
|
|
|
13381
13422
|
const filter$1 = /*#__PURE__*/createFilterOptions();
|
|
13382
13423
|
const GroupHeader = /*#__PURE__*/styled('div')(() => ({
|
|
@@ -13527,7 +13568,7 @@ const MultiSelectWithCategories = ({
|
|
|
13527
13568
|
text: `${topLabel ? topLabel : ''}`,
|
|
13528
13569
|
weight: topLabelWeight || 'bold',
|
|
13529
13570
|
size: topLabelSize || 'base',
|
|
13530
|
-
className: styles$
|
|
13571
|
+
className: styles$A.input_top_label,
|
|
13531
13572
|
required: required
|
|
13532
13573
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
13533
13574
|
id: "tags-standard",
|
|
@@ -13575,7 +13616,7 @@ const MultiSelectWithCategories = ({
|
|
|
13575
13616
|
})),
|
|
13576
13617
|
renderTags: value => {
|
|
13577
13618
|
return /*#__PURE__*/React.createElement("div", {
|
|
13578
|
-
className: `${styles$
|
|
13619
|
+
className: `${styles$A.tags_container} ${styles$A.no_scrollbar}`
|
|
13579
13620
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Badge, {
|
|
13580
13621
|
text: option.label,
|
|
13581
13622
|
status: "idle",
|
|
@@ -13609,13 +13650,13 @@ const MultiSelectWithCategories = ({
|
|
|
13609
13650
|
},
|
|
13610
13651
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13611
13652
|
fill: "black",
|
|
13612
|
-
className: `${styles$
|
|
13653
|
+
className: `${styles$A.icon}`
|
|
13613
13654
|
}),
|
|
13614
13655
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13615
13656
|
fill: "black",
|
|
13616
|
-
className: `${styles$
|
|
13657
|
+
className: `${styles$A.icon}`
|
|
13617
13658
|
}),
|
|
13618
|
-
className: `${styles$
|
|
13659
|
+
className: `${styles$A.newAutocomplete}`,
|
|
13619
13660
|
filterOptions: (options, params) => {
|
|
13620
13661
|
const filtered = filter$1(options, params);
|
|
13621
13662
|
const {
|
|
@@ -13636,18 +13677,18 @@ const MultiSelectWithCategories = ({
|
|
|
13636
13677
|
color: "#F54C4C",
|
|
13637
13678
|
italic: true,
|
|
13638
13679
|
text: errorText,
|
|
13639
|
-
className: styles$
|
|
13680
|
+
className: styles$A.text_below
|
|
13640
13681
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13641
13682
|
size: "xs",
|
|
13642
13683
|
italic: true,
|
|
13643
13684
|
text: helperText,
|
|
13644
|
-
className: styles$
|
|
13685
|
+
className: styles$A.text_below
|
|
13645
13686
|
}));
|
|
13646
13687
|
};
|
|
13647
13688
|
|
|
13648
|
-
var css_248z$
|
|
13649
|
-
var styles$
|
|
13650
|
-
styleInject(css_248z$
|
|
13689
|
+
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)}";
|
|
13690
|
+
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"};
|
|
13691
|
+
styleInject(css_248z$B);
|
|
13651
13692
|
|
|
13652
13693
|
/**
|
|
13653
13694
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13702,41 +13743,41 @@ const Banner = ({
|
|
|
13702
13743
|
};
|
|
13703
13744
|
const getBannerColor = () => {
|
|
13704
13745
|
if (type === 'error') {
|
|
13705
|
-
return styles$
|
|
13746
|
+
return styles$B.notification_banner_error;
|
|
13706
13747
|
} else if (type === 'warning') {
|
|
13707
|
-
return styles$
|
|
13748
|
+
return styles$B.notification_banner_warning;
|
|
13708
13749
|
} else if (type === 'success') {
|
|
13709
|
-
return styles$
|
|
13750
|
+
return styles$B.notification_banner_success;
|
|
13710
13751
|
} else {
|
|
13711
|
-
return styles$
|
|
13752
|
+
return styles$B.notification_banner_info;
|
|
13712
13753
|
}
|
|
13713
13754
|
};
|
|
13714
13755
|
const getIconButtonColor = () => {
|
|
13715
13756
|
if (type === 'error') {
|
|
13716
|
-
return styles$
|
|
13757
|
+
return styles$B.icon_button_error;
|
|
13717
13758
|
} else if (type === 'warning') {
|
|
13718
|
-
return styles$
|
|
13759
|
+
return styles$B.icon_button_warning;
|
|
13719
13760
|
} else if (type === 'success') {
|
|
13720
|
-
return styles$
|
|
13761
|
+
return styles$B.icon_button_success;
|
|
13721
13762
|
} else {
|
|
13722
|
-
return styles$
|
|
13763
|
+
return styles$B.icon_button_info;
|
|
13723
13764
|
}
|
|
13724
13765
|
};
|
|
13725
13766
|
const getContentColor = () => {
|
|
13726
13767
|
if (type === 'error') {
|
|
13727
|
-
return styles$
|
|
13768
|
+
return styles$B.banner_content_error;
|
|
13728
13769
|
} else if (type === 'warning') {
|
|
13729
|
-
return styles$
|
|
13770
|
+
return styles$B.banner_content_warning;
|
|
13730
13771
|
} else if (type === 'success') {
|
|
13731
|
-
return styles$
|
|
13772
|
+
return styles$B.banner_content_success;
|
|
13732
13773
|
} else {
|
|
13733
|
-
return styles$
|
|
13774
|
+
return styles$B.banner_content_info;
|
|
13734
13775
|
}
|
|
13735
13776
|
};
|
|
13736
13777
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13737
|
-
className: `${styles$
|
|
13778
|
+
className: `${styles$B.notification_banner} ${getBannerColor()} ${className}`
|
|
13738
13779
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13739
|
-
className: styles$
|
|
13780
|
+
className: styles$B.notification_banner_header
|
|
13740
13781
|
}, getBannerIcon(), title && /*#__PURE__*/React.createElement(Title, {
|
|
13741
13782
|
text: title,
|
|
13742
13783
|
weight: "semi-bold",
|
|
@@ -13749,7 +13790,7 @@ const Banner = ({
|
|
|
13749
13790
|
},
|
|
13750
13791
|
size: "xs",
|
|
13751
13792
|
variant: "tertiary",
|
|
13752
|
-
className: `${styles$
|
|
13793
|
+
className: `${styles$B.icon_btn_custom} ${getIconButtonColor()}`
|
|
13753
13794
|
})), content && /*#__PURE__*/React.createElement("div", {
|
|
13754
13795
|
dangerouslySetInnerHTML: {
|
|
13755
13796
|
__html: content
|
|
@@ -13779,9 +13820,9 @@ const NotificationIcon = ({
|
|
|
13779
13820
|
});
|
|
13780
13821
|
};
|
|
13781
13822
|
|
|
13782
|
-
var css_248z$
|
|
13783
|
-
var styles$
|
|
13784
|
-
styleInject(css_248z$
|
|
13823
|
+
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}";
|
|
13824
|
+
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"};
|
|
13825
|
+
styleInject(css_248z$C);
|
|
13785
13826
|
|
|
13786
13827
|
/**
|
|
13787
13828
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13808,30 +13849,30 @@ const Toast = ({
|
|
|
13808
13849
|
};
|
|
13809
13850
|
const getCloseBtnStyleByType = () => {
|
|
13810
13851
|
if (type === 'error') {
|
|
13811
|
-
return styles$
|
|
13852
|
+
return styles$C.close_toast_btn_error;
|
|
13812
13853
|
} else if (type === 'warning') {
|
|
13813
|
-
return styles$
|
|
13854
|
+
return styles$C.close_toast_btn_warning;
|
|
13814
13855
|
} else if (type === 'success') {
|
|
13815
|
-
return styles$
|
|
13856
|
+
return styles$C.close_toast_btn_success;
|
|
13816
13857
|
} else {
|
|
13817
|
-
return styles$
|
|
13858
|
+
return styles$C.close_toast_btn_info;
|
|
13818
13859
|
}
|
|
13819
13860
|
};
|
|
13820
13861
|
const getToastStyleByType = () => {
|
|
13821
13862
|
if (type === 'error') {
|
|
13822
|
-
return styles$
|
|
13863
|
+
return styles$C.notification_toast_error;
|
|
13823
13864
|
} else if (type === 'warning') {
|
|
13824
|
-
return styles$
|
|
13865
|
+
return styles$C.notification_toast_warning;
|
|
13825
13866
|
} else if (type === 'success') {
|
|
13826
|
-
return styles$
|
|
13867
|
+
return styles$C.notification_toast_success;
|
|
13827
13868
|
} else {
|
|
13828
|
-
return styles$
|
|
13869
|
+
return styles$C.notification_toast_info;
|
|
13829
13870
|
}
|
|
13830
13871
|
};
|
|
13831
13872
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13832
|
-
className: `${styles$
|
|
13873
|
+
className: `${styles$C.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13833
13874
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13834
|
-
className: styles$
|
|
13875
|
+
className: styles$C.notification_toast_content
|
|
13835
13876
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
13836
13877
|
text: content,
|
|
13837
13878
|
weight: "regular",
|
|
@@ -13840,17 +13881,17 @@ const Toast = ({
|
|
|
13840
13881
|
}), link && textLink && /*#__PURE__*/React.createElement(Link, {
|
|
13841
13882
|
text: textLink,
|
|
13842
13883
|
link: link,
|
|
13843
|
-
className: styles$
|
|
13884
|
+
className: styles$C.toast_link
|
|
13844
13885
|
})), /*#__PURE__*/React.createElement("button", {
|
|
13845
|
-
className: `${styles$
|
|
13886
|
+
className: `${styles$C.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13846
13887
|
onClick: () => {
|
|
13847
13888
|
}
|
|
13848
13889
|
}, /*#__PURE__*/React.createElement(AddIcon, null)));
|
|
13849
13890
|
};
|
|
13850
13891
|
|
|
13851
|
-
var css_248z$
|
|
13852
|
-
var styles$
|
|
13853
|
-
styleInject(css_248z$
|
|
13892
|
+
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}";
|
|
13893
|
+
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"};
|
|
13894
|
+
styleInject(css_248z$D);
|
|
13854
13895
|
|
|
13855
13896
|
const CssTextField$3 = /*#__PURE__*/styled(TextField)({
|
|
13856
13897
|
'& .MuiInputBase-input': {
|
|
@@ -13972,7 +14013,7 @@ const NumberField = props => {
|
|
|
13972
14013
|
}, rightIcon) : rightText ? /*#__PURE__*/React.createElement(Text, {
|
|
13973
14014
|
text: rightText,
|
|
13974
14015
|
weight: "bold",
|
|
13975
|
-
className: styles$
|
|
14016
|
+
className: styles$D.textSideInput,
|
|
13976
14017
|
size: "sm"
|
|
13977
14018
|
}) : undefined;
|
|
13978
14019
|
const startAdornment = leftIcon ? /*#__PURE__*/React.createElement(InputAdornment, {
|
|
@@ -13980,20 +14021,20 @@ const NumberField = props => {
|
|
|
13980
14021
|
}, leftIcon) : leftText ? /*#__PURE__*/React.createElement(Text, {
|
|
13981
14022
|
text: leftText,
|
|
13982
14023
|
weight: "bold",
|
|
13983
|
-
className: styles$
|
|
14024
|
+
className: styles$D.textSideInput,
|
|
13984
14025
|
size: "sm"
|
|
13985
14026
|
}) : undefined;
|
|
13986
14027
|
const InputLabelProps = label === undefined ? {
|
|
13987
14028
|
shrink: false
|
|
13988
14029
|
} : {};
|
|
13989
14030
|
return /*#__PURE__*/React.createElement("div", {
|
|
13990
|
-
className: `${className} ${styles$
|
|
14031
|
+
className: `${className} ${styles$D.input}`,
|
|
13991
14032
|
id: id
|
|
13992
14033
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
13993
14034
|
text: `${topLabel ? topLabel : ''}`,
|
|
13994
14035
|
weight: topLabelWeight || 'bold',
|
|
13995
14036
|
size: topLabelSize || 'base',
|
|
13996
|
-
className: styles$
|
|
14037
|
+
className: styles$D.input_top_label,
|
|
13997
14038
|
required: required
|
|
13998
14039
|
}), /*#__PURE__*/React.createElement(CssTextField$3, {
|
|
13999
14040
|
fullWidth: true,
|
|
@@ -14036,18 +14077,18 @@ const NumberField = props => {
|
|
|
14036
14077
|
color: "#F54C4C",
|
|
14037
14078
|
italic: true,
|
|
14038
14079
|
text: errorText,
|
|
14039
|
-
className: styles$
|
|
14080
|
+
className: styles$D.text_below
|
|
14040
14081
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14041
14082
|
size: "xs",
|
|
14042
14083
|
italic: true,
|
|
14043
14084
|
text: helperText,
|
|
14044
|
-
className: styles$
|
|
14085
|
+
className: styles$D.text_below
|
|
14045
14086
|
}));
|
|
14046
14087
|
};
|
|
14047
14088
|
|
|
14048
|
-
var css_248z$
|
|
14049
|
-
var styles$
|
|
14050
|
-
styleInject(css_248z$
|
|
14089
|
+
var css_248z$E = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14090
|
+
var styles$E = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14091
|
+
styleInject(css_248z$E);
|
|
14051
14092
|
|
|
14052
14093
|
const CssTextField$4 = /*#__PURE__*/styled(TextField)({
|
|
14053
14094
|
'& .MuiInputBase-input': {
|
|
@@ -14200,7 +14241,7 @@ const NumberInput = ({
|
|
|
14200
14241
|
},
|
|
14201
14242
|
id: `NumberInput#${inputNumber}`,
|
|
14202
14243
|
placeholder: placeholder,
|
|
14203
|
-
className: `${styles$
|
|
14244
|
+
className: `${styles$E.input_number} ${className ?? ''}`
|
|
14204
14245
|
}, props));
|
|
14205
14246
|
};
|
|
14206
14247
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14230,13 +14271,13 @@ const NumbersCode = ({
|
|
|
14230
14271
|
}));
|
|
14231
14272
|
}
|
|
14232
14273
|
return /*#__PURE__*/React.createElement("div", {
|
|
14233
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14274
|
+
className: `${containerClassname ?? ''} ${styles$E.blockList}`
|
|
14234
14275
|
}, children);
|
|
14235
14276
|
};
|
|
14236
14277
|
|
|
14237
|
-
var css_248z$
|
|
14238
|
-
var styles$
|
|
14239
|
-
styleInject(css_248z$
|
|
14278
|
+
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}";
|
|
14279
|
+
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"};
|
|
14280
|
+
styleInject(css_248z$F);
|
|
14240
14281
|
|
|
14241
14282
|
const CssTextField$5 = /*#__PURE__*/styled(TextField)({
|
|
14242
14283
|
'& .MuiInputBase-input': {
|
|
@@ -14368,13 +14409,13 @@ const PasswordField = props => {
|
|
|
14368
14409
|
shrink: false
|
|
14369
14410
|
} : {};
|
|
14370
14411
|
return /*#__PURE__*/React.createElement("div", {
|
|
14371
|
-
className: `${className} ${styles$
|
|
14412
|
+
className: `${className} ${styles$F.input}`,
|
|
14372
14413
|
id: id
|
|
14373
14414
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14374
14415
|
text: `${topLabel ? topLabel : ''}`,
|
|
14375
14416
|
weight: topLabelWeight || 'bold',
|
|
14376
14417
|
size: topLabelSize || 'base',
|
|
14377
|
-
className: styles$
|
|
14418
|
+
className: styles$F.input_top_label,
|
|
14378
14419
|
required: required
|
|
14379
14420
|
}), /*#__PURE__*/React.createElement(CssTextField$5, {
|
|
14380
14421
|
fullWidth: true,
|
|
@@ -14418,12 +14459,12 @@ const PasswordField = props => {
|
|
|
14418
14459
|
color: "#F54C4C",
|
|
14419
14460
|
italic: true,
|
|
14420
14461
|
text: errorText,
|
|
14421
|
-
className: styles$
|
|
14462
|
+
className: styles$F.text_below
|
|
14422
14463
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14423
14464
|
size: "xs",
|
|
14424
14465
|
italic: true,
|
|
14425
14466
|
text: helperText,
|
|
14426
|
-
className: styles$
|
|
14467
|
+
className: styles$F.text_below
|
|
14427
14468
|
}));
|
|
14428
14469
|
};
|
|
14429
14470
|
|
|
@@ -14504,9 +14545,9 @@ const PopoverBeta = ({
|
|
|
14504
14545
|
});
|
|
14505
14546
|
};
|
|
14506
14547
|
|
|
14507
|
-
var css_248z$
|
|
14508
|
-
var styles$
|
|
14509
|
-
styleInject(css_248z$
|
|
14548
|
+
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}";
|
|
14549
|
+
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"};
|
|
14550
|
+
styleInject(css_248z$G);
|
|
14510
14551
|
|
|
14511
14552
|
const PricingCard = ({
|
|
14512
14553
|
cardInfo: {
|
|
@@ -14550,9 +14591,9 @@ const PricingCard = ({
|
|
|
14550
14591
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14551
14592
|
};
|
|
14552
14593
|
return /*#__PURE__*/React.createElement("div", {
|
|
14553
|
-
className: styles$
|
|
14594
|
+
className: styles$G.pricingCard + (isHighlighted ? ` ${styles$G.highlighted}` : '') + (isDark ? ` ${styles$G.dark}` : '') + (className ? ` ${className}` : '')
|
|
14554
14595
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React.createElement("div", {
|
|
14555
|
-
className: styles$
|
|
14596
|
+
className: styles$G.highlightMessage
|
|
14556
14597
|
}, /*#__PURE__*/React.createElement("svg", {
|
|
14557
14598
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14558
14599
|
width: "16",
|
|
@@ -14578,7 +14619,7 @@ const PricingCard = ({
|
|
|
14578
14619
|
text: highlightMessage,
|
|
14579
14620
|
color: "#fff"
|
|
14580
14621
|
})), /*#__PURE__*/React.createElement("div", {
|
|
14581
|
-
className: styles$
|
|
14622
|
+
className: styles$G.mainContent
|
|
14582
14623
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14583
14624
|
style: {
|
|
14584
14625
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14586,44 +14627,44 @@ const PricingCard = ({
|
|
|
14586
14627
|
flexDirection: 'column'
|
|
14587
14628
|
}
|
|
14588
14629
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14589
|
-
className: styles$
|
|
14630
|
+
className: styles$G.header
|
|
14590
14631
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14591
|
-
className: styles$
|
|
14632
|
+
className: styles$G.header_top
|
|
14592
14633
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14593
14634
|
size: "xl",
|
|
14594
14635
|
weight: "bold",
|
|
14595
14636
|
text: title,
|
|
14596
14637
|
color: isDark ? '#fff' : ''
|
|
14597
14638
|
}), yourPlanText && /*#__PURE__*/React.createElement("div", {
|
|
14598
|
-
className: styles$
|
|
14639
|
+
className: styles$G.tag
|
|
14599
14640
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14600
14641
|
size: "xs",
|
|
14601
14642
|
text: yourPlanText,
|
|
14602
14643
|
color: colors.white
|
|
14603
14644
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14604
|
-
className: styles$
|
|
14645
|
+
className: styles$G.description
|
|
14605
14646
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14606
14647
|
size: "base",
|
|
14607
14648
|
weight: "semi-bold",
|
|
14608
14649
|
text: description,
|
|
14609
14650
|
color: isDark ? 'white' : ''
|
|
14610
14651
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14611
|
-
className: styles$
|
|
14652
|
+
className: styles$G.pricing
|
|
14612
14653
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14613
14654
|
size: "base",
|
|
14614
14655
|
weight: "bold",
|
|
14615
14656
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14616
14657
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14617
|
-
className: styles$
|
|
14658
|
+
className: styles$G.lineThrough
|
|
14618
14659
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14619
|
-
className: styles$
|
|
14660
|
+
className: styles$G.price
|
|
14620
14661
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Title, {
|
|
14621
14662
|
size: "xxl",
|
|
14622
14663
|
weight: "bold",
|
|
14623
14664
|
text: cmsContent.LetsTalk,
|
|
14624
14665
|
color: isDark ? '#fff' : ''
|
|
14625
14666
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
14626
|
-
className: styles$
|
|
14667
|
+
className: styles$G.amount
|
|
14627
14668
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14628
14669
|
size: "xxxl",
|
|
14629
14670
|
weight: "bold",
|
|
@@ -14639,7 +14680,7 @@ const PricingCard = ({
|
|
|
14639
14680
|
`,
|
|
14640
14681
|
color: isDark ? 'white' : colors.neutral_550
|
|
14641
14682
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14642
|
-
className: styles$
|
|
14683
|
+
className: styles$G.interviews
|
|
14643
14684
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Text, {
|
|
14644
14685
|
size: "sm",
|
|
14645
14686
|
weight: "semi-bold",
|
|
@@ -14662,24 +14703,24 @@ const PricingCard = ({
|
|
|
14662
14703
|
text: buttonText[tier],
|
|
14663
14704
|
size: "base",
|
|
14664
14705
|
variant: buttonVariant[tier],
|
|
14665
|
-
className: styles$
|
|
14706
|
+
className: styles$G.button,
|
|
14666
14707
|
disabled: yourPlanText ? true : false,
|
|
14667
14708
|
customBackground: buttonBackgrounds[tier],
|
|
14668
14709
|
onClick: onClick
|
|
14669
14710
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14670
|
-
className: styles$
|
|
14711
|
+
className: styles$G.features
|
|
14671
14712
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14672
14713
|
size: "base",
|
|
14673
14714
|
weight: "semi-bold",
|
|
14674
14715
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14675
14716
|
color: isDark ? 'white' : ''
|
|
14676
14717
|
}), /*#__PURE__*/React.createElement("ul", {
|
|
14677
|
-
className: styles$
|
|
14718
|
+
className: styles$G.featuresList
|
|
14678
14719
|
}, featuresList.map((feature, index) => /*#__PURE__*/React.createElement("li", {
|
|
14679
|
-
className: styles$
|
|
14720
|
+
className: styles$G.feature,
|
|
14680
14721
|
key: index
|
|
14681
14722
|
}, /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
14682
|
-
className: styles$
|
|
14723
|
+
className: styles$G.icon
|
|
14683
14724
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14684
14725
|
size: "sm",
|
|
14685
14726
|
weight: "regular",
|
|
@@ -14694,13 +14735,13 @@ const PricingCard = ({
|
|
|
14694
14735
|
}),
|
|
14695
14736
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14696
14737
|
size: "xxs",
|
|
14697
|
-
className: styles$
|
|
14738
|
+
className: styles$G.tooltipButton
|
|
14698
14739
|
}))))))));
|
|
14699
14740
|
};
|
|
14700
14741
|
|
|
14701
|
-
var css_248z$
|
|
14702
|
-
var styles$
|
|
14703
|
-
styleInject(css_248z$
|
|
14742
|
+
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}";
|
|
14743
|
+
var styles$H = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14744
|
+
styleInject(css_248z$H);
|
|
14704
14745
|
|
|
14705
14746
|
const BpIcon$1 = /*#__PURE__*/styled('span')(() => ({
|
|
14706
14747
|
borderRadius: '50%',
|
|
@@ -14751,7 +14792,7 @@ const Radio = ({
|
|
|
14751
14792
|
className
|
|
14752
14793
|
}) => {
|
|
14753
14794
|
return /*#__PURE__*/React.createElement("div", {
|
|
14754
|
-
className: `${styles$
|
|
14795
|
+
className: `${styles$H.radioBtnWrapper} ${className}`
|
|
14755
14796
|
}, leftLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14756
14797
|
text: leftLabel,
|
|
14757
14798
|
size: "sm"
|
|
@@ -14773,9 +14814,9 @@ const Radio = ({
|
|
|
14773
14814
|
}));
|
|
14774
14815
|
};
|
|
14775
14816
|
|
|
14776
|
-
var css_248z$
|
|
14777
|
-
var styles$
|
|
14778
|
-
styleInject(css_248z$
|
|
14817
|
+
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}";
|
|
14818
|
+
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"};
|
|
14819
|
+
styleInject(css_248z$I);
|
|
14779
14820
|
|
|
14780
14821
|
const RatingScale = props => {
|
|
14781
14822
|
const {
|
|
@@ -14797,19 +14838,19 @@ const RatingScale = props => {
|
|
|
14797
14838
|
otherProps
|
|
14798
14839
|
} = props;
|
|
14799
14840
|
return /*#__PURE__*/React.createElement("div", {
|
|
14800
|
-
className: styles$
|
|
14841
|
+
className: styles$I.ratingScale + ' ' + className
|
|
14801
14842
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14802
14843
|
text: `${topLabel ? topLabel : ''}`,
|
|
14803
14844
|
weight: topLabelWeight || 'bold',
|
|
14804
14845
|
size: topLabelSize || 'base',
|
|
14805
|
-
className: styles$
|
|
14846
|
+
className: styles$I.topLabel,
|
|
14806
14847
|
required: required
|
|
14807
14848
|
}), /*#__PURE__*/React.createElement(FormControl, {
|
|
14808
14849
|
component: "fieldset",
|
|
14809
|
-
className: styles$
|
|
14850
|
+
className: styles$I.formControl,
|
|
14810
14851
|
error: error
|
|
14811
14852
|
}, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({
|
|
14812
|
-
className: styles$
|
|
14853
|
+
className: styles$I.radioGroup,
|
|
14813
14854
|
"aria-label": "rating",
|
|
14814
14855
|
name: name,
|
|
14815
14856
|
value: value,
|
|
@@ -14824,17 +14865,17 @@ const RatingScale = props => {
|
|
|
14824
14865
|
checked: value === option,
|
|
14825
14866
|
disabled: disabled
|
|
14826
14867
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React.createElement("div", {
|
|
14827
|
-
className: styles$
|
|
14868
|
+
className: styles$I.ratingScaleText
|
|
14828
14869
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14829
14870
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14830
14871
|
weight: 'regular',
|
|
14831
14872
|
size: 'sm',
|
|
14832
|
-
className: styles$
|
|
14873
|
+
className: styles$I.ratingScaleStartText
|
|
14833
14874
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14834
14875
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14835
14876
|
weight: 'regular',
|
|
14836
14877
|
size: 'sm',
|
|
14837
|
-
className: styles$
|
|
14878
|
+
className: styles$I.ratingScaleEndText
|
|
14838
14879
|
})) : null);
|
|
14839
14880
|
};
|
|
14840
14881
|
|
|
@@ -14860,9 +14901,9 @@ const Search = ({
|
|
|
14860
14901
|
});
|
|
14861
14902
|
};
|
|
14862
14903
|
|
|
14863
|
-
var css_248z$
|
|
14864
|
-
var styles$
|
|
14865
|
-
styleInject(css_248z$
|
|
14904
|
+
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}";
|
|
14905
|
+
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"};
|
|
14906
|
+
styleInject(css_248z$J);
|
|
14866
14907
|
|
|
14867
14908
|
const filter$2 = /*#__PURE__*/createFilterOptions();
|
|
14868
14909
|
const CssTextField$6 = /*#__PURE__*/styled(TextField)({
|
|
@@ -14991,7 +15032,7 @@ const SingleSelect = ({
|
|
|
14991
15032
|
text: `${topLabel ? topLabel : ''}`,
|
|
14992
15033
|
weight: topLabelWeight || 'bold',
|
|
14993
15034
|
size: topLabelSize || 'base',
|
|
14994
|
-
className: styles$
|
|
15035
|
+
className: styles$J.input_top_label,
|
|
14995
15036
|
required: required
|
|
14996
15037
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
14997
15038
|
id: "tags-standard",
|
|
@@ -15034,13 +15075,13 @@ const SingleSelect = ({
|
|
|
15034
15075
|
})),
|
|
15035
15076
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
15036
15077
|
fill: "black",
|
|
15037
|
-
className: `${styles$
|
|
15078
|
+
className: `${styles$J.icon}`
|
|
15038
15079
|
}),
|
|
15039
15080
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
15040
15081
|
fill: "black",
|
|
15041
|
-
className: `${styles$
|
|
15082
|
+
className: `${styles$J.icon}`
|
|
15042
15083
|
}),
|
|
15043
|
-
className: `${styles$
|
|
15084
|
+
className: `${styles$J.newAutocomplete}`,
|
|
15044
15085
|
renderOption: (props, option) => {
|
|
15045
15086
|
return /*#__PURE__*/React.createElement("li", Object.assign({}, props, {
|
|
15046
15087
|
key: option.value
|
|
@@ -15069,18 +15110,18 @@ const SingleSelect = ({
|
|
|
15069
15110
|
color: "#F54C4C",
|
|
15070
15111
|
italic: true,
|
|
15071
15112
|
text: errorText,
|
|
15072
|
-
className: styles$
|
|
15113
|
+
className: styles$J.text_below
|
|
15073
15114
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15074
15115
|
size: "xs",
|
|
15075
15116
|
italic: true,
|
|
15076
15117
|
text: helperText,
|
|
15077
|
-
className: styles$
|
|
15118
|
+
className: styles$J.text_below
|
|
15078
15119
|
}));
|
|
15079
15120
|
};
|
|
15080
15121
|
|
|
15081
|
-
var css_248z$
|
|
15082
|
-
var styles$
|
|
15083
|
-
styleInject(css_248z$
|
|
15122
|
+
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}";
|
|
15123
|
+
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"};
|
|
15124
|
+
styleInject(css_248z$K);
|
|
15084
15125
|
|
|
15085
15126
|
const StarRating = ({
|
|
15086
15127
|
value,
|
|
@@ -15091,13 +15132,13 @@ const StarRating = ({
|
|
|
15091
15132
|
const [rating, setRating] = useState(value ?? 0);
|
|
15092
15133
|
const [hover, setHover] = useState(0);
|
|
15093
15134
|
return /*#__PURE__*/React.createElement("div", {
|
|
15094
|
-
className: styles$
|
|
15135
|
+
className: styles$K.star_rating
|
|
15095
15136
|
}, [...Array(5)].map((_star, index) => {
|
|
15096
15137
|
index += 1;
|
|
15097
15138
|
return /*#__PURE__*/React.createElement("button", {
|
|
15098
15139
|
type: "button",
|
|
15099
15140
|
key: index,
|
|
15100
|
-
className: styles$
|
|
15141
|
+
className: styles$K.star_button,
|
|
15101
15142
|
onClick: () => {
|
|
15102
15143
|
setRating(index);
|
|
15103
15144
|
onClick(index);
|
|
@@ -15129,9 +15170,9 @@ const StarRating = ({
|
|
|
15129
15170
|
}));
|
|
15130
15171
|
};
|
|
15131
15172
|
|
|
15132
|
-
var css_248z$
|
|
15133
|
-
var styles$
|
|
15134
|
-
styleInject(css_248z$
|
|
15173
|
+
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}";
|
|
15174
|
+
var styles$L = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15175
|
+
styleInject(css_248z$L);
|
|
15135
15176
|
|
|
15136
15177
|
const CustomSwitch = /*#__PURE__*/styled$1(Switch$1)({
|
|
15137
15178
|
'& .MuiSwitch-track': {
|
|
@@ -15163,7 +15204,7 @@ const Switch = ({
|
|
|
15163
15204
|
className
|
|
15164
15205
|
}) => {
|
|
15165
15206
|
return /*#__PURE__*/React.createElement("div", {
|
|
15166
|
-
className: `${styles$
|
|
15207
|
+
className: `${styles$L.switchWrapper} ${disabled && styles$L.disabled}${className}`
|
|
15167
15208
|
}, label && /*#__PURE__*/React.createElement(Title, {
|
|
15168
15209
|
text: label,
|
|
15169
15210
|
weight: "bold",
|
|
@@ -15180,9 +15221,9 @@ const Switch = ({
|
|
|
15180
15221
|
}));
|
|
15181
15222
|
};
|
|
15182
15223
|
|
|
15183
|
-
var css_248z$
|
|
15184
|
-
var styles$
|
|
15185
|
-
styleInject(css_248z$
|
|
15224
|
+
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}";
|
|
15225
|
+
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"};
|
|
15226
|
+
styleInject(css_248z$M);
|
|
15186
15227
|
|
|
15187
15228
|
const TableFooter = ({
|
|
15188
15229
|
footerText,
|
|
@@ -15191,26 +15232,26 @@ const TableFooter = ({
|
|
|
15191
15232
|
footerAction
|
|
15192
15233
|
}) => {
|
|
15193
15234
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
15194
|
-
className: `${styles$
|
|
15235
|
+
className: `${styles$M.footer} ${footerClassName && footerClassName}`
|
|
15195
15236
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15196
|
-
className: `${styles$
|
|
15237
|
+
className: `${styles$M.footer_content}`
|
|
15197
15238
|
}, footerText && /*#__PURE__*/React.createElement(Text, {
|
|
15198
15239
|
size: "sm",
|
|
15199
15240
|
text: footerText,
|
|
15200
15241
|
color: colors.neutral_600,
|
|
15201
|
-
className: styles$
|
|
15242
|
+
className: styles$M.footerText
|
|
15202
15243
|
}), footerIconRight && /*#__PURE__*/React.createElement(IconButton, {
|
|
15203
15244
|
icon: footerIconRight,
|
|
15204
15245
|
variant: "tertiary",
|
|
15205
15246
|
onClick: footerAction,
|
|
15206
|
-
className: styles$
|
|
15247
|
+
className: styles$M.actionsBtn,
|
|
15207
15248
|
size: "xs"
|
|
15208
15249
|
}))));
|
|
15209
15250
|
};
|
|
15210
15251
|
|
|
15211
|
-
var css_248z$
|
|
15212
|
-
var styles$
|
|
15213
|
-
styleInject(css_248z$
|
|
15252
|
+
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}";
|
|
15253
|
+
var styles$N = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15254
|
+
styleInject(css_248z$N);
|
|
15214
15255
|
|
|
15215
15256
|
const TableHeader$1 = ({
|
|
15216
15257
|
headers,
|
|
@@ -15220,7 +15261,7 @@ const TableHeader$1 = ({
|
|
|
15220
15261
|
selectAll
|
|
15221
15262
|
}) => {
|
|
15222
15263
|
return /*#__PURE__*/React.createElement("div", {
|
|
15223
|
-
className: `${styles$
|
|
15264
|
+
className: `${styles$N.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15224
15265
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React.createElement(Checkbox, {
|
|
15225
15266
|
checked: areAllSelected,
|
|
15226
15267
|
onChange: () => selectAll()
|
|
@@ -15251,7 +15292,7 @@ const TableHeader$1 = ({
|
|
|
15251
15292
|
style: {
|
|
15252
15293
|
flex: header.flexWidth ?? 1
|
|
15253
15294
|
},
|
|
15254
|
-
className: styles$
|
|
15295
|
+
className: styles$N.header_cell
|
|
15255
15296
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15256
15297
|
text: header.name,
|
|
15257
15298
|
weight: header.weight,
|
|
@@ -15260,14 +15301,14 @@ const TableHeader$1 = ({
|
|
|
15260
15301
|
}), header.icon && header.icon)));
|
|
15261
15302
|
};
|
|
15262
15303
|
|
|
15263
|
-
var css_248z$
|
|
15264
|
-
var styles$
|
|
15265
|
-
styleInject(css_248z$N);
|
|
15266
|
-
|
|
15267
|
-
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}";
|
|
15268
|
-
var styles$O = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15304
|
+
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}";
|
|
15305
|
+
var styles$O = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
15269
15306
|
styleInject(css_248z$O);
|
|
15270
15307
|
|
|
15308
|
+
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}";
|
|
15309
|
+
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15310
|
+
styleInject(css_248z$P);
|
|
15311
|
+
|
|
15271
15312
|
const TableCell = ({
|
|
15272
15313
|
text,
|
|
15273
15314
|
weight = 'regular',
|
|
@@ -15278,7 +15319,7 @@ const TableCell = ({
|
|
|
15278
15319
|
select
|
|
15279
15320
|
}) => {
|
|
15280
15321
|
return /*#__PURE__*/React.createElement("div", {
|
|
15281
|
-
className: `${styles$
|
|
15322
|
+
className: `${styles$P.cell} ${className && className}`,
|
|
15282
15323
|
style: {
|
|
15283
15324
|
flex: flexWidth
|
|
15284
15325
|
}
|
|
@@ -15303,14 +15344,14 @@ const TableRows = ({
|
|
|
15303
15344
|
}) => {
|
|
15304
15345
|
return /*#__PURE__*/React.createElement("div", {
|
|
15305
15346
|
id: id,
|
|
15306
|
-
className: `${styles$
|
|
15347
|
+
className: `${styles$O.rows} ${rowsClassName}`
|
|
15307
15348
|
}, rows.map((row, index) => {
|
|
15308
|
-
let rowClassName = `${styles$
|
|
15349
|
+
let rowClassName = `${styles$O.row} ${row.className}`;
|
|
15309
15350
|
// Add first and last row classes
|
|
15310
15351
|
if (index === 0) {
|
|
15311
|
-
rowClassName += ` ${styles$
|
|
15352
|
+
rowClassName += ` ${styles$O.firstRow}`;
|
|
15312
15353
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15313
|
-
rowClassName += ` ${styles$
|
|
15354
|
+
rowClassName += ` ${styles$O.lastRow}`;
|
|
15314
15355
|
}
|
|
15315
15356
|
return /*#__PURE__*/React.createElement("div", {
|
|
15316
15357
|
key: `row-${index}`,
|
|
@@ -15333,9 +15374,9 @@ const TableRows = ({
|
|
|
15333
15374
|
}));
|
|
15334
15375
|
};
|
|
15335
15376
|
|
|
15336
|
-
var css_248z$
|
|
15337
|
-
var styles$
|
|
15338
|
-
styleInject(css_248z$
|
|
15377
|
+
var css_248z$Q = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15378
|
+
var styles$Q = {"table":"Table-modules_table__ddiph"};
|
|
15379
|
+
styleInject(css_248z$Q);
|
|
15339
15380
|
|
|
15340
15381
|
/**
|
|
15341
15382
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15357,7 +15398,7 @@ const Table = ({
|
|
|
15357
15398
|
selectAll
|
|
15358
15399
|
}) => {
|
|
15359
15400
|
return /*#__PURE__*/React.createElement("div", {
|
|
15360
|
-
className: `${styles$
|
|
15401
|
+
className: `${styles$Q.table} ${className}`
|
|
15361
15402
|
}, /*#__PURE__*/React.createElement(TableHeader$1, {
|
|
15362
15403
|
headers: headers,
|
|
15363
15404
|
isSelectable: isSelectable,
|
|
@@ -15378,9 +15419,9 @@ const Table = ({
|
|
|
15378
15419
|
}));
|
|
15379
15420
|
};
|
|
15380
15421
|
|
|
15381
|
-
var css_248z$
|
|
15382
|
-
var styles$
|
|
15383
|
-
styleInject(css_248z$
|
|
15422
|
+
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}";
|
|
15423
|
+
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"};
|
|
15424
|
+
styleInject(css_248z$R);
|
|
15384
15425
|
|
|
15385
15426
|
const TabPanel = ({
|
|
15386
15427
|
value,
|
|
@@ -15411,7 +15452,7 @@ const Tabs = ({
|
|
|
15411
15452
|
if (onSelect) onSelect(newValue);
|
|
15412
15453
|
};
|
|
15413
15454
|
return /*#__PURE__*/React.createElement("div", {
|
|
15414
|
-
className: styles$
|
|
15455
|
+
className: styles$R.new_tabs
|
|
15415
15456
|
}, /*#__PURE__*/React.createElement(Tabs$1, {
|
|
15416
15457
|
value: value,
|
|
15417
15458
|
onChange: handleChange,
|
|
@@ -15443,9 +15484,9 @@ const Tabs = ({
|
|
|
15443
15484
|
}, tab.component)));
|
|
15444
15485
|
};
|
|
15445
15486
|
|
|
15446
|
-
var css_248z$
|
|
15447
|
-
var styles$
|
|
15448
|
-
styleInject(css_248z$
|
|
15487
|
+
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}";
|
|
15488
|
+
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"};
|
|
15489
|
+
styleInject(css_248z$S);
|
|
15449
15490
|
|
|
15450
15491
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15451
15492
|
const TabsUnderline = ({
|
|
@@ -15472,11 +15513,11 @@ const TabsUnderline = ({
|
|
|
15472
15513
|
}, [defaultValue]);
|
|
15473
15514
|
console.log('value', value);
|
|
15474
15515
|
if (type === 'underline') return /*#__PURE__*/React.createElement("div", {
|
|
15475
|
-
className: `${styles$
|
|
15516
|
+
className: `${styles$S.tabbar} ${className && className}`
|
|
15476
15517
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15477
15518
|
value: value,
|
|
15478
15519
|
onChange: onClickTab,
|
|
15479
|
-
className: styles$
|
|
15520
|
+
className: styles$S.tabs_root,
|
|
15480
15521
|
variant: "scrollable",
|
|
15481
15522
|
orientation: "horizontal",
|
|
15482
15523
|
visibleScrollbar: false,
|
|
@@ -15491,14 +15532,14 @@ const TabsUnderline = ({
|
|
|
15491
15532
|
}, tabs.map((item, index) => {
|
|
15492
15533
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15493
15534
|
key: `tab#${index}`,
|
|
15494
|
-
className: !isArrowIconDisplay ? styles$
|
|
15535
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15495
15536
|
disabled: item.disabled ?? false,
|
|
15496
15537
|
disableRipple: true,
|
|
15497
15538
|
sx: {
|
|
15498
15539
|
textTransform: 'none'
|
|
15499
15540
|
},
|
|
15500
15541
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15501
|
-
className: `${styles$
|
|
15542
|
+
className: `${styles$S.tab_label_content} ${value === index ? styles$S.selected : ''}`,
|
|
15502
15543
|
id: item.id,
|
|
15503
15544
|
onClick: e => onClickTab(e, index)
|
|
15504
15545
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
@@ -15514,11 +15555,11 @@ const TabsUnderline = ({
|
|
|
15514
15555
|
});
|
|
15515
15556
|
if (item.disabled) {
|
|
15516
15557
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15517
|
-
className: `${styles$
|
|
15558
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15518
15559
|
id: item.id
|
|
15519
15560
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15520
15561
|
key: `tab#${index}`,
|
|
15521
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15562
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15522
15563
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15523
15564
|
size: "base",
|
|
15524
15565
|
text: item.label,
|
|
@@ -15544,11 +15585,11 @@ const TabsUnderline = ({
|
|
|
15544
15585
|
alignItems: 'center',
|
|
15545
15586
|
justifyContent: 'center'
|
|
15546
15587
|
},
|
|
15547
|
-
className: `${styles$
|
|
15588
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15548
15589
|
onClick: e => onClickTab(e, index)
|
|
15549
15590
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15550
15591
|
key: `tab#${index}`,
|
|
15551
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15592
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15552
15593
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15553
15594
|
size: "base",
|
|
15554
15595
|
text: item.label,
|
|
@@ -15569,18 +15610,18 @@ const TabsUnderline = ({
|
|
|
15569
15610
|
}, renderTab);
|
|
15570
15611
|
}
|
|
15571
15612
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15572
|
-
className: styles$
|
|
15613
|
+
className: styles$S.withArrowContainer,
|
|
15573
15614
|
onClick: e => onClickTab(e, index)
|
|
15574
15615
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15575
15616
|
fill: colors.neutral_550,
|
|
15576
15617
|
stroke: colors.neutral_550
|
|
15577
15618
|
}));else return renderTab;
|
|
15578
15619
|
})));else if (type === 'filled') return /*#__PURE__*/React.createElement("div", {
|
|
15579
|
-
className: `${styles$
|
|
15620
|
+
className: `${styles$S.tabFilled} ${className && className}`
|
|
15580
15621
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15581
15622
|
value: value,
|
|
15582
15623
|
onChange: onClickTab,
|
|
15583
|
-
className: styles$
|
|
15624
|
+
className: styles$S.tabs_root,
|
|
15584
15625
|
variant: "scrollable",
|
|
15585
15626
|
orientation: "horizontal",
|
|
15586
15627
|
visibleScrollbar: false,
|
|
@@ -15592,14 +15633,14 @@ const TabsUnderline = ({
|
|
|
15592
15633
|
}, tabs.map((item, index) => {
|
|
15593
15634
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15594
15635
|
key: `tab#${index}`,
|
|
15595
|
-
className: !isArrowIconDisplay ? styles$
|
|
15636
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15596
15637
|
disabled: item.disabled ?? false,
|
|
15597
15638
|
disableRipple: true,
|
|
15598
15639
|
sx: {
|
|
15599
15640
|
textTransform: 'none'
|
|
15600
15641
|
},
|
|
15601
15642
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15602
|
-
className: `${styles$
|
|
15643
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''} ${value === index ? styles$S.selected : ''}`,
|
|
15603
15644
|
id: item.id
|
|
15604
15645
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15605
15646
|
text: item.label,
|
|
@@ -15613,11 +15654,11 @@ const TabsUnderline = ({
|
|
|
15613
15654
|
});
|
|
15614
15655
|
if (item.disabled) {
|
|
15615
15656
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15616
|
-
className: `${styles$
|
|
15657
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`,
|
|
15617
15658
|
id: item.id
|
|
15618
15659
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15619
15660
|
key: `tab#${index}`,
|
|
15620
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15661
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15621
15662
|
size: "base",
|
|
15622
15663
|
text: item.label,
|
|
15623
15664
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15642,10 +15683,10 @@ const TabsUnderline = ({
|
|
|
15642
15683
|
alignItems: 'center',
|
|
15643
15684
|
justifyContent: 'center'
|
|
15644
15685
|
},
|
|
15645
|
-
className: `${styles$
|
|
15686
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`
|
|
15646
15687
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15647
15688
|
key: `tab#${index}`,
|
|
15648
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15689
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15649
15690
|
size: "base",
|
|
15650
15691
|
text: item.label,
|
|
15651
15692
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15665,7 +15706,7 @@ const TabsUnderline = ({
|
|
|
15665
15706
|
}, renderTab);
|
|
15666
15707
|
}
|
|
15667
15708
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15668
|
-
className: styles$
|
|
15709
|
+
className: styles$S.withArrowContainer,
|
|
15669
15710
|
onClick: e => onClickTab(e, index)
|
|
15670
15711
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15671
15712
|
fill: colors.neutral_550,
|
|
@@ -15674,9 +15715,9 @@ const TabsUnderline = ({
|
|
|
15674
15715
|
})));else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
15675
15716
|
};
|
|
15676
15717
|
|
|
15677
|
-
var css_248z$
|
|
15678
|
-
var styles$
|
|
15679
|
-
styleInject(css_248z$
|
|
15718
|
+
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}";
|
|
15719
|
+
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"};
|
|
15720
|
+
styleInject(css_248z$T);
|
|
15680
15721
|
|
|
15681
15722
|
extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15682
15723
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15700,15 +15741,15 @@ const Tag = ({
|
|
|
15700
15741
|
};
|
|
15701
15742
|
const getTagStatus = () => {
|
|
15702
15743
|
if (customColor) {
|
|
15703
|
-
return styles$
|
|
15744
|
+
return styles$T.tag_custom;
|
|
15704
15745
|
} else if (status === 'idle') {
|
|
15705
|
-
return styles$
|
|
15706
|
-
} else if (status === 'success') return styles$
|
|
15746
|
+
return styles$T.tag_idle;
|
|
15747
|
+
} 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;
|
|
15707
15748
|
};
|
|
15708
15749
|
const getTagSize = () => {
|
|
15709
15750
|
if (size === 'sm') {
|
|
15710
|
-
return styles$
|
|
15711
|
-
} else if (size === 'base') return styles$
|
|
15751
|
+
return styles$T.tag_sm;
|
|
15752
|
+
} else if (size === 'base') return styles$T.tag_base;else return styles$T.tag_base;
|
|
15712
15753
|
};
|
|
15713
15754
|
const getTextSize = () => {
|
|
15714
15755
|
if (size === 'sm') {
|
|
@@ -15735,7 +15776,7 @@ const Tag = ({
|
|
|
15735
15776
|
style: {
|
|
15736
15777
|
backgroundColor: customColor
|
|
15737
15778
|
},
|
|
15738
|
-
className: `${styles$
|
|
15779
|
+
className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15739
15780
|
}), iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
|
|
15740
15781
|
style: {
|
|
15741
15782
|
fill: getTextColor(),
|
|
@@ -15759,9 +15800,9 @@ const Tag = ({
|
|
|
15759
15800
|
})));
|
|
15760
15801
|
};
|
|
15761
15802
|
|
|
15762
|
-
var css_248z$
|
|
15763
|
-
var styles$
|
|
15764
|
-
styleInject(css_248z$
|
|
15803
|
+
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}";
|
|
15804
|
+
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"};
|
|
15805
|
+
styleInject(css_248z$U);
|
|
15765
15806
|
|
|
15766
15807
|
const CssTextField$7 = /*#__PURE__*/styled(TextField)({
|
|
15767
15808
|
'& .MuiInputBase-input': {
|
|
@@ -15890,13 +15931,13 @@ const TextInput = props => {
|
|
|
15890
15931
|
shrink: false
|
|
15891
15932
|
} : {};
|
|
15892
15933
|
return /*#__PURE__*/React.createElement("div", {
|
|
15893
|
-
className: `${className} ${styles$
|
|
15934
|
+
className: `${className} ${styles$U.input}`,
|
|
15894
15935
|
id: id
|
|
15895
15936
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
15896
15937
|
text: `${topLabel ? topLabel : ''}`,
|
|
15897
15938
|
weight: topLabelWeight || 'bold',
|
|
15898
15939
|
size: topLabelSize || 'base',
|
|
15899
|
-
className: styles$
|
|
15940
|
+
className: styles$U.input_top_label,
|
|
15900
15941
|
required: required
|
|
15901
15942
|
}), /*#__PURE__*/React.createElement(CssTextField$7, {
|
|
15902
15943
|
fullWidth: true,
|
|
@@ -15941,17 +15982,17 @@ const TextInput = props => {
|
|
|
15941
15982
|
size: "xs",
|
|
15942
15983
|
color: "#F54C4C",
|
|
15943
15984
|
text: errorText,
|
|
15944
|
-
className: styles$
|
|
15985
|
+
className: styles$U.text_below
|
|
15945
15986
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15946
15987
|
size: "xs",
|
|
15947
15988
|
text: helperText,
|
|
15948
|
-
className: styles$
|
|
15989
|
+
className: styles$U.text_below
|
|
15949
15990
|
}));
|
|
15950
15991
|
};
|
|
15951
15992
|
|
|
15952
|
-
var css_248z$
|
|
15953
|
-
var styles$
|
|
15954
|
-
styleInject(css_248z$
|
|
15993
|
+
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}";
|
|
15994
|
+
var styles$V = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
15995
|
+
styleInject(css_248z$V);
|
|
15955
15996
|
|
|
15956
15997
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15957
15998
|
const Textarea = ({
|
|
@@ -15989,7 +16030,7 @@ const Textarea = ({
|
|
|
15989
16030
|
setCharCount(String(value).length);
|
|
15990
16031
|
}, []);
|
|
15991
16032
|
return /*#__PURE__*/React.createElement("div", {
|
|
15992
|
-
className: styles$
|
|
16033
|
+
className: styles$V.text_area_container
|
|
15993
16034
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
15994
16035
|
name: name,
|
|
15995
16036
|
variant: "outlined",
|
|
@@ -16015,7 +16056,7 @@ const Textarea = ({
|
|
|
16015
16056
|
maxRows: maxRows,
|
|
16016
16057
|
minRows: minRows
|
|
16017
16058
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16018
|
-
className: styles$
|
|
16059
|
+
className: styles$V.helperTexts
|
|
16019
16060
|
}, helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16020
16061
|
text: helperText,
|
|
16021
16062
|
size: "xs",
|
|
@@ -16028,13 +16069,13 @@ const Textarea = ({
|
|
|
16028
16069
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
16029
16070
|
text: `${charCount} / ${maxCharacters}`,
|
|
16030
16071
|
size: "xs",
|
|
16031
|
-
className: styles$
|
|
16072
|
+
className: styles$V.counter
|
|
16032
16073
|
})));
|
|
16033
16074
|
};
|
|
16034
16075
|
|
|
16035
|
-
var css_248z$
|
|
16036
|
-
var styles$
|
|
16037
|
-
styleInject(css_248z$
|
|
16076
|
+
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}";
|
|
16077
|
+
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"};
|
|
16078
|
+
styleInject(css_248z$W);
|
|
16038
16079
|
|
|
16039
16080
|
/**
|
|
16040
16081
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16192,7 +16233,7 @@ const Thematic = ({
|
|
|
16192
16233
|
closeTagMenuPopover();
|
|
16193
16234
|
};
|
|
16194
16235
|
return /*#__PURE__*/React.createElement("div", {
|
|
16195
|
-
className: styles$
|
|
16236
|
+
className: styles$W.thematic,
|
|
16196
16237
|
style: {
|
|
16197
16238
|
backgroundColor: backgroundColor,
|
|
16198
16239
|
borderColor: borderColor
|
|
@@ -16208,7 +16249,7 @@ const Thematic = ({
|
|
|
16208
16249
|
setAreActionsVisible(false);
|
|
16209
16250
|
}
|
|
16210
16251
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16211
|
-
className: styles$
|
|
16252
|
+
className: styles$W.thematic__header
|
|
16212
16253
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16213
16254
|
tooltipDescription: definition,
|
|
16214
16255
|
placement: "top",
|
|
@@ -16219,9 +16260,9 @@ const Thematic = ({
|
|
|
16219
16260
|
size: "base",
|
|
16220
16261
|
status: 'idle',
|
|
16221
16262
|
customColor: badgeColor,
|
|
16222
|
-
className: styles$
|
|
16263
|
+
className: styles$W.overflow_badge
|
|
16223
16264
|
}))), areActionsVisible && /*#__PURE__*/React.createElement("div", {
|
|
16224
|
-
className: styles$
|
|
16265
|
+
className: styles$W.thematic__header__actions
|
|
16225
16266
|
}, !isAddTagHidden && /*#__PURE__*/React.createElement(IconButton, {
|
|
16226
16267
|
icon: /*#__PURE__*/React.createElement(AddTagIcon, {
|
|
16227
16268
|
fill: iconsColor,
|
|
@@ -16247,10 +16288,10 @@ const Thematic = ({
|
|
|
16247
16288
|
variant: "tertiary",
|
|
16248
16289
|
onClick: handleOnClickDeleteThematic
|
|
16249
16290
|
}))), tagsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16250
|
-
className: styles$
|
|
16291
|
+
className: styles$W.tagsContainer
|
|
16251
16292
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16252
16293
|
key: `${tag}-${idx}`,
|
|
16253
|
-
className: styles$
|
|
16294
|
+
className: styles$W.tag,
|
|
16254
16295
|
onClick: e => handleOnClickTag(e, tag)
|
|
16255
16296
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16256
16297
|
tooltipDescription: tag.definition,
|
|
@@ -16262,7 +16303,7 @@ const Thematic = ({
|
|
|
16262
16303
|
customColor: tagColor.toHex(),
|
|
16263
16304
|
size: "base",
|
|
16264
16305
|
amountNumber: tag.amount,
|
|
16265
|
-
className: styles$
|
|
16306
|
+
className: styles$W.overflow_tag
|
|
16266
16307
|
})))))), /*#__PURE__*/React.createElement(Popover, {
|
|
16267
16308
|
open: isAddTagPopoverOpen,
|
|
16268
16309
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16271,16 +16312,16 @@ const Thematic = ({
|
|
|
16271
16312
|
horizontal: 'right'
|
|
16272
16313
|
},
|
|
16273
16314
|
onClose: closeAddTagPopover,
|
|
16274
|
-
className: styles$
|
|
16315
|
+
className: styles$W.addTagPopover
|
|
16275
16316
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16276
|
-
className: styles$
|
|
16317
|
+
className: styles$W.content
|
|
16277
16318
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16278
16319
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16279
16320
|
value: newTagName,
|
|
16280
16321
|
onChange: e => setNewTagName(e.target.value),
|
|
16281
16322
|
onKeyDown: handleOnClickValidateAddTag
|
|
16282
16323
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16283
|
-
className: styles$
|
|
16324
|
+
className: styles$W.actions
|
|
16284
16325
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16285
16326
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16286
16327
|
size: "sm",
|
|
@@ -16294,11 +16335,11 @@ const Thematic = ({
|
|
|
16294
16335
|
horizontal: 'right'
|
|
16295
16336
|
},
|
|
16296
16337
|
onClose: closeTagMenuPopover,
|
|
16297
|
-
className: styles$
|
|
16338
|
+
className: styles$W.tagMenuPopover
|
|
16298
16339
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16299
|
-
className: styles$
|
|
16340
|
+
className: styles$W.dropdown
|
|
16300
16341
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16301
|
-
className: styles$
|
|
16342
|
+
className: styles$W.item,
|
|
16302
16343
|
onClick: e => handleOnClickEditTag(e)
|
|
16303
16344
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16304
16345
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16307,7 +16348,7 @@ const Thematic = ({
|
|
|
16307
16348
|
fill: colors.black,
|
|
16308
16349
|
size: "base"
|
|
16309
16350
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16310
|
-
className: styles$
|
|
16351
|
+
className: styles$W.item,
|
|
16311
16352
|
onClick: e => handleOnClickMoveTag(e)
|
|
16312
16353
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16313
16354
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16316,7 +16357,7 @@ const Thematic = ({
|
|
|
16316
16357
|
fill: colors.black,
|
|
16317
16358
|
size: "base"
|
|
16318
16359
|
})), /*#__PURE__*/React.createElement("div", {
|
|
16319
|
-
className: styles$
|
|
16360
|
+
className: styles$W.item,
|
|
16320
16361
|
onClick: handleOnClickDeleteTag
|
|
16321
16362
|
}, /*#__PURE__*/React.createElement(BinIcon, {
|
|
16322
16363
|
fill: colors.red_500,
|
|
@@ -16332,16 +16373,16 @@ const Thematic = ({
|
|
|
16332
16373
|
horizontal: 'right'
|
|
16333
16374
|
},
|
|
16334
16375
|
onClose: closeEditTagPopover,
|
|
16335
|
-
className: styles$
|
|
16376
|
+
className: styles$W.editTagPopover
|
|
16336
16377
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16337
|
-
className: styles$
|
|
16378
|
+
className: styles$W.content
|
|
16338
16379
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16339
16380
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16340
16381
|
value: editedTagName,
|
|
16341
16382
|
onChange: e => setEditedTagName(e.target.value),
|
|
16342
16383
|
onKeyDown: handleOnClickValidateEditTag
|
|
16343
16384
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16344
|
-
className: styles$
|
|
16385
|
+
className: styles$W.actions
|
|
16345
16386
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16346
16387
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16347
16388
|
size: "sm",
|
|
@@ -16355,17 +16396,17 @@ const Thematic = ({
|
|
|
16355
16396
|
horizontal: 'right'
|
|
16356
16397
|
},
|
|
16357
16398
|
onClose: closeMoveTagPopover,
|
|
16358
|
-
className: styles$
|
|
16399
|
+
className: styles$W.moveTagPopover
|
|
16359
16400
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16360
|
-
className: styles$
|
|
16401
|
+
className: styles$W.content
|
|
16361
16402
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16362
|
-
className: styles$
|
|
16403
|
+
className: styles$W.otherThematicsContainer
|
|
16363
16404
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16364
16405
|
key: `${thematic}-${idx}`,
|
|
16365
|
-
className: styles$
|
|
16406
|
+
className: styles$W.otherThematic,
|
|
16366
16407
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16367
16408
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16368
|
-
className: styles$
|
|
16409
|
+
className: styles$W.color,
|
|
16369
16410
|
style: {
|
|
16370
16411
|
backgroundColor: thematic.color,
|
|
16371
16412
|
height: '1rem',
|
|
@@ -16378,9 +16419,9 @@ const Thematic = ({
|
|
|
16378
16419
|
})))))));
|
|
16379
16420
|
};
|
|
16380
16421
|
|
|
16381
|
-
var css_248z$
|
|
16382
|
-
var styles$
|
|
16383
|
-
styleInject(css_248z$
|
|
16422
|
+
var css_248z$X = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16423
|
+
var styles$X = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16424
|
+
styleInject(css_248z$X);
|
|
16384
16425
|
|
|
16385
16426
|
const TimeInterval = ({
|
|
16386
16427
|
startTime,
|
|
@@ -16402,10 +16443,10 @@ const TimeInterval = ({
|
|
|
16402
16443
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
16403
16444
|
}
|
|
16404
16445
|
return /*#__PURE__*/React.createElement("div", {
|
|
16405
|
-
className: `${styles$
|
|
16446
|
+
className: `${styles$X.time_interval} ${className}`,
|
|
16406
16447
|
onClick: () => onClick(startTime)
|
|
16407
16448
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16408
|
-
className: styles$
|
|
16449
|
+
className: styles$X.times_text,
|
|
16409
16450
|
size: "sm",
|
|
16410
16451
|
weight: "semi-bold",
|
|
16411
16452
|
color: colors.blue_500,
|
|
@@ -16414,9 +16455,9 @@ const TimeInterval = ({
|
|
|
16414
16455
|
}));
|
|
16415
16456
|
};
|
|
16416
16457
|
|
|
16417
|
-
var css_248z$
|
|
16418
|
-
var styles$
|
|
16419
|
-
styleInject(css_248z$
|
|
16458
|
+
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}";
|
|
16459
|
+
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"};
|
|
16460
|
+
styleInject(css_248z$Y);
|
|
16420
16461
|
|
|
16421
16462
|
const CssTextField$8 = /*#__PURE__*/styled(TextField)({
|
|
16422
16463
|
'& .MuiInputBase-input': {
|
|
@@ -16548,12 +16589,12 @@ const TimePicker = ({
|
|
|
16548
16589
|
dateAdapter: AdapterDateFns,
|
|
16549
16590
|
adapterLocale: locales[locale]
|
|
16550
16591
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16551
|
-
className: `${styles$
|
|
16592
|
+
className: `${styles$Y.time_picker} ${className ? className : undefined}`
|
|
16552
16593
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
16553
16594
|
text: `${topLabel ? topLabel : ''}`,
|
|
16554
16595
|
weight: topLabelWeight || 'bold',
|
|
16555
16596
|
size: topLabelSize || 'base',
|
|
16556
|
-
className: styles$
|
|
16597
|
+
className: styles$Y.input_top_label,
|
|
16557
16598
|
required: required
|
|
16558
16599
|
}), /*#__PURE__*/React.createElement(TimePicker$1, {
|
|
16559
16600
|
label: label,
|
|
@@ -16583,18 +16624,18 @@ const TimePicker = ({
|
|
|
16583
16624
|
color: "#F54C4C",
|
|
16584
16625
|
italic: true,
|
|
16585
16626
|
text: errorText,
|
|
16586
|
-
className: styles$
|
|
16627
|
+
className: styles$Y.text_below
|
|
16587
16628
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16588
16629
|
size: "xs",
|
|
16589
16630
|
italic: true,
|
|
16590
16631
|
text: helperText,
|
|
16591
|
-
className: styles$
|
|
16632
|
+
className: styles$Y.text_below
|
|
16592
16633
|
}))));
|
|
16593
16634
|
};
|
|
16594
16635
|
|
|
16595
|
-
var css_248z$
|
|
16596
|
-
var styles$
|
|
16597
|
-
styleInject(css_248z$
|
|
16636
|
+
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}";
|
|
16637
|
+
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"};
|
|
16638
|
+
styleInject(css_248z$Z);
|
|
16598
16639
|
|
|
16599
16640
|
const ToggleTab = ({
|
|
16600
16641
|
optionOne,
|
|
@@ -16623,47 +16664,47 @@ const ToggleTab = ({
|
|
|
16623
16664
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16624
16665
|
};
|
|
16625
16666
|
return /*#__PURE__*/React.createElement("div", {
|
|
16626
|
-
className: styles$
|
|
16667
|
+
className: styles$Z.toggleTab,
|
|
16627
16668
|
style: {
|
|
16628
16669
|
background: background[variant]
|
|
16629
16670
|
}
|
|
16630
16671
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16631
|
-
className: styles$
|
|
16672
|
+
className: styles$Z.option,
|
|
16632
16673
|
style: {
|
|
16633
16674
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16634
16675
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16635
16676
|
}
|
|
16636
16677
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16637
16678
|
onClick: onClickOptionOne,
|
|
16638
|
-
className: styles$
|
|
16679
|
+
className: styles$Z.option__btn
|
|
16639
16680
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16640
16681
|
size: "base",
|
|
16641
16682
|
weight: "bold",
|
|
16642
16683
|
text: optionOne,
|
|
16643
16684
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16644
16685
|
}), optionalFirstText && /*#__PURE__*/React.createElement("div", {
|
|
16645
|
-
className: styles$
|
|
16686
|
+
className: styles$Z.optionalText
|
|
16646
16687
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16647
16688
|
text: optionalFirstText,
|
|
16648
16689
|
size: "sm",
|
|
16649
16690
|
weight: "regular",
|
|
16650
16691
|
color: "#fff"
|
|
16651
16692
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
16652
|
-
className: styles$
|
|
16693
|
+
className: styles$Z.option,
|
|
16653
16694
|
style: {
|
|
16654
16695
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16655
16696
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16656
16697
|
}
|
|
16657
16698
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16658
16699
|
onClick: onClickOptionTwo,
|
|
16659
|
-
className: styles$
|
|
16700
|
+
className: styles$Z.option__btn
|
|
16660
16701
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16661
16702
|
size: "base",
|
|
16662
16703
|
weight: "bold",
|
|
16663
16704
|
text: optionTwo,
|
|
16664
16705
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16665
16706
|
}), optionalSecondText && /*#__PURE__*/React.createElement("div", {
|
|
16666
|
-
className: styles$
|
|
16707
|
+
className: styles$Z.optionalText
|
|
16667
16708
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16668
16709
|
text: optionalSecondText,
|
|
16669
16710
|
size: "sm",
|
|
@@ -16672,9 +16713,9 @@ const ToggleTab = ({
|
|
|
16672
16713
|
})))));
|
|
16673
16714
|
};
|
|
16674
16715
|
|
|
16675
|
-
var css_248z$
|
|
16676
|
-
var styles$
|
|
16677
|
-
styleInject(css_248z$
|
|
16716
|
+
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}";
|
|
16717
|
+
var styles$_ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16718
|
+
styleInject(css_248z$_);
|
|
16678
16719
|
|
|
16679
16720
|
/** This text should be use to display basic text
|
|
16680
16721
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16683,15 +16724,15 @@ const SquareText = ({
|
|
|
16683
16724
|
text
|
|
16684
16725
|
}) => {
|
|
16685
16726
|
return /*#__PURE__*/React.createElement("div", {
|
|
16686
|
-
className: `${styles$
|
|
16727
|
+
className: `${styles$_.SquareTextContainer}`
|
|
16687
16728
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16688
16729
|
text: text
|
|
16689
16730
|
}));
|
|
16690
16731
|
};
|
|
16691
16732
|
|
|
16692
|
-
var css_248z
|
|
16693
|
-
var styles
|
|
16694
|
-
styleInject(css_248z
|
|
16733
|
+
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)}";
|
|
16734
|
+
var styles$$ = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16735
|
+
styleInject(css_248z$$);
|
|
16695
16736
|
|
|
16696
16737
|
/** This text should only be used for the captions
|
|
16697
16738
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16707,13 +16748,13 @@ const Caption = ({
|
|
|
16707
16748
|
style: {
|
|
16708
16749
|
color: color
|
|
16709
16750
|
},
|
|
16710
|
-
className: `${styles
|
|
16751
|
+
className: `${styles$$.caption_text} ${uppercase ? styles$$.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16711
16752
|
}), text);
|
|
16712
16753
|
};
|
|
16713
16754
|
|
|
16714
|
-
var css_248z
|
|
16715
|
-
var styles
|
|
16716
|
-
styleInject(css_248z
|
|
16755
|
+
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}";
|
|
16756
|
+
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"};
|
|
16757
|
+
styleInject(css_248z$10);
|
|
16717
16758
|
|
|
16718
16759
|
/** This text should be use to display basic text */
|
|
16719
16760
|
const Link = ({
|
|
@@ -16727,10 +16768,10 @@ const Link = ({
|
|
|
16727
16768
|
...props
|
|
16728
16769
|
}) => {
|
|
16729
16770
|
const getLinkSize = () => {
|
|
16730
|
-
if (size === 'xs') return styles
|
|
16771
|
+
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;
|
|
16731
16772
|
};
|
|
16732
16773
|
const getLinkWeight = () => {
|
|
16733
|
-
if (weight === 'semi-bold') return styles
|
|
16774
|
+
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;
|
|
16734
16775
|
};
|
|
16735
16776
|
if (isExternal) {
|
|
16736
16777
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16741,7 +16782,7 @@ const Link = ({
|
|
|
16741
16782
|
style: {
|
|
16742
16783
|
color: color
|
|
16743
16784
|
},
|
|
16744
|
-
className: `${styles
|
|
16785
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16745
16786
|
}), text));
|
|
16746
16787
|
} else {
|
|
16747
16788
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16750,48 +16791,11 @@ const Link = ({
|
|
|
16750
16791
|
style: {
|
|
16751
16792
|
color: color
|
|
16752
16793
|
},
|
|
16753
|
-
className: `${styles
|
|
16794
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16754
16795
|
}), text));
|
|
16755
16796
|
}
|
|
16756
16797
|
};
|
|
16757
16798
|
|
|
16758
|
-
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}";
|
|
16759
|
-
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"};
|
|
16760
|
-
styleInject(css_248z$10);
|
|
16761
|
-
|
|
16762
|
-
/** This text should be use to display basic text
|
|
16763
|
-
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
16764
|
-
*/
|
|
16765
|
-
const Text = ({
|
|
16766
|
-
text,
|
|
16767
|
-
color = '#26292E',
|
|
16768
|
-
size = 'base',
|
|
16769
|
-
weight = 'regular',
|
|
16770
|
-
italic = false,
|
|
16771
|
-
textDecoration,
|
|
16772
|
-
className,
|
|
16773
|
-
required,
|
|
16774
|
-
id,
|
|
16775
|
-
...props
|
|
16776
|
-
}) => {
|
|
16777
|
-
const getTextSize = () => {
|
|
16778
|
-
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;
|
|
16779
|
-
};
|
|
16780
|
-
const getTextWeight = () => {
|
|
16781
|
-
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;
|
|
16782
|
-
};
|
|
16783
|
-
const getTextDecoration = () => {
|
|
16784
|
-
if (textDecoration === 'underline') return styles$10.text_underline;else if (textDecoration === 'line-through') return styles$10.text_line_through;else return '';
|
|
16785
|
-
};
|
|
16786
|
-
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16787
|
-
id: id,
|
|
16788
|
-
style: {
|
|
16789
|
-
color: color
|
|
16790
|
-
},
|
|
16791
|
-
className: `${styles$10.text} ${italic ? styles$10.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$10.text_required} ${getTextSize()}`
|
|
16792
|
-
}), text);
|
|
16793
|
-
};
|
|
16794
|
-
|
|
16795
16799
|
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)}";
|
|
16796
16800
|
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"};
|
|
16797
16801
|
styleInject(css_248z$11);
|