odaptos_design_system 2.0.49 → 2.0.51
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Atoms/Box/Box.d.ts +2 -1
- package/dist/DesignTokens/Icons/Miscellaneous/OtherTab.d.ts +7 -0
- package/dist/DesignTokens/Icons/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +567 -533
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +567 -534
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Box/Box.tsx +4 -0
- package/src/DesignTokens/Icons/Miscellaneous/OtherTab.tsx +39 -0
- package/src/DesignTokens/Icons/index.ts +1 -0
- package/src/Molecules/Tabs/tabsUnderline.modules.scss +0 -2
|
@@ -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",
|
|
@@ -9527,6 +9564,35 @@ function OneColumnIcon({
|
|
|
9527
9564
|
})))));
|
|
9528
9565
|
}
|
|
9529
9566
|
|
|
9567
|
+
function OtherTab({
|
|
9568
|
+
stroke,
|
|
9569
|
+
strokeWidth,
|
|
9570
|
+
fill,
|
|
9571
|
+
size = 'base',
|
|
9572
|
+
...rest
|
|
9573
|
+
}) {
|
|
9574
|
+
return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
|
|
9575
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
9576
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
9577
|
+
sx: {
|
|
9578
|
+
height: getIconSize(size),
|
|
9579
|
+
width: getIconSize(size)
|
|
9580
|
+
},
|
|
9581
|
+
fill: fill
|
|
9582
|
+
}, rest), /*#__PURE__*/React.createElement("svg", {
|
|
9583
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
9584
|
+
width: "17",
|
|
9585
|
+
height: "16",
|
|
9586
|
+
viewBox: "0 0 17 16",
|
|
9587
|
+
fill: "none"
|
|
9588
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
9589
|
+
"fill-rule": "evenodd",
|
|
9590
|
+
"clip-rule": "evenodd",
|
|
9591
|
+
d: "M11.2384 0.666748H15.3463C15.4128 0.666748 15.4761 0.680064 15.5338 0.704174C15.5865 0.726103 15.636 0.757669 15.6798 0.798872C15.6871 0.805743 15.6942 0.812838 15.701 0.820145C15.7411 0.86273 15.7721 0.910767 15.7939 0.961776C15.8192 1.02064 15.8332 1.08549 15.8332 1.15361V5.26149C15.8332 5.53038 15.6152 5.74835 15.3463 5.74835C15.0774 5.74835 14.8595 5.53038 14.8595 5.26149V2.32899L6.56194 10.6265C6.37181 10.8166 6.06355 10.8166 5.87342 10.6265C5.68329 10.4364 5.68329 10.1281 5.87342 9.93798L14.1709 1.64047H11.2384C10.9695 1.64047 10.7516 1.42249 10.7516 1.15361C10.7516 0.884723 10.9695 0.666748 11.2384 0.666748ZM2.56623 3.40537C2.195 3.40537 1.83897 3.55284 1.57647 3.81534C1.31397 4.07784 1.1665 4.43387 1.1665 4.80509V13.9337C1.1665 14.305 1.31397 14.661 1.57647 14.9235C1.83897 15.186 2.195 15.3334 2.56623 15.3334H11.6949C12.0661 15.3334 12.4221 15.186 12.6846 14.9235C12.9471 14.661 13.0946 14.305 13.0946 13.9337V8.45655C13.0946 8.18766 12.8766 7.96969 12.6077 7.96969C12.3388 7.96969 12.1209 8.18766 12.1209 8.45655V13.9337C12.1209 14.0467 12.076 14.1551 11.9961 14.235C11.9162 14.3148 11.8078 14.3597 11.6949 14.3597H2.56623C2.45325 14.3597 2.34489 14.3148 2.265 14.235C2.18511 14.1551 2.14022 14.0467 2.14022 13.9337V4.80509C2.14022 4.69211 2.18511 4.58376 2.265 4.50387C2.34489 4.42397 2.45324 4.37909 2.56623 4.37909H8.0434C8.31229 4.37909 8.53026 4.16112 8.53026 3.89223C8.53026 3.62335 8.31229 3.40537 8.0434 3.40537H2.56623Z",
|
|
9592
|
+
fill: fill
|
|
9593
|
+
})));
|
|
9594
|
+
}
|
|
9595
|
+
|
|
9530
9596
|
function RefreshIcon({
|
|
9531
9597
|
stroke,
|
|
9532
9598
|
strokeWidth,
|
|
@@ -10988,6 +11054,7 @@ function Partner9({
|
|
|
10988
11054
|
const Box = ({
|
|
10989
11055
|
children,
|
|
10990
11056
|
title,
|
|
11057
|
+
optionalText,
|
|
10991
11058
|
tooltipDescription,
|
|
10992
11059
|
className,
|
|
10993
11060
|
id,
|
|
@@ -11004,6 +11071,9 @@ const Box = ({
|
|
|
11004
11071
|
size: "lg",
|
|
11005
11072
|
weight: "bold",
|
|
11006
11073
|
required: required
|
|
11074
|
+
}), !required && optionalText && /*#__PURE__*/React.createElement(Text, {
|
|
11075
|
+
text: optionalText,
|
|
11076
|
+
italic: true
|
|
11007
11077
|
}), tooltipDescription && /*#__PURE__*/React.createElement(Tooltip, {
|
|
11008
11078
|
tooltipDescription: tooltipDescription,
|
|
11009
11079
|
placement: "right",
|
|
@@ -11014,9 +11084,9 @@ const Box = ({
|
|
|
11014
11084
|
})))), children);
|
|
11015
11085
|
};
|
|
11016
11086
|
|
|
11017
|
-
var css_248z$
|
|
11018
|
-
var styles$
|
|
11019
|
-
styleInject(css_248z$
|
|
11087
|
+
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}";
|
|
11088
|
+
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"};
|
|
11089
|
+
styleInject(css_248z$8);
|
|
11020
11090
|
|
|
11021
11091
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11022
11092
|
const Button = ({
|
|
@@ -11031,13 +11101,13 @@ const Button = ({
|
|
|
11031
11101
|
...props
|
|
11032
11102
|
}) => {
|
|
11033
11103
|
const getStylesByVariant = () => {
|
|
11034
|
-
if (variant === 'primary') return styles$
|
|
11104
|
+
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
11105
|
};
|
|
11036
11106
|
const getStylesBySize = () => {
|
|
11037
|
-
if (size === 'sm') return styles$
|
|
11107
|
+
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
11108
|
};
|
|
11039
11109
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
11040
|
-
className: `${styles$
|
|
11110
|
+
className: `${styles$8.button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
11041
11111
|
style: {
|
|
11042
11112
|
background: customBackground,
|
|
11043
11113
|
border: customBackground ? 'none' : ''
|
|
@@ -11049,9 +11119,9 @@ const Button = ({
|
|
|
11049
11119
|
}), iconRight && iconRight);
|
|
11050
11120
|
};
|
|
11051
11121
|
|
|
11052
|
-
var css_248z$
|
|
11053
|
-
var styles$
|
|
11054
|
-
styleInject(css_248z$
|
|
11122
|
+
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}";
|
|
11123
|
+
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"};
|
|
11124
|
+
styleInject(css_248z$9);
|
|
11055
11125
|
|
|
11056
11126
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
11057
11127
|
const MksiteButton = ({
|
|
@@ -11064,10 +11134,10 @@ const MksiteButton = ({
|
|
|
11064
11134
|
...props
|
|
11065
11135
|
}) => {
|
|
11066
11136
|
const getStylesByVariant = () => {
|
|
11067
|
-
if (variant === 'primary') return styles$
|
|
11137
|
+
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
11138
|
};
|
|
11069
11139
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
11070
|
-
className: `${styles$
|
|
11140
|
+
className: `${styles$9.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
11071
11141
|
disabled: disabled
|
|
11072
11142
|
}, props), iconLeft && iconLeft, /*#__PURE__*/React.createElement(TextForButton, {
|
|
11073
11143
|
text: text,
|
|
@@ -11075,9 +11145,9 @@ const MksiteButton = ({
|
|
|
11075
11145
|
}), iconRight && iconRight);
|
|
11076
11146
|
};
|
|
11077
11147
|
|
|
11078
|
-
var css_248z$
|
|
11079
|
-
var styles$
|
|
11080
|
-
styleInject(css_248z$
|
|
11148
|
+
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%}";
|
|
11149
|
+
var styles$a = {"card":"Card-modules_card__3XjRq"};
|
|
11150
|
+
styleInject(css_248z$a);
|
|
11081
11151
|
|
|
11082
11152
|
const Card = ({
|
|
11083
11153
|
children,
|
|
@@ -11085,27 +11155,27 @@ const Card = ({
|
|
|
11085
11155
|
onMouseLeave,
|
|
11086
11156
|
className
|
|
11087
11157
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
11088
|
-
className: `${styles$
|
|
11158
|
+
className: `${styles$a.card} ${className}`,
|
|
11089
11159
|
onMouseEnter: onMouseEnter,
|
|
11090
11160
|
onMouseLeave: onMouseLeave
|
|
11091
11161
|
}, children);
|
|
11092
11162
|
|
|
11093
|
-
var css_248z$
|
|
11094
|
-
var styles$
|
|
11095
|
-
styleInject(css_248z$
|
|
11163
|
+
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}";
|
|
11164
|
+
var styles$b = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
11165
|
+
styleInject(css_248z$b);
|
|
11096
11166
|
|
|
11097
11167
|
const CardButton = ({
|
|
11098
11168
|
children,
|
|
11099
11169
|
className
|
|
11100
11170
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
11101
|
-
className: `${styles$
|
|
11171
|
+
className: `${styles$b.card_button} ${className}`
|
|
11102
11172
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11103
11173
|
text: children
|
|
11104
11174
|
}));
|
|
11105
11175
|
|
|
11106
|
-
var css_248z$
|
|
11107
|
-
var styles$
|
|
11108
|
-
styleInject(css_248z$
|
|
11176
|
+
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}";
|
|
11177
|
+
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"};
|
|
11178
|
+
styleInject(css_248z$c);
|
|
11109
11179
|
|
|
11110
11180
|
const ChatMessage = ({
|
|
11111
11181
|
message,
|
|
@@ -11130,23 +11200,23 @@ const ChatMessage = ({
|
|
|
11130
11200
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
11131
11201
|
};
|
|
11132
11202
|
if (!isMe) return /*#__PURE__*/React.createElement("div", {
|
|
11133
|
-
className: styles$
|
|
11203
|
+
className: styles$c.user_message_container
|
|
11134
11204
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11135
|
-
className: styles$
|
|
11205
|
+
className: styles$c.bot_indicator
|
|
11136
11206
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11137
11207
|
text: getTwoInitials(message.from.name),
|
|
11138
11208
|
weight: "bold",
|
|
11139
11209
|
color: "white",
|
|
11140
11210
|
size: "sm"
|
|
11141
11211
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11142
|
-
className: styles$
|
|
11212
|
+
className: styles$c.message_chatbot
|
|
11143
11213
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11144
|
-
className: styles$
|
|
11214
|
+
className: styles$c.not_user_text_message
|
|
11145
11215
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11146
11216
|
dangerouslySetInnerHTML: {
|
|
11147
11217
|
__html: replaceURLs(message.body) ?? ''
|
|
11148
11218
|
},
|
|
11149
|
-
className: styles$
|
|
11219
|
+
className: styles$c.user_text
|
|
11150
11220
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
11151
11221
|
onClick: onClickTime,
|
|
11152
11222
|
className: classNameTime,
|
|
@@ -11154,23 +11224,23 @@ const ChatMessage = ({
|
|
|
11154
11224
|
endTime: endTime
|
|
11155
11225
|
})));else {
|
|
11156
11226
|
return /*#__PURE__*/React.createElement("div", {
|
|
11157
|
-
className: styles$
|
|
11227
|
+
className: styles$c.user_message_container
|
|
11158
11228
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11159
|
-
className: styles$
|
|
11229
|
+
className: styles$c.message_chatbot
|
|
11160
11230
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11161
|
-
className: styles$
|
|
11231
|
+
className: styles$c.user_text_message
|
|
11162
11232
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11163
11233
|
dangerouslySetInnerHTML: {
|
|
11164
11234
|
__html: replaceURLs(message.body) ?? ''
|
|
11165
11235
|
},
|
|
11166
|
-
className: styles$
|
|
11236
|
+
className: styles$c.user_text
|
|
11167
11237
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
11168
11238
|
onClick: onClickTime,
|
|
11169
11239
|
className: classNameTime,
|
|
11170
11240
|
startTime: startTime,
|
|
11171
11241
|
endTime: endTime
|
|
11172
11242
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11173
|
-
className: styles$
|
|
11243
|
+
className: styles$c.user_indicator
|
|
11174
11244
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11175
11245
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11176
11246
|
weight: "bold",
|
|
@@ -11180,9 +11250,9 @@ const ChatMessage = ({
|
|
|
11180
11250
|
}
|
|
11181
11251
|
};
|
|
11182
11252
|
|
|
11183
|
-
var css_248z$
|
|
11184
|
-
var styles$
|
|
11185
|
-
styleInject(css_248z$
|
|
11253
|
+
var css_248z$d = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}.Checkbox-module_disabled__DTVNo{opacity:.5}";
|
|
11254
|
+
var styles$d = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv","disabled":"Checkbox-module_disabled__DTVNo"};
|
|
11255
|
+
styleInject(css_248z$d);
|
|
11186
11256
|
|
|
11187
11257
|
const BpIcon = /*#__PURE__*/styled('span')(() => ({
|
|
11188
11258
|
borderRadius: '0.25rem',
|
|
@@ -11258,7 +11328,7 @@ const Checkbox = ({
|
|
|
11258
11328
|
className
|
|
11259
11329
|
}) => {
|
|
11260
11330
|
return /*#__PURE__*/React.createElement("div", {
|
|
11261
|
-
className: `${styles$
|
|
11331
|
+
className: `${styles$d.checkboxContainer} ${disabled ? styles$d.disabled : ''} ${className}`,
|
|
11262
11332
|
style: {
|
|
11263
11333
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
11264
11334
|
}
|
|
@@ -11371,9 +11441,9 @@ const getColor = (colorName, shade) => {
|
|
|
11371
11441
|
return undefined;
|
|
11372
11442
|
};
|
|
11373
11443
|
|
|
11374
|
-
var css_248z$
|
|
11375
|
-
var styles$
|
|
11376
|
-
styleInject(css_248z$
|
|
11444
|
+
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}";
|
|
11445
|
+
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"};
|
|
11446
|
+
styleInject(css_248z$e);
|
|
11377
11447
|
|
|
11378
11448
|
const ColorPicker = ({
|
|
11379
11449
|
color,
|
|
@@ -11384,30 +11454,30 @@ const ColorPicker = ({
|
|
|
11384
11454
|
onChange(color);
|
|
11385
11455
|
};
|
|
11386
11456
|
return /*#__PURE__*/React.createElement("div", {
|
|
11387
|
-
className: styles$
|
|
11457
|
+
className: styles$e.colorPicker
|
|
11388
11458
|
}, /*#__PURE__*/React.createElement(HexAlphaColorPicker, {
|
|
11389
11459
|
color: color,
|
|
11390
11460
|
onChange: onChange
|
|
11391
11461
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11392
|
-
className: styles$
|
|
11462
|
+
className: styles$e.colorPicker__bottom
|
|
11393
11463
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11394
|
-
className: styles$
|
|
11464
|
+
className: styles$e.colorPicker__bottom__color,
|
|
11395
11465
|
style: {
|
|
11396
11466
|
backgroundColor: color
|
|
11397
11467
|
}
|
|
11398
11468
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11399
|
-
className: styles$
|
|
11469
|
+
className: styles$e.colorPicker__bottom__input
|
|
11400
11470
|
}, /*#__PURE__*/React.createElement("input", {
|
|
11401
11471
|
type: "text",
|
|
11402
11472
|
value: color,
|
|
11403
11473
|
onChange: e => handleChange(e.target.value),
|
|
11404
|
-
className: styles$
|
|
11474
|
+
className: styles$e.colorTextInput
|
|
11405
11475
|
}))));
|
|
11406
11476
|
};
|
|
11407
11477
|
|
|
11408
|
-
var css_248z$
|
|
11409
|
-
var styles$
|
|
11410
|
-
styleInject(css_248z$
|
|
11478
|
+
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)}";
|
|
11479
|
+
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"};
|
|
11480
|
+
styleInject(css_248z$f);
|
|
11411
11481
|
|
|
11412
11482
|
const DataProtectionDisclaimer = ({
|
|
11413
11483
|
content,
|
|
@@ -11415,18 +11485,18 @@ const DataProtectionDisclaimer = ({
|
|
|
11415
11485
|
contentClassName
|
|
11416
11486
|
}) => {
|
|
11417
11487
|
return /*#__PURE__*/React.createElement("footer", {
|
|
11418
|
-
className: `${styles$
|
|
11488
|
+
className: `${styles$f.data_protection_disclaimer} ${className}`
|
|
11419
11489
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11420
11490
|
dangerouslySetInnerHTML: {
|
|
11421
11491
|
__html: content
|
|
11422
11492
|
},
|
|
11423
|
-
className: `${styles$
|
|
11493
|
+
className: `${styles$f.data_protection_disclaimer_content} ${contentClassName}`
|
|
11424
11494
|
}));
|
|
11425
11495
|
};
|
|
11426
11496
|
|
|
11427
|
-
var css_248z$
|
|
11428
|
-
var styles$
|
|
11429
|
-
styleInject(css_248z$
|
|
11497
|
+
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}";
|
|
11498
|
+
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"};
|
|
11499
|
+
styleInject(css_248z$g);
|
|
11430
11500
|
|
|
11431
11501
|
const CssTextField = /*#__PURE__*/styled(TextField)({
|
|
11432
11502
|
'& .MuiInputBase-input': {
|
|
@@ -11557,12 +11627,12 @@ const DatePicker = ({
|
|
|
11557
11627
|
dateAdapter: AdapterDateFns,
|
|
11558
11628
|
adapterLocale: locale === 'enUS' ? enUS : locale === 'fr' ? fr : locale === 'it' ? it : locale === 'de' ? de : locale === 'es' ? es : enUS
|
|
11559
11629
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11560
|
-
className: `${styles$
|
|
11630
|
+
className: `${styles$g.date_picker} ${className ? className : undefined}`
|
|
11561
11631
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
11562
11632
|
text: `${topLabel ? topLabel : ''}`,
|
|
11563
11633
|
weight: topLabelWeight || 'bold',
|
|
11564
11634
|
size: topLabelSize || 'base',
|
|
11565
|
-
className: styles$
|
|
11635
|
+
className: styles$g.input_top_label,
|
|
11566
11636
|
required: required
|
|
11567
11637
|
}), /*#__PURE__*/React.createElement(DatePicker$1, {
|
|
11568
11638
|
label: label,
|
|
@@ -11607,18 +11677,18 @@ const DatePicker = ({
|
|
|
11607
11677
|
color: "#F54C4C",
|
|
11608
11678
|
italic: true,
|
|
11609
11679
|
text: errorText,
|
|
11610
|
-
className: styles$
|
|
11680
|
+
className: styles$g.text_below
|
|
11611
11681
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
11612
11682
|
size: "xs",
|
|
11613
11683
|
italic: true,
|
|
11614
11684
|
text: helperText,
|
|
11615
|
-
className: styles$
|
|
11685
|
+
className: styles$g.text_below
|
|
11616
11686
|
}))));
|
|
11617
11687
|
};
|
|
11618
11688
|
|
|
11619
|
-
var css_248z$
|
|
11620
|
-
var styles$
|
|
11621
|
-
styleInject(css_248z$
|
|
11689
|
+
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}}";
|
|
11690
|
+
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"};
|
|
11691
|
+
styleInject(css_248z$h);
|
|
11622
11692
|
|
|
11623
11693
|
const HeaderCell = ({
|
|
11624
11694
|
planName,
|
|
@@ -11647,7 +11717,7 @@ const HeaderCell = ({
|
|
|
11647
11717
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
11648
11718
|
};
|
|
11649
11719
|
return /*#__PURE__*/React.createElement("div", {
|
|
11650
|
-
className: styles$
|
|
11720
|
+
className: styles$h.headerCell
|
|
11651
11721
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11652
11722
|
size: "base",
|
|
11653
11723
|
weight: "semi-bold",
|
|
@@ -11657,7 +11727,7 @@ const HeaderCell = ({
|
|
|
11657
11727
|
weight: "bold",
|
|
11658
11728
|
text: cmsContent.LetsTalk
|
|
11659
11729
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
11660
|
-
className: styles$
|
|
11730
|
+
className: styles$h.priceContainer
|
|
11661
11731
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11662
11732
|
size: "base",
|
|
11663
11733
|
weight: "bold",
|
|
@@ -11679,9 +11749,9 @@ const TableHeader = ({
|
|
|
11679
11749
|
actionsArray
|
|
11680
11750
|
}) => {
|
|
11681
11751
|
return /*#__PURE__*/React.createElement("div", {
|
|
11682
|
-
className: styles$
|
|
11752
|
+
className: styles$h.tableHeader
|
|
11683
11753
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11684
|
-
className: styles$
|
|
11754
|
+
className: styles$h.headerTitle
|
|
11685
11755
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11686
11756
|
size: "base",
|
|
11687
11757
|
weight: "semi-bold",
|
|
@@ -11706,13 +11776,13 @@ const RowCell = ({
|
|
|
11706
11776
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
11707
11777
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
11708
11778
|
return /*#__PURE__*/React.createElement("div", {
|
|
11709
|
-
className: styles$
|
|
11779
|
+
className: styles$h.rowCell
|
|
11710
11780
|
}, prefix && /*#__PURE__*/React.createElement(Text, {
|
|
11711
11781
|
size: "sm",
|
|
11712
11782
|
weight: "regular",
|
|
11713
11783
|
text: prefix
|
|
11714
11784
|
}), showCheckmark ? /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
11715
|
-
className: styles$
|
|
11785
|
+
className: styles$h.checkedIcon
|
|
11716
11786
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React.createElement(Text, {
|
|
11717
11787
|
size: "sm",
|
|
11718
11788
|
weight: "bold",
|
|
@@ -11730,14 +11800,14 @@ const FeatureRow = ({
|
|
|
11730
11800
|
}) => {
|
|
11731
11801
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
11732
11802
|
return /*#__PURE__*/React.createElement("div", {
|
|
11733
|
-
className: `${styles$
|
|
11803
|
+
className: `${styles$h.featureRow} ${isLastOfTable ? styles$h.lastRow : ''}`
|
|
11734
11804
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11735
|
-
className: styles$
|
|
11805
|
+
className: styles$h.featureName
|
|
11736
11806
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11737
11807
|
size: "sm",
|
|
11738
11808
|
weight: "regular",
|
|
11739
11809
|
text: feature.Name,
|
|
11740
|
-
className: styles$
|
|
11810
|
+
className: styles$h.overflow2Lines
|
|
11741
11811
|
}), feature.TooltipDescription && /*#__PURE__*/React.createElement(Tooltip, {
|
|
11742
11812
|
tooltipDescription: feature.TooltipDescription,
|
|
11743
11813
|
placement: "right"
|
|
@@ -11745,7 +11815,7 @@ const FeatureRow = ({
|
|
|
11745
11815
|
icon: /*#__PURE__*/React.createElement(QuestionCircledIcon, null),
|
|
11746
11816
|
variant: "tertiary",
|
|
11747
11817
|
size: "xxs",
|
|
11748
|
-
className: styles$
|
|
11818
|
+
className: styles$h.tooltipButton
|
|
11749
11819
|
}))), tierList.map((tier, index) => {
|
|
11750
11820
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
11751
11821
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -11763,7 +11833,7 @@ const SectionTitleRow = ({
|
|
|
11763
11833
|
sectionName = ''
|
|
11764
11834
|
}) => {
|
|
11765
11835
|
return /*#__PURE__*/React.createElement("div", {
|
|
11766
|
-
className: styles$
|
|
11836
|
+
className: styles$h.sectionTitleRow
|
|
11767
11837
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11768
11838
|
size: "sm",
|
|
11769
11839
|
weight: "bold",
|
|
@@ -11777,7 +11847,7 @@ const FeatureGroup = ({
|
|
|
11777
11847
|
isLastGroup
|
|
11778
11848
|
}) => {
|
|
11779
11849
|
return /*#__PURE__*/React.createElement("div", {
|
|
11780
|
-
className: styles$
|
|
11850
|
+
className: styles$h.featureGroup
|
|
11781
11851
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React.createElement(SectionTitleRow, {
|
|
11782
11852
|
sectionName: sectionTitle
|
|
11783
11853
|
}), featureSection.map((feature, index) => {
|
|
@@ -11804,7 +11874,7 @@ const TableBody = ({
|
|
|
11804
11874
|
};
|
|
11805
11875
|
|
|
11806
11876
|
return /*#__PURE__*/React.createElement("div", {
|
|
11807
|
-
className: styles$
|
|
11877
|
+
className: styles$h.tableBody
|
|
11808
11878
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React.createElement(FeatureGroup, {
|
|
11809
11879
|
key: index,
|
|
11810
11880
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -11821,7 +11891,7 @@ const FeaturesTable = ({
|
|
|
11821
11891
|
actionsArray
|
|
11822
11892
|
}) => {
|
|
11823
11893
|
return /*#__PURE__*/React.createElement("div", {
|
|
11824
|
-
className: styles$
|
|
11894
|
+
className: styles$h.featuresTable
|
|
11825
11895
|
}, /*#__PURE__*/React.createElement(TableHeader, {
|
|
11826
11896
|
plans: pricingCards,
|
|
11827
11897
|
cmsContent: cmsContent,
|
|
@@ -11832,9 +11902,9 @@ const FeaturesTable = ({
|
|
|
11832
11902
|
}));
|
|
11833
11903
|
};
|
|
11834
11904
|
|
|
11835
|
-
var css_248z$
|
|
11836
|
-
var styles$
|
|
11837
|
-
styleInject(css_248z$
|
|
11905
|
+
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}";
|
|
11906
|
+
var styles$i = {"file_input_wrapper":"fileinput-modules_file_input_wrapper__zE37e","block":"fileinput-modules_block__aNMrv","cliquable_text":"fileinput-modules_cliquable_text__-xcFl"};
|
|
11907
|
+
styleInject(css_248z$i);
|
|
11838
11908
|
|
|
11839
11909
|
const checkImageResolution = (file, resolution) => {
|
|
11840
11910
|
return new Promise((resolve, reject) => {
|
|
@@ -11891,7 +11961,7 @@ const FileInput = ({
|
|
|
11891
11961
|
}
|
|
11892
11962
|
}, [value]);
|
|
11893
11963
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
11894
|
-
className: `${styles$
|
|
11964
|
+
className: `${styles$i.file_input_wrapper} ${className}`
|
|
11895
11965
|
}, /*#__PURE__*/React.createElement("input", {
|
|
11896
11966
|
ref: ref,
|
|
11897
11967
|
onChange: onChange,
|
|
@@ -11910,13 +11980,13 @@ const FileInput = ({
|
|
|
11910
11980
|
text: rule,
|
|
11911
11981
|
weight: "regular",
|
|
11912
11982
|
size: "xs",
|
|
11913
|
-
className: styles$
|
|
11983
|
+
className: styles$i.cliquable_text
|
|
11914
11984
|
}));
|
|
11915
11985
|
};
|
|
11916
11986
|
|
|
11917
|
-
var css_248z$
|
|
11918
|
-
var styles$
|
|
11919
|
-
styleInject(css_248z$
|
|
11987
|
+
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}";
|
|
11988
|
+
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"};
|
|
11989
|
+
styleInject(css_248z$j);
|
|
11920
11990
|
|
|
11921
11991
|
/** This text should be use to display basic text
|
|
11922
11992
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11932,48 +12002,48 @@ const FormQuestions = ({
|
|
|
11932
12002
|
nextText
|
|
11933
12003
|
}) => {
|
|
11934
12004
|
return /*#__PURE__*/React.createElement("div", {
|
|
11935
|
-
className: styles$
|
|
12005
|
+
className: styles$j.formQuestionsContainer
|
|
11936
12006
|
}, /*#__PURE__*/React.createElement(LogoNormal, {
|
|
11937
12007
|
style: {
|
|
11938
12008
|
width: '8.64519rem',
|
|
11939
12009
|
height: '2rem'
|
|
11940
12010
|
}
|
|
11941
12011
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11942
|
-
className: styles$
|
|
12012
|
+
className: styles$j.formQuestionsContent
|
|
11943
12013
|
}, hint && /*#__PURE__*/React.createElement(SquareText, {
|
|
11944
12014
|
text: hint
|
|
11945
12015
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11946
|
-
className: styles$
|
|
12016
|
+
className: styles$j.questionContainer
|
|
11947
12017
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11948
12018
|
text: question,
|
|
11949
|
-
className: styles$
|
|
12019
|
+
className: styles$j.questionText
|
|
11950
12020
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
11951
12021
|
text: optionText,
|
|
11952
|
-
className: styles$
|
|
12022
|
+
className: styles$j.topText
|
|
11953
12023
|
}), answers.map(answer => /*#__PURE__*/React.createElement(QuestionButton, {
|
|
11954
12024
|
text: answer.text,
|
|
11955
12025
|
clicked: answer.isSelected,
|
|
11956
12026
|
onClick: answer.onClick
|
|
11957
12027
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
11958
|
-
className: styles$
|
|
12028
|
+
className: styles$j.buttons
|
|
11959
12029
|
}, backText && /*#__PURE__*/React.createElement(Button, {
|
|
11960
12030
|
variant: 'tertiary',
|
|
11961
|
-
className: styles$
|
|
12031
|
+
className: styles$j.backButton,
|
|
11962
12032
|
iconLeft: /*#__PURE__*/React.createElement(ArrowPointerLeft, null),
|
|
11963
12033
|
text: backText,
|
|
11964
12034
|
onClick: backAction
|
|
11965
12035
|
}), nextText && /*#__PURE__*/React.createElement(Button, {
|
|
11966
12036
|
disabled: answers.every(answer => !answer.isSelected),
|
|
11967
12037
|
text: nextText,
|
|
11968
|
-
className: styles$
|
|
12038
|
+
className: styles$j.nextButton,
|
|
11969
12039
|
iconRight: /*#__PURE__*/React.createElement(ArrowPointerRight, null),
|
|
11970
12040
|
onClick: nextAction
|
|
11971
12041
|
}))));
|
|
11972
12042
|
};
|
|
11973
12043
|
|
|
11974
|
-
var css_248z$
|
|
11975
|
-
var styles$
|
|
11976
|
-
styleInject(css_248z$
|
|
12044
|
+
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}";
|
|
12045
|
+
var styles$k = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
12046
|
+
styleInject(css_248z$k);
|
|
11977
12047
|
|
|
11978
12048
|
/** This text should be use to display basic text
|
|
11979
12049
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -11985,15 +12055,15 @@ const QuestionButton = ({
|
|
|
11985
12055
|
}) => {
|
|
11986
12056
|
return /*#__PURE__*/React.createElement("div", {
|
|
11987
12057
|
onClick: onClick,
|
|
11988
|
-
className: `${styles$
|
|
12058
|
+
className: `${styles$k.QuestionButtonContainer} ${clicked ? styles$k.QuestionButtonContainerSelected : ''}`
|
|
11989
12059
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11990
|
-
className: styles$
|
|
12060
|
+
className: styles$k.QuestionButtonText
|
|
11991
12061
|
}, text));
|
|
11992
12062
|
};
|
|
11993
12063
|
|
|
11994
|
-
var css_248z$
|
|
11995
|
-
var styles$
|
|
11996
|
-
styleInject(css_248z$
|
|
12064
|
+
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}";
|
|
12065
|
+
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"};
|
|
12066
|
+
styleInject(css_248z$l);
|
|
11997
12067
|
|
|
11998
12068
|
const Chat = ({
|
|
11999
12069
|
chatTitle,
|
|
@@ -12070,15 +12140,15 @@ const Chat = ({
|
|
|
12070
12140
|
item: true,
|
|
12071
12141
|
xs: 3,
|
|
12072
12142
|
direction: "column",
|
|
12073
|
-
className: `${className ?? ''} ${styles$
|
|
12143
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12074
12144
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12075
|
-
className: `${styles$
|
|
12145
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12076
12146
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12077
12147
|
text: chatTitle,
|
|
12078
12148
|
weight: "bold",
|
|
12079
12149
|
size: "lg"
|
|
12080
12150
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12081
|
-
className: `${styles$
|
|
12151
|
+
className: `${styles$l.tasks_container}
|
|
12082
12152
|
${customScrollingClassname}`
|
|
12083
12153
|
}, tasks.map(task => {
|
|
12084
12154
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
@@ -12129,15 +12199,15 @@ const Chat = ({
|
|
|
12129
12199
|
item: true,
|
|
12130
12200
|
xs: 3,
|
|
12131
12201
|
direction: "column",
|
|
12132
|
-
className: `${className ?? ''} ${styles$
|
|
12202
|
+
className: `${className ?? ''} ${styles$l.chatContainer}`
|
|
12133
12203
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12134
|
-
className: `${styles$
|
|
12204
|
+
className: `${styles$l.scrolling_content} ${styles$l.no_scrollbar} ${customContentClassname}`
|
|
12135
12205
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12136
12206
|
text: chatTitle,
|
|
12137
12207
|
weight: "bold",
|
|
12138
12208
|
size: "lg"
|
|
12139
12209
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12140
|
-
className: `${styles$
|
|
12210
|
+
className: `${styles$l.tasks_container}
|
|
12141
12211
|
${customScrollingClassname}`
|
|
12142
12212
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
12143
12213
|
title: welcomeTitle,
|
|
@@ -12145,46 +12215,46 @@ const Chat = ({
|
|
|
12145
12215
|
}), messages && messages.map(message => {
|
|
12146
12216
|
if (message && message.type === 'normal') {
|
|
12147
12217
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
12148
|
-
className: styles$
|
|
12218
|
+
className: styles$l.user_message_container
|
|
12149
12219
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12150
|
-
className: styles$
|
|
12220
|
+
className: styles$l.bot_indicator
|
|
12151
12221
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12152
12222
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12153
12223
|
weight: "bold",
|
|
12154
12224
|
color: "white",
|
|
12155
12225
|
size: "sm"
|
|
12156
12226
|
})), /*#__PURE__*/React.createElement("div", {
|
|
12157
|
-
className: styles$
|
|
12227
|
+
className: styles$l.message_chatbot
|
|
12158
12228
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12159
|
-
className: styles$
|
|
12229
|
+
className: styles$l.not_user_text_message
|
|
12160
12230
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12161
12231
|
dangerouslySetInnerHTML: {
|
|
12162
12232
|
__html: replaceURLs(message.body) ?? ''
|
|
12163
12233
|
},
|
|
12164
|
-
className: styles$
|
|
12234
|
+
className: styles$l.user_text
|
|
12165
12235
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
12166
12236
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12167
12237
|
size: "xs",
|
|
12168
12238
|
color: "grey",
|
|
12169
|
-
className: styles$
|
|
12239
|
+
className: styles$l.user_text_message_username
|
|
12170
12240
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
12171
|
-
className: styles$
|
|
12241
|
+
className: styles$l.user_message_container
|
|
12172
12242
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12173
|
-
className: styles$
|
|
12243
|
+
className: styles$l.message_chatbot
|
|
12174
12244
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12175
|
-
className: styles$
|
|
12245
|
+
className: styles$l.user_text_message
|
|
12176
12246
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12177
12247
|
dangerouslySetInnerHTML: {
|
|
12178
12248
|
__html: replaceURLs(message.body) ?? ''
|
|
12179
12249
|
},
|
|
12180
|
-
className: styles$
|
|
12250
|
+
className: styles$l.user_text
|
|
12181
12251
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
12182
12252
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
12183
12253
|
size: "xs",
|
|
12184
12254
|
color: "grey",
|
|
12185
|
-
className: styles$
|
|
12255
|
+
className: styles$l.user_text_message_username_left
|
|
12186
12256
|
})), /*#__PURE__*/React.createElement("div", {
|
|
12187
|
-
className: styles$
|
|
12257
|
+
className: styles$l.user_indicator
|
|
12188
12258
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12189
12259
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
12190
12260
|
weight: "bold",
|
|
@@ -12202,9 +12272,9 @@ const Chat = ({
|
|
|
12202
12272
|
})));
|
|
12203
12273
|
};
|
|
12204
12274
|
|
|
12205
|
-
var css_248z$
|
|
12206
|
-
var styles$
|
|
12207
|
-
styleInject(css_248z$
|
|
12275
|
+
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}";
|
|
12276
|
+
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"};
|
|
12277
|
+
styleInject(css_248z$m);
|
|
12208
12278
|
|
|
12209
12279
|
const SelfProtocolTaskContainer = ({
|
|
12210
12280
|
smallTitle,
|
|
@@ -12218,7 +12288,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12218
12288
|
isDisplay
|
|
12219
12289
|
}) => {
|
|
12220
12290
|
if (isDisplay) return /*#__PURE__*/React.createElement("div", {
|
|
12221
|
-
className: `${styles$
|
|
12291
|
+
className: `${styles$m.selfProtocolTaskContainer} ${isDisabled ? styles$m.disabled : ''}`
|
|
12222
12292
|
}, smallTitle && /*#__PURE__*/React.createElement(Text, {
|
|
12223
12293
|
text: smallTitle,
|
|
12224
12294
|
size: "xs"
|
|
@@ -12234,7 +12304,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
12234
12304
|
text: ctaText,
|
|
12235
12305
|
onClick: () => onClick(),
|
|
12236
12306
|
iconRight: buttonIcon,
|
|
12237
|
-
className: styles$
|
|
12307
|
+
className: styles$m.cta_button,
|
|
12238
12308
|
disabled: isDisabled
|
|
12239
12309
|
}));else return null;
|
|
12240
12310
|
};
|
|
@@ -12296,16 +12366,16 @@ const SelfProtocolManager = ({
|
|
|
12296
12366
|
item: true,
|
|
12297
12367
|
xs: 3,
|
|
12298
12368
|
direction: "column",
|
|
12299
|
-
className: `${className ?? ''} ${styles$
|
|
12369
|
+
className: `${className ?? ''} ${styles$m.chatContainer}`
|
|
12300
12370
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12301
|
-
className: `${styles$
|
|
12371
|
+
className: `${styles$m.scrolling_content} ${styles$m.no_scrollbar} ${customContentClassname}`
|
|
12302
12372
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12303
12373
|
text: texts.generalTitle,
|
|
12304
12374
|
weight: "bold",
|
|
12305
12375
|
size: "lg"
|
|
12306
12376
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12307
|
-
className: `${styles$
|
|
12308
|
-
${customScrollingClassname} ${styles$
|
|
12377
|
+
className: `${styles$m.tasks_container}
|
|
12378
|
+
${customScrollingClassname} ${styles$m.no_scrollbar}`
|
|
12309
12379
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
12310
12380
|
title: texts.welcomeMessageTitle,
|
|
12311
12381
|
description: texts.welcomeMessageDescription
|
|
@@ -12365,9 +12435,9 @@ const SelfProtocolManager = ({
|
|
|
12365
12435
|
}))));
|
|
12366
12436
|
};
|
|
12367
12437
|
|
|
12368
|
-
var css_248z$
|
|
12369
|
-
var styles$
|
|
12370
|
-
styleInject(css_248z$
|
|
12438
|
+
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}";
|
|
12439
|
+
var styles$n = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12440
|
+
styleInject(css_248z$n);
|
|
12371
12441
|
|
|
12372
12442
|
const ChatInput = ({
|
|
12373
12443
|
className,
|
|
@@ -12377,7 +12447,7 @@ const ChatInput = ({
|
|
|
12377
12447
|
placeholder
|
|
12378
12448
|
}) => {
|
|
12379
12449
|
return /*#__PURE__*/React.createElement("div", {
|
|
12380
|
-
className: `${styles$
|
|
12450
|
+
className: `${styles$n.chat_input_container} ${className ?? ''}`
|
|
12381
12451
|
}, /*#__PURE__*/React.createElement("input", {
|
|
12382
12452
|
placeholder: placeholder,
|
|
12383
12453
|
value: value ? value : '',
|
|
@@ -12406,9 +12476,9 @@ const ChatInput = ({
|
|
|
12406
12476
|
}));
|
|
12407
12477
|
};
|
|
12408
12478
|
|
|
12409
|
-
var css_248z$
|
|
12410
|
-
var styles$
|
|
12411
|
-
styleInject(css_248z$
|
|
12479
|
+
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}";
|
|
12480
|
+
var styles$o = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12481
|
+
styleInject(css_248z$o);
|
|
12412
12482
|
|
|
12413
12483
|
const CircledIconButton = ({
|
|
12414
12484
|
icon,
|
|
@@ -12418,17 +12488,17 @@ const CircledIconButton = ({
|
|
|
12418
12488
|
...props
|
|
12419
12489
|
}) => {
|
|
12420
12490
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12421
|
-
className: `${styles$
|
|
12491
|
+
className: `${styles$o.circle_icon_button} ${className ?? ''} ${isActive ? styles$o.active : ''}`
|
|
12422
12492
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12423
|
-
className: styles$
|
|
12493
|
+
className: styles$o.notif_icon,
|
|
12424
12494
|
stroke: colors.black,
|
|
12425
12495
|
fill: colors.red_500
|
|
12426
12496
|
}));
|
|
12427
12497
|
};
|
|
12428
12498
|
|
|
12429
|
-
var css_248z$
|
|
12430
|
-
var styles$
|
|
12431
|
-
styleInject(css_248z$
|
|
12499
|
+
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}";
|
|
12500
|
+
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"};
|
|
12501
|
+
styleInject(css_248z$p);
|
|
12432
12502
|
|
|
12433
12503
|
const ControlsBar = ({
|
|
12434
12504
|
className,
|
|
@@ -12470,7 +12540,7 @@ const ControlsBar = ({
|
|
|
12470
12540
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = useState(false);
|
|
12471
12541
|
const [anchorEl, setAnchorEl] = useState(null);
|
|
12472
12542
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12473
|
-
className: `${styles$
|
|
12543
|
+
className: `${styles$p.control_bar} ${className ?? ''}`
|
|
12474
12544
|
}, props), enableMicrophone && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12475
12545
|
icon: isMicrophoneActive ? /*#__PURE__*/React.createElement(MicrophoneIcon, null) : /*#__PURE__*/React.createElement(NoMicrophoneIcon, null),
|
|
12476
12546
|
onClick: () => {
|
|
@@ -12486,11 +12556,11 @@ const ControlsBar = ({
|
|
|
12486
12556
|
}
|
|
12487
12557
|
}
|
|
12488
12558
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12489
|
-
className: styles$
|
|
12559
|
+
className: styles$p.separator
|
|
12490
12560
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React.createElement("button", {
|
|
12491
12561
|
ref: setAnchorEl,
|
|
12492
12562
|
disabled: disabledRecording,
|
|
12493
|
-
className: styles$
|
|
12563
|
+
className: styles$p.record_btn,
|
|
12494
12564
|
onClick: () => {
|
|
12495
12565
|
if (!isRecording && startRecording) startRecording();
|
|
12496
12566
|
if (isRecording) {
|
|
@@ -12517,7 +12587,7 @@ const ControlsBar = ({
|
|
|
12517
12587
|
icon: /*#__PURE__*/React.createElement(TvFlatScreenIcon, null),
|
|
12518
12588
|
onClick: () => enableScreenSharing()
|
|
12519
12589
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12520
|
-
className: styles$
|
|
12590
|
+
className: styles$p.separator
|
|
12521
12591
|
}), isInterviewer ? /*#__PURE__*/React.createElement(InterviewButton, {
|
|
12522
12592
|
text: protocolText,
|
|
12523
12593
|
variant: "protocol",
|
|
@@ -12542,7 +12612,7 @@ const ControlsBar = ({
|
|
|
12542
12612
|
isNotif: isNewTask
|
|
12543
12613
|
}), isModerated && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12544
12614
|
icon: /*#__PURE__*/React.createElement(ChatBubbleIcon, null),
|
|
12545
|
-
className: styles$
|
|
12615
|
+
className: styles$p.chatBubbleIcon,
|
|
12546
12616
|
onClick: () => {
|
|
12547
12617
|
if (displayChat) displayChat();
|
|
12548
12618
|
},
|
|
@@ -12564,17 +12634,17 @@ const ControlsBar = ({
|
|
|
12564
12634
|
transform: 'translate(0px, -28px)'
|
|
12565
12635
|
}
|
|
12566
12636
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12567
|
-
className: styles$
|
|
12637
|
+
className: styles$p.stop_rec_popover
|
|
12568
12638
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12569
12639
|
text: stopRecPopoverTitle ?? '',
|
|
12570
|
-
className: styles$
|
|
12640
|
+
className: styles$p.stop_rec_popover_title,
|
|
12571
12641
|
size: "sm"
|
|
12572
12642
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
12573
12643
|
text: stopRecPopoverDescription ?? '',
|
|
12574
|
-
className: styles$
|
|
12644
|
+
className: styles$p.stop_rec_popover_description,
|
|
12575
12645
|
size: "sm"
|
|
12576
12646
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12577
|
-
className: styles$
|
|
12647
|
+
className: styles$p.stop_rec_popover_actions
|
|
12578
12648
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
12579
12649
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12580
12650
|
variant: "tertiary",
|
|
@@ -12594,9 +12664,9 @@ const ControlsBar = ({
|
|
|
12594
12664
|
})))));
|
|
12595
12665
|
};
|
|
12596
12666
|
|
|
12597
|
-
var css_248z$
|
|
12598
|
-
var styles$
|
|
12599
|
-
styleInject(css_248z$
|
|
12667
|
+
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}";
|
|
12668
|
+
var styles$q = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12669
|
+
styleInject(css_248z$q);
|
|
12600
12670
|
|
|
12601
12671
|
const EndRecording = ({
|
|
12602
12672
|
stopRecTitle,
|
|
@@ -12607,7 +12677,7 @@ const EndRecording = ({
|
|
|
12607
12677
|
stopRecording
|
|
12608
12678
|
}) => {
|
|
12609
12679
|
return /*#__PURE__*/React.createElement("div", {
|
|
12610
|
-
className: styles$
|
|
12680
|
+
className: styles$q.stop_rec_container
|
|
12611
12681
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12612
12682
|
text: stopRecTitle ?? '',
|
|
12613
12683
|
weight: "bold"
|
|
@@ -12630,9 +12700,9 @@ const EndRecording = ({
|
|
|
12630
12700
|
}));
|
|
12631
12701
|
};
|
|
12632
12702
|
|
|
12633
|
-
var css_248z$
|
|
12634
|
-
var styles$
|
|
12635
|
-
styleInject(css_248z$
|
|
12703
|
+
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}";
|
|
12704
|
+
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"};
|
|
12705
|
+
styleInject(css_248z$r);
|
|
12636
12706
|
|
|
12637
12707
|
const InterviewButton = ({
|
|
12638
12708
|
icon,
|
|
@@ -12645,25 +12715,25 @@ const InterviewButton = ({
|
|
|
12645
12715
|
...props
|
|
12646
12716
|
}) => {
|
|
12647
12717
|
const defineVariantStyle = () => {
|
|
12648
|
-
if (variant === 'protocol') return styles$
|
|
12718
|
+
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
12719
|
};
|
|
12650
12720
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12651
|
-
className: `${styles$
|
|
12652
|
-
${disabled ? styles$
|
|
12721
|
+
className: `${styles$r.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$r.active : ''}
|
|
12722
|
+
${disabled ? styles$r.disabled : ''}`
|
|
12653
12723
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
12654
12724
|
text: text,
|
|
12655
12725
|
size: "base",
|
|
12656
12726
|
weight: "semi-bold"
|
|
12657
12727
|
}), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12658
|
-
className: styles$
|
|
12728
|
+
className: styles$r.notif_icon,
|
|
12659
12729
|
stroke: colors.black,
|
|
12660
12730
|
fill: colors.red_500
|
|
12661
12731
|
}));
|
|
12662
12732
|
};
|
|
12663
12733
|
|
|
12664
|
-
var css_248z$
|
|
12665
|
-
var styles$
|
|
12666
|
-
styleInject(css_248z$
|
|
12734
|
+
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}";
|
|
12735
|
+
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"};
|
|
12736
|
+
styleInject(css_248z$s);
|
|
12667
12737
|
|
|
12668
12738
|
const MarkUpBar = ({
|
|
12669
12739
|
className,
|
|
@@ -12672,35 +12742,35 @@ const MarkUpBar = ({
|
|
|
12672
12742
|
...props
|
|
12673
12743
|
}) => {
|
|
12674
12744
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12675
|
-
className: `${styles$
|
|
12745
|
+
className: `${styles$s.markup_bar} ${className ?? ''}`
|
|
12676
12746
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12677
|
-
className: styles$
|
|
12747
|
+
className: styles$s.smiley_list
|
|
12678
12748
|
}, /*#__PURE__*/React.createElement("button", {
|
|
12679
|
-
className: `${styles$
|
|
12749
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12680
12750
|
disabled: disabled,
|
|
12681
12751
|
onClick: () => {
|
|
12682
12752
|
if (!disabled) onClick('Q');
|
|
12683
12753
|
}
|
|
12684
12754
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React.createElement("button", {
|
|
12685
|
-
className: `${styles$
|
|
12755
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12686
12756
|
disabled: disabled,
|
|
12687
12757
|
onClick: () => {
|
|
12688
12758
|
if (!disabled) onClick('W');
|
|
12689
12759
|
}
|
|
12690
12760
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React.createElement("button", {
|
|
12691
|
-
className: `${styles$
|
|
12761
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12692
12762
|
disabled: disabled,
|
|
12693
12763
|
onClick: () => {
|
|
12694
12764
|
if (!disabled) onClick('E');
|
|
12695
12765
|
}
|
|
12696
12766
|
}, "\uD83D\uDE21"), /*#__PURE__*/React.createElement("button", {
|
|
12697
|
-
className: `${styles$
|
|
12767
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12698
12768
|
disabled: disabled,
|
|
12699
12769
|
onClick: () => {
|
|
12700
12770
|
if (!disabled) onClick('R');
|
|
12701
12771
|
}
|
|
12702
12772
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React.createElement("button", {
|
|
12703
|
-
className: `${styles$
|
|
12773
|
+
className: `${styles$s.smiley_btn} ${disabled && styles$s.disabled}`,
|
|
12704
12774
|
disabled: disabled,
|
|
12705
12775
|
onClick: () => {
|
|
12706
12776
|
if (!disabled) onClick('T');
|
|
@@ -12708,9 +12778,9 @@ const MarkUpBar = ({
|
|
|
12708
12778
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12709
12779
|
};
|
|
12710
12780
|
|
|
12711
|
-
var css_248z$
|
|
12712
|
-
var styles$
|
|
12713
|
-
styleInject(css_248z$
|
|
12781
|
+
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%}";
|
|
12782
|
+
var styles$t = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12783
|
+
styleInject(css_248z$t);
|
|
12714
12784
|
|
|
12715
12785
|
const Scenario = ({
|
|
12716
12786
|
title,
|
|
@@ -12724,18 +12794,18 @@ const Scenario = ({
|
|
|
12724
12794
|
...props
|
|
12725
12795
|
}) => {
|
|
12726
12796
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12727
|
-
className: styles$
|
|
12797
|
+
className: styles$t.start_interview_container
|
|
12728
12798
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
12729
12799
|
text: title,
|
|
12730
12800
|
size: "xs"
|
|
12731
12801
|
}), scenarioName && /*#__PURE__*/React.createElement(Text, {
|
|
12732
12802
|
text: scenarioName,
|
|
12733
12803
|
weight: "bold",
|
|
12734
|
-
className: styles$
|
|
12804
|
+
className: styles$t.name
|
|
12735
12805
|
}), description && /*#__PURE__*/React.createElement(Text, {
|
|
12736
12806
|
text: description,
|
|
12737
12807
|
size: "sm",
|
|
12738
|
-
className: styles$
|
|
12808
|
+
className: styles$t.description
|
|
12739
12809
|
}), buttonIcon && buttonText && /*#__PURE__*/React.createElement(Button, {
|
|
12740
12810
|
text: buttonText,
|
|
12741
12811
|
iconRight: buttonIcon ?? /*#__PURE__*/React.createElement(SendIcon, null),
|
|
@@ -12744,16 +12814,16 @@ const Scenario = ({
|
|
|
12744
12814
|
}));
|
|
12745
12815
|
};
|
|
12746
12816
|
|
|
12747
|
-
var css_248z$
|
|
12748
|
-
var styles$
|
|
12749
|
-
styleInject(css_248z$
|
|
12817
|
+
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}";
|
|
12818
|
+
var styles$u = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12819
|
+
styleInject(css_248z$u);
|
|
12750
12820
|
|
|
12751
12821
|
const SusExplanation = ({
|
|
12752
12822
|
title,
|
|
12753
12823
|
description
|
|
12754
12824
|
}) => {
|
|
12755
12825
|
return /*#__PURE__*/React.createElement("div", {
|
|
12756
|
-
className: styles$
|
|
12826
|
+
className: styles$u.sus_explanation
|
|
12757
12827
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12758
12828
|
text: title ?? '',
|
|
12759
12829
|
weight: "bold"
|
|
@@ -12763,9 +12833,9 @@ const SusExplanation = ({
|
|
|
12763
12833
|
}));
|
|
12764
12834
|
};
|
|
12765
12835
|
|
|
12766
|
-
var css_248z$
|
|
12767
|
-
var styles$
|
|
12768
|
-
styleInject(css_248z$
|
|
12836
|
+
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}";
|
|
12837
|
+
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"};
|
|
12838
|
+
styleInject(css_248z$v);
|
|
12769
12839
|
|
|
12770
12840
|
const Task = ({
|
|
12771
12841
|
taskNumber,
|
|
@@ -12800,35 +12870,35 @@ const Task = ({
|
|
|
12800
12870
|
setOpen(true);
|
|
12801
12871
|
};
|
|
12802
12872
|
const getContainerStyle = () => {
|
|
12803
|
-
if (state === 'active') return styles$
|
|
12873
|
+
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
12874
|
};
|
|
12805
12875
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12806
12876
|
if (state === 'active') return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12807
12877
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12808
12878
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12809
|
-
className: styles$
|
|
12879
|
+
className: styles$v.header
|
|
12810
12880
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12811
|
-
className: isInterviewer ? styles$
|
|
12881
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12812
12882
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12813
12883
|
text: taskNumber,
|
|
12814
12884
|
color: '#26292E',
|
|
12815
12885
|
size: "xs"
|
|
12816
12886
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12817
|
-
className: styles$
|
|
12887
|
+
className: styles$v.header_right
|
|
12818
12888
|
}, /*#__PURE__*/React.createElement(CheckedIcon, null))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
12819
|
-
className: styles$
|
|
12889
|
+
className: styles$v.taskContent
|
|
12820
12890
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12821
12891
|
text: taskTitle,
|
|
12822
12892
|
size: "sm",
|
|
12823
12893
|
weight: "bold"
|
|
12824
12894
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12825
|
-
className: styles$
|
|
12895
|
+
className: styles$v.urlButton,
|
|
12826
12896
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12827
12897
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12828
12898
|
fill: "#fafafa",
|
|
12829
12899
|
stroke: "#fafafa"
|
|
12830
12900
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12831
|
-
className: styles$
|
|
12901
|
+
className: styles$v.notesContainer
|
|
12832
12902
|
}, noteText && /*#__PURE__*/React.createElement(Text, {
|
|
12833
12903
|
text: noteText,
|
|
12834
12904
|
size: "xs",
|
|
@@ -12837,13 +12907,13 @@ const Task = ({
|
|
|
12837
12907
|
text: notes,
|
|
12838
12908
|
size: "sm"
|
|
12839
12909
|
}))), areActionsDisplay && /*#__PURE__*/React.createElement("div", {
|
|
12840
|
-
className: styles$
|
|
12910
|
+
className: styles$v.taskContent
|
|
12841
12911
|
}, actionText && /*#__PURE__*/React.createElement(Text, {
|
|
12842
12912
|
text: actionText,
|
|
12843
12913
|
size: "xs",
|
|
12844
12914
|
italic: true
|
|
12845
12915
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12846
|
-
className: styles$
|
|
12916
|
+
className: styles$v.actionBtnsContainer
|
|
12847
12917
|
}, action1 && iconAction1 && /*#__PURE__*/React.createElement(IconButton, {
|
|
12848
12918
|
onClick: action1,
|
|
12849
12919
|
icon: iconAction1
|
|
@@ -12866,7 +12936,7 @@ const Task = ({
|
|
|
12866
12936
|
arrow: true,
|
|
12867
12937
|
placement: "left",
|
|
12868
12938
|
title: /*#__PURE__*/React.createElement("div", {
|
|
12869
|
-
className: styles$
|
|
12939
|
+
className: styles$v.taskPopover
|
|
12870
12940
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12871
12941
|
text: taskNumber,
|
|
12872
12942
|
color: '#64666A',
|
|
@@ -12875,15 +12945,15 @@ const Task = ({
|
|
|
12875
12945
|
text: taskTitle,
|
|
12876
12946
|
size: "sm",
|
|
12877
12947
|
weight: "bold",
|
|
12878
|
-
className: styles$
|
|
12948
|
+
className: styles$v.title
|
|
12879
12949
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12880
|
-
className: styles$
|
|
12950
|
+
className: styles$v.urlButton,
|
|
12881
12951
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12882
12952
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12883
12953
|
fill: "#fafafa",
|
|
12884
12954
|
stroke: "#fafafa"
|
|
12885
12955
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12886
|
-
className: styles$
|
|
12956
|
+
className: styles$v.notesContainer
|
|
12887
12957
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12888
12958
|
text: "Notes",
|
|
12889
12959
|
size: "xs",
|
|
@@ -12917,9 +12987,9 @@ const Task = ({
|
|
|
12917
12987
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12918
12988
|
ref: taskRef
|
|
12919
12989
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12920
|
-
className: styles$
|
|
12990
|
+
className: styles$v.header
|
|
12921
12991
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12922
|
-
className: isInterviewer ? styles$
|
|
12992
|
+
className: isInterviewer ? styles$v.header_left_interviewer : styles$v.header_left_interviewee
|
|
12923
12993
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12924
12994
|
text: taskNumber,
|
|
12925
12995
|
color: '#64666A',
|
|
@@ -12928,9 +12998,9 @@ const Task = ({
|
|
|
12928
12998
|
text: taskTitle,
|
|
12929
12999
|
size: "sm",
|
|
12930
13000
|
weight: "bold",
|
|
12931
|
-
className: styles$
|
|
13001
|
+
className: styles$v.title
|
|
12932
13002
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12933
|
-
className: `${styles$
|
|
13003
|
+
className: `${styles$v.header_right} ${state === 'idle' && styles$v.clickable}`,
|
|
12934
13004
|
onClick: () => {
|
|
12935
13005
|
if (state === 'idle') {
|
|
12936
13006
|
sendTask(task);
|
|
@@ -12942,9 +13012,9 @@ const Task = ({
|
|
|
12942
13012
|
}, isDone ? /*#__PURE__*/React.createElement(CheckedIcon, null) : /*#__PURE__*/React.createElement(SendIcon, null))))));
|
|
12943
13013
|
};
|
|
12944
13014
|
|
|
12945
|
-
var css_248z$
|
|
12946
|
-
var styles$
|
|
12947
|
-
styleInject(css_248z$
|
|
13015
|
+
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}";
|
|
13016
|
+
var styles$w = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
13017
|
+
styleInject(css_248z$w);
|
|
12948
13018
|
|
|
12949
13019
|
const WelcomeMessage = ({
|
|
12950
13020
|
title,
|
|
@@ -12953,23 +13023,23 @@ const WelcomeMessage = ({
|
|
|
12953
13023
|
...props
|
|
12954
13024
|
}) => {
|
|
12955
13025
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12956
|
-
className: styles$
|
|
13026
|
+
className: styles$w.welcome_container
|
|
12957
13027
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
12958
13028
|
text: title,
|
|
12959
13029
|
weight: "bold",
|
|
12960
13030
|
size: "base",
|
|
12961
|
-
className: styles$
|
|
13031
|
+
className: styles$w.welcome_title
|
|
12962
13032
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12963
13033
|
dangerouslySetInnerHTML: {
|
|
12964
13034
|
__html: description
|
|
12965
13035
|
},
|
|
12966
|
-
className: styles$
|
|
13036
|
+
className: styles$w.welcome_description
|
|
12967
13037
|
}));
|
|
12968
13038
|
};
|
|
12969
13039
|
|
|
12970
|
-
var css_248z$
|
|
12971
|
-
var styles$
|
|
12972
|
-
styleInject(css_248z$
|
|
13040
|
+
var css_248z$x = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
13041
|
+
var styles$x = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
13042
|
+
styleInject(css_248z$x);
|
|
12973
13043
|
|
|
12974
13044
|
const partnersSVGs = {
|
|
12975
13045
|
'1': Partner1,
|
|
@@ -12988,7 +13058,7 @@ const LogoSlider = ({
|
|
|
12988
13058
|
}) => {
|
|
12989
13059
|
const partners = Object.keys(partnersSVGs);
|
|
12990
13060
|
return /*#__PURE__*/React.createElement("div", {
|
|
12991
|
-
className: styles$
|
|
13061
|
+
className: styles$x.logoSlider
|
|
12992
13062
|
}, /*#__PURE__*/React.createElement(Marquee, {
|
|
12993
13063
|
speed: 50
|
|
12994
13064
|
}, partners.map((partner, index) => {
|
|
@@ -13003,9 +13073,9 @@ const LogoSlider = ({
|
|
|
13003
13073
|
})));
|
|
13004
13074
|
};
|
|
13005
13075
|
|
|
13006
|
-
var css_248z$
|
|
13007
|
-
var styles$
|
|
13008
|
-
styleInject(css_248z$
|
|
13076
|
+
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%}";
|
|
13077
|
+
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"};
|
|
13078
|
+
styleInject(css_248z$y);
|
|
13009
13079
|
|
|
13010
13080
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
13011
13081
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -13044,20 +13114,20 @@ const Modal = ({
|
|
|
13044
13114
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
13045
13115
|
"aria-labelledby": "transition-modal-title",
|
|
13046
13116
|
"aria-describedby": "transition-modal-description",
|
|
13047
|
-
className: `${styles$
|
|
13117
|
+
className: `${styles$y.modal_overlay} ${className ?? ''}`,
|
|
13048
13118
|
open: open,
|
|
13049
13119
|
onClose: onClose,
|
|
13050
13120
|
closeAfterTransition: true
|
|
13051
13121
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
13052
13122
|
in: open
|
|
13053
13123
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13054
|
-
className: styles$
|
|
13124
|
+
className: styles$y.modal_content,
|
|
13055
13125
|
style: {
|
|
13056
13126
|
width: width ?? '21rem',
|
|
13057
13127
|
height: height ?? 'fit-content'
|
|
13058
13128
|
}
|
|
13059
13129
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13060
|
-
className: `${styles$
|
|
13130
|
+
className: `${styles$y.modal_header}`
|
|
13061
13131
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
13062
13132
|
text: title,
|
|
13063
13133
|
weight: "bold",
|
|
@@ -13069,7 +13139,7 @@ const Modal = ({
|
|
|
13069
13139
|
}),
|
|
13070
13140
|
onClick: () => onClose()
|
|
13071
13141
|
})), children, /*#__PURE__*/React.createElement("div", {
|
|
13072
|
-
className: styles$
|
|
13142
|
+
className: styles$y.modal_buttons_container
|
|
13073
13143
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
13074
13144
|
text: cancelText,
|
|
13075
13145
|
variant: cancelBtnVariant,
|
|
@@ -13083,19 +13153,19 @@ const Modal = ({
|
|
|
13083
13153
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
13084
13154
|
"aria-labelledby": "transition-modal-title",
|
|
13085
13155
|
"aria-describedby": "transition-modal-description",
|
|
13086
|
-
className: `${styles$
|
|
13156
|
+
className: `${styles$y.modal} ${className}`,
|
|
13087
13157
|
open: open,
|
|
13088
13158
|
onClose: onClose,
|
|
13089
13159
|
closeAfterTransition: true
|
|
13090
13160
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
13091
13161
|
in: open
|
|
13092
13162
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13093
|
-
className: styles$
|
|
13163
|
+
className: styles$y.modal_content,
|
|
13094
13164
|
style: {
|
|
13095
13165
|
width: width ?? '65rem'
|
|
13096
13166
|
}
|
|
13097
13167
|
}, /*#__PURE__*/React.createElement("div", {
|
|
13098
|
-
className: `${styles$
|
|
13168
|
+
className: `${styles$y.modal_header}`
|
|
13099
13169
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
13100
13170
|
text: title,
|
|
13101
13171
|
weight: "semi-bold",
|
|
@@ -13107,7 +13177,7 @@ const Modal = ({
|
|
|
13107
13177
|
}),
|
|
13108
13178
|
onClick: () => onClose()
|
|
13109
13179
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React.createElement("div", {
|
|
13110
|
-
className: styles$
|
|
13180
|
+
className: styles$y.modal_buttons_container
|
|
13111
13181
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
13112
13182
|
text: cancelText,
|
|
13113
13183
|
variant: cancelBtnVariant,
|
|
@@ -13120,9 +13190,9 @@ const Modal = ({
|
|
|
13120
13190
|
}
|
|
13121
13191
|
};
|
|
13122
13192
|
|
|
13123
|
-
var css_248z$
|
|
13124
|
-
var styles$
|
|
13125
|
-
styleInject(css_248z$
|
|
13193
|
+
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}";
|
|
13194
|
+
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"};
|
|
13195
|
+
styleInject(css_248z$z);
|
|
13126
13196
|
|
|
13127
13197
|
const filter = /*#__PURE__*/createFilterOptions();
|
|
13128
13198
|
const CssTextField$1 = /*#__PURE__*/styled(TextField$1)({
|
|
@@ -13260,7 +13330,7 @@ const MultiSelect = ({
|
|
|
13260
13330
|
text: `${topLabel ? topLabel : ''}`,
|
|
13261
13331
|
weight: topLabelWeight || 'bold',
|
|
13262
13332
|
size: topLabelSize || 'base',
|
|
13263
|
-
className: styles$
|
|
13333
|
+
className: styles$z.input_top_label,
|
|
13264
13334
|
required: required
|
|
13265
13335
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
13266
13336
|
id: "tags-standard",
|
|
@@ -13304,7 +13374,7 @@ const MultiSelect = ({
|
|
|
13304
13374
|
})),
|
|
13305
13375
|
renderTags: value => {
|
|
13306
13376
|
return /*#__PURE__*/React.createElement("div", {
|
|
13307
|
-
className: `${styles$
|
|
13377
|
+
className: `${styles$z.tags_container} ${styles$z.no_scrollbar}`
|
|
13308
13378
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Badge, {
|
|
13309
13379
|
text: option.label,
|
|
13310
13380
|
status: "idle",
|
|
@@ -13338,13 +13408,13 @@ const MultiSelect = ({
|
|
|
13338
13408
|
},
|
|
13339
13409
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13340
13410
|
fill: "black",
|
|
13341
|
-
className: `${styles$
|
|
13411
|
+
className: `${styles$z.icon}`
|
|
13342
13412
|
}),
|
|
13343
13413
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13344
13414
|
fill: "black",
|
|
13345
|
-
className: `${styles$
|
|
13415
|
+
className: `${styles$z.icon}`
|
|
13346
13416
|
}),
|
|
13347
|
-
className: `${styles$
|
|
13417
|
+
className: `${styles$z.newAutocomplete}`,
|
|
13348
13418
|
filterOptions: (options, params) => {
|
|
13349
13419
|
const filtered = filter(options, params);
|
|
13350
13420
|
const {
|
|
@@ -13365,18 +13435,18 @@ const MultiSelect = ({
|
|
|
13365
13435
|
color: "#F54C4C",
|
|
13366
13436
|
italic: true,
|
|
13367
13437
|
text: errorText,
|
|
13368
|
-
className: styles$
|
|
13438
|
+
className: styles$z.text_below
|
|
13369
13439
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13370
13440
|
size: "xs",
|
|
13371
13441
|
italic: true,
|
|
13372
13442
|
text: helperText,
|
|
13373
|
-
className: styles$
|
|
13443
|
+
className: styles$z.text_below
|
|
13374
13444
|
}));
|
|
13375
13445
|
};
|
|
13376
13446
|
|
|
13377
|
-
var css_248z$
|
|
13378
|
-
var styles$
|
|
13379
|
-
styleInject(css_248z$
|
|
13447
|
+
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}";
|
|
13448
|
+
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"};
|
|
13449
|
+
styleInject(css_248z$A);
|
|
13380
13450
|
|
|
13381
13451
|
const filter$1 = /*#__PURE__*/createFilterOptions();
|
|
13382
13452
|
const GroupHeader = /*#__PURE__*/styled('div')(() => ({
|
|
@@ -13527,7 +13597,7 @@ const MultiSelectWithCategories = ({
|
|
|
13527
13597
|
text: `${topLabel ? topLabel : ''}`,
|
|
13528
13598
|
weight: topLabelWeight || 'bold',
|
|
13529
13599
|
size: topLabelSize || 'base',
|
|
13530
|
-
className: styles$
|
|
13600
|
+
className: styles$A.input_top_label,
|
|
13531
13601
|
required: required
|
|
13532
13602
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
13533
13603
|
id: "tags-standard",
|
|
@@ -13575,7 +13645,7 @@ const MultiSelectWithCategories = ({
|
|
|
13575
13645
|
})),
|
|
13576
13646
|
renderTags: value => {
|
|
13577
13647
|
return /*#__PURE__*/React.createElement("div", {
|
|
13578
|
-
className: `${styles$
|
|
13648
|
+
className: `${styles$A.tags_container} ${styles$A.no_scrollbar}`
|
|
13579
13649
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Badge, {
|
|
13580
13650
|
text: option.label,
|
|
13581
13651
|
status: "idle",
|
|
@@ -13609,13 +13679,13 @@ const MultiSelectWithCategories = ({
|
|
|
13609
13679
|
},
|
|
13610
13680
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13611
13681
|
fill: "black",
|
|
13612
|
-
className: `${styles$
|
|
13682
|
+
className: `${styles$A.icon}`
|
|
13613
13683
|
}),
|
|
13614
13684
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13615
13685
|
fill: "black",
|
|
13616
|
-
className: `${styles$
|
|
13686
|
+
className: `${styles$A.icon}`
|
|
13617
13687
|
}),
|
|
13618
|
-
className: `${styles$
|
|
13688
|
+
className: `${styles$A.newAutocomplete}`,
|
|
13619
13689
|
filterOptions: (options, params) => {
|
|
13620
13690
|
const filtered = filter$1(options, params);
|
|
13621
13691
|
const {
|
|
@@ -13636,18 +13706,18 @@ const MultiSelectWithCategories = ({
|
|
|
13636
13706
|
color: "#F54C4C",
|
|
13637
13707
|
italic: true,
|
|
13638
13708
|
text: errorText,
|
|
13639
|
-
className: styles$
|
|
13709
|
+
className: styles$A.text_below
|
|
13640
13710
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13641
13711
|
size: "xs",
|
|
13642
13712
|
italic: true,
|
|
13643
13713
|
text: helperText,
|
|
13644
|
-
className: styles$
|
|
13714
|
+
className: styles$A.text_below
|
|
13645
13715
|
}));
|
|
13646
13716
|
};
|
|
13647
13717
|
|
|
13648
|
-
var css_248z$
|
|
13649
|
-
var styles$
|
|
13650
|
-
styleInject(css_248z$
|
|
13718
|
+
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)}";
|
|
13719
|
+
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"};
|
|
13720
|
+
styleInject(css_248z$B);
|
|
13651
13721
|
|
|
13652
13722
|
/**
|
|
13653
13723
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13702,41 +13772,41 @@ const Banner = ({
|
|
|
13702
13772
|
};
|
|
13703
13773
|
const getBannerColor = () => {
|
|
13704
13774
|
if (type === 'error') {
|
|
13705
|
-
return styles$
|
|
13775
|
+
return styles$B.notification_banner_error;
|
|
13706
13776
|
} else if (type === 'warning') {
|
|
13707
|
-
return styles$
|
|
13777
|
+
return styles$B.notification_banner_warning;
|
|
13708
13778
|
} else if (type === 'success') {
|
|
13709
|
-
return styles$
|
|
13779
|
+
return styles$B.notification_banner_success;
|
|
13710
13780
|
} else {
|
|
13711
|
-
return styles$
|
|
13781
|
+
return styles$B.notification_banner_info;
|
|
13712
13782
|
}
|
|
13713
13783
|
};
|
|
13714
13784
|
const getIconButtonColor = () => {
|
|
13715
13785
|
if (type === 'error') {
|
|
13716
|
-
return styles$
|
|
13786
|
+
return styles$B.icon_button_error;
|
|
13717
13787
|
} else if (type === 'warning') {
|
|
13718
|
-
return styles$
|
|
13788
|
+
return styles$B.icon_button_warning;
|
|
13719
13789
|
} else if (type === 'success') {
|
|
13720
|
-
return styles$
|
|
13790
|
+
return styles$B.icon_button_success;
|
|
13721
13791
|
} else {
|
|
13722
|
-
return styles$
|
|
13792
|
+
return styles$B.icon_button_info;
|
|
13723
13793
|
}
|
|
13724
13794
|
};
|
|
13725
13795
|
const getContentColor = () => {
|
|
13726
13796
|
if (type === 'error') {
|
|
13727
|
-
return styles$
|
|
13797
|
+
return styles$B.banner_content_error;
|
|
13728
13798
|
} else if (type === 'warning') {
|
|
13729
|
-
return styles$
|
|
13799
|
+
return styles$B.banner_content_warning;
|
|
13730
13800
|
} else if (type === 'success') {
|
|
13731
|
-
return styles$
|
|
13801
|
+
return styles$B.banner_content_success;
|
|
13732
13802
|
} else {
|
|
13733
|
-
return styles$
|
|
13803
|
+
return styles$B.banner_content_info;
|
|
13734
13804
|
}
|
|
13735
13805
|
};
|
|
13736
13806
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13737
|
-
className: `${styles$
|
|
13807
|
+
className: `${styles$B.notification_banner} ${getBannerColor()} ${className}`
|
|
13738
13808
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13739
|
-
className: styles$
|
|
13809
|
+
className: styles$B.notification_banner_header
|
|
13740
13810
|
}, getBannerIcon(), title && /*#__PURE__*/React.createElement(Title, {
|
|
13741
13811
|
text: title,
|
|
13742
13812
|
weight: "semi-bold",
|
|
@@ -13749,7 +13819,7 @@ const Banner = ({
|
|
|
13749
13819
|
},
|
|
13750
13820
|
size: "xs",
|
|
13751
13821
|
variant: "tertiary",
|
|
13752
|
-
className: `${styles$
|
|
13822
|
+
className: `${styles$B.icon_btn_custom} ${getIconButtonColor()}`
|
|
13753
13823
|
})), content && /*#__PURE__*/React.createElement("div", {
|
|
13754
13824
|
dangerouslySetInnerHTML: {
|
|
13755
13825
|
__html: content
|
|
@@ -13779,9 +13849,9 @@ const NotificationIcon = ({
|
|
|
13779
13849
|
});
|
|
13780
13850
|
};
|
|
13781
13851
|
|
|
13782
|
-
var css_248z$
|
|
13783
|
-
var styles$
|
|
13784
|
-
styleInject(css_248z$
|
|
13852
|
+
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}";
|
|
13853
|
+
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"};
|
|
13854
|
+
styleInject(css_248z$C);
|
|
13785
13855
|
|
|
13786
13856
|
/**
|
|
13787
13857
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13808,30 +13878,30 @@ const Toast = ({
|
|
|
13808
13878
|
};
|
|
13809
13879
|
const getCloseBtnStyleByType = () => {
|
|
13810
13880
|
if (type === 'error') {
|
|
13811
|
-
return styles$
|
|
13881
|
+
return styles$C.close_toast_btn_error;
|
|
13812
13882
|
} else if (type === 'warning') {
|
|
13813
|
-
return styles$
|
|
13883
|
+
return styles$C.close_toast_btn_warning;
|
|
13814
13884
|
} else if (type === 'success') {
|
|
13815
|
-
return styles$
|
|
13885
|
+
return styles$C.close_toast_btn_success;
|
|
13816
13886
|
} else {
|
|
13817
|
-
return styles$
|
|
13887
|
+
return styles$C.close_toast_btn_info;
|
|
13818
13888
|
}
|
|
13819
13889
|
};
|
|
13820
13890
|
const getToastStyleByType = () => {
|
|
13821
13891
|
if (type === 'error') {
|
|
13822
|
-
return styles$
|
|
13892
|
+
return styles$C.notification_toast_error;
|
|
13823
13893
|
} else if (type === 'warning') {
|
|
13824
|
-
return styles$
|
|
13894
|
+
return styles$C.notification_toast_warning;
|
|
13825
13895
|
} else if (type === 'success') {
|
|
13826
|
-
return styles$
|
|
13896
|
+
return styles$C.notification_toast_success;
|
|
13827
13897
|
} else {
|
|
13828
|
-
return styles$
|
|
13898
|
+
return styles$C.notification_toast_info;
|
|
13829
13899
|
}
|
|
13830
13900
|
};
|
|
13831
13901
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13832
|
-
className: `${styles$
|
|
13902
|
+
className: `${styles$C.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13833
13903
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13834
|
-
className: styles$
|
|
13904
|
+
className: styles$C.notification_toast_content
|
|
13835
13905
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
13836
13906
|
text: content,
|
|
13837
13907
|
weight: "regular",
|
|
@@ -13840,17 +13910,17 @@ const Toast = ({
|
|
|
13840
13910
|
}), link && textLink && /*#__PURE__*/React.createElement(Link, {
|
|
13841
13911
|
text: textLink,
|
|
13842
13912
|
link: link,
|
|
13843
|
-
className: styles$
|
|
13913
|
+
className: styles$C.toast_link
|
|
13844
13914
|
})), /*#__PURE__*/React.createElement("button", {
|
|
13845
|
-
className: `${styles$
|
|
13915
|
+
className: `${styles$C.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13846
13916
|
onClick: () => {
|
|
13847
13917
|
}
|
|
13848
13918
|
}, /*#__PURE__*/React.createElement(AddIcon, null)));
|
|
13849
13919
|
};
|
|
13850
13920
|
|
|
13851
|
-
var css_248z$
|
|
13852
|
-
var styles$
|
|
13853
|
-
styleInject(css_248z$
|
|
13921
|
+
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}";
|
|
13922
|
+
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"};
|
|
13923
|
+
styleInject(css_248z$D);
|
|
13854
13924
|
|
|
13855
13925
|
const CssTextField$3 = /*#__PURE__*/styled(TextField)({
|
|
13856
13926
|
'& .MuiInputBase-input': {
|
|
@@ -13972,7 +14042,7 @@ const NumberField = props => {
|
|
|
13972
14042
|
}, rightIcon) : rightText ? /*#__PURE__*/React.createElement(Text, {
|
|
13973
14043
|
text: rightText,
|
|
13974
14044
|
weight: "bold",
|
|
13975
|
-
className: styles$
|
|
14045
|
+
className: styles$D.textSideInput,
|
|
13976
14046
|
size: "sm"
|
|
13977
14047
|
}) : undefined;
|
|
13978
14048
|
const startAdornment = leftIcon ? /*#__PURE__*/React.createElement(InputAdornment, {
|
|
@@ -13980,20 +14050,20 @@ const NumberField = props => {
|
|
|
13980
14050
|
}, leftIcon) : leftText ? /*#__PURE__*/React.createElement(Text, {
|
|
13981
14051
|
text: leftText,
|
|
13982
14052
|
weight: "bold",
|
|
13983
|
-
className: styles$
|
|
14053
|
+
className: styles$D.textSideInput,
|
|
13984
14054
|
size: "sm"
|
|
13985
14055
|
}) : undefined;
|
|
13986
14056
|
const InputLabelProps = label === undefined ? {
|
|
13987
14057
|
shrink: false
|
|
13988
14058
|
} : {};
|
|
13989
14059
|
return /*#__PURE__*/React.createElement("div", {
|
|
13990
|
-
className: `${className} ${styles$
|
|
14060
|
+
className: `${className} ${styles$D.input}`,
|
|
13991
14061
|
id: id
|
|
13992
14062
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
13993
14063
|
text: `${topLabel ? topLabel : ''}`,
|
|
13994
14064
|
weight: topLabelWeight || 'bold',
|
|
13995
14065
|
size: topLabelSize || 'base',
|
|
13996
|
-
className: styles$
|
|
14066
|
+
className: styles$D.input_top_label,
|
|
13997
14067
|
required: required
|
|
13998
14068
|
}), /*#__PURE__*/React.createElement(CssTextField$3, {
|
|
13999
14069
|
fullWidth: true,
|
|
@@ -14036,18 +14106,18 @@ const NumberField = props => {
|
|
|
14036
14106
|
color: "#F54C4C",
|
|
14037
14107
|
italic: true,
|
|
14038
14108
|
text: errorText,
|
|
14039
|
-
className: styles$
|
|
14109
|
+
className: styles$D.text_below
|
|
14040
14110
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14041
14111
|
size: "xs",
|
|
14042
14112
|
italic: true,
|
|
14043
14113
|
text: helperText,
|
|
14044
|
-
className: styles$
|
|
14114
|
+
className: styles$D.text_below
|
|
14045
14115
|
}));
|
|
14046
14116
|
};
|
|
14047
14117
|
|
|
14048
|
-
var css_248z$
|
|
14049
|
-
var styles$
|
|
14050
|
-
styleInject(css_248z$
|
|
14118
|
+
var css_248z$E = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
14119
|
+
var styles$E = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
14120
|
+
styleInject(css_248z$E);
|
|
14051
14121
|
|
|
14052
14122
|
const CssTextField$4 = /*#__PURE__*/styled(TextField)({
|
|
14053
14123
|
'& .MuiInputBase-input': {
|
|
@@ -14200,7 +14270,7 @@ const NumberInput = ({
|
|
|
14200
14270
|
},
|
|
14201
14271
|
id: `NumberInput#${inputNumber}`,
|
|
14202
14272
|
placeholder: placeholder,
|
|
14203
|
-
className: `${styles$
|
|
14273
|
+
className: `${styles$E.input_number} ${className ?? ''}`
|
|
14204
14274
|
}, props));
|
|
14205
14275
|
};
|
|
14206
14276
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -14230,13 +14300,13 @@ const NumbersCode = ({
|
|
|
14230
14300
|
}));
|
|
14231
14301
|
}
|
|
14232
14302
|
return /*#__PURE__*/React.createElement("div", {
|
|
14233
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
14303
|
+
className: `${containerClassname ?? ''} ${styles$E.blockList}`
|
|
14234
14304
|
}, children);
|
|
14235
14305
|
};
|
|
14236
14306
|
|
|
14237
|
-
var css_248z$
|
|
14238
|
-
var styles$
|
|
14239
|
-
styleInject(css_248z$
|
|
14307
|
+
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}";
|
|
14308
|
+
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"};
|
|
14309
|
+
styleInject(css_248z$F);
|
|
14240
14310
|
|
|
14241
14311
|
const CssTextField$5 = /*#__PURE__*/styled(TextField)({
|
|
14242
14312
|
'& .MuiInputBase-input': {
|
|
@@ -14368,13 +14438,13 @@ const PasswordField = props => {
|
|
|
14368
14438
|
shrink: false
|
|
14369
14439
|
} : {};
|
|
14370
14440
|
return /*#__PURE__*/React.createElement("div", {
|
|
14371
|
-
className: `${className} ${styles$
|
|
14441
|
+
className: `${className} ${styles$F.input}`,
|
|
14372
14442
|
id: id
|
|
14373
14443
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14374
14444
|
text: `${topLabel ? topLabel : ''}`,
|
|
14375
14445
|
weight: topLabelWeight || 'bold',
|
|
14376
14446
|
size: topLabelSize || 'base',
|
|
14377
|
-
className: styles$
|
|
14447
|
+
className: styles$F.input_top_label,
|
|
14378
14448
|
required: required
|
|
14379
14449
|
}), /*#__PURE__*/React.createElement(CssTextField$5, {
|
|
14380
14450
|
fullWidth: true,
|
|
@@ -14418,12 +14488,12 @@ const PasswordField = props => {
|
|
|
14418
14488
|
color: "#F54C4C",
|
|
14419
14489
|
italic: true,
|
|
14420
14490
|
text: errorText,
|
|
14421
|
-
className: styles$
|
|
14491
|
+
className: styles$F.text_below
|
|
14422
14492
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14423
14493
|
size: "xs",
|
|
14424
14494
|
italic: true,
|
|
14425
14495
|
text: helperText,
|
|
14426
|
-
className: styles$
|
|
14496
|
+
className: styles$F.text_below
|
|
14427
14497
|
}));
|
|
14428
14498
|
};
|
|
14429
14499
|
|
|
@@ -14504,9 +14574,9 @@ const PopoverBeta = ({
|
|
|
14504
14574
|
});
|
|
14505
14575
|
};
|
|
14506
14576
|
|
|
14507
|
-
var css_248z$
|
|
14508
|
-
var styles$
|
|
14509
|
-
styleInject(css_248z$
|
|
14577
|
+
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}";
|
|
14578
|
+
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"};
|
|
14579
|
+
styleInject(css_248z$G);
|
|
14510
14580
|
|
|
14511
14581
|
const PricingCard = ({
|
|
14512
14582
|
cardInfo: {
|
|
@@ -14550,9 +14620,9 @@ const PricingCard = ({
|
|
|
14550
14620
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14551
14621
|
};
|
|
14552
14622
|
return /*#__PURE__*/React.createElement("div", {
|
|
14553
|
-
className: styles$
|
|
14623
|
+
className: styles$G.pricingCard + (isHighlighted ? ` ${styles$G.highlighted}` : '') + (isDark ? ` ${styles$G.dark}` : '') + (className ? ` ${className}` : '')
|
|
14554
14624
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React.createElement("div", {
|
|
14555
|
-
className: styles$
|
|
14625
|
+
className: styles$G.highlightMessage
|
|
14556
14626
|
}, /*#__PURE__*/React.createElement("svg", {
|
|
14557
14627
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14558
14628
|
width: "16",
|
|
@@ -14578,7 +14648,7 @@ const PricingCard = ({
|
|
|
14578
14648
|
text: highlightMessage,
|
|
14579
14649
|
color: "#fff"
|
|
14580
14650
|
})), /*#__PURE__*/React.createElement("div", {
|
|
14581
|
-
className: styles$
|
|
14651
|
+
className: styles$G.mainContent
|
|
14582
14652
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14583
14653
|
style: {
|
|
14584
14654
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14586,44 +14656,44 @@ const PricingCard = ({
|
|
|
14586
14656
|
flexDirection: 'column'
|
|
14587
14657
|
}
|
|
14588
14658
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14589
|
-
className: styles$
|
|
14659
|
+
className: styles$G.header
|
|
14590
14660
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14591
|
-
className: styles$
|
|
14661
|
+
className: styles$G.header_top
|
|
14592
14662
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14593
14663
|
size: "xl",
|
|
14594
14664
|
weight: "bold",
|
|
14595
14665
|
text: title,
|
|
14596
14666
|
color: isDark ? '#fff' : ''
|
|
14597
14667
|
}), yourPlanText && /*#__PURE__*/React.createElement("div", {
|
|
14598
|
-
className: styles$
|
|
14668
|
+
className: styles$G.tag
|
|
14599
14669
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14600
14670
|
size: "xs",
|
|
14601
14671
|
text: yourPlanText,
|
|
14602
14672
|
color: colors.white
|
|
14603
14673
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14604
|
-
className: styles$
|
|
14674
|
+
className: styles$G.description
|
|
14605
14675
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14606
14676
|
size: "base",
|
|
14607
14677
|
weight: "semi-bold",
|
|
14608
14678
|
text: description,
|
|
14609
14679
|
color: isDark ? 'white' : ''
|
|
14610
14680
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14611
|
-
className: styles$
|
|
14681
|
+
className: styles$G.pricing
|
|
14612
14682
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14613
14683
|
size: "base",
|
|
14614
14684
|
weight: "bold",
|
|
14615
14685
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14616
14686
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14617
|
-
className: styles$
|
|
14687
|
+
className: styles$G.lineThrough
|
|
14618
14688
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14619
|
-
className: styles$
|
|
14689
|
+
className: styles$G.price
|
|
14620
14690
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Title, {
|
|
14621
14691
|
size: "xxl",
|
|
14622
14692
|
weight: "bold",
|
|
14623
14693
|
text: cmsContent.LetsTalk,
|
|
14624
14694
|
color: isDark ? '#fff' : ''
|
|
14625
14695
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
14626
|
-
className: styles$
|
|
14696
|
+
className: styles$G.amount
|
|
14627
14697
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14628
14698
|
size: "xxxl",
|
|
14629
14699
|
weight: "bold",
|
|
@@ -14639,7 +14709,7 @@ const PricingCard = ({
|
|
|
14639
14709
|
`,
|
|
14640
14710
|
color: isDark ? 'white' : colors.neutral_550
|
|
14641
14711
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14642
|
-
className: styles$
|
|
14712
|
+
className: styles$G.interviews
|
|
14643
14713
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Text, {
|
|
14644
14714
|
size: "sm",
|
|
14645
14715
|
weight: "semi-bold",
|
|
@@ -14662,24 +14732,24 @@ const PricingCard = ({
|
|
|
14662
14732
|
text: buttonText[tier],
|
|
14663
14733
|
size: "base",
|
|
14664
14734
|
variant: buttonVariant[tier],
|
|
14665
|
-
className: styles$
|
|
14735
|
+
className: styles$G.button,
|
|
14666
14736
|
disabled: yourPlanText ? true : false,
|
|
14667
14737
|
customBackground: buttonBackgrounds[tier],
|
|
14668
14738
|
onClick: onClick
|
|
14669
14739
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14670
|
-
className: styles$
|
|
14740
|
+
className: styles$G.features
|
|
14671
14741
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14672
14742
|
size: "base",
|
|
14673
14743
|
weight: "semi-bold",
|
|
14674
14744
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14675
14745
|
color: isDark ? 'white' : ''
|
|
14676
14746
|
}), /*#__PURE__*/React.createElement("ul", {
|
|
14677
|
-
className: styles$
|
|
14747
|
+
className: styles$G.featuresList
|
|
14678
14748
|
}, featuresList.map((feature, index) => /*#__PURE__*/React.createElement("li", {
|
|
14679
|
-
className: styles$
|
|
14749
|
+
className: styles$G.feature,
|
|
14680
14750
|
key: index
|
|
14681
14751
|
}, /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
14682
|
-
className: styles$
|
|
14752
|
+
className: styles$G.icon
|
|
14683
14753
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14684
14754
|
size: "sm",
|
|
14685
14755
|
weight: "regular",
|
|
@@ -14694,13 +14764,13 @@ const PricingCard = ({
|
|
|
14694
14764
|
}),
|
|
14695
14765
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14696
14766
|
size: "xxs",
|
|
14697
|
-
className: styles$
|
|
14767
|
+
className: styles$G.tooltipButton
|
|
14698
14768
|
}))))))));
|
|
14699
14769
|
};
|
|
14700
14770
|
|
|
14701
|
-
var css_248z$
|
|
14702
|
-
var styles$
|
|
14703
|
-
styleInject(css_248z$
|
|
14771
|
+
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}";
|
|
14772
|
+
var styles$H = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14773
|
+
styleInject(css_248z$H);
|
|
14704
14774
|
|
|
14705
14775
|
const BpIcon$1 = /*#__PURE__*/styled('span')(() => ({
|
|
14706
14776
|
borderRadius: '50%',
|
|
@@ -14751,7 +14821,7 @@ const Radio = ({
|
|
|
14751
14821
|
className
|
|
14752
14822
|
}) => {
|
|
14753
14823
|
return /*#__PURE__*/React.createElement("div", {
|
|
14754
|
-
className: `${styles$
|
|
14824
|
+
className: `${styles$H.radioBtnWrapper} ${className}`
|
|
14755
14825
|
}, leftLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14756
14826
|
text: leftLabel,
|
|
14757
14827
|
size: "sm"
|
|
@@ -14773,9 +14843,9 @@ const Radio = ({
|
|
|
14773
14843
|
}));
|
|
14774
14844
|
};
|
|
14775
14845
|
|
|
14776
|
-
var css_248z$
|
|
14777
|
-
var styles$
|
|
14778
|
-
styleInject(css_248z$
|
|
14846
|
+
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}";
|
|
14847
|
+
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"};
|
|
14848
|
+
styleInject(css_248z$I);
|
|
14779
14849
|
|
|
14780
14850
|
const RatingScale = props => {
|
|
14781
14851
|
const {
|
|
@@ -14797,19 +14867,19 @@ const RatingScale = props => {
|
|
|
14797
14867
|
otherProps
|
|
14798
14868
|
} = props;
|
|
14799
14869
|
return /*#__PURE__*/React.createElement("div", {
|
|
14800
|
-
className: styles$
|
|
14870
|
+
className: styles$I.ratingScale + ' ' + className
|
|
14801
14871
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14802
14872
|
text: `${topLabel ? topLabel : ''}`,
|
|
14803
14873
|
weight: topLabelWeight || 'bold',
|
|
14804
14874
|
size: topLabelSize || 'base',
|
|
14805
|
-
className: styles$
|
|
14875
|
+
className: styles$I.topLabel,
|
|
14806
14876
|
required: required
|
|
14807
14877
|
}), /*#__PURE__*/React.createElement(FormControl, {
|
|
14808
14878
|
component: "fieldset",
|
|
14809
|
-
className: styles$
|
|
14879
|
+
className: styles$I.formControl,
|
|
14810
14880
|
error: error
|
|
14811
14881
|
}, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({
|
|
14812
|
-
className: styles$
|
|
14882
|
+
className: styles$I.radioGroup,
|
|
14813
14883
|
"aria-label": "rating",
|
|
14814
14884
|
name: name,
|
|
14815
14885
|
value: value,
|
|
@@ -14824,17 +14894,17 @@ const RatingScale = props => {
|
|
|
14824
14894
|
checked: value === option,
|
|
14825
14895
|
disabled: disabled
|
|
14826
14896
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React.createElement("div", {
|
|
14827
|
-
className: styles$
|
|
14897
|
+
className: styles$I.ratingScaleText
|
|
14828
14898
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14829
14899
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14830
14900
|
weight: 'regular',
|
|
14831
14901
|
size: 'sm',
|
|
14832
|
-
className: styles$
|
|
14902
|
+
className: styles$I.ratingScaleStartText
|
|
14833
14903
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14834
14904
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14835
14905
|
weight: 'regular',
|
|
14836
14906
|
size: 'sm',
|
|
14837
|
-
className: styles$
|
|
14907
|
+
className: styles$I.ratingScaleEndText
|
|
14838
14908
|
})) : null);
|
|
14839
14909
|
};
|
|
14840
14910
|
|
|
@@ -14860,9 +14930,9 @@ const Search = ({
|
|
|
14860
14930
|
});
|
|
14861
14931
|
};
|
|
14862
14932
|
|
|
14863
|
-
var css_248z$
|
|
14864
|
-
var styles$
|
|
14865
|
-
styleInject(css_248z$
|
|
14933
|
+
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}";
|
|
14934
|
+
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"};
|
|
14935
|
+
styleInject(css_248z$J);
|
|
14866
14936
|
|
|
14867
14937
|
const filter$2 = /*#__PURE__*/createFilterOptions();
|
|
14868
14938
|
const CssTextField$6 = /*#__PURE__*/styled(TextField)({
|
|
@@ -14991,7 +15061,7 @@ const SingleSelect = ({
|
|
|
14991
15061
|
text: `${topLabel ? topLabel : ''}`,
|
|
14992
15062
|
weight: topLabelWeight || 'bold',
|
|
14993
15063
|
size: topLabelSize || 'base',
|
|
14994
|
-
className: styles$
|
|
15064
|
+
className: styles$J.input_top_label,
|
|
14995
15065
|
required: required
|
|
14996
15066
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
14997
15067
|
id: "tags-standard",
|
|
@@ -15034,13 +15104,13 @@ const SingleSelect = ({
|
|
|
15034
15104
|
})),
|
|
15035
15105
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
15036
15106
|
fill: "black",
|
|
15037
|
-
className: `${styles$
|
|
15107
|
+
className: `${styles$J.icon}`
|
|
15038
15108
|
}),
|
|
15039
15109
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
15040
15110
|
fill: "black",
|
|
15041
|
-
className: `${styles$
|
|
15111
|
+
className: `${styles$J.icon}`
|
|
15042
15112
|
}),
|
|
15043
|
-
className: `${styles$
|
|
15113
|
+
className: `${styles$J.newAutocomplete}`,
|
|
15044
15114
|
renderOption: (props, option) => {
|
|
15045
15115
|
return /*#__PURE__*/React.createElement("li", Object.assign({}, props, {
|
|
15046
15116
|
key: option.value
|
|
@@ -15069,18 +15139,18 @@ const SingleSelect = ({
|
|
|
15069
15139
|
color: "#F54C4C",
|
|
15070
15140
|
italic: true,
|
|
15071
15141
|
text: errorText,
|
|
15072
|
-
className: styles$
|
|
15142
|
+
className: styles$J.text_below
|
|
15073
15143
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15074
15144
|
size: "xs",
|
|
15075
15145
|
italic: true,
|
|
15076
15146
|
text: helperText,
|
|
15077
|
-
className: styles$
|
|
15147
|
+
className: styles$J.text_below
|
|
15078
15148
|
}));
|
|
15079
15149
|
};
|
|
15080
15150
|
|
|
15081
|
-
var css_248z$
|
|
15082
|
-
var styles$
|
|
15083
|
-
styleInject(css_248z$
|
|
15151
|
+
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}";
|
|
15152
|
+
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"};
|
|
15153
|
+
styleInject(css_248z$K);
|
|
15084
15154
|
|
|
15085
15155
|
const StarRating = ({
|
|
15086
15156
|
value,
|
|
@@ -15091,13 +15161,13 @@ const StarRating = ({
|
|
|
15091
15161
|
const [rating, setRating] = useState(value ?? 0);
|
|
15092
15162
|
const [hover, setHover] = useState(0);
|
|
15093
15163
|
return /*#__PURE__*/React.createElement("div", {
|
|
15094
|
-
className: styles$
|
|
15164
|
+
className: styles$K.star_rating
|
|
15095
15165
|
}, [...Array(5)].map((_star, index) => {
|
|
15096
15166
|
index += 1;
|
|
15097
15167
|
return /*#__PURE__*/React.createElement("button", {
|
|
15098
15168
|
type: "button",
|
|
15099
15169
|
key: index,
|
|
15100
|
-
className: styles$
|
|
15170
|
+
className: styles$K.star_button,
|
|
15101
15171
|
onClick: () => {
|
|
15102
15172
|
setRating(index);
|
|
15103
15173
|
onClick(index);
|
|
@@ -15129,9 +15199,9 @@ const StarRating = ({
|
|
|
15129
15199
|
}));
|
|
15130
15200
|
};
|
|
15131
15201
|
|
|
15132
|
-
var css_248z$
|
|
15133
|
-
var styles$
|
|
15134
|
-
styleInject(css_248z$
|
|
15202
|
+
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}";
|
|
15203
|
+
var styles$L = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
15204
|
+
styleInject(css_248z$L);
|
|
15135
15205
|
|
|
15136
15206
|
const CustomSwitch = /*#__PURE__*/styled$1(Switch$1)({
|
|
15137
15207
|
'& .MuiSwitch-track': {
|
|
@@ -15163,7 +15233,7 @@ const Switch = ({
|
|
|
15163
15233
|
className
|
|
15164
15234
|
}) => {
|
|
15165
15235
|
return /*#__PURE__*/React.createElement("div", {
|
|
15166
|
-
className: `${styles$
|
|
15236
|
+
className: `${styles$L.switchWrapper} ${disabled && styles$L.disabled}${className}`
|
|
15167
15237
|
}, label && /*#__PURE__*/React.createElement(Title, {
|
|
15168
15238
|
text: label,
|
|
15169
15239
|
weight: "bold",
|
|
@@ -15180,9 +15250,9 @@ const Switch = ({
|
|
|
15180
15250
|
}));
|
|
15181
15251
|
};
|
|
15182
15252
|
|
|
15183
|
-
var css_248z$
|
|
15184
|
-
var styles$
|
|
15185
|
-
styleInject(css_248z$
|
|
15253
|
+
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}";
|
|
15254
|
+
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"};
|
|
15255
|
+
styleInject(css_248z$M);
|
|
15186
15256
|
|
|
15187
15257
|
const TableFooter = ({
|
|
15188
15258
|
footerText,
|
|
@@ -15191,26 +15261,26 @@ const TableFooter = ({
|
|
|
15191
15261
|
footerAction
|
|
15192
15262
|
}) => {
|
|
15193
15263
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
15194
|
-
className: `${styles$
|
|
15264
|
+
className: `${styles$M.footer} ${footerClassName && footerClassName}`
|
|
15195
15265
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15196
|
-
className: `${styles$
|
|
15266
|
+
className: `${styles$M.footer_content}`
|
|
15197
15267
|
}, footerText && /*#__PURE__*/React.createElement(Text, {
|
|
15198
15268
|
size: "sm",
|
|
15199
15269
|
text: footerText,
|
|
15200
15270
|
color: colors.neutral_600,
|
|
15201
|
-
className: styles$
|
|
15271
|
+
className: styles$M.footerText
|
|
15202
15272
|
}), footerIconRight && /*#__PURE__*/React.createElement(IconButton, {
|
|
15203
15273
|
icon: footerIconRight,
|
|
15204
15274
|
variant: "tertiary",
|
|
15205
15275
|
onClick: footerAction,
|
|
15206
|
-
className: styles$
|
|
15276
|
+
className: styles$M.actionsBtn,
|
|
15207
15277
|
size: "xs"
|
|
15208
15278
|
}))));
|
|
15209
15279
|
};
|
|
15210
15280
|
|
|
15211
|
-
var css_248z$
|
|
15212
|
-
var styles$
|
|
15213
|
-
styleInject(css_248z$
|
|
15281
|
+
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}";
|
|
15282
|
+
var styles$N = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
15283
|
+
styleInject(css_248z$N);
|
|
15214
15284
|
|
|
15215
15285
|
const TableHeader$1 = ({
|
|
15216
15286
|
headers,
|
|
@@ -15220,7 +15290,7 @@ const TableHeader$1 = ({
|
|
|
15220
15290
|
selectAll
|
|
15221
15291
|
}) => {
|
|
15222
15292
|
return /*#__PURE__*/React.createElement("div", {
|
|
15223
|
-
className: `${styles$
|
|
15293
|
+
className: `${styles$N.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
15224
15294
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React.createElement(Checkbox, {
|
|
15225
15295
|
checked: areAllSelected,
|
|
15226
15296
|
onChange: () => selectAll()
|
|
@@ -15251,7 +15321,7 @@ const TableHeader$1 = ({
|
|
|
15251
15321
|
style: {
|
|
15252
15322
|
flex: header.flexWidth ?? 1
|
|
15253
15323
|
},
|
|
15254
|
-
className: styles$
|
|
15324
|
+
className: styles$N.header_cell
|
|
15255
15325
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15256
15326
|
text: header.name,
|
|
15257
15327
|
weight: header.weight,
|
|
@@ -15260,14 +15330,14 @@ const TableHeader$1 = ({
|
|
|
15260
15330
|
}), header.icon && header.icon)));
|
|
15261
15331
|
};
|
|
15262
15332
|
|
|
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"};
|
|
15333
|
+
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}";
|
|
15334
|
+
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
15335
|
styleInject(css_248z$O);
|
|
15270
15336
|
|
|
15337
|
+
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}";
|
|
15338
|
+
var styles$P = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
15339
|
+
styleInject(css_248z$P);
|
|
15340
|
+
|
|
15271
15341
|
const TableCell = ({
|
|
15272
15342
|
text,
|
|
15273
15343
|
weight = 'regular',
|
|
@@ -15278,7 +15348,7 @@ const TableCell = ({
|
|
|
15278
15348
|
select
|
|
15279
15349
|
}) => {
|
|
15280
15350
|
return /*#__PURE__*/React.createElement("div", {
|
|
15281
|
-
className: `${styles$
|
|
15351
|
+
className: `${styles$P.cell} ${className && className}`,
|
|
15282
15352
|
style: {
|
|
15283
15353
|
flex: flexWidth
|
|
15284
15354
|
}
|
|
@@ -15303,14 +15373,14 @@ const TableRows = ({
|
|
|
15303
15373
|
}) => {
|
|
15304
15374
|
return /*#__PURE__*/React.createElement("div", {
|
|
15305
15375
|
id: id,
|
|
15306
|
-
className: `${styles$
|
|
15376
|
+
className: `${styles$O.rows} ${rowsClassName}`
|
|
15307
15377
|
}, rows.map((row, index) => {
|
|
15308
|
-
let rowClassName = `${styles$
|
|
15378
|
+
let rowClassName = `${styles$O.row} ${row.className}`;
|
|
15309
15379
|
// Add first and last row classes
|
|
15310
15380
|
if (index === 0) {
|
|
15311
|
-
rowClassName += ` ${styles$
|
|
15381
|
+
rowClassName += ` ${styles$O.firstRow}`;
|
|
15312
15382
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
15313
|
-
rowClassName += ` ${styles$
|
|
15383
|
+
rowClassName += ` ${styles$O.lastRow}`;
|
|
15314
15384
|
}
|
|
15315
15385
|
return /*#__PURE__*/React.createElement("div", {
|
|
15316
15386
|
key: `row-${index}`,
|
|
@@ -15333,9 +15403,9 @@ const TableRows = ({
|
|
|
15333
15403
|
}));
|
|
15334
15404
|
};
|
|
15335
15405
|
|
|
15336
|
-
var css_248z$
|
|
15337
|
-
var styles$
|
|
15338
|
-
styleInject(css_248z$
|
|
15406
|
+
var css_248z$Q = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
15407
|
+
var styles$Q = {"table":"Table-modules_table__ddiph"};
|
|
15408
|
+
styleInject(css_248z$Q);
|
|
15339
15409
|
|
|
15340
15410
|
/**
|
|
15341
15411
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -15357,7 +15427,7 @@ const Table = ({
|
|
|
15357
15427
|
selectAll
|
|
15358
15428
|
}) => {
|
|
15359
15429
|
return /*#__PURE__*/React.createElement("div", {
|
|
15360
|
-
className: `${styles$
|
|
15430
|
+
className: `${styles$Q.table} ${className}`
|
|
15361
15431
|
}, /*#__PURE__*/React.createElement(TableHeader$1, {
|
|
15362
15432
|
headers: headers,
|
|
15363
15433
|
isSelectable: isSelectable,
|
|
@@ -15378,9 +15448,9 @@ const Table = ({
|
|
|
15378
15448
|
}));
|
|
15379
15449
|
};
|
|
15380
15450
|
|
|
15381
|
-
var css_248z$
|
|
15382
|
-
var styles$
|
|
15383
|
-
styleInject(css_248z$
|
|
15451
|
+
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}";
|
|
15452
|
+
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"};
|
|
15453
|
+
styleInject(css_248z$R);
|
|
15384
15454
|
|
|
15385
15455
|
const TabPanel = ({
|
|
15386
15456
|
value,
|
|
@@ -15411,7 +15481,7 @@ const Tabs = ({
|
|
|
15411
15481
|
if (onSelect) onSelect(newValue);
|
|
15412
15482
|
};
|
|
15413
15483
|
return /*#__PURE__*/React.createElement("div", {
|
|
15414
|
-
className: styles$
|
|
15484
|
+
className: styles$R.new_tabs
|
|
15415
15485
|
}, /*#__PURE__*/React.createElement(Tabs$1, {
|
|
15416
15486
|
value: value,
|
|
15417
15487
|
onChange: handleChange,
|
|
@@ -15443,9 +15513,9 @@ const Tabs = ({
|
|
|
15443
15513
|
}, tab.component)));
|
|
15444
15514
|
};
|
|
15445
15515
|
|
|
15446
|
-
var css_248z$
|
|
15447
|
-
var styles$
|
|
15448
|
-
styleInject(css_248z$
|
|
15516
|
+
var css_248z$S = ".tabsUnderline-modules_tabFilled__q0pA5{align-items:center;display:flex;height:2.25rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label__GFbid{min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ:hover{background:transparent!important}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_disabled__Rj1WZ p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;border-radius:.5rem;display:flex;gap:.5rem;justify-content:center;padding:.25rem 1rem}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41:hover{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_content__5PJ41 p{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_selected__TEz63{background:var(--Color-Neutral-Clear-Shades-200,#e1e1e2)}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabFilled__q0pA5 .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ{align-items:center;display:flex;height:5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tabs_root__zTVoo{align-items:center;min-height:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label__GFbid{margin-left:1.5rem;margin-right:var(--spacing-xxl);min-width:unset;opacity:1;padding:unset;padding-left:.3125rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41{align-items:center;display:flex;gap:.5rem}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_content__5PJ41 h2{max-width:12rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_withArrowContainer__FWn-8{align-items:center;display:flex;gap:1rem;justify-content:center}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE{align-self:center;margin-left:1.5rem;margin-right:var(--spacing-xxl);padding-left:.3125rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement__M5jfE.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_icon__PugYp{margin-left:1rem;min-width:unset;opacity:1;padding:unset}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3{align-self:center;margin-left:1rem;text-transform:capitalize}.tabsUnderline-modules_tabbar__72OLJ .tabsUnderline-modules_tab_label_replacement_icon__-48i3.tabsUnderline-modules_disabled__rw5Fb{opacity:.5}";
|
|
15517
|
+
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"};
|
|
15518
|
+
styleInject(css_248z$S);
|
|
15449
15519
|
|
|
15450
15520
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15451
15521
|
const TabsUnderline = ({
|
|
@@ -15472,11 +15542,11 @@ const TabsUnderline = ({
|
|
|
15472
15542
|
}, [defaultValue]);
|
|
15473
15543
|
console.log('value', value);
|
|
15474
15544
|
if (type === 'underline') return /*#__PURE__*/React.createElement("div", {
|
|
15475
|
-
className: `${styles$
|
|
15545
|
+
className: `${styles$S.tabbar} ${className && className}`
|
|
15476
15546
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15477
15547
|
value: value,
|
|
15478
15548
|
onChange: onClickTab,
|
|
15479
|
-
className: styles$
|
|
15549
|
+
className: styles$S.tabs_root,
|
|
15480
15550
|
variant: "scrollable",
|
|
15481
15551
|
orientation: "horizontal",
|
|
15482
15552
|
visibleScrollbar: false,
|
|
@@ -15491,14 +15561,14 @@ const TabsUnderline = ({
|
|
|
15491
15561
|
}, tabs.map((item, index) => {
|
|
15492
15562
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15493
15563
|
key: `tab#${index}`,
|
|
15494
|
-
className: !isArrowIconDisplay ? styles$
|
|
15564
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15495
15565
|
disabled: item.disabled ?? false,
|
|
15496
15566
|
disableRipple: true,
|
|
15497
15567
|
sx: {
|
|
15498
15568
|
textTransform: 'none'
|
|
15499
15569
|
},
|
|
15500
15570
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15501
|
-
className: `${styles$
|
|
15571
|
+
className: `${styles$S.tab_label_content} ${value === index ? styles$S.selected : ''}`,
|
|
15502
15572
|
id: item.id,
|
|
15503
15573
|
onClick: e => onClickTab(e, index)
|
|
15504
15574
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
@@ -15514,11 +15584,11 @@ const TabsUnderline = ({
|
|
|
15514
15584
|
});
|
|
15515
15585
|
if (item.disabled) {
|
|
15516
15586
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15517
|
-
className: `${styles$
|
|
15587
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15518
15588
|
id: item.id
|
|
15519
15589
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15520
15590
|
key: `tab#${index}`,
|
|
15521
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15591
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15522
15592
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15523
15593
|
size: "base",
|
|
15524
15594
|
text: item.label,
|
|
@@ -15544,11 +15614,11 @@ const TabsUnderline = ({
|
|
|
15544
15614
|
alignItems: 'center',
|
|
15545
15615
|
justifyContent: 'center'
|
|
15546
15616
|
},
|
|
15547
|
-
className: `${styles$
|
|
15617
|
+
className: `${styles$S.tab_label_disabled}`,
|
|
15548
15618
|
onClick: e => onClickTab(e, index)
|
|
15549
15619
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15550
15620
|
key: `tab#${index}`,
|
|
15551
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15621
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15552
15622
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15553
15623
|
size: "base",
|
|
15554
15624
|
text: item.label,
|
|
@@ -15569,18 +15639,18 @@ const TabsUnderline = ({
|
|
|
15569
15639
|
}, renderTab);
|
|
15570
15640
|
}
|
|
15571
15641
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15572
|
-
className: styles$
|
|
15642
|
+
className: styles$S.withArrowContainer,
|
|
15573
15643
|
onClick: e => onClickTab(e, index)
|
|
15574
15644
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15575
15645
|
fill: colors.neutral_550,
|
|
15576
15646
|
stroke: colors.neutral_550
|
|
15577
15647
|
}));else return renderTab;
|
|
15578
15648
|
})));else if (type === 'filled') return /*#__PURE__*/React.createElement("div", {
|
|
15579
|
-
className: `${styles$
|
|
15649
|
+
className: `${styles$S.tabFilled} ${className && className}`
|
|
15580
15650
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15581
15651
|
value: value,
|
|
15582
15652
|
onChange: onClickTab,
|
|
15583
|
-
className: styles$
|
|
15653
|
+
className: styles$S.tabs_root,
|
|
15584
15654
|
variant: "scrollable",
|
|
15585
15655
|
orientation: "horizontal",
|
|
15586
15656
|
visibleScrollbar: false,
|
|
@@ -15592,14 +15662,14 @@ const TabsUnderline = ({
|
|
|
15592
15662
|
}, tabs.map((item, index) => {
|
|
15593
15663
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15594
15664
|
key: `tab#${index}`,
|
|
15595
|
-
className: !isArrowIconDisplay ? styles$
|
|
15665
|
+
className: !isArrowIconDisplay ? styles$S.tab_label : styles$S.tab_label_icon,
|
|
15596
15666
|
disabled: item.disabled ?? false,
|
|
15597
15667
|
disableRipple: true,
|
|
15598
15668
|
sx: {
|
|
15599
15669
|
textTransform: 'none'
|
|
15600
15670
|
},
|
|
15601
15671
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15602
|
-
className: `${styles$
|
|
15672
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''} ${value === index ? styles$S.selected : ''}`,
|
|
15603
15673
|
id: item.id
|
|
15604
15674
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15605
15675
|
text: item.label,
|
|
@@ -15613,11 +15683,11 @@ const TabsUnderline = ({
|
|
|
15613
15683
|
});
|
|
15614
15684
|
if (item.disabled) {
|
|
15615
15685
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15616
|
-
className: `${styles$
|
|
15686
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`,
|
|
15617
15687
|
id: item.id
|
|
15618
15688
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15619
15689
|
key: `tab#${index}`,
|
|
15620
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15690
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15621
15691
|
size: "base",
|
|
15622
15692
|
text: item.label,
|
|
15623
15693
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15642,10 +15712,10 @@ const TabsUnderline = ({
|
|
|
15642
15712
|
alignItems: 'center',
|
|
15643
15713
|
justifyContent: 'center'
|
|
15644
15714
|
},
|
|
15645
|
-
className: `${styles$
|
|
15715
|
+
className: `${styles$S.tab_label_content} ${item.disabled ? styles$S.tab_label_disabled : ''}`
|
|
15646
15716
|
}, /*#__PURE__*/React.createElement(TextForButton, {
|
|
15647
15717
|
key: `tab#${index}`,
|
|
15648
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15718
|
+
className: `${!isArrowIconDisplay ? styles$S.tab_label_replacement : styles$S.tab_label_replacement_icon} ${styles$S.disabled}`,
|
|
15649
15719
|
size: "base",
|
|
15650
15720
|
text: item.label,
|
|
15651
15721
|
color: index === value ? 'black' : 'gray'
|
|
@@ -15665,7 +15735,7 @@ const TabsUnderline = ({
|
|
|
15665
15735
|
}, renderTab);
|
|
15666
15736
|
}
|
|
15667
15737
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15668
|
-
className: styles$
|
|
15738
|
+
className: styles$S.withArrowContainer,
|
|
15669
15739
|
onClick: e => onClickTab(e, index)
|
|
15670
15740
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15671
15741
|
fill: colors.neutral_550,
|
|
@@ -15674,9 +15744,9 @@ const TabsUnderline = ({
|
|
|
15674
15744
|
})));else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
15675
15745
|
};
|
|
15676
15746
|
|
|
15677
|
-
var css_248z$
|
|
15678
|
-
var styles$
|
|
15679
|
-
styleInject(css_248z$
|
|
15747
|
+
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}";
|
|
15748
|
+
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"};
|
|
15749
|
+
styleInject(css_248z$T);
|
|
15680
15750
|
|
|
15681
15751
|
extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15682
15752
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15700,15 +15770,15 @@ const Tag = ({
|
|
|
15700
15770
|
};
|
|
15701
15771
|
const getTagStatus = () => {
|
|
15702
15772
|
if (customColor) {
|
|
15703
|
-
return styles$
|
|
15773
|
+
return styles$T.tag_custom;
|
|
15704
15774
|
} else if (status === 'idle') {
|
|
15705
|
-
return styles$
|
|
15706
|
-
} else if (status === 'success') return styles$
|
|
15775
|
+
return styles$T.tag_idle;
|
|
15776
|
+
} 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
15777
|
};
|
|
15708
15778
|
const getTagSize = () => {
|
|
15709
15779
|
if (size === 'sm') {
|
|
15710
|
-
return styles$
|
|
15711
|
-
} else if (size === 'base') return styles$
|
|
15780
|
+
return styles$T.tag_sm;
|
|
15781
|
+
} else if (size === 'base') return styles$T.tag_base;else return styles$T.tag_base;
|
|
15712
15782
|
};
|
|
15713
15783
|
const getTextSize = () => {
|
|
15714
15784
|
if (size === 'sm') {
|
|
@@ -15735,7 +15805,7 @@ const Tag = ({
|
|
|
15735
15805
|
style: {
|
|
15736
15806
|
backgroundColor: customColor
|
|
15737
15807
|
},
|
|
15738
|
-
className: `${styles$
|
|
15808
|
+
className: `${styles$T.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$T.canBeRemoved}`
|
|
15739
15809
|
}), iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
|
|
15740
15810
|
style: {
|
|
15741
15811
|
fill: getTextColor(),
|
|
@@ -15759,9 +15829,9 @@ const Tag = ({
|
|
|
15759
15829
|
})));
|
|
15760
15830
|
};
|
|
15761
15831
|
|
|
15762
|
-
var css_248z$
|
|
15763
|
-
var styles$
|
|
15764
|
-
styleInject(css_248z$
|
|
15832
|
+
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}";
|
|
15833
|
+
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"};
|
|
15834
|
+
styleInject(css_248z$U);
|
|
15765
15835
|
|
|
15766
15836
|
const CssTextField$7 = /*#__PURE__*/styled(TextField)({
|
|
15767
15837
|
'& .MuiInputBase-input': {
|
|
@@ -15890,13 +15960,13 @@ const TextInput = props => {
|
|
|
15890
15960
|
shrink: false
|
|
15891
15961
|
} : {};
|
|
15892
15962
|
return /*#__PURE__*/React.createElement("div", {
|
|
15893
|
-
className: `${className} ${styles$
|
|
15963
|
+
className: `${className} ${styles$U.input}`,
|
|
15894
15964
|
id: id
|
|
15895
15965
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
15896
15966
|
text: `${topLabel ? topLabel : ''}`,
|
|
15897
15967
|
weight: topLabelWeight || 'bold',
|
|
15898
15968
|
size: topLabelSize || 'base',
|
|
15899
|
-
className: styles$
|
|
15969
|
+
className: styles$U.input_top_label,
|
|
15900
15970
|
required: required
|
|
15901
15971
|
}), /*#__PURE__*/React.createElement(CssTextField$7, {
|
|
15902
15972
|
fullWidth: true,
|
|
@@ -15941,17 +16011,17 @@ const TextInput = props => {
|
|
|
15941
16011
|
size: "xs",
|
|
15942
16012
|
color: "#F54C4C",
|
|
15943
16013
|
text: errorText,
|
|
15944
|
-
className: styles$
|
|
16014
|
+
className: styles$U.text_below
|
|
15945
16015
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15946
16016
|
size: "xs",
|
|
15947
16017
|
text: helperText,
|
|
15948
|
-
className: styles$
|
|
16018
|
+
className: styles$U.text_below
|
|
15949
16019
|
}));
|
|
15950
16020
|
};
|
|
15951
16021
|
|
|
15952
|
-
var css_248z$
|
|
15953
|
-
var styles$
|
|
15954
|
-
styleInject(css_248z$
|
|
16022
|
+
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}";
|
|
16023
|
+
var styles$V = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
16024
|
+
styleInject(css_248z$V);
|
|
15955
16025
|
|
|
15956
16026
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15957
16027
|
const Textarea = ({
|
|
@@ -15989,7 +16059,7 @@ const Textarea = ({
|
|
|
15989
16059
|
setCharCount(String(value).length);
|
|
15990
16060
|
}, []);
|
|
15991
16061
|
return /*#__PURE__*/React.createElement("div", {
|
|
15992
|
-
className: styles$
|
|
16062
|
+
className: styles$V.text_area_container
|
|
15993
16063
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
15994
16064
|
name: name,
|
|
15995
16065
|
variant: "outlined",
|
|
@@ -16015,7 +16085,7 @@ const Textarea = ({
|
|
|
16015
16085
|
maxRows: maxRows,
|
|
16016
16086
|
minRows: minRows
|
|
16017
16087
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16018
|
-
className: styles$
|
|
16088
|
+
className: styles$V.helperTexts
|
|
16019
16089
|
}, helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16020
16090
|
text: helperText,
|
|
16021
16091
|
size: "xs",
|
|
@@ -16028,13 +16098,13 @@ const Textarea = ({
|
|
|
16028
16098
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
16029
16099
|
text: `${charCount} / ${maxCharacters}`,
|
|
16030
16100
|
size: "xs",
|
|
16031
|
-
className: styles$
|
|
16101
|
+
className: styles$V.counter
|
|
16032
16102
|
})));
|
|
16033
16103
|
};
|
|
16034
16104
|
|
|
16035
|
-
var css_248z$
|
|
16036
|
-
var styles$
|
|
16037
|
-
styleInject(css_248z$
|
|
16105
|
+
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}";
|
|
16106
|
+
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"};
|
|
16107
|
+
styleInject(css_248z$W);
|
|
16038
16108
|
|
|
16039
16109
|
/**
|
|
16040
16110
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -16192,7 +16262,7 @@ const Thematic = ({
|
|
|
16192
16262
|
closeTagMenuPopover();
|
|
16193
16263
|
};
|
|
16194
16264
|
return /*#__PURE__*/React.createElement("div", {
|
|
16195
|
-
className: styles$
|
|
16265
|
+
className: styles$W.thematic,
|
|
16196
16266
|
style: {
|
|
16197
16267
|
backgroundColor: backgroundColor,
|
|
16198
16268
|
borderColor: borderColor
|
|
@@ -16208,7 +16278,7 @@ const Thematic = ({
|
|
|
16208
16278
|
setAreActionsVisible(false);
|
|
16209
16279
|
}
|
|
16210
16280
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16211
|
-
className: styles$
|
|
16281
|
+
className: styles$W.thematic__header
|
|
16212
16282
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16213
16283
|
tooltipDescription: definition,
|
|
16214
16284
|
placement: "top",
|
|
@@ -16219,9 +16289,9 @@ const Thematic = ({
|
|
|
16219
16289
|
size: "base",
|
|
16220
16290
|
status: 'idle',
|
|
16221
16291
|
customColor: badgeColor,
|
|
16222
|
-
className: styles$
|
|
16292
|
+
className: styles$W.overflow_badge
|
|
16223
16293
|
}))), areActionsVisible && /*#__PURE__*/React.createElement("div", {
|
|
16224
|
-
className: styles$
|
|
16294
|
+
className: styles$W.thematic__header__actions
|
|
16225
16295
|
}, !isAddTagHidden && /*#__PURE__*/React.createElement(IconButton, {
|
|
16226
16296
|
icon: /*#__PURE__*/React.createElement(AddTagIcon, {
|
|
16227
16297
|
fill: iconsColor,
|
|
@@ -16247,10 +16317,10 @@ const Thematic = ({
|
|
|
16247
16317
|
variant: "tertiary",
|
|
16248
16318
|
onClick: handleOnClickDeleteThematic
|
|
16249
16319
|
}))), tagsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16250
|
-
className: styles$
|
|
16320
|
+
className: styles$W.tagsContainer
|
|
16251
16321
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16252
16322
|
key: `${tag}-${idx}`,
|
|
16253
|
-
className: styles$
|
|
16323
|
+
className: styles$W.tag,
|
|
16254
16324
|
onClick: e => handleOnClickTag(e, tag)
|
|
16255
16325
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
16256
16326
|
tooltipDescription: tag.definition,
|
|
@@ -16262,7 +16332,7 @@ const Thematic = ({
|
|
|
16262
16332
|
customColor: tagColor.toHex(),
|
|
16263
16333
|
size: "base",
|
|
16264
16334
|
amountNumber: tag.amount,
|
|
16265
|
-
className: styles$
|
|
16335
|
+
className: styles$W.overflow_tag
|
|
16266
16336
|
})))))), /*#__PURE__*/React.createElement(Popover, {
|
|
16267
16337
|
open: isAddTagPopoverOpen,
|
|
16268
16338
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -16271,16 +16341,16 @@ const Thematic = ({
|
|
|
16271
16341
|
horizontal: 'right'
|
|
16272
16342
|
},
|
|
16273
16343
|
onClose: closeAddTagPopover,
|
|
16274
|
-
className: styles$
|
|
16344
|
+
className: styles$W.addTagPopover
|
|
16275
16345
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16276
|
-
className: styles$
|
|
16346
|
+
className: styles$W.content
|
|
16277
16347
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16278
16348
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
16279
16349
|
value: newTagName,
|
|
16280
16350
|
onChange: e => setNewTagName(e.target.value),
|
|
16281
16351
|
onKeyDown: handleOnClickValidateAddTag
|
|
16282
16352
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16283
|
-
className: styles$
|
|
16353
|
+
className: styles$W.actions
|
|
16284
16354
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16285
16355
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16286
16356
|
size: "sm",
|
|
@@ -16294,11 +16364,11 @@ const Thematic = ({
|
|
|
16294
16364
|
horizontal: 'right'
|
|
16295
16365
|
},
|
|
16296
16366
|
onClose: closeTagMenuPopover,
|
|
16297
|
-
className: styles$
|
|
16367
|
+
className: styles$W.tagMenuPopover
|
|
16298
16368
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16299
|
-
className: styles$
|
|
16369
|
+
className: styles$W.dropdown
|
|
16300
16370
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16301
|
-
className: styles$
|
|
16371
|
+
className: styles$W.item,
|
|
16302
16372
|
onClick: e => handleOnClickEditTag(e)
|
|
16303
16373
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16304
16374
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -16307,7 +16377,7 @@ const Thematic = ({
|
|
|
16307
16377
|
fill: colors.black,
|
|
16308
16378
|
size: "base"
|
|
16309
16379
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
16310
|
-
className: styles$
|
|
16380
|
+
className: styles$W.item,
|
|
16311
16381
|
onClick: e => handleOnClickMoveTag(e)
|
|
16312
16382
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16313
16383
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -16316,7 +16386,7 @@ const Thematic = ({
|
|
|
16316
16386
|
fill: colors.black,
|
|
16317
16387
|
size: "base"
|
|
16318
16388
|
})), /*#__PURE__*/React.createElement("div", {
|
|
16319
|
-
className: styles$
|
|
16389
|
+
className: styles$W.item,
|
|
16320
16390
|
onClick: handleOnClickDeleteTag
|
|
16321
16391
|
}, /*#__PURE__*/React.createElement(BinIcon, {
|
|
16322
16392
|
fill: colors.red_500,
|
|
@@ -16332,16 +16402,16 @@ const Thematic = ({
|
|
|
16332
16402
|
horizontal: 'right'
|
|
16333
16403
|
},
|
|
16334
16404
|
onClose: closeEditTagPopover,
|
|
16335
|
-
className: styles$
|
|
16405
|
+
className: styles$W.editTagPopover
|
|
16336
16406
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16337
|
-
className: styles$
|
|
16407
|
+
className: styles$W.content
|
|
16338
16408
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
16339
16409
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
16340
16410
|
value: editedTagName,
|
|
16341
16411
|
onChange: e => setEditedTagName(e.target.value),
|
|
16342
16412
|
onKeyDown: handleOnClickValidateEditTag
|
|
16343
16413
|
}), /*#__PURE__*/React.createElement("div", {
|
|
16344
|
-
className: styles$
|
|
16414
|
+
className: styles$W.actions
|
|
16345
16415
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
16346
16416
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
16347
16417
|
size: "sm",
|
|
@@ -16355,17 +16425,17 @@ const Thematic = ({
|
|
|
16355
16425
|
horizontal: 'right'
|
|
16356
16426
|
},
|
|
16357
16427
|
onClose: closeMoveTagPopover,
|
|
16358
|
-
className: styles$
|
|
16428
|
+
className: styles$W.moveTagPopover
|
|
16359
16429
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16360
|
-
className: styles$
|
|
16430
|
+
className: styles$W.content
|
|
16361
16431
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16362
|
-
className: styles$
|
|
16432
|
+
className: styles$W.otherThematicsContainer
|
|
16363
16433
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React.createElement("div", {
|
|
16364
16434
|
key: `${thematic}-${idx}`,
|
|
16365
|
-
className: styles$
|
|
16435
|
+
className: styles$W.otherThematic,
|
|
16366
16436
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
16367
16437
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16368
|
-
className: styles$
|
|
16438
|
+
className: styles$W.color,
|
|
16369
16439
|
style: {
|
|
16370
16440
|
backgroundColor: thematic.color,
|
|
16371
16441
|
height: '1rem',
|
|
@@ -16378,9 +16448,9 @@ const Thematic = ({
|
|
|
16378
16448
|
})))))));
|
|
16379
16449
|
};
|
|
16380
16450
|
|
|
16381
|
-
var css_248z$
|
|
16382
|
-
var styles$
|
|
16383
|
-
styleInject(css_248z$
|
|
16451
|
+
var css_248z$X = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
16452
|
+
var styles$X = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
16453
|
+
styleInject(css_248z$X);
|
|
16384
16454
|
|
|
16385
16455
|
const TimeInterval = ({
|
|
16386
16456
|
startTime,
|
|
@@ -16402,10 +16472,10 @@ const TimeInterval = ({
|
|
|
16402
16472
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
16403
16473
|
}
|
|
16404
16474
|
return /*#__PURE__*/React.createElement("div", {
|
|
16405
|
-
className: `${styles$
|
|
16475
|
+
className: `${styles$X.time_interval} ${className}`,
|
|
16406
16476
|
onClick: () => onClick(startTime)
|
|
16407
16477
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16408
|
-
className: styles$
|
|
16478
|
+
className: styles$X.times_text,
|
|
16409
16479
|
size: "sm",
|
|
16410
16480
|
weight: "semi-bold",
|
|
16411
16481
|
color: colors.blue_500,
|
|
@@ -16414,9 +16484,9 @@ const TimeInterval = ({
|
|
|
16414
16484
|
}));
|
|
16415
16485
|
};
|
|
16416
16486
|
|
|
16417
|
-
var css_248z$
|
|
16418
|
-
var styles$
|
|
16419
|
-
styleInject(css_248z$
|
|
16487
|
+
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}";
|
|
16488
|
+
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"};
|
|
16489
|
+
styleInject(css_248z$Y);
|
|
16420
16490
|
|
|
16421
16491
|
const CssTextField$8 = /*#__PURE__*/styled(TextField)({
|
|
16422
16492
|
'& .MuiInputBase-input': {
|
|
@@ -16548,12 +16618,12 @@ const TimePicker = ({
|
|
|
16548
16618
|
dateAdapter: AdapterDateFns,
|
|
16549
16619
|
adapterLocale: locales[locale]
|
|
16550
16620
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16551
|
-
className: `${styles$
|
|
16621
|
+
className: `${styles$Y.time_picker} ${className ? className : undefined}`
|
|
16552
16622
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
16553
16623
|
text: `${topLabel ? topLabel : ''}`,
|
|
16554
16624
|
weight: topLabelWeight || 'bold',
|
|
16555
16625
|
size: topLabelSize || 'base',
|
|
16556
|
-
className: styles$
|
|
16626
|
+
className: styles$Y.input_top_label,
|
|
16557
16627
|
required: required
|
|
16558
16628
|
}), /*#__PURE__*/React.createElement(TimePicker$1, {
|
|
16559
16629
|
label: label,
|
|
@@ -16583,18 +16653,18 @@ const TimePicker = ({
|
|
|
16583
16653
|
color: "#F54C4C",
|
|
16584
16654
|
italic: true,
|
|
16585
16655
|
text: errorText,
|
|
16586
|
-
className: styles$
|
|
16656
|
+
className: styles$Y.text_below
|
|
16587
16657
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16588
16658
|
size: "xs",
|
|
16589
16659
|
italic: true,
|
|
16590
16660
|
text: helperText,
|
|
16591
|
-
className: styles$
|
|
16661
|
+
className: styles$Y.text_below
|
|
16592
16662
|
}))));
|
|
16593
16663
|
};
|
|
16594
16664
|
|
|
16595
|
-
var css_248z$
|
|
16596
|
-
var styles$
|
|
16597
|
-
styleInject(css_248z$
|
|
16665
|
+
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}";
|
|
16666
|
+
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"};
|
|
16667
|
+
styleInject(css_248z$Z);
|
|
16598
16668
|
|
|
16599
16669
|
const ToggleTab = ({
|
|
16600
16670
|
optionOne,
|
|
@@ -16623,47 +16693,47 @@ const ToggleTab = ({
|
|
|
16623
16693
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16624
16694
|
};
|
|
16625
16695
|
return /*#__PURE__*/React.createElement("div", {
|
|
16626
|
-
className: styles$
|
|
16696
|
+
className: styles$Z.toggleTab,
|
|
16627
16697
|
style: {
|
|
16628
16698
|
background: background[variant]
|
|
16629
16699
|
}
|
|
16630
16700
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16631
|
-
className: styles$
|
|
16701
|
+
className: styles$Z.option,
|
|
16632
16702
|
style: {
|
|
16633
16703
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16634
16704
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16635
16705
|
}
|
|
16636
16706
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16637
16707
|
onClick: onClickOptionOne,
|
|
16638
|
-
className: styles$
|
|
16708
|
+
className: styles$Z.option__btn
|
|
16639
16709
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16640
16710
|
size: "base",
|
|
16641
16711
|
weight: "bold",
|
|
16642
16712
|
text: optionOne,
|
|
16643
16713
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16644
16714
|
}), optionalFirstText && /*#__PURE__*/React.createElement("div", {
|
|
16645
|
-
className: styles$
|
|
16715
|
+
className: styles$Z.optionalText
|
|
16646
16716
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16647
16717
|
text: optionalFirstText,
|
|
16648
16718
|
size: "sm",
|
|
16649
16719
|
weight: "regular",
|
|
16650
16720
|
color: "#fff"
|
|
16651
16721
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
16652
|
-
className: styles$
|
|
16722
|
+
className: styles$Z.option,
|
|
16653
16723
|
style: {
|
|
16654
16724
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16655
16725
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16656
16726
|
}
|
|
16657
16727
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16658
16728
|
onClick: onClickOptionTwo,
|
|
16659
|
-
className: styles$
|
|
16729
|
+
className: styles$Z.option__btn
|
|
16660
16730
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16661
16731
|
size: "base",
|
|
16662
16732
|
weight: "bold",
|
|
16663
16733
|
text: optionTwo,
|
|
16664
16734
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16665
16735
|
}), optionalSecondText && /*#__PURE__*/React.createElement("div", {
|
|
16666
|
-
className: styles$
|
|
16736
|
+
className: styles$Z.optionalText
|
|
16667
16737
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16668
16738
|
text: optionalSecondText,
|
|
16669
16739
|
size: "sm",
|
|
@@ -16672,9 +16742,9 @@ const ToggleTab = ({
|
|
|
16672
16742
|
})))));
|
|
16673
16743
|
};
|
|
16674
16744
|
|
|
16675
|
-
var css_248z$
|
|
16676
|
-
var styles$
|
|
16677
|
-
styleInject(css_248z$
|
|
16745
|
+
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}";
|
|
16746
|
+
var styles$_ = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16747
|
+
styleInject(css_248z$_);
|
|
16678
16748
|
|
|
16679
16749
|
/** This text should be use to display basic text
|
|
16680
16750
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16683,15 +16753,15 @@ const SquareText = ({
|
|
|
16683
16753
|
text
|
|
16684
16754
|
}) => {
|
|
16685
16755
|
return /*#__PURE__*/React.createElement("div", {
|
|
16686
|
-
className: `${styles$
|
|
16756
|
+
className: `${styles$_.SquareTextContainer}`
|
|
16687
16757
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16688
16758
|
text: text
|
|
16689
16759
|
}));
|
|
16690
16760
|
};
|
|
16691
16761
|
|
|
16692
|
-
var css_248z
|
|
16693
|
-
var styles
|
|
16694
|
-
styleInject(css_248z
|
|
16762
|
+
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)}";
|
|
16763
|
+
var styles$$ = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16764
|
+
styleInject(css_248z$$);
|
|
16695
16765
|
|
|
16696
16766
|
/** This text should only be used for the captions
|
|
16697
16767
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16707,13 +16777,13 @@ const Caption = ({
|
|
|
16707
16777
|
style: {
|
|
16708
16778
|
color: color
|
|
16709
16779
|
},
|
|
16710
|
-
className: `${styles
|
|
16780
|
+
className: `${styles$$.caption_text} ${uppercase ? styles$$.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16711
16781
|
}), text);
|
|
16712
16782
|
};
|
|
16713
16783
|
|
|
16714
|
-
var css_248z
|
|
16715
|
-
var styles
|
|
16716
|
-
styleInject(css_248z
|
|
16784
|
+
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}";
|
|
16785
|
+
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"};
|
|
16786
|
+
styleInject(css_248z$10);
|
|
16717
16787
|
|
|
16718
16788
|
/** This text should be use to display basic text */
|
|
16719
16789
|
const Link = ({
|
|
@@ -16727,10 +16797,10 @@ const Link = ({
|
|
|
16727
16797
|
...props
|
|
16728
16798
|
}) => {
|
|
16729
16799
|
const getLinkSize = () => {
|
|
16730
|
-
if (size === 'xs') return styles
|
|
16800
|
+
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
16801
|
};
|
|
16732
16802
|
const getLinkWeight = () => {
|
|
16733
|
-
if (weight === 'semi-bold') return styles
|
|
16803
|
+
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
16804
|
};
|
|
16735
16805
|
if (isExternal) {
|
|
16736
16806
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16741,7 +16811,7 @@ const Link = ({
|
|
|
16741
16811
|
style: {
|
|
16742
16812
|
color: color
|
|
16743
16813
|
},
|
|
16744
|
-
className: `${styles
|
|
16814
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16745
16815
|
}), text));
|
|
16746
16816
|
} else {
|
|
16747
16817
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16750,48 +16820,11 @@ const Link = ({
|
|
|
16750
16820
|
style: {
|
|
16751
16821
|
color: color
|
|
16752
16822
|
},
|
|
16753
|
-
className: `${styles
|
|
16823
|
+
className: `${styles$10.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16754
16824
|
}), text));
|
|
16755
16825
|
}
|
|
16756
16826
|
};
|
|
16757
16827
|
|
|
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
16828
|
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
16829
|
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
16830
|
styleInject(css_248z$11);
|
|
@@ -16918,5 +16951,5 @@ const UserIndicator = ({
|
|
|
16918
16951
|
}));
|
|
16919
16952
|
};
|
|
16920
16953
|
|
|
16921
|
-
export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
16954
|
+
export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CloudUpload, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileInput, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, OtherTab, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
16922
16955
|
//# sourceMappingURL=odaptos_design_system.esm.js.map
|