odaptos_design_system 2.0.39 → 2.0.41
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/Buttons/MksiteButton.d.ts +11 -0
- package/dist/DesignTokens/Icons/Interaction/AccountIconMksite.d.ts +7 -0
- package/dist/DesignTokens/Icons/index.d.ts +1 -0
- package/dist/Molecules/Interviews/SelfProtocolManager.d.ts +1 -1
- package/dist/index.d.ts +1 -0
- package/dist/odaptos_design_system.cjs.development.js +588 -534
- 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 +570 -518
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Atoms/Buttons/MksiteButton.modules.scss +84 -0
- package/src/Atoms/Buttons/MksiteButton.tsx +41 -0
- package/src/DesignTokens/Icons/Interaction/AccountIconMksite.tsx +37 -0
- package/src/DesignTokens/Icons/index.ts +1 -0
- package/src/Molecules/Interviews/SelfProtocolManager.tsx +7 -3
- package/src/index.ts +1 -0
|
@@ -9,7 +9,7 @@ var React__default = _interopDefault(React);
|
|
|
9
9
|
var colord = require('colord');
|
|
10
10
|
var mixPlugin = _interopDefault(require('colord/plugins/mix'));
|
|
11
11
|
var a11yPlugin = _interopDefault(require('colord/plugins/a11y'));
|
|
12
|
-
var styles$
|
|
12
|
+
var styles$14 = require('@mui/material/styles');
|
|
13
13
|
var material = require('@mui/material');
|
|
14
14
|
var reactColorful = require('react-colorful');
|
|
15
15
|
var AdapterDateFnsV3 = require('@mui/x-date-pickers/AdapterDateFnsV3');
|
|
@@ -263,10 +263,36 @@ const Button = ({
|
|
|
263
263
|
}), iconRight && iconRight);
|
|
264
264
|
};
|
|
265
265
|
|
|
266
|
-
var css_248z$5 = ".
|
|
267
|
-
var styles$5 = {"
|
|
266
|
+
var css_248z$5 = ".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:var(--White,#fff);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:var(--White,#fff);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}";
|
|
267
|
+
var styles$5 = {"button":"MksiteButton-modules_button__wminL","button_primary":"MksiteButton-modules_button_primary__jVpdT","button_secondary":"MksiteButton-modules_button_secondary__JnAKk"};
|
|
268
268
|
styleInject(css_248z$5);
|
|
269
269
|
|
|
270
|
+
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
271
|
+
const MksiteButton = ({
|
|
272
|
+
variant = 'primary',
|
|
273
|
+
iconLeft,
|
|
274
|
+
iconRight,
|
|
275
|
+
text,
|
|
276
|
+
disabled,
|
|
277
|
+
className,
|
|
278
|
+
...props
|
|
279
|
+
}) => {
|
|
280
|
+
const getStylesByVariant = () => {
|
|
281
|
+
if (variant === 'primary') return styles$5.button_primary;else if (variant === 'secondary') return styles$5.button_secondary;else return styles$5.button_primary;
|
|
282
|
+
};
|
|
283
|
+
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
284
|
+
className: `${styles$5.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
285
|
+
disabled: disabled
|
|
286
|
+
}, props), iconLeft && iconLeft, /*#__PURE__*/React__default.createElement(TextForButton, {
|
|
287
|
+
text: text,
|
|
288
|
+
bold: true
|
|
289
|
+
}), iconRight && iconRight);
|
|
290
|
+
};
|
|
291
|
+
|
|
292
|
+
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}";
|
|
293
|
+
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"};
|
|
294
|
+
styleInject(css_248z$6);
|
|
295
|
+
|
|
270
296
|
/** Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
|
|
271
297
|
const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
272
298
|
variant = 'primary',
|
|
@@ -278,23 +304,23 @@ const IconButton = /*#__PURE__*/React.forwardRef(({
|
|
|
278
304
|
...props
|
|
279
305
|
}, ref) => {
|
|
280
306
|
const getStylesByVariant = () => {
|
|
281
|
-
if (variant === 'primary') return styles$
|
|
307
|
+
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;
|
|
282
308
|
};
|
|
283
309
|
const getStylesBySize = () => {
|
|
284
|
-
if (size === 'xxs') return styles$
|
|
285
|
-
if (size === 'xs') return styles$
|
|
310
|
+
if (size === 'xxs') return styles$6.icon_button_xxs;
|
|
311
|
+
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;
|
|
286
312
|
};
|
|
287
313
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
288
314
|
ref: ref,
|
|
289
|
-
className: `${styles$
|
|
315
|
+
className: `${styles$6.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
290
316
|
onClick: onClick,
|
|
291
317
|
disabled: disabled
|
|
292
318
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MinusCircledIcon, null));
|
|
293
319
|
});
|
|
294
320
|
|
|
295
|
-
var css_248z$
|
|
296
|
-
var styles$
|
|
297
|
-
styleInject(css_248z$
|
|
321
|
+
var css_248z$7 = ".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%}";
|
|
322
|
+
var styles$7 = {"card":"Card-modules_card__3XjRq"};
|
|
323
|
+
styleInject(css_248z$7);
|
|
298
324
|
|
|
299
325
|
const Card = ({
|
|
300
326
|
children,
|
|
@@ -302,27 +328,27 @@ const Card = ({
|
|
|
302
328
|
onMouseLeave,
|
|
303
329
|
className
|
|
304
330
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
305
|
-
className: `${styles$
|
|
331
|
+
className: `${styles$7.card} ${className}`,
|
|
306
332
|
onMouseEnter: onMouseEnter,
|
|
307
333
|
onMouseLeave: onMouseLeave
|
|
308
334
|
}, children);
|
|
309
335
|
|
|
310
|
-
var css_248z$
|
|
311
|
-
var styles$
|
|
312
|
-
styleInject(css_248z$
|
|
336
|
+
var css_248z$8 = ".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}";
|
|
337
|
+
var styles$8 = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
338
|
+
styleInject(css_248z$8);
|
|
313
339
|
|
|
314
340
|
const CardButton = ({
|
|
315
341
|
children,
|
|
316
342
|
className
|
|
317
343
|
}) => /*#__PURE__*/React__default.createElement("div", {
|
|
318
|
-
className: `${styles$
|
|
344
|
+
className: `${styles$8.card_button} ${className}`
|
|
319
345
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
320
346
|
text: children
|
|
321
347
|
}));
|
|
322
348
|
|
|
323
|
-
var css_248z$
|
|
324
|
-
var styles$
|
|
325
|
-
styleInject(css_248z$
|
|
349
|
+
var css_248z$9 = ".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}";
|
|
350
|
+
var styles$9 = {"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"};
|
|
351
|
+
styleInject(css_248z$9);
|
|
326
352
|
|
|
327
353
|
const ChatMessage = ({
|
|
328
354
|
message,
|
|
@@ -347,23 +373,23 @@ const ChatMessage = ({
|
|
|
347
373
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
348
374
|
};
|
|
349
375
|
if (!isMe) return /*#__PURE__*/React__default.createElement("div", {
|
|
350
|
-
className: styles$
|
|
376
|
+
className: styles$9.user_message_container
|
|
351
377
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
352
|
-
className: styles$
|
|
378
|
+
className: styles$9.bot_indicator
|
|
353
379
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
354
380
|
text: getTwoInitials(message.from.name),
|
|
355
381
|
weight: "bold",
|
|
356
382
|
color: "white",
|
|
357
383
|
size: "sm"
|
|
358
384
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
359
|
-
className: styles$
|
|
385
|
+
className: styles$9.message_chatbot
|
|
360
386
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
361
|
-
className: styles$
|
|
387
|
+
className: styles$9.not_user_text_message
|
|
362
388
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
363
389
|
dangerouslySetInnerHTML: {
|
|
364
390
|
__html: replaceURLs(message.body) ?? ''
|
|
365
391
|
},
|
|
366
|
-
className: styles$
|
|
392
|
+
className: styles$9.user_text
|
|
367
393
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
368
394
|
onClick: onClickTime,
|
|
369
395
|
className: classNameTime,
|
|
@@ -371,23 +397,23 @@ const ChatMessage = ({
|
|
|
371
397
|
endTime: endTime
|
|
372
398
|
})));else {
|
|
373
399
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
374
|
-
className: styles$
|
|
400
|
+
className: styles$9.user_message_container
|
|
375
401
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
376
|
-
className: styles$
|
|
402
|
+
className: styles$9.message_chatbot
|
|
377
403
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
378
|
-
className: styles$
|
|
404
|
+
className: styles$9.user_text_message
|
|
379
405
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
380
406
|
dangerouslySetInnerHTML: {
|
|
381
407
|
__html: replaceURLs(message.body) ?? ''
|
|
382
408
|
},
|
|
383
|
-
className: styles$
|
|
409
|
+
className: styles$9.user_text
|
|
384
410
|
})), /*#__PURE__*/React__default.createElement(TimeInterval, {
|
|
385
411
|
onClick: onClickTime,
|
|
386
412
|
className: classNameTime,
|
|
387
413
|
startTime: startTime,
|
|
388
414
|
endTime: endTime
|
|
389
415
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
390
|
-
className: styles$
|
|
416
|
+
className: styles$9.user_indicator
|
|
391
417
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
392
418
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
393
419
|
weight: "bold",
|
|
@@ -397,11 +423,11 @@ const ChatMessage = ({
|
|
|
397
423
|
}
|
|
398
424
|
};
|
|
399
425
|
|
|
400
|
-
var css_248z$
|
|
401
|
-
var styles$
|
|
402
|
-
styleInject(css_248z$
|
|
426
|
+
var css_248z$a = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}";
|
|
427
|
+
var styles$a = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv"};
|
|
428
|
+
styleInject(css_248z$a);
|
|
403
429
|
|
|
404
|
-
const BpIcon = /*#__PURE__*/styles$
|
|
430
|
+
const BpIcon = /*#__PURE__*/styles$14.styled('span')(() => ({
|
|
405
431
|
borderRadius: '0.25rem',
|
|
406
432
|
border: `1px solid #8A8B8E`,
|
|
407
433
|
width: '1rem',
|
|
@@ -420,7 +446,7 @@ const BpIcon = /*#__PURE__*/styles$13.styled('span')(() => ({
|
|
|
420
446
|
cursor: 'not-allowed'
|
|
421
447
|
}
|
|
422
448
|
}));
|
|
423
|
-
const BpCheckedIcon = /*#__PURE__*/styles$
|
|
449
|
+
const BpCheckedIcon = /*#__PURE__*/styles$14.styled(BpIcon)({
|
|
424
450
|
backgroundColor: '#0077FF',
|
|
425
451
|
backgroundImage: 'linear-gradient(180deg,hsla(0,0%,100%,.1),hsla(0,0%,100%,0))',
|
|
426
452
|
border: `1px solid #0077FF`,
|
|
@@ -475,7 +501,7 @@ const Checkbox = ({
|
|
|
475
501
|
className
|
|
476
502
|
}) => {
|
|
477
503
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
478
|
-
className: `${styles$
|
|
504
|
+
className: `${styles$a.checkboxContainer} ${className}`,
|
|
479
505
|
style: {
|
|
480
506
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
481
507
|
}
|
|
@@ -588,9 +614,9 @@ const getColor = (colorName, shade) => {
|
|
|
588
614
|
return undefined;
|
|
589
615
|
};
|
|
590
616
|
|
|
591
|
-
var css_248z$
|
|
592
|
-
var styles$
|
|
593
|
-
styleInject(css_248z$
|
|
617
|
+
var css_248z$b = ".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}";
|
|
618
|
+
var styles$b = {"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"};
|
|
619
|
+
styleInject(css_248z$b);
|
|
594
620
|
|
|
595
621
|
const ColorPicker = ({
|
|
596
622
|
color,
|
|
@@ -601,30 +627,30 @@ const ColorPicker = ({
|
|
|
601
627
|
onChange(color);
|
|
602
628
|
};
|
|
603
629
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
604
|
-
className: styles$
|
|
630
|
+
className: styles$b.colorPicker
|
|
605
631
|
}, /*#__PURE__*/React__default.createElement(reactColorful.HexAlphaColorPicker, {
|
|
606
632
|
color: color,
|
|
607
633
|
onChange: onChange
|
|
608
634
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
609
|
-
className: styles$
|
|
635
|
+
className: styles$b.colorPicker__bottom
|
|
610
636
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
611
|
-
className: styles$
|
|
637
|
+
className: styles$b.colorPicker__bottom__color,
|
|
612
638
|
style: {
|
|
613
639
|
backgroundColor: color
|
|
614
640
|
}
|
|
615
641
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
616
|
-
className: styles$
|
|
642
|
+
className: styles$b.colorPicker__bottom__input
|
|
617
643
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
618
644
|
type: "text",
|
|
619
645
|
value: color,
|
|
620
646
|
onChange: e => handleChange(e.target.value),
|
|
621
|
-
className: styles$
|
|
647
|
+
className: styles$b.colorTextInput
|
|
622
648
|
}))));
|
|
623
649
|
};
|
|
624
650
|
|
|
625
|
-
var css_248z$
|
|
626
|
-
var styles$
|
|
627
|
-
styleInject(css_248z$
|
|
651
|
+
var css_248z$c = ".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)}";
|
|
652
|
+
var styles$c = {"data_protection_disclaimer":"data-protection-disclaimer-module_data_protection_disclaimer__88Cx1","data_protection_disclaimer_content":"data-protection-disclaimer-module_data_protection_disclaimer_content__phvNW"};
|
|
653
|
+
styleInject(css_248z$c);
|
|
628
654
|
|
|
629
655
|
const DataProtectionDisclaimer = ({
|
|
630
656
|
content,
|
|
@@ -632,20 +658,20 @@ const DataProtectionDisclaimer = ({
|
|
|
632
658
|
contentClassName
|
|
633
659
|
}) => {
|
|
634
660
|
return /*#__PURE__*/React__default.createElement("footer", {
|
|
635
|
-
className: `${styles$
|
|
661
|
+
className: `${styles$c.data_protection_disclaimer} ${className}`
|
|
636
662
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
637
663
|
dangerouslySetInnerHTML: {
|
|
638
664
|
__html: content
|
|
639
665
|
},
|
|
640
|
-
className: `${styles$
|
|
666
|
+
className: `${styles$c.data_protection_disclaimer_content} ${contentClassName}`
|
|
641
667
|
}));
|
|
642
668
|
};
|
|
643
669
|
|
|
644
|
-
var css_248z$
|
|
645
|
-
var styles$
|
|
646
|
-
styleInject(css_248z$
|
|
670
|
+
var css_248z$d = ".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}";
|
|
671
|
+
var styles$d = {"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"};
|
|
672
|
+
styleInject(css_248z$d);
|
|
647
673
|
|
|
648
|
-
const CssTextField = /*#__PURE__*/styles$
|
|
674
|
+
const CssTextField = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
649
675
|
'& .MuiInputBase-input': {
|
|
650
676
|
color: '#26292E',
|
|
651
677
|
fontFamily: 'Open Sans !important',
|
|
@@ -774,12 +800,12 @@ const DatePicker = ({
|
|
|
774
800
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
775
801
|
adapterLocale: locale === 'enUS' ? enUS.enUS : locale === 'fr' ? fr.fr : locale === 'it' ? it.it : locale === 'de' ? de.de : locale === 'es' ? es.es : enUS.enUS
|
|
776
802
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
777
|
-
className: `${styles$
|
|
803
|
+
className: `${styles$d.date_picker} ${className ? className : undefined}`
|
|
778
804
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
779
805
|
text: `${topLabel ? topLabel : ''}`,
|
|
780
806
|
weight: topLabelWeight || 'bold',
|
|
781
807
|
size: topLabelSize || 'base',
|
|
782
|
-
className: styles$
|
|
808
|
+
className: styles$d.input_top_label,
|
|
783
809
|
required: required
|
|
784
810
|
}), /*#__PURE__*/React__default.createElement(DatePicker$1.DatePicker, {
|
|
785
811
|
label: label,
|
|
@@ -824,18 +850,18 @@ const DatePicker = ({
|
|
|
824
850
|
color: "#F54C4C",
|
|
825
851
|
italic: true,
|
|
826
852
|
text: errorText,
|
|
827
|
-
className: styles$
|
|
853
|
+
className: styles$d.text_below
|
|
828
854
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
829
855
|
size: "xs",
|
|
830
856
|
italic: true,
|
|
831
857
|
text: helperText,
|
|
832
|
-
className: styles$
|
|
858
|
+
className: styles$d.text_below
|
|
833
859
|
}))));
|
|
834
860
|
};
|
|
835
861
|
|
|
836
|
-
var css_248z$
|
|
837
|
-
var styles$
|
|
838
|
-
styleInject(css_248z$
|
|
862
|
+
var css_248z$e = ".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}}";
|
|
863
|
+
var styles$e = {"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"};
|
|
864
|
+
styleInject(css_248z$e);
|
|
839
865
|
|
|
840
866
|
const HeaderCell = ({
|
|
841
867
|
planName,
|
|
@@ -864,7 +890,7 @@ const HeaderCell = ({
|
|
|
864
890
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
865
891
|
};
|
|
866
892
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
867
|
-
className: styles$
|
|
893
|
+
className: styles$e.headerCell
|
|
868
894
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
869
895
|
size: "base",
|
|
870
896
|
weight: "semi-bold",
|
|
@@ -874,7 +900,7 @@ const HeaderCell = ({
|
|
|
874
900
|
weight: "bold",
|
|
875
901
|
text: cmsContent.LetsTalk
|
|
876
902
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
877
|
-
className: styles$
|
|
903
|
+
className: styles$e.priceContainer
|
|
878
904
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
879
905
|
size: "base",
|
|
880
906
|
weight: "bold",
|
|
@@ -896,9 +922,9 @@ const TableHeader = ({
|
|
|
896
922
|
actionsArray
|
|
897
923
|
}) => {
|
|
898
924
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
899
|
-
className: styles$
|
|
925
|
+
className: styles$e.tableHeader
|
|
900
926
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
901
|
-
className: styles$
|
|
927
|
+
className: styles$e.headerTitle
|
|
902
928
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
903
929
|
size: "base",
|
|
904
930
|
weight: "semi-bold",
|
|
@@ -923,13 +949,13 @@ const RowCell = ({
|
|
|
923
949
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
924
950
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
925
951
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
926
|
-
className: styles$
|
|
952
|
+
className: styles$e.rowCell
|
|
927
953
|
}, prefix && /*#__PURE__*/React__default.createElement(Text, {
|
|
928
954
|
size: "sm",
|
|
929
955
|
weight: "regular",
|
|
930
956
|
text: prefix
|
|
931
957
|
}), showCheckmark ? /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
932
|
-
className: styles$
|
|
958
|
+
className: styles$e.checkedIcon
|
|
933
959
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React__default.createElement(Text, {
|
|
934
960
|
size: "sm",
|
|
935
961
|
weight: "bold",
|
|
@@ -947,14 +973,14 @@ const FeatureRow = ({
|
|
|
947
973
|
}) => {
|
|
948
974
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
949
975
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
950
|
-
className: `${styles$
|
|
976
|
+
className: `${styles$e.featureRow} ${isLastOfTable ? styles$e.lastRow : ''}`
|
|
951
977
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
952
|
-
className: styles$
|
|
978
|
+
className: styles$e.featureName
|
|
953
979
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
954
980
|
size: "sm",
|
|
955
981
|
weight: "regular",
|
|
956
982
|
text: feature.Name,
|
|
957
|
-
className: styles$
|
|
983
|
+
className: styles$e.overflow2Lines
|
|
958
984
|
}), feature.TooltipDescription && /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
959
985
|
tooltipDescription: feature.TooltipDescription,
|
|
960
986
|
placement: "right"
|
|
@@ -962,7 +988,7 @@ const FeatureRow = ({
|
|
|
962
988
|
icon: /*#__PURE__*/React__default.createElement(QuestionCircledIcon, null),
|
|
963
989
|
variant: "tertiary",
|
|
964
990
|
size: "xxs",
|
|
965
|
-
className: styles$
|
|
991
|
+
className: styles$e.tooltipButton
|
|
966
992
|
}))), tierList.map((tier, index) => {
|
|
967
993
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
968
994
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -980,7 +1006,7 @@ const SectionTitleRow = ({
|
|
|
980
1006
|
sectionName = ''
|
|
981
1007
|
}) => {
|
|
982
1008
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
983
|
-
className: styles$
|
|
1009
|
+
className: styles$e.sectionTitleRow
|
|
984
1010
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
985
1011
|
size: "sm",
|
|
986
1012
|
weight: "bold",
|
|
@@ -994,7 +1020,7 @@ const FeatureGroup = ({
|
|
|
994
1020
|
isLastGroup
|
|
995
1021
|
}) => {
|
|
996
1022
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
997
|
-
className: styles$
|
|
1023
|
+
className: styles$e.featureGroup
|
|
998
1024
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React__default.createElement(SectionTitleRow, {
|
|
999
1025
|
sectionName: sectionTitle
|
|
1000
1026
|
}), featureSection.map((feature, index) => {
|
|
@@ -1021,7 +1047,7 @@ const TableBody = ({
|
|
|
1021
1047
|
};
|
|
1022
1048
|
|
|
1023
1049
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1024
|
-
className: styles$
|
|
1050
|
+
className: styles$e.tableBody
|
|
1025
1051
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React__default.createElement(FeatureGroup, {
|
|
1026
1052
|
key: index,
|
|
1027
1053
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -1038,7 +1064,7 @@ const FeaturesTable = ({
|
|
|
1038
1064
|
actionsArray
|
|
1039
1065
|
}) => {
|
|
1040
1066
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1041
|
-
className: styles$
|
|
1067
|
+
className: styles$e.featuresTable
|
|
1042
1068
|
}, /*#__PURE__*/React__default.createElement(TableHeader, {
|
|
1043
1069
|
plans: pricingCards,
|
|
1044
1070
|
cmsContent: cmsContent,
|
|
@@ -1049,9 +1075,9 @@ const FeaturesTable = ({
|
|
|
1049
1075
|
}));
|
|
1050
1076
|
};
|
|
1051
1077
|
|
|
1052
|
-
var css_248z$
|
|
1053
|
-
var styles$
|
|
1054
|
-
styleInject(css_248z$
|
|
1078
|
+
var css_248z$f = ".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}";
|
|
1079
|
+
var styles$f = {"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"};
|
|
1080
|
+
styleInject(css_248z$f);
|
|
1055
1081
|
|
|
1056
1082
|
/** This text should be use to display basic text
|
|
1057
1083
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -1067,48 +1093,48 @@ const FormQuestions = ({
|
|
|
1067
1093
|
nextText
|
|
1068
1094
|
}) => {
|
|
1069
1095
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1070
|
-
className: styles$
|
|
1096
|
+
className: styles$f.formQuestionsContainer
|
|
1071
1097
|
}, /*#__PURE__*/React__default.createElement(LogoNormal, {
|
|
1072
1098
|
style: {
|
|
1073
1099
|
width: '8.64519rem',
|
|
1074
1100
|
height: '2rem'
|
|
1075
1101
|
}
|
|
1076
1102
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
1077
|
-
className: styles$
|
|
1103
|
+
className: styles$f.formQuestionsContent
|
|
1078
1104
|
}, hint && /*#__PURE__*/React__default.createElement(SquareText, {
|
|
1079
1105
|
text: hint
|
|
1080
1106
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
1081
|
-
className: styles$
|
|
1107
|
+
className: styles$f.questionContainer
|
|
1082
1108
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
1083
1109
|
text: question,
|
|
1084
|
-
className: styles$
|
|
1110
|
+
className: styles$f.questionText
|
|
1085
1111
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
1086
1112
|
text: optionText,
|
|
1087
|
-
className: styles$
|
|
1113
|
+
className: styles$f.topText
|
|
1088
1114
|
}), answers.map(answer => /*#__PURE__*/React__default.createElement(QuestionButton, {
|
|
1089
1115
|
text: answer.text,
|
|
1090
1116
|
clicked: answer.isSelected,
|
|
1091
1117
|
onClick: answer.onClick
|
|
1092
1118
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
1093
|
-
className: styles$
|
|
1119
|
+
className: styles$f.buttons
|
|
1094
1120
|
}, backText && /*#__PURE__*/React__default.createElement(Button, {
|
|
1095
1121
|
variant: 'tertiary',
|
|
1096
|
-
className: styles$
|
|
1122
|
+
className: styles$f.backButton,
|
|
1097
1123
|
iconLeft: /*#__PURE__*/React__default.createElement(ArrowPointerLeft, null),
|
|
1098
1124
|
text: backText,
|
|
1099
1125
|
onClick: backAction
|
|
1100
1126
|
}), nextText && /*#__PURE__*/React__default.createElement(Button, {
|
|
1101
1127
|
disabled: answers.every(answer => !answer.isSelected),
|
|
1102
1128
|
text: nextText,
|
|
1103
|
-
className: styles$
|
|
1129
|
+
className: styles$f.nextButton,
|
|
1104
1130
|
iconRight: /*#__PURE__*/React__default.createElement(ArrowPointerRight, null),
|
|
1105
1131
|
onClick: nextAction
|
|
1106
1132
|
}))));
|
|
1107
1133
|
};
|
|
1108
1134
|
|
|
1109
|
-
var css_248z$
|
|
1110
|
-
var styles$
|
|
1111
|
-
styleInject(css_248z$
|
|
1135
|
+
var css_248z$g = ".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}";
|
|
1136
|
+
var styles$g = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
1137
|
+
styleInject(css_248z$g);
|
|
1112
1138
|
|
|
1113
1139
|
/** This text should be use to display basic text
|
|
1114
1140
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -1120,9 +1146,9 @@ const QuestionButton = ({
|
|
|
1120
1146
|
}) => {
|
|
1121
1147
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1122
1148
|
onClick: onClick,
|
|
1123
|
-
className: `${styles$
|
|
1149
|
+
className: `${styles$g.QuestionButtonContainer} ${clicked ? styles$g.QuestionButtonContainerSelected : ''}`
|
|
1124
1150
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
1125
|
-
className: styles$
|
|
1151
|
+
className: styles$g.QuestionButtonText
|
|
1126
1152
|
}, text));
|
|
1127
1153
|
};
|
|
1128
1154
|
|
|
@@ -6143,6 +6169,32 @@ function AccountIcon({
|
|
|
6143
6169
|
})));
|
|
6144
6170
|
}
|
|
6145
6171
|
|
|
6172
|
+
function AccountIconMksite({
|
|
6173
|
+
stroke,
|
|
6174
|
+
strokeWidth,
|
|
6175
|
+
fill,
|
|
6176
|
+
size = 'base',
|
|
6177
|
+
...rest
|
|
6178
|
+
}) {
|
|
6179
|
+
return /*#__PURE__*/React__default.createElement(material.SvgIcon, Object.assign({
|
|
6180
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
6181
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
6182
|
+
sx: {
|
|
6183
|
+
height: getIconSize(size),
|
|
6184
|
+
width: getIconSize(size)
|
|
6185
|
+
}
|
|
6186
|
+
}, rest), /*#__PURE__*/React__default.createElement("svg", {
|
|
6187
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6188
|
+
width: "20",
|
|
6189
|
+
height: "20",
|
|
6190
|
+
viewBox: "0 0 20 20",
|
|
6191
|
+
fill: "none"
|
|
6192
|
+
}, /*#__PURE__*/React__default.createElement("path", {
|
|
6193
|
+
d: "M10 10C8.88889 10 7.94444 9.61111 7.16667 8.83333C6.38889 8.05556 6 7.11111 6 6C6 4.88889 6.38889 3.94444 7.16667 3.16667C7.94444 2.38889 8.88889 2 10 2C11.1111 2 12.0556 2.38889 12.8333 3.16667C13.6111 3.94444 14 4.88889 14 6C14 7.11111 13.6111 8.05556 12.8333 8.83333C12.0556 9.61111 11.1111 10 10 10ZM2 18V15.3333C2 14.9074 2.11574 14.5046 2.34722 14.125C2.5787 13.7454 2.89815 13.4259 3.30556 13.1667C4.32407 12.5741 5.40278 12.1204 6.54167 11.8056C7.68056 11.4907 8.83333 11.3333 10 11.3333C11.1667 11.3333 12.3194 11.4907 13.4583 11.8056C14.5972 12.1204 15.6759 12.5741 16.6944 13.1667C17.1019 13.4074 17.4213 13.7222 17.6528 14.1111C17.8843 14.5 18 14.9074 18 15.3333V18H2Z",
|
|
6194
|
+
fill: fill
|
|
6195
|
+
})));
|
|
6196
|
+
}
|
|
6197
|
+
|
|
6146
6198
|
function AddIcon({
|
|
6147
6199
|
stroke,
|
|
6148
6200
|
strokeWidth,
|
|
@@ -11563,9 +11615,9 @@ function Partner9({
|
|
|
11563
11615
|
}))));
|
|
11564
11616
|
}
|
|
11565
11617
|
|
|
11566
|
-
var css_248z$
|
|
11567
|
-
var styles$
|
|
11568
|
-
styleInject(css_248z$
|
|
11618
|
+
var css_248z$h = ".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_nm_message_container__bNwXR{background-color:#e5f1ff;border:1px solid #66adff;border-radius:.5rem;display:flex;flex-direction:column;gap:.25rem;padding:.25rem .5rem .5rem}.Chat-modules_chatContainer__7vRrr .Chat-modules_scrolling_content__xMYjW .Chat-modules_tasks_container__LrZfk .Chat-modules_nm_message_container__bNwXR .Chat-modules_nm_button__K6rbE{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}";
|
|
11619
|
+
var styles$h = {"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","nm_message_container":"Chat-modules_nm_message_container__bNwXR","nm_button":"Chat-modules_nm_button__K6rbE","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"};
|
|
11620
|
+
styleInject(css_248z$h);
|
|
11569
11621
|
|
|
11570
11622
|
const Chat = ({
|
|
11571
11623
|
chatTitle,
|
|
@@ -11639,18 +11691,18 @@ const Chat = ({
|
|
|
11639
11691
|
item: true,
|
|
11640
11692
|
xs: 3,
|
|
11641
11693
|
direction: "column",
|
|
11642
|
-
className: `${className ?? ''} ${styles$
|
|
11694
|
+
className: `${className ?? ''} ${styles$h.chatContainer}`
|
|
11643
11695
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
11644
|
-
className: `${styles$
|
|
11696
|
+
className: `${styles$h.scrolling_content} ${styles$h.no_scrollbar} ${customContentClassname}`
|
|
11645
11697
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
11646
11698
|
text: chatTitle,
|
|
11647
11699
|
weight: "bold",
|
|
11648
11700
|
size: "lg"
|
|
11649
11701
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11650
|
-
className: `${styles$
|
|
11702
|
+
className: `${styles$h.tasks_container}
|
|
11651
11703
|
${customScrollingClassname}`
|
|
11652
11704
|
}, isInterviewNonModerated && /*#__PURE__*/React__default.createElement("div", {
|
|
11653
|
-
className: styles$
|
|
11705
|
+
className: styles$h.nm_message_container
|
|
11654
11706
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11655
11707
|
text: 'Share your screen',
|
|
11656
11708
|
weight: "bold",
|
|
@@ -11663,7 +11715,7 @@ const Chat = ({
|
|
|
11663
11715
|
text: 'Share my screen',
|
|
11664
11716
|
onClick: () => startNMScreenSharing(),
|
|
11665
11717
|
iconRight: /*#__PURE__*/React__default.createElement(TvIcon, null),
|
|
11666
|
-
className: styles$
|
|
11718
|
+
className: styles$h.nm_button
|
|
11667
11719
|
})), tasks.map(task => {
|
|
11668
11720
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
11669
11721
|
const realTask = isInterviewer ? task : JSON.parse(task.body);
|
|
@@ -11699,7 +11751,7 @@ const Chat = ({
|
|
|
11699
11751
|
if (task.type === 'scenario' && isInterviewNonModerated) {
|
|
11700
11752
|
const realTask = isInterviewer ? task : JSON.parse(task.body);
|
|
11701
11753
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11702
|
-
className: styles$
|
|
11754
|
+
className: styles$h.nm_message_container
|
|
11703
11755
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11704
11756
|
text: realTask.name,
|
|
11705
11757
|
weight: "bold",
|
|
@@ -11712,7 +11764,7 @@ const Chat = ({
|
|
|
11712
11764
|
text: 'Start Now',
|
|
11713
11765
|
onClick: () => sendTask(realTask),
|
|
11714
11766
|
iconRight: /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
11715
|
-
className: styles$
|
|
11767
|
+
className: styles$h.nm_button
|
|
11716
11768
|
}));
|
|
11717
11769
|
} else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
11718
11770
|
}), isInterviewer && areAllTasksSend && !isRecordingFinished && /*#__PURE__*/React__default.createElement(EndRecording, {
|
|
@@ -11731,15 +11783,15 @@ const Chat = ({
|
|
|
11731
11783
|
item: true,
|
|
11732
11784
|
xs: 3,
|
|
11733
11785
|
direction: "column",
|
|
11734
|
-
className: `${className ?? ''} ${styles$
|
|
11786
|
+
className: `${className ?? ''} ${styles$h.chatContainer}`
|
|
11735
11787
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
11736
|
-
className: `${styles$
|
|
11788
|
+
className: `${styles$h.scrolling_content} ${styles$h.no_scrollbar} ${customContentClassname}`
|
|
11737
11789
|
}, chatTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
11738
11790
|
text: chatTitle,
|
|
11739
11791
|
weight: "bold",
|
|
11740
11792
|
size: "lg"
|
|
11741
11793
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11742
|
-
className: `${styles$
|
|
11794
|
+
className: `${styles$h.tasks_container}
|
|
11743
11795
|
${customScrollingClassname}`
|
|
11744
11796
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
11745
11797
|
title: welcomeTitle,
|
|
@@ -11747,46 +11799,46 @@ const Chat = ({
|
|
|
11747
11799
|
}), messages && messages.map(message => {
|
|
11748
11800
|
if (message && message.type === 'normal') {
|
|
11749
11801
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
11750
|
-
className: styles$
|
|
11802
|
+
className: styles$h.user_message_container
|
|
11751
11803
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11752
|
-
className: styles$
|
|
11804
|
+
className: styles$h.bot_indicator
|
|
11753
11805
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11754
11806
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11755
11807
|
weight: "bold",
|
|
11756
11808
|
color: "white",
|
|
11757
11809
|
size: "sm"
|
|
11758
11810
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11759
|
-
className: styles$
|
|
11811
|
+
className: styles$h.message_chatbot
|
|
11760
11812
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11761
|
-
className: styles$
|
|
11813
|
+
className: styles$h.not_user_text_message
|
|
11762
11814
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11763
11815
|
dangerouslySetInnerHTML: {
|
|
11764
11816
|
__html: replaceURLs(message.body) ?? ''
|
|
11765
11817
|
},
|
|
11766
|
-
className: styles$
|
|
11818
|
+
className: styles$h.user_text
|
|
11767
11819
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
11768
11820
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
11769
11821
|
size: "xs",
|
|
11770
11822
|
color: "grey",
|
|
11771
|
-
className: styles$
|
|
11823
|
+
className: styles$h.user_text_message_username
|
|
11772
11824
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React__default.createElement("div", {
|
|
11773
|
-
className: styles$
|
|
11825
|
+
className: styles$h.user_message_container
|
|
11774
11826
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11775
|
-
className: styles$
|
|
11827
|
+
className: styles$h.message_chatbot
|
|
11776
11828
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11777
|
-
className: styles$
|
|
11829
|
+
className: styles$h.user_text_message
|
|
11778
11830
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
11779
11831
|
dangerouslySetInnerHTML: {
|
|
11780
11832
|
__html: replaceURLs(message.body) ?? ''
|
|
11781
11833
|
},
|
|
11782
|
-
className: styles$
|
|
11834
|
+
className: styles$h.user_text
|
|
11783
11835
|
})), /*#__PURE__*/React__default.createElement(Text, {
|
|
11784
11836
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
11785
11837
|
size: "xs",
|
|
11786
11838
|
color: "grey",
|
|
11787
|
-
className: styles$
|
|
11839
|
+
className: styles$h.user_text_message_username_left
|
|
11788
11840
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
11789
|
-
className: styles$
|
|
11841
|
+
className: styles$h.user_indicator
|
|
11790
11842
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
11791
11843
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11792
11844
|
weight: "bold",
|
|
@@ -11804,9 +11856,9 @@ const Chat = ({
|
|
|
11804
11856
|
})));
|
|
11805
11857
|
};
|
|
11806
11858
|
|
|
11807
|
-
var css_248z$
|
|
11808
|
-
var styles$
|
|
11809
|
-
styleInject(css_248z$
|
|
11859
|
+
var css_248z$i = ".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}";
|
|
11860
|
+
var styles$i = {"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"};
|
|
11861
|
+
styleInject(css_248z$i);
|
|
11810
11862
|
|
|
11811
11863
|
const SelfProtocolTaskContainer = ({
|
|
11812
11864
|
smallTitle,
|
|
@@ -11820,7 +11872,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
11820
11872
|
isDisplay
|
|
11821
11873
|
}) => {
|
|
11822
11874
|
if (isDisplay) return /*#__PURE__*/React__default.createElement("div", {
|
|
11823
|
-
className: `${styles$
|
|
11875
|
+
className: `${styles$i.selfProtocolTaskContainer} ${isDisabled ? styles$i.disabled : ''}`
|
|
11824
11876
|
}, smallTitle && /*#__PURE__*/React__default.createElement(Text, {
|
|
11825
11877
|
text: smallTitle,
|
|
11826
11878
|
size: "xs"
|
|
@@ -11836,7 +11888,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
11836
11888
|
text: ctaText,
|
|
11837
11889
|
onClick: () => onClick(),
|
|
11838
11890
|
iconRight: buttonIcon,
|
|
11839
|
-
className: styles$
|
|
11891
|
+
className: styles$i.cta_button,
|
|
11840
11892
|
disabled: isDisabled
|
|
11841
11893
|
}));else return null;
|
|
11842
11894
|
};
|
|
@@ -11898,16 +11950,16 @@ const SelfProtocolManager = ({
|
|
|
11898
11950
|
item: true,
|
|
11899
11951
|
xs: 3,
|
|
11900
11952
|
direction: "column",
|
|
11901
|
-
className: `${className ?? ''} ${styles$
|
|
11953
|
+
className: `${className ?? ''} ${styles$i.chatContainer}`
|
|
11902
11954
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
11903
|
-
className: `${styles$
|
|
11955
|
+
className: `${styles$i.scrolling_content} ${styles$i.no_scrollbar} ${customContentClassname}`
|
|
11904
11956
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
11905
11957
|
text: texts.generalTitle,
|
|
11906
11958
|
weight: "bold",
|
|
11907
11959
|
size: "lg"
|
|
11908
11960
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
11909
|
-
className: `${styles$
|
|
11910
|
-
${customScrollingClassname} ${styles$
|
|
11961
|
+
className: `${styles$i.tasks_container}
|
|
11962
|
+
${customScrollingClassname} ${styles$i.no_scrollbar}`
|
|
11911
11963
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React__default.createElement(WelcomeMessage, {
|
|
11912
11964
|
title: texts.welcomeMessageTitle,
|
|
11913
11965
|
description: texts.welcomeMessageDescription
|
|
@@ -11930,7 +11982,7 @@ const SelfProtocolManager = ({
|
|
|
11930
11982
|
ctaText: texts.nextTaskCTA,
|
|
11931
11983
|
buttonIcon: /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
11932
11984
|
onClick: () => sendTask(task),
|
|
11933
|
-
isDisabled: getIsTaskDisabled(task),
|
|
11985
|
+
isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false,
|
|
11934
11986
|
isDisplay: task.isDisplay
|
|
11935
11987
|
});
|
|
11936
11988
|
} else if (task.type === 'scenario') {
|
|
@@ -11944,7 +11996,7 @@ const SelfProtocolManager = ({
|
|
|
11944
11996
|
buttonId: 'start_scenario',
|
|
11945
11997
|
onClick: () => sendTask(task),
|
|
11946
11998
|
isDisplay: task.isDisplay,
|
|
11947
|
-
isDisabled: getIsTaskDisabled(task) ||
|
|
11999
|
+
isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false
|
|
11948
12000
|
});
|
|
11949
12001
|
} else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
11950
12002
|
}), areAllTasksSend && !isLastScenario && onClickFinishScenario && /*#__PURE__*/React__default.createElement(SelfProtocolTaskContainer, {
|
|
@@ -11967,9 +12019,9 @@ const SelfProtocolManager = ({
|
|
|
11967
12019
|
}))));
|
|
11968
12020
|
};
|
|
11969
12021
|
|
|
11970
|
-
var css_248z$
|
|
11971
|
-
var styles$
|
|
11972
|
-
styleInject(css_248z$
|
|
12022
|
+
var css_248z$j = ".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}";
|
|
12023
|
+
var styles$j = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12024
|
+
styleInject(css_248z$j);
|
|
11973
12025
|
|
|
11974
12026
|
const ChatInput = ({
|
|
11975
12027
|
className,
|
|
@@ -11979,7 +12031,7 @@ const ChatInput = ({
|
|
|
11979
12031
|
placeholder
|
|
11980
12032
|
}) => {
|
|
11981
12033
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
11982
|
-
className: `${styles$
|
|
12034
|
+
className: `${styles$j.chat_input_container} ${className ?? ''}`
|
|
11983
12035
|
}, /*#__PURE__*/React__default.createElement("input", {
|
|
11984
12036
|
placeholder: placeholder,
|
|
11985
12037
|
value: value ? value : '',
|
|
@@ -12008,9 +12060,9 @@ const ChatInput = ({
|
|
|
12008
12060
|
}));
|
|
12009
12061
|
};
|
|
12010
12062
|
|
|
12011
|
-
var css_248z$
|
|
12012
|
-
var styles$
|
|
12013
|
-
styleInject(css_248z$
|
|
12063
|
+
var css_248z$k = ".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}";
|
|
12064
|
+
var styles$k = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12065
|
+
styleInject(css_248z$k);
|
|
12014
12066
|
|
|
12015
12067
|
const CircledIconButton = ({
|
|
12016
12068
|
icon,
|
|
@@ -12020,17 +12072,17 @@ const CircledIconButton = ({
|
|
|
12020
12072
|
...props
|
|
12021
12073
|
}) => {
|
|
12022
12074
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12023
|
-
className: `${styles$
|
|
12075
|
+
className: `${styles$k.circle_icon_button} ${className ?? ''} ${isActive ? styles$k.active : ''}`
|
|
12024
12076
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12025
|
-
className: styles$
|
|
12077
|
+
className: styles$k.notif_icon,
|
|
12026
12078
|
stroke: colors.black,
|
|
12027
12079
|
fill: colors.red_500
|
|
12028
12080
|
}));
|
|
12029
12081
|
};
|
|
12030
12082
|
|
|
12031
|
-
var css_248z$
|
|
12032
|
-
var styles$
|
|
12033
|
-
styleInject(css_248z$
|
|
12083
|
+
var css_248z$l = ".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}";
|
|
12084
|
+
var styles$l = {"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"};
|
|
12085
|
+
styleInject(css_248z$l);
|
|
12034
12086
|
|
|
12035
12087
|
const ControlsBar = ({
|
|
12036
12088
|
className,
|
|
@@ -12072,7 +12124,7 @@ const ControlsBar = ({
|
|
|
12072
12124
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = React.useState(false);
|
|
12073
12125
|
const [anchorEl, setAnchorEl] = React.useState(null);
|
|
12074
12126
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12075
|
-
className: `${styles$
|
|
12127
|
+
className: `${styles$l.control_bar} ${className ?? ''}`
|
|
12076
12128
|
}, props), enableMicrophone && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12077
12129
|
icon: isMicrophoneActive ? /*#__PURE__*/React__default.createElement(MicrophoneIcon, null) : /*#__PURE__*/React__default.createElement(NoMicrophoneIcon, null),
|
|
12078
12130
|
onClick: () => {
|
|
@@ -12088,11 +12140,11 @@ const ControlsBar = ({
|
|
|
12088
12140
|
}
|
|
12089
12141
|
}
|
|
12090
12142
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12091
|
-
className: styles$
|
|
12143
|
+
className: styles$l.separator
|
|
12092
12144
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React__default.createElement("button", {
|
|
12093
12145
|
ref: setAnchorEl,
|
|
12094
12146
|
disabled: disabledRecording,
|
|
12095
|
-
className: styles$
|
|
12147
|
+
className: styles$l.record_btn,
|
|
12096
12148
|
onClick: () => {
|
|
12097
12149
|
if (!isRecording && startRecording) startRecording();
|
|
12098
12150
|
if (isRecording) {
|
|
@@ -12119,7 +12171,7 @@ const ControlsBar = ({
|
|
|
12119
12171
|
icon: /*#__PURE__*/React__default.createElement(TvFlatScreenIcon, null),
|
|
12120
12172
|
onClick: () => enableScreenSharing()
|
|
12121
12173
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12122
|
-
className: styles$
|
|
12174
|
+
className: styles$l.separator
|
|
12123
12175
|
}), isInterviewer ? /*#__PURE__*/React__default.createElement(InterviewButton, {
|
|
12124
12176
|
text: protocolText,
|
|
12125
12177
|
variant: "protocol",
|
|
@@ -12144,7 +12196,7 @@ const ControlsBar = ({
|
|
|
12144
12196
|
isNotif: isNewTask
|
|
12145
12197
|
}), isModerated && /*#__PURE__*/React__default.createElement(CircledIconButton, {
|
|
12146
12198
|
icon: /*#__PURE__*/React__default.createElement(ChatBubbleIcon, null),
|
|
12147
|
-
className: styles$
|
|
12199
|
+
className: styles$l.chatBubbleIcon,
|
|
12148
12200
|
onClick: () => {
|
|
12149
12201
|
if (displayChat) displayChat();
|
|
12150
12202
|
},
|
|
@@ -12166,17 +12218,17 @@ const ControlsBar = ({
|
|
|
12166
12218
|
transform: 'translate(0px, -28px)'
|
|
12167
12219
|
}
|
|
12168
12220
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12169
|
-
className: styles$
|
|
12221
|
+
className: styles$l.stop_rec_popover
|
|
12170
12222
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12171
12223
|
text: stopRecPopoverTitle ?? '',
|
|
12172
|
-
className: styles$
|
|
12224
|
+
className: styles$l.stop_rec_popover_title,
|
|
12173
12225
|
size: "sm"
|
|
12174
12226
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
12175
12227
|
text: stopRecPopoverDescription ?? '',
|
|
12176
|
-
className: styles$
|
|
12228
|
+
className: styles$l.stop_rec_popover_description,
|
|
12177
12229
|
size: "sm"
|
|
12178
12230
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12179
|
-
className: styles$
|
|
12231
|
+
className: styles$l.stop_rec_popover_actions
|
|
12180
12232
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
12181
12233
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12182
12234
|
variant: "tertiary",
|
|
@@ -12196,9 +12248,9 @@ const ControlsBar = ({
|
|
|
12196
12248
|
})))));
|
|
12197
12249
|
};
|
|
12198
12250
|
|
|
12199
|
-
var css_248z$
|
|
12200
|
-
var styles$
|
|
12201
|
-
styleInject(css_248z$
|
|
12251
|
+
var css_248z$m = ".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}";
|
|
12252
|
+
var styles$m = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12253
|
+
styleInject(css_248z$m);
|
|
12202
12254
|
|
|
12203
12255
|
const EndRecording = ({
|
|
12204
12256
|
stopRecTitle,
|
|
@@ -12209,7 +12261,7 @@ const EndRecording = ({
|
|
|
12209
12261
|
stopRecording
|
|
12210
12262
|
}) => {
|
|
12211
12263
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12212
|
-
className: styles$
|
|
12264
|
+
className: styles$m.stop_rec_container
|
|
12213
12265
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12214
12266
|
text: stopRecTitle ?? '',
|
|
12215
12267
|
weight: "bold"
|
|
@@ -12232,9 +12284,9 @@ const EndRecording = ({
|
|
|
12232
12284
|
}));
|
|
12233
12285
|
};
|
|
12234
12286
|
|
|
12235
|
-
var css_248z$
|
|
12236
|
-
var styles$
|
|
12237
|
-
styleInject(css_248z$
|
|
12287
|
+
var css_248z$n = ".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}";
|
|
12288
|
+
var styles$n = {"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"};
|
|
12289
|
+
styleInject(css_248z$n);
|
|
12238
12290
|
|
|
12239
12291
|
const InterviewButton = ({
|
|
12240
12292
|
icon,
|
|
@@ -12247,25 +12299,25 @@ const InterviewButton = ({
|
|
|
12247
12299
|
...props
|
|
12248
12300
|
}) => {
|
|
12249
12301
|
const defineVariantStyle = () => {
|
|
12250
|
-
if (variant === 'protocol') return styles$
|
|
12302
|
+
if (variant === 'protocol') return styles$n.interview_button_protocol;else if (variant === 'screenshare') return styles$n.interview_button_screenshare;else if (variant === 'end-interview') return styles$n.interview_button_end_interview;else return;
|
|
12251
12303
|
};
|
|
12252
12304
|
return /*#__PURE__*/React__default.createElement("button", Object.assign({
|
|
12253
|
-
className: `${styles$
|
|
12254
|
-
${disabled ? styles$
|
|
12305
|
+
className: `${styles$n.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$n.active : ''}
|
|
12306
|
+
${disabled ? styles$n.disabled : ''}`
|
|
12255
12307
|
}, props), icon ?? /*#__PURE__*/React__default.createElement(MeetingIcon, null), /*#__PURE__*/React__default.createElement(Text, {
|
|
12256
12308
|
text: text,
|
|
12257
12309
|
size: "base",
|
|
12258
12310
|
weight: "semi-bold"
|
|
12259
12311
|
}), isNotif && /*#__PURE__*/React__default.createElement(NotifAlertIcon, {
|
|
12260
|
-
className: styles$
|
|
12312
|
+
className: styles$n.notif_icon,
|
|
12261
12313
|
stroke: colors.black,
|
|
12262
12314
|
fill: colors.red_500
|
|
12263
12315
|
}));
|
|
12264
12316
|
};
|
|
12265
12317
|
|
|
12266
|
-
var css_248z$
|
|
12267
|
-
var styles$
|
|
12268
|
-
styleInject(css_248z$
|
|
12318
|
+
var css_248z$o = ".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}";
|
|
12319
|
+
var styles$o = {"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"};
|
|
12320
|
+
styleInject(css_248z$o);
|
|
12269
12321
|
|
|
12270
12322
|
const MarkUpBar = ({
|
|
12271
12323
|
className,
|
|
@@ -12274,35 +12326,35 @@ const MarkUpBar = ({
|
|
|
12274
12326
|
...props
|
|
12275
12327
|
}) => {
|
|
12276
12328
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12277
|
-
className: `${styles$
|
|
12329
|
+
className: `${styles$o.markup_bar} ${className ?? ''}`
|
|
12278
12330
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12279
|
-
className: styles$
|
|
12331
|
+
className: styles$o.smiley_list
|
|
12280
12332
|
}, /*#__PURE__*/React__default.createElement("button", {
|
|
12281
|
-
className: `${styles$
|
|
12333
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12282
12334
|
disabled: disabled,
|
|
12283
12335
|
onClick: () => {
|
|
12284
12336
|
if (!disabled) onClick('Q');
|
|
12285
12337
|
}
|
|
12286
12338
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React__default.createElement("button", {
|
|
12287
|
-
className: `${styles$
|
|
12339
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12288
12340
|
disabled: disabled,
|
|
12289
12341
|
onClick: () => {
|
|
12290
12342
|
if (!disabled) onClick('W');
|
|
12291
12343
|
}
|
|
12292
12344
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React__default.createElement("button", {
|
|
12293
|
-
className: `${styles$
|
|
12345
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12294
12346
|
disabled: disabled,
|
|
12295
12347
|
onClick: () => {
|
|
12296
12348
|
if (!disabled) onClick('E');
|
|
12297
12349
|
}
|
|
12298
12350
|
}, "\uD83D\uDE21"), /*#__PURE__*/React__default.createElement("button", {
|
|
12299
|
-
className: `${styles$
|
|
12351
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12300
12352
|
disabled: disabled,
|
|
12301
12353
|
onClick: () => {
|
|
12302
12354
|
if (!disabled) onClick('R');
|
|
12303
12355
|
}
|
|
12304
12356
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React__default.createElement("button", {
|
|
12305
|
-
className: `${styles$
|
|
12357
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12306
12358
|
disabled: disabled,
|
|
12307
12359
|
onClick: () => {
|
|
12308
12360
|
if (!disabled) onClick('T');
|
|
@@ -12310,9 +12362,9 @@ const MarkUpBar = ({
|
|
|
12310
12362
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12311
12363
|
};
|
|
12312
12364
|
|
|
12313
|
-
var css_248z$
|
|
12314
|
-
var styles$
|
|
12315
|
-
styleInject(css_248z$
|
|
12365
|
+
var css_248z$p = ".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%}";
|
|
12366
|
+
var styles$p = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12367
|
+
styleInject(css_248z$p);
|
|
12316
12368
|
|
|
12317
12369
|
const Scenario = ({
|
|
12318
12370
|
title,
|
|
@@ -12327,18 +12379,18 @@ const Scenario = ({
|
|
|
12327
12379
|
...props
|
|
12328
12380
|
}) => {
|
|
12329
12381
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12330
|
-
className: styles$
|
|
12382
|
+
className: styles$p.start_interview_container
|
|
12331
12383
|
}, props), isInterviewer && /*#__PURE__*/React__default.createElement(Text, {
|
|
12332
12384
|
text: title,
|
|
12333
12385
|
size: "xs"
|
|
12334
12386
|
}), scenarioName && /*#__PURE__*/React__default.createElement(Text, {
|
|
12335
12387
|
text: scenarioName,
|
|
12336
12388
|
weight: "bold",
|
|
12337
|
-
className: styles$
|
|
12389
|
+
className: styles$p.name
|
|
12338
12390
|
}), description && /*#__PURE__*/React__default.createElement(Text, {
|
|
12339
12391
|
text: description,
|
|
12340
12392
|
size: "sm",
|
|
12341
|
-
className: styles$
|
|
12393
|
+
className: styles$p.description
|
|
12342
12394
|
}), buttonIcon && buttonText && /*#__PURE__*/React__default.createElement(Button, {
|
|
12343
12395
|
text: buttonText,
|
|
12344
12396
|
iconRight: buttonIcon ?? /*#__PURE__*/React__default.createElement(SendIcon, null),
|
|
@@ -12347,16 +12399,16 @@ const Scenario = ({
|
|
|
12347
12399
|
}));
|
|
12348
12400
|
};
|
|
12349
12401
|
|
|
12350
|
-
var css_248z$
|
|
12351
|
-
var styles$
|
|
12352
|
-
styleInject(css_248z$
|
|
12402
|
+
var css_248z$q = ".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}";
|
|
12403
|
+
var styles$q = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12404
|
+
styleInject(css_248z$q);
|
|
12353
12405
|
|
|
12354
12406
|
const SusExplanation = ({
|
|
12355
12407
|
title,
|
|
12356
12408
|
description
|
|
12357
12409
|
}) => {
|
|
12358
12410
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12359
|
-
className: styles$
|
|
12411
|
+
className: styles$q.sus_explanation
|
|
12360
12412
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12361
12413
|
text: title ?? '',
|
|
12362
12414
|
weight: "bold"
|
|
@@ -12366,9 +12418,9 @@ const SusExplanation = ({
|
|
|
12366
12418
|
}));
|
|
12367
12419
|
};
|
|
12368
12420
|
|
|
12369
|
-
var css_248z$
|
|
12370
|
-
var styles$
|
|
12371
|
-
styleInject(css_248z$
|
|
12421
|
+
var css_248z$r = ".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}";
|
|
12422
|
+
var styles$r = {"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"};
|
|
12423
|
+
styleInject(css_248z$r);
|
|
12372
12424
|
|
|
12373
12425
|
const Task = ({
|
|
12374
12426
|
taskNumber,
|
|
@@ -12401,35 +12453,35 @@ const Task = ({
|
|
|
12401
12453
|
setOpen(true);
|
|
12402
12454
|
};
|
|
12403
12455
|
const getContainerStyle = () => {
|
|
12404
|
-
if (state === 'active') return styles$
|
|
12456
|
+
if (state === 'active') return styles$r.active_task;else if (state === 'disabled') return styles$r.disabled_task;else if (state === 'done') return styles$r.done_task;else return styles$r.task_container;
|
|
12405
12457
|
};
|
|
12406
12458
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12407
12459
|
if (state === 'active') return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12408
12460
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12409
12461
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12410
|
-
className: styles$
|
|
12462
|
+
className: styles$r.header
|
|
12411
12463
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12412
|
-
className: isInterviewer ? styles$
|
|
12464
|
+
className: isInterviewer ? styles$r.header_left_interviewer : styles$r.header_left_interviewee
|
|
12413
12465
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12414
12466
|
text: taskNumber,
|
|
12415
12467
|
color: '#26292E',
|
|
12416
12468
|
size: "xs"
|
|
12417
12469
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12418
|
-
className: styles$
|
|
12470
|
+
className: styles$r.header_right
|
|
12419
12471
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, null))), /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
12420
|
-
className: styles$
|
|
12472
|
+
className: styles$r.taskContent
|
|
12421
12473
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12422
12474
|
text: taskTitle,
|
|
12423
12475
|
size: "sm",
|
|
12424
12476
|
weight: "bold"
|
|
12425
12477
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12426
|
-
className: styles$
|
|
12478
|
+
className: styles$r.urlButton,
|
|
12427
12479
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12428
12480
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12429
12481
|
fill: "#fafafa",
|
|
12430
12482
|
stroke: "#fafafa"
|
|
12431
12483
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12432
|
-
className: styles$
|
|
12484
|
+
className: styles$r.notesContainer
|
|
12433
12485
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12434
12486
|
text: "Notes",
|
|
12435
12487
|
size: "xs",
|
|
@@ -12438,13 +12490,13 @@ const Task = ({
|
|
|
12438
12490
|
text: notes,
|
|
12439
12491
|
size: "sm"
|
|
12440
12492
|
}))), areActionsDisplay && /*#__PURE__*/React__default.createElement("div", {
|
|
12441
|
-
className: styles$
|
|
12493
|
+
className: styles$r.taskContent
|
|
12442
12494
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12443
12495
|
text: "Actions:",
|
|
12444
12496
|
size: "xs",
|
|
12445
12497
|
italic: true
|
|
12446
12498
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12447
|
-
className: styles$
|
|
12499
|
+
className: styles$r.actionBtnsContainer
|
|
12448
12500
|
}, action1 && iconAction1 && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
12449
12501
|
onClick: action1,
|
|
12450
12502
|
icon: iconAction1
|
|
@@ -12467,7 +12519,7 @@ const Task = ({
|
|
|
12467
12519
|
arrow: true,
|
|
12468
12520
|
placement: "left",
|
|
12469
12521
|
title: /*#__PURE__*/React__default.createElement("div", {
|
|
12470
|
-
className: styles$
|
|
12522
|
+
className: styles$r.taskPopover
|
|
12471
12523
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12472
12524
|
text: taskNumber,
|
|
12473
12525
|
color: '#64666A',
|
|
@@ -12476,15 +12528,15 @@ const Task = ({
|
|
|
12476
12528
|
text: taskTitle,
|
|
12477
12529
|
size: "sm",
|
|
12478
12530
|
weight: "bold",
|
|
12479
|
-
className: styles$
|
|
12531
|
+
className: styles$r.title
|
|
12480
12532
|
}), url && /*#__PURE__*/React__default.createElement("button", {
|
|
12481
|
-
className: styles$
|
|
12533
|
+
className: styles$r.urlButton,
|
|
12482
12534
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12483
12535
|
}, /*#__PURE__*/React__default.createElement("p", null, url), " ", /*#__PURE__*/React__default.createElement(SendIcon, {
|
|
12484
12536
|
fill: "#fafafa",
|
|
12485
12537
|
stroke: "#fafafa"
|
|
12486
12538
|
})), notes && isInterviewer && /*#__PURE__*/React__default.createElement("div", {
|
|
12487
|
-
className: styles$
|
|
12539
|
+
className: styles$r.notesContainer
|
|
12488
12540
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12489
12541
|
text: "Notes",
|
|
12490
12542
|
size: "xs",
|
|
@@ -12518,9 +12570,9 @@ const Task = ({
|
|
|
12518
12570
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12519
12571
|
ref: taskRef
|
|
12520
12572
|
}, props), /*#__PURE__*/React__default.createElement("div", {
|
|
12521
|
-
className: styles$
|
|
12573
|
+
className: styles$r.header
|
|
12522
12574
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12523
|
-
className: isInterviewer ? styles$
|
|
12575
|
+
className: isInterviewer ? styles$r.header_left_interviewer : styles$r.header_left_interviewee
|
|
12524
12576
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
12525
12577
|
text: taskNumber,
|
|
12526
12578
|
color: '#64666A',
|
|
@@ -12529,9 +12581,9 @@ const Task = ({
|
|
|
12529
12581
|
text: taskTitle,
|
|
12530
12582
|
size: "sm",
|
|
12531
12583
|
weight: "bold",
|
|
12532
|
-
className: styles$
|
|
12584
|
+
className: styles$r.title
|
|
12533
12585
|
})), isInterviewer && /*#__PURE__*/React__default.createElement("button", {
|
|
12534
|
-
className: `${styles$
|
|
12586
|
+
className: `${styles$r.header_right} ${state === 'idle' && styles$r.clickable}`,
|
|
12535
12587
|
onClick: () => {
|
|
12536
12588
|
if (state === 'idle') {
|
|
12537
12589
|
sendTask(task);
|
|
@@ -12543,9 +12595,9 @@ const Task = ({
|
|
|
12543
12595
|
}, isDone ? /*#__PURE__*/React__default.createElement(CheckedIcon, null) : /*#__PURE__*/React__default.createElement(SendIcon, null))))));
|
|
12544
12596
|
};
|
|
12545
12597
|
|
|
12546
|
-
var css_248z$
|
|
12547
|
-
var styles$
|
|
12548
|
-
styleInject(css_248z$
|
|
12598
|
+
var css_248z$s = ".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}";
|
|
12599
|
+
var styles$s = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
12600
|
+
styleInject(css_248z$s);
|
|
12549
12601
|
|
|
12550
12602
|
const WelcomeMessage = ({
|
|
12551
12603
|
title,
|
|
@@ -12554,23 +12606,23 @@ const WelcomeMessage = ({
|
|
|
12554
12606
|
...props
|
|
12555
12607
|
}) => {
|
|
12556
12608
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({
|
|
12557
|
-
className: styles$
|
|
12609
|
+
className: styles$s.welcome_container
|
|
12558
12610
|
}, props), /*#__PURE__*/React__default.createElement(Text, {
|
|
12559
12611
|
text: title,
|
|
12560
12612
|
weight: "bold",
|
|
12561
12613
|
size: "base",
|
|
12562
|
-
className: styles$
|
|
12614
|
+
className: styles$s.welcome_title
|
|
12563
12615
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
12564
12616
|
dangerouslySetInnerHTML: {
|
|
12565
12617
|
__html: description
|
|
12566
12618
|
},
|
|
12567
|
-
className: styles$
|
|
12619
|
+
className: styles$s.welcome_description
|
|
12568
12620
|
}));
|
|
12569
12621
|
};
|
|
12570
12622
|
|
|
12571
|
-
var css_248z$
|
|
12572
|
-
var styles$
|
|
12573
|
-
styleInject(css_248z$
|
|
12623
|
+
var css_248z$t = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
12624
|
+
var styles$t = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
12625
|
+
styleInject(css_248z$t);
|
|
12574
12626
|
|
|
12575
12627
|
const partnersSVGs = {
|
|
12576
12628
|
'1': Partner1,
|
|
@@ -12589,7 +12641,7 @@ const LogoSlider = ({
|
|
|
12589
12641
|
}) => {
|
|
12590
12642
|
const partners = Object.keys(partnersSVGs);
|
|
12591
12643
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12592
|
-
className: styles$
|
|
12644
|
+
className: styles$t.logoSlider
|
|
12593
12645
|
}, /*#__PURE__*/React__default.createElement(Marquee, {
|
|
12594
12646
|
speed: 50
|
|
12595
12647
|
}, partners.map((partner, index) => {
|
|
@@ -12604,9 +12656,9 @@ const LogoSlider = ({
|
|
|
12604
12656
|
})));
|
|
12605
12657
|
};
|
|
12606
12658
|
|
|
12607
|
-
var css_248z$
|
|
12608
|
-
var styles$
|
|
12609
|
-
styleInject(css_248z$
|
|
12659
|
+
var css_248z$u = ".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%}";
|
|
12660
|
+
var styles$u = {"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"};
|
|
12661
|
+
styleInject(css_248z$u);
|
|
12610
12662
|
|
|
12611
12663
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
12612
12664
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -12645,20 +12697,20 @@ const Modal = ({
|
|
|
12645
12697
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
12646
12698
|
"aria-labelledby": "transition-modal-title",
|
|
12647
12699
|
"aria-describedby": "transition-modal-description",
|
|
12648
|
-
className: `${styles$
|
|
12700
|
+
className: `${styles$u.modal_overlay} ${className ?? ''}`,
|
|
12649
12701
|
open: open,
|
|
12650
12702
|
onClose: onClose,
|
|
12651
12703
|
closeAfterTransition: true
|
|
12652
12704
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
12653
12705
|
in: open
|
|
12654
12706
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12655
|
-
className: styles$
|
|
12707
|
+
className: styles$u.modal_content,
|
|
12656
12708
|
style: {
|
|
12657
12709
|
width: width ?? '21rem',
|
|
12658
12710
|
height: height ?? 'fit-content'
|
|
12659
12711
|
}
|
|
12660
12712
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12661
|
-
className: `${styles$
|
|
12713
|
+
className: `${styles$u.modal_header}`
|
|
12662
12714
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12663
12715
|
text: title,
|
|
12664
12716
|
weight: "bold",
|
|
@@ -12670,7 +12722,7 @@ const Modal = ({
|
|
|
12670
12722
|
}),
|
|
12671
12723
|
onClick: () => onClose()
|
|
12672
12724
|
})), children, /*#__PURE__*/React__default.createElement("div", {
|
|
12673
|
-
className: styles$
|
|
12725
|
+
className: styles$u.modal_buttons_container
|
|
12674
12726
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
12675
12727
|
text: cancelText,
|
|
12676
12728
|
variant: cancelBtnVariant,
|
|
@@ -12684,19 +12736,19 @@ const Modal = ({
|
|
|
12684
12736
|
return /*#__PURE__*/React__default.createElement(MuiModal, {
|
|
12685
12737
|
"aria-labelledby": "transition-modal-title",
|
|
12686
12738
|
"aria-describedby": "transition-modal-description",
|
|
12687
|
-
className: `${styles$
|
|
12739
|
+
className: `${styles$u.modal} ${className}`,
|
|
12688
12740
|
open: open,
|
|
12689
12741
|
onClose: onClose,
|
|
12690
12742
|
closeAfterTransition: true
|
|
12691
12743
|
}, /*#__PURE__*/React__default.createElement(Fade, {
|
|
12692
12744
|
in: open
|
|
12693
12745
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12694
|
-
className: styles$
|
|
12746
|
+
className: styles$u.modal_content,
|
|
12695
12747
|
style: {
|
|
12696
12748
|
width: width ?? '65rem'
|
|
12697
12749
|
}
|
|
12698
12750
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
12699
|
-
className: `${styles$
|
|
12751
|
+
className: `${styles$u.modal_header}`
|
|
12700
12752
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
12701
12753
|
text: title,
|
|
12702
12754
|
weight: "semi-bold",
|
|
@@ -12708,7 +12760,7 @@ const Modal = ({
|
|
|
12708
12760
|
}),
|
|
12709
12761
|
onClick: () => onClose()
|
|
12710
12762
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React__default.createElement("div", {
|
|
12711
|
-
className: styles$
|
|
12763
|
+
className: styles$u.modal_buttons_container
|
|
12712
12764
|
}, cancelText && onClose && /*#__PURE__*/React__default.createElement(Button, {
|
|
12713
12765
|
text: cancelText,
|
|
12714
12766
|
variant: cancelBtnVariant,
|
|
@@ -12721,12 +12773,12 @@ const Modal = ({
|
|
|
12721
12773
|
}
|
|
12722
12774
|
};
|
|
12723
12775
|
|
|
12724
|
-
var css_248z$
|
|
12725
|
-
var styles$
|
|
12726
|
-
styleInject(css_248z$
|
|
12776
|
+
var css_248z$v = ".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}";
|
|
12777
|
+
var styles$v = {"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"};
|
|
12778
|
+
styleInject(css_248z$v);
|
|
12727
12779
|
|
|
12728
12780
|
const filter = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
12729
|
-
const CssTextField$1 = /*#__PURE__*/styles$
|
|
12781
|
+
const CssTextField$1 = /*#__PURE__*/styles$14.styled(TextField)({
|
|
12730
12782
|
'& .MuiInputBase-input': {
|
|
12731
12783
|
color: '#26292E',
|
|
12732
12784
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -12860,7 +12912,7 @@ const MultiSelect = ({
|
|
|
12860
12912
|
text: `${topLabel ? topLabel : ''}`,
|
|
12861
12913
|
weight: topLabelWeight || 'bold',
|
|
12862
12914
|
size: topLabelSize || 'base',
|
|
12863
|
-
className: styles$
|
|
12915
|
+
className: styles$v.input_top_label,
|
|
12864
12916
|
required: required
|
|
12865
12917
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
12866
12918
|
id: "tags-standard",
|
|
@@ -12904,7 +12956,7 @@ const MultiSelect = ({
|
|
|
12904
12956
|
})),
|
|
12905
12957
|
renderTags: value => {
|
|
12906
12958
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
12907
|
-
className: `${styles$
|
|
12959
|
+
className: `${styles$v.tags_container} ${styles$v.no_scrollbar}`
|
|
12908
12960
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Tag, {
|
|
12909
12961
|
text: option.label,
|
|
12910
12962
|
size: "sm",
|
|
@@ -12938,13 +12990,13 @@ const MultiSelect = ({
|
|
|
12938
12990
|
},
|
|
12939
12991
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
12940
12992
|
fill: "black",
|
|
12941
|
-
className: `${styles$
|
|
12993
|
+
className: `${styles$v.icon}`
|
|
12942
12994
|
}),
|
|
12943
12995
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
12944
12996
|
fill: "black",
|
|
12945
|
-
className: `${styles$
|
|
12997
|
+
className: `${styles$v.icon}`
|
|
12946
12998
|
}),
|
|
12947
|
-
className: `${styles$
|
|
12999
|
+
className: `${styles$v.newAutocomplete}`,
|
|
12948
13000
|
filterOptions: (options, params) => {
|
|
12949
13001
|
const filtered = filter(options, params);
|
|
12950
13002
|
const {
|
|
@@ -12965,21 +13017,21 @@ const MultiSelect = ({
|
|
|
12965
13017
|
color: "#F54C4C",
|
|
12966
13018
|
italic: true,
|
|
12967
13019
|
text: errorText,
|
|
12968
|
-
className: styles$
|
|
13020
|
+
className: styles$v.text_below
|
|
12969
13021
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
12970
13022
|
size: "xs",
|
|
12971
13023
|
italic: true,
|
|
12972
13024
|
text: helperText,
|
|
12973
|
-
className: styles$
|
|
13025
|
+
className: styles$v.text_below
|
|
12974
13026
|
}));
|
|
12975
13027
|
};
|
|
12976
13028
|
|
|
12977
|
-
var css_248z$
|
|
12978
|
-
var styles$
|
|
12979
|
-
styleInject(css_248z$
|
|
13029
|
+
var css_248z$w = ".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}";
|
|
13030
|
+
var styles$w = {"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"};
|
|
13031
|
+
styleInject(css_248z$w);
|
|
12980
13032
|
|
|
12981
13033
|
const filter$1 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
12982
|
-
const GroupHeader = /*#__PURE__*/styles$
|
|
13034
|
+
const GroupHeader = /*#__PURE__*/styles$14.styled('div')(() => ({
|
|
12983
13035
|
position: 'sticky',
|
|
12984
13036
|
top: '-8px',
|
|
12985
13037
|
padding: '4px 10px',
|
|
@@ -12990,10 +13042,10 @@ const GroupHeader = /*#__PURE__*/styles$13.styled('div')(() => ({
|
|
|
12990
13042
|
fontSize: '0.875rem',
|
|
12991
13043
|
zIndex: 1
|
|
12992
13044
|
}));
|
|
12993
|
-
const GroupItems = /*#__PURE__*/styles$
|
|
13045
|
+
const GroupItems = /*#__PURE__*/styles$14.styled('ul')({
|
|
12994
13046
|
padding: 0
|
|
12995
13047
|
});
|
|
12996
|
-
const CssTextField$2 = /*#__PURE__*/styles$
|
|
13048
|
+
const CssTextField$2 = /*#__PURE__*/styles$14.styled(TextField)({
|
|
12997
13049
|
'& .MuiInputBase-input': {
|
|
12998
13050
|
color: '#26292E',
|
|
12999
13051
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -13126,7 +13178,7 @@ const MultiSelectWithCategories = ({
|
|
|
13126
13178
|
text: `${topLabel ? topLabel : ''}`,
|
|
13127
13179
|
weight: topLabelWeight || 'bold',
|
|
13128
13180
|
size: topLabelSize || 'base',
|
|
13129
|
-
className: styles$
|
|
13181
|
+
className: styles$w.input_top_label,
|
|
13130
13182
|
required: required
|
|
13131
13183
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
13132
13184
|
id: "tags-standard",
|
|
@@ -13174,7 +13226,7 @@ const MultiSelectWithCategories = ({
|
|
|
13174
13226
|
})),
|
|
13175
13227
|
renderTags: value => {
|
|
13176
13228
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13177
|
-
className: `${styles$
|
|
13229
|
+
className: `${styles$w.tags_container} ${styles$w.no_scrollbar}`
|
|
13178
13230
|
}, value.map((option, index) => /*#__PURE__*/React__default.createElement(Tag, {
|
|
13179
13231
|
text: option.label,
|
|
13180
13232
|
size: "sm",
|
|
@@ -13208,13 +13260,13 @@ const MultiSelectWithCategories = ({
|
|
|
13208
13260
|
},
|
|
13209
13261
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
13210
13262
|
fill: "black",
|
|
13211
|
-
className: `${styles$
|
|
13263
|
+
className: `${styles$w.icon}`
|
|
13212
13264
|
}),
|
|
13213
13265
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
13214
13266
|
fill: "black",
|
|
13215
|
-
className: `${styles$
|
|
13267
|
+
className: `${styles$w.icon}`
|
|
13216
13268
|
}),
|
|
13217
|
-
className: `${styles$
|
|
13269
|
+
className: `${styles$w.newAutocomplete}`,
|
|
13218
13270
|
filterOptions: (options, params) => {
|
|
13219
13271
|
const filtered = filter$1(options, params);
|
|
13220
13272
|
const {
|
|
@@ -13235,18 +13287,18 @@ const MultiSelectWithCategories = ({
|
|
|
13235
13287
|
color: "#F54C4C",
|
|
13236
13288
|
italic: true,
|
|
13237
13289
|
text: errorText,
|
|
13238
|
-
className: styles$
|
|
13290
|
+
className: styles$w.text_below
|
|
13239
13291
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13240
13292
|
size: "xs",
|
|
13241
13293
|
italic: true,
|
|
13242
13294
|
text: helperText,
|
|
13243
|
-
className: styles$
|
|
13295
|
+
className: styles$w.text_below
|
|
13244
13296
|
}));
|
|
13245
13297
|
};
|
|
13246
13298
|
|
|
13247
|
-
var css_248z$
|
|
13248
|
-
var styles$
|
|
13249
|
-
styleInject(css_248z$
|
|
13299
|
+
var css_248z$x = ".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)}";
|
|
13300
|
+
var styles$x = {"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"};
|
|
13301
|
+
styleInject(css_248z$x);
|
|
13250
13302
|
|
|
13251
13303
|
/**
|
|
13252
13304
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13301,41 +13353,41 @@ const Banner = ({
|
|
|
13301
13353
|
};
|
|
13302
13354
|
const getBannerColor = () => {
|
|
13303
13355
|
if (type === 'error') {
|
|
13304
|
-
return styles$
|
|
13356
|
+
return styles$x.notification_banner_error;
|
|
13305
13357
|
} else if (type === 'warning') {
|
|
13306
|
-
return styles$
|
|
13358
|
+
return styles$x.notification_banner_warning;
|
|
13307
13359
|
} else if (type === 'success') {
|
|
13308
|
-
return styles$
|
|
13360
|
+
return styles$x.notification_banner_success;
|
|
13309
13361
|
} else {
|
|
13310
|
-
return styles$
|
|
13362
|
+
return styles$x.notification_banner_info;
|
|
13311
13363
|
}
|
|
13312
13364
|
};
|
|
13313
13365
|
const getIconButtonColor = () => {
|
|
13314
13366
|
if (type === 'error') {
|
|
13315
|
-
return styles$
|
|
13367
|
+
return styles$x.icon_button_error;
|
|
13316
13368
|
} else if (type === 'warning') {
|
|
13317
|
-
return styles$
|
|
13369
|
+
return styles$x.icon_button_warning;
|
|
13318
13370
|
} else if (type === 'success') {
|
|
13319
|
-
return styles$
|
|
13371
|
+
return styles$x.icon_button_success;
|
|
13320
13372
|
} else {
|
|
13321
|
-
return styles$
|
|
13373
|
+
return styles$x.icon_button_info;
|
|
13322
13374
|
}
|
|
13323
13375
|
};
|
|
13324
13376
|
const getContentColor = () => {
|
|
13325
13377
|
if (type === 'error') {
|
|
13326
|
-
return styles$
|
|
13378
|
+
return styles$x.banner_content_error;
|
|
13327
13379
|
} else if (type === 'warning') {
|
|
13328
|
-
return styles$
|
|
13380
|
+
return styles$x.banner_content_warning;
|
|
13329
13381
|
} else if (type === 'success') {
|
|
13330
|
-
return styles$
|
|
13382
|
+
return styles$x.banner_content_success;
|
|
13331
13383
|
} else {
|
|
13332
|
-
return styles$
|
|
13384
|
+
return styles$x.banner_content_info;
|
|
13333
13385
|
}
|
|
13334
13386
|
};
|
|
13335
13387
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13336
|
-
className: `${styles$
|
|
13388
|
+
className: `${styles$x.notification_banner} ${getBannerColor()} ${className}`
|
|
13337
13389
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13338
|
-
className: styles$
|
|
13390
|
+
className: styles$x.notification_banner_header
|
|
13339
13391
|
}, getBannerIcon(), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
13340
13392
|
text: title,
|
|
13341
13393
|
weight: "semi-bold",
|
|
@@ -13348,7 +13400,7 @@ const Banner = ({
|
|
|
13348
13400
|
},
|
|
13349
13401
|
size: "xs",
|
|
13350
13402
|
variant: "tertiary",
|
|
13351
|
-
className: `${styles$
|
|
13403
|
+
className: `${styles$x.icon_btn_custom} ${getIconButtonColor()}`
|
|
13352
13404
|
})), content && /*#__PURE__*/React__default.createElement("div", {
|
|
13353
13405
|
dangerouslySetInnerHTML: {
|
|
13354
13406
|
__html: content
|
|
@@ -13378,9 +13430,9 @@ const NotificationIcon = ({
|
|
|
13378
13430
|
});
|
|
13379
13431
|
};
|
|
13380
13432
|
|
|
13381
|
-
var css_248z$
|
|
13382
|
-
var styles$
|
|
13383
|
-
styleInject(css_248z$
|
|
13433
|
+
var css_248z$y = ".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}";
|
|
13434
|
+
var styles$y = {"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"};
|
|
13435
|
+
styleInject(css_248z$y);
|
|
13384
13436
|
|
|
13385
13437
|
/**
|
|
13386
13438
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13407,30 +13459,30 @@ const Toast = ({
|
|
|
13407
13459
|
};
|
|
13408
13460
|
const getCloseBtnStyleByType = () => {
|
|
13409
13461
|
if (type === 'error') {
|
|
13410
|
-
return styles$
|
|
13462
|
+
return styles$y.close_toast_btn_error;
|
|
13411
13463
|
} else if (type === 'warning') {
|
|
13412
|
-
return styles$
|
|
13464
|
+
return styles$y.close_toast_btn_warning;
|
|
13413
13465
|
} else if (type === 'success') {
|
|
13414
|
-
return styles$
|
|
13466
|
+
return styles$y.close_toast_btn_success;
|
|
13415
13467
|
} else {
|
|
13416
|
-
return styles$
|
|
13468
|
+
return styles$y.close_toast_btn_info;
|
|
13417
13469
|
}
|
|
13418
13470
|
};
|
|
13419
13471
|
const getToastStyleByType = () => {
|
|
13420
13472
|
if (type === 'error') {
|
|
13421
|
-
return styles$
|
|
13473
|
+
return styles$y.notification_toast_error;
|
|
13422
13474
|
} else if (type === 'warning') {
|
|
13423
|
-
return styles$
|
|
13475
|
+
return styles$y.notification_toast_warning;
|
|
13424
13476
|
} else if (type === 'success') {
|
|
13425
|
-
return styles$
|
|
13477
|
+
return styles$y.notification_toast_success;
|
|
13426
13478
|
} else {
|
|
13427
|
-
return styles$
|
|
13479
|
+
return styles$y.notification_toast_info;
|
|
13428
13480
|
}
|
|
13429
13481
|
};
|
|
13430
13482
|
return /*#__PURE__*/React__default.createElement("div", Object.assign({}, props, {
|
|
13431
|
-
className: `${styles$
|
|
13483
|
+
className: `${styles$y.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13432
13484
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
13433
|
-
className: styles$
|
|
13485
|
+
className: styles$y.notification_toast_content
|
|
13434
13486
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
13435
13487
|
text: content,
|
|
13436
13488
|
weight: "regular",
|
|
@@ -13439,19 +13491,19 @@ const Toast = ({
|
|
|
13439
13491
|
}), link && textLink && /*#__PURE__*/React__default.createElement(Link, {
|
|
13440
13492
|
text: textLink,
|
|
13441
13493
|
link: link,
|
|
13442
|
-
className: styles$
|
|
13494
|
+
className: styles$y.toast_link
|
|
13443
13495
|
})), /*#__PURE__*/React__default.createElement("button", {
|
|
13444
|
-
className: `${styles$
|
|
13496
|
+
className: `${styles$y.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13445
13497
|
onClick: () => {
|
|
13446
13498
|
}
|
|
13447
13499
|
}, /*#__PURE__*/React__default.createElement(AddIcon, null)));
|
|
13448
13500
|
};
|
|
13449
13501
|
|
|
13450
|
-
var css_248z$
|
|
13451
|
-
var styles$
|
|
13452
|
-
styleInject(css_248z$
|
|
13502
|
+
var css_248z$z = ".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}";
|
|
13503
|
+
var styles$z = {"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"};
|
|
13504
|
+
styleInject(css_248z$z);
|
|
13453
13505
|
|
|
13454
|
-
const CssTextField$3 = /*#__PURE__*/styles$
|
|
13506
|
+
const CssTextField$3 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
13455
13507
|
'& .MuiInputBase-input': {
|
|
13456
13508
|
color: '#26292E',
|
|
13457
13509
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -13571,7 +13623,7 @@ const NumberField = props => {
|
|
|
13571
13623
|
}, rightIcon) : rightText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13572
13624
|
text: rightText,
|
|
13573
13625
|
weight: "bold",
|
|
13574
|
-
className: styles$
|
|
13626
|
+
className: styles$z.textSideInput,
|
|
13575
13627
|
size: "sm"
|
|
13576
13628
|
}) : undefined;
|
|
13577
13629
|
const startAdornment = leftIcon ? /*#__PURE__*/React__default.createElement(material.InputAdornment, {
|
|
@@ -13579,20 +13631,20 @@ const NumberField = props => {
|
|
|
13579
13631
|
}, leftIcon) : leftText ? /*#__PURE__*/React__default.createElement(Text, {
|
|
13580
13632
|
text: leftText,
|
|
13581
13633
|
weight: "bold",
|
|
13582
|
-
className: styles$
|
|
13634
|
+
className: styles$z.textSideInput,
|
|
13583
13635
|
size: "sm"
|
|
13584
13636
|
}) : undefined;
|
|
13585
13637
|
const InputLabelProps = label === undefined ? {
|
|
13586
13638
|
shrink: false
|
|
13587
13639
|
} : {};
|
|
13588
13640
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13589
|
-
className: `${className} ${styles$
|
|
13641
|
+
className: `${className} ${styles$z.input}`,
|
|
13590
13642
|
id: id
|
|
13591
13643
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
13592
13644
|
text: `${topLabel ? topLabel : ''}`,
|
|
13593
13645
|
weight: topLabelWeight || 'bold',
|
|
13594
13646
|
size: topLabelSize || 'base',
|
|
13595
|
-
className: styles$
|
|
13647
|
+
className: styles$z.input_top_label,
|
|
13596
13648
|
required: required
|
|
13597
13649
|
}), /*#__PURE__*/React__default.createElement(CssTextField$3, {
|
|
13598
13650
|
fullWidth: true,
|
|
@@ -13635,20 +13687,20 @@ const NumberField = props => {
|
|
|
13635
13687
|
color: "#F54C4C",
|
|
13636
13688
|
italic: true,
|
|
13637
13689
|
text: errorText,
|
|
13638
|
-
className: styles$
|
|
13690
|
+
className: styles$z.text_below
|
|
13639
13691
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
13640
13692
|
size: "xs",
|
|
13641
13693
|
italic: true,
|
|
13642
13694
|
text: helperText,
|
|
13643
|
-
className: styles$
|
|
13695
|
+
className: styles$z.text_below
|
|
13644
13696
|
}));
|
|
13645
13697
|
};
|
|
13646
13698
|
|
|
13647
|
-
var css_248z$
|
|
13648
|
-
var styles$
|
|
13649
|
-
styleInject(css_248z$
|
|
13699
|
+
var css_248z$A = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
13700
|
+
var styles$A = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
13701
|
+
styleInject(css_248z$A);
|
|
13650
13702
|
|
|
13651
|
-
const CssTextField$4 = /*#__PURE__*/styles$
|
|
13703
|
+
const CssTextField$4 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
13652
13704
|
'& .MuiInputBase-input': {
|
|
13653
13705
|
color: '#26292E',
|
|
13654
13706
|
height: '2.75rem',
|
|
@@ -13799,7 +13851,7 @@ const NumberInput = ({
|
|
|
13799
13851
|
},
|
|
13800
13852
|
id: `NumberInput#${inputNumber}`,
|
|
13801
13853
|
placeholder: placeholder,
|
|
13802
|
-
className: `${styles$
|
|
13854
|
+
className: `${styles$A.input_number} ${className ?? ''}`
|
|
13803
13855
|
}, props));
|
|
13804
13856
|
};
|
|
13805
13857
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -13829,15 +13881,15 @@ const NumbersCode = ({
|
|
|
13829
13881
|
}));
|
|
13830
13882
|
}
|
|
13831
13883
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13832
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
13884
|
+
className: `${containerClassname ?? ''} ${styles$A.blockList}`
|
|
13833
13885
|
}, children);
|
|
13834
13886
|
};
|
|
13835
13887
|
|
|
13836
|
-
var css_248z$
|
|
13837
|
-
var styles$
|
|
13838
|
-
styleInject(css_248z$
|
|
13888
|
+
var css_248z$B = ".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}";
|
|
13889
|
+
var styles$B = {"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"};
|
|
13890
|
+
styleInject(css_248z$B);
|
|
13839
13891
|
|
|
13840
|
-
const CssTextField$5 = /*#__PURE__*/styles$
|
|
13892
|
+
const CssTextField$5 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
13841
13893
|
'& .MuiInputBase-input': {
|
|
13842
13894
|
color: '#26292E',
|
|
13843
13895
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -13967,13 +14019,13 @@ const PasswordField = props => {
|
|
|
13967
14019
|
shrink: false
|
|
13968
14020
|
} : {};
|
|
13969
14021
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
13970
|
-
className: `${className} ${styles$
|
|
14022
|
+
className: `${className} ${styles$B.input}`,
|
|
13971
14023
|
id: id
|
|
13972
14024
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
13973
14025
|
text: `${topLabel ? topLabel : ''}`,
|
|
13974
14026
|
weight: topLabelWeight || 'bold',
|
|
13975
14027
|
size: topLabelSize || 'base',
|
|
13976
|
-
className: styles$
|
|
14028
|
+
className: styles$B.input_top_label,
|
|
13977
14029
|
required: required
|
|
13978
14030
|
}), /*#__PURE__*/React__default.createElement(CssTextField$5, {
|
|
13979
14031
|
fullWidth: true,
|
|
@@ -14017,12 +14069,12 @@ const PasswordField = props => {
|
|
|
14017
14069
|
color: "#F54C4C",
|
|
14018
14070
|
italic: true,
|
|
14019
14071
|
text: errorText,
|
|
14020
|
-
className: styles$
|
|
14072
|
+
className: styles$B.text_below
|
|
14021
14073
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14022
14074
|
size: "xs",
|
|
14023
14075
|
italic: true,
|
|
14024
14076
|
text: helperText,
|
|
14025
|
-
className: styles$
|
|
14077
|
+
className: styles$B.text_below
|
|
14026
14078
|
}));
|
|
14027
14079
|
};
|
|
14028
14080
|
|
|
@@ -14103,9 +14155,9 @@ const PopoverBeta = ({
|
|
|
14103
14155
|
});
|
|
14104
14156
|
};
|
|
14105
14157
|
|
|
14106
|
-
var css_248z$
|
|
14107
|
-
var styles$
|
|
14108
|
-
styleInject(css_248z$
|
|
14158
|
+
var css_248z$C = ".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}";
|
|
14159
|
+
var styles$C = {"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"};
|
|
14160
|
+
styleInject(css_248z$C);
|
|
14109
14161
|
|
|
14110
14162
|
const PricingCard = ({
|
|
14111
14163
|
cardInfo: {
|
|
@@ -14148,9 +14200,9 @@ const PricingCard = ({
|
|
|
14148
14200
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14149
14201
|
};
|
|
14150
14202
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14151
|
-
className: styles$
|
|
14203
|
+
className: styles$C.pricingCard + (isHighlighted ? ` ${styles$C.highlighted}` : '') + (isDark ? ` ${styles$C.dark}` : '')
|
|
14152
14204
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React__default.createElement("div", {
|
|
14153
|
-
className: styles$
|
|
14205
|
+
className: styles$C.highlightMessage
|
|
14154
14206
|
}, /*#__PURE__*/React__default.createElement("svg", {
|
|
14155
14207
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14156
14208
|
width: "16",
|
|
@@ -14176,7 +14228,7 @@ const PricingCard = ({
|
|
|
14176
14228
|
text: highlightMessage,
|
|
14177
14229
|
color: "#fff"
|
|
14178
14230
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
14179
|
-
className: styles$
|
|
14231
|
+
className: styles$C.mainContent
|
|
14180
14232
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14181
14233
|
style: {
|
|
14182
14234
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14184,44 +14236,44 @@ const PricingCard = ({
|
|
|
14184
14236
|
flexDirection: 'column'
|
|
14185
14237
|
}
|
|
14186
14238
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14187
|
-
className: styles$
|
|
14239
|
+
className: styles$C.header
|
|
14188
14240
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14189
|
-
className: styles$
|
|
14241
|
+
className: styles$C.header_top
|
|
14190
14242
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14191
14243
|
size: "xl",
|
|
14192
14244
|
weight: "bold",
|
|
14193
14245
|
text: title,
|
|
14194
14246
|
color: isDark ? '#fff' : ''
|
|
14195
14247
|
}), yourPlanText && /*#__PURE__*/React__default.createElement("div", {
|
|
14196
|
-
className: styles$
|
|
14248
|
+
className: styles$C.tag
|
|
14197
14249
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14198
14250
|
size: "xs",
|
|
14199
14251
|
text: yourPlanText,
|
|
14200
14252
|
color: colors.white
|
|
14201
14253
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14202
|
-
className: styles$
|
|
14254
|
+
className: styles$C.description
|
|
14203
14255
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14204
14256
|
size: "base",
|
|
14205
14257
|
weight: "semi-bold",
|
|
14206
14258
|
text: description,
|
|
14207
14259
|
color: isDark ? 'white' : ''
|
|
14208
14260
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14209
|
-
className: styles$
|
|
14261
|
+
className: styles$C.pricing
|
|
14210
14262
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14211
14263
|
size: "base",
|
|
14212
14264
|
weight: "bold",
|
|
14213
14265
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14214
14266
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14215
|
-
className: styles$
|
|
14267
|
+
className: styles$C.lineThrough
|
|
14216
14268
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14217
|
-
className: styles$
|
|
14269
|
+
className: styles$C.price
|
|
14218
14270
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Title, {
|
|
14219
14271
|
size: "xxl",
|
|
14220
14272
|
weight: "bold",
|
|
14221
14273
|
text: cmsContent.LetsTalk,
|
|
14222
14274
|
color: isDark ? '#fff' : ''
|
|
14223
14275
|
}) : /*#__PURE__*/React__default.createElement("div", {
|
|
14224
|
-
className: styles$
|
|
14276
|
+
className: styles$C.amount
|
|
14225
14277
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
14226
14278
|
size: "xxxl",
|
|
14227
14279
|
weight: "bold",
|
|
@@ -14237,7 +14289,7 @@ const PricingCard = ({
|
|
|
14237
14289
|
`,
|
|
14238
14290
|
color: isDark ? 'white' : colors.neutral_550
|
|
14239
14291
|
}))), /*#__PURE__*/React__default.createElement("div", {
|
|
14240
|
-
className: styles$
|
|
14292
|
+
className: styles$C.interviews
|
|
14241
14293
|
}, tier === 4 ? /*#__PURE__*/React__default.createElement(Text, {
|
|
14242
14294
|
size: "sm",
|
|
14243
14295
|
weight: "semi-bold",
|
|
@@ -14260,24 +14312,24 @@ const PricingCard = ({
|
|
|
14260
14312
|
text: buttonText[tier],
|
|
14261
14313
|
size: "base",
|
|
14262
14314
|
variant: buttonVariant[tier],
|
|
14263
|
-
className: styles$
|
|
14315
|
+
className: styles$C.button,
|
|
14264
14316
|
disabled: yourPlanText ? true : false,
|
|
14265
14317
|
customBackground: buttonBackgrounds[tier],
|
|
14266
14318
|
onClick: onClick
|
|
14267
14319
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
14268
|
-
className: styles$
|
|
14320
|
+
className: styles$C.features
|
|
14269
14321
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14270
14322
|
size: "base",
|
|
14271
14323
|
weight: "semi-bold",
|
|
14272
14324
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14273
14325
|
color: isDark ? 'white' : ''
|
|
14274
14326
|
}), /*#__PURE__*/React__default.createElement("ul", {
|
|
14275
|
-
className: styles$
|
|
14327
|
+
className: styles$C.featuresList
|
|
14276
14328
|
}, featuresList.map((feature, index) => /*#__PURE__*/React__default.createElement("li", {
|
|
14277
|
-
className: styles$
|
|
14329
|
+
className: styles$C.feature,
|
|
14278
14330
|
key: index
|
|
14279
14331
|
}, /*#__PURE__*/React__default.createElement(CheckedIcon, {
|
|
14280
|
-
className: styles$
|
|
14332
|
+
className: styles$C.icon
|
|
14281
14333
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14282
14334
|
size: "sm",
|
|
14283
14335
|
weight: "regular",
|
|
@@ -14292,15 +14344,15 @@ const PricingCard = ({
|
|
|
14292
14344
|
}),
|
|
14293
14345
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14294
14346
|
size: "xxs",
|
|
14295
|
-
className: styles$
|
|
14347
|
+
className: styles$C.tooltipButton
|
|
14296
14348
|
}))))))));
|
|
14297
14349
|
};
|
|
14298
14350
|
|
|
14299
|
-
var css_248z$
|
|
14300
|
-
var styles$
|
|
14301
|
-
styleInject(css_248z$
|
|
14351
|
+
var css_248z$D = ".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}";
|
|
14352
|
+
var styles$D = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14353
|
+
styleInject(css_248z$D);
|
|
14302
14354
|
|
|
14303
|
-
const BpIcon$1 = /*#__PURE__*/styles$
|
|
14355
|
+
const BpIcon$1 = /*#__PURE__*/styles$14.styled('span')(() => ({
|
|
14304
14356
|
borderRadius: '50%',
|
|
14305
14357
|
width: '1rem',
|
|
14306
14358
|
height: '1rem',
|
|
@@ -14317,7 +14369,7 @@ const BpIcon$1 = /*#__PURE__*/styles$13.styled('span')(() => ({
|
|
|
14317
14369
|
cursor: 'not-allowed'
|
|
14318
14370
|
}
|
|
14319
14371
|
}));
|
|
14320
|
-
const BpCheckedIcon$1 = /*#__PURE__*/styles$
|
|
14372
|
+
const BpCheckedIcon$1 = /*#__PURE__*/styles$14.styled(BpIcon$1)({
|
|
14321
14373
|
backgroundColor: '#0077FF',
|
|
14322
14374
|
border: 'none',
|
|
14323
14375
|
width: '1.1rem',
|
|
@@ -14348,7 +14400,7 @@ const Radio = ({
|
|
|
14348
14400
|
className
|
|
14349
14401
|
}) => {
|
|
14350
14402
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14351
|
-
className: `${styles$
|
|
14403
|
+
className: `${styles$D.radioBtnWrapper} ${className}`
|
|
14352
14404
|
}, leftLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
14353
14405
|
text: leftLabel,
|
|
14354
14406
|
size: "sm"
|
|
@@ -14369,9 +14421,9 @@ const Radio = ({
|
|
|
14369
14421
|
}));
|
|
14370
14422
|
};
|
|
14371
14423
|
|
|
14372
|
-
var css_248z$
|
|
14373
|
-
var styles$
|
|
14374
|
-
styleInject(css_248z$
|
|
14424
|
+
var css_248z$E = ".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}";
|
|
14425
|
+
var styles$E = {"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"};
|
|
14426
|
+
styleInject(css_248z$E);
|
|
14375
14427
|
|
|
14376
14428
|
const RatingScale = props => {
|
|
14377
14429
|
const {
|
|
@@ -14393,19 +14445,19 @@ const RatingScale = props => {
|
|
|
14393
14445
|
otherProps
|
|
14394
14446
|
} = props;
|
|
14395
14447
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14396
|
-
className: styles$
|
|
14448
|
+
className: styles$E.ratingScale + ' ' + className
|
|
14397
14449
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14398
14450
|
text: `${topLabel ? topLabel : ''}`,
|
|
14399
14451
|
weight: topLabelWeight || 'bold',
|
|
14400
14452
|
size: topLabelSize || 'base',
|
|
14401
|
-
className: styles$
|
|
14453
|
+
className: styles$E.topLabel,
|
|
14402
14454
|
required: required
|
|
14403
14455
|
}), /*#__PURE__*/React__default.createElement(material.FormControl, {
|
|
14404
14456
|
component: "fieldset",
|
|
14405
|
-
className: styles$
|
|
14457
|
+
className: styles$E.formControl,
|
|
14406
14458
|
error: error
|
|
14407
14459
|
}, /*#__PURE__*/React__default.createElement(material.RadioGroup, Object.assign({
|
|
14408
|
-
className: styles$
|
|
14460
|
+
className: styles$E.radioGroup,
|
|
14409
14461
|
"aria-label": "rating",
|
|
14410
14462
|
name: name,
|
|
14411
14463
|
value: value,
|
|
@@ -14420,17 +14472,17 @@ const RatingScale = props => {
|
|
|
14420
14472
|
checked: value === option,
|
|
14421
14473
|
disabled: disabled
|
|
14422
14474
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React__default.createElement("div", {
|
|
14423
|
-
className: styles$
|
|
14475
|
+
className: styles$E.ratingScaleText
|
|
14424
14476
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14425
14477
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14426
14478
|
weight: 'regular',
|
|
14427
14479
|
size: 'sm',
|
|
14428
|
-
className: styles$
|
|
14480
|
+
className: styles$E.ratingScaleStartText
|
|
14429
14481
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
14430
14482
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14431
14483
|
weight: 'regular',
|
|
14432
14484
|
size: 'sm',
|
|
14433
|
-
className: styles$
|
|
14485
|
+
className: styles$E.ratingScaleEndText
|
|
14434
14486
|
})) : null);
|
|
14435
14487
|
};
|
|
14436
14488
|
|
|
@@ -14456,12 +14508,12 @@ const Search = ({
|
|
|
14456
14508
|
});
|
|
14457
14509
|
};
|
|
14458
14510
|
|
|
14459
|
-
var css_248z$
|
|
14460
|
-
var styles$
|
|
14461
|
-
styleInject(css_248z$
|
|
14511
|
+
var css_248z$F = ".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}";
|
|
14512
|
+
var styles$F = {"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"};
|
|
14513
|
+
styleInject(css_248z$F);
|
|
14462
14514
|
|
|
14463
14515
|
const filter$2 = /*#__PURE__*/Autocomplete.createFilterOptions();
|
|
14464
|
-
const CssTextField$6 = /*#__PURE__*/styles$
|
|
14516
|
+
const CssTextField$6 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
14465
14517
|
'& .MuiInputBase-input': {
|
|
14466
14518
|
color: '#26292E',
|
|
14467
14519
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -14587,7 +14639,7 @@ const SingleSelect = ({
|
|
|
14587
14639
|
text: `${topLabel ? topLabel : ''}`,
|
|
14588
14640
|
weight: topLabelWeight || 'bold',
|
|
14589
14641
|
size: topLabelSize || 'base',
|
|
14590
|
-
className: styles$
|
|
14642
|
+
className: styles$F.input_top_label,
|
|
14591
14643
|
required: required
|
|
14592
14644
|
}), /*#__PURE__*/React__default.createElement(Autocomplete__default, Object.assign({
|
|
14593
14645
|
id: "tags-standard",
|
|
@@ -14630,13 +14682,13 @@ const SingleSelect = ({
|
|
|
14630
14682
|
})),
|
|
14631
14683
|
clearIcon: /*#__PURE__*/React__default.createElement(RemoveCircledIcon, {
|
|
14632
14684
|
fill: "black",
|
|
14633
|
-
className: `${styles$
|
|
14685
|
+
className: `${styles$F.icon}`
|
|
14634
14686
|
}),
|
|
14635
14687
|
popupIcon: /*#__PURE__*/React__default.createElement(ArrowLineDowIcon, {
|
|
14636
14688
|
fill: "black",
|
|
14637
|
-
className: `${styles$
|
|
14689
|
+
className: `${styles$F.icon}`
|
|
14638
14690
|
}),
|
|
14639
|
-
className: `${styles$
|
|
14691
|
+
className: `${styles$F.newAutocomplete}`,
|
|
14640
14692
|
renderOption: (props, option) => {
|
|
14641
14693
|
return /*#__PURE__*/React__default.createElement("li", Object.assign({}, props, {
|
|
14642
14694
|
key: option.value
|
|
@@ -14665,18 +14717,18 @@ const SingleSelect = ({
|
|
|
14665
14717
|
color: "#F54C4C",
|
|
14666
14718
|
italic: true,
|
|
14667
14719
|
text: errorText,
|
|
14668
|
-
className: styles$
|
|
14720
|
+
className: styles$F.text_below
|
|
14669
14721
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14670
14722
|
size: "xs",
|
|
14671
14723
|
italic: true,
|
|
14672
14724
|
text: helperText,
|
|
14673
|
-
className: styles$
|
|
14725
|
+
className: styles$F.text_below
|
|
14674
14726
|
}));
|
|
14675
14727
|
};
|
|
14676
14728
|
|
|
14677
|
-
var css_248z$
|
|
14678
|
-
var styles$
|
|
14679
|
-
styleInject(css_248z$
|
|
14729
|
+
var css_248z$G = ".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}";
|
|
14730
|
+
var styles$G = {"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"};
|
|
14731
|
+
styleInject(css_248z$G);
|
|
14680
14732
|
|
|
14681
14733
|
const StarRating = ({
|
|
14682
14734
|
value,
|
|
@@ -14687,13 +14739,13 @@ const StarRating = ({
|
|
|
14687
14739
|
const [rating, setRating] = React.useState(value ?? 0);
|
|
14688
14740
|
const [hover, setHover] = React.useState(0);
|
|
14689
14741
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14690
|
-
className: styles$
|
|
14742
|
+
className: styles$G.star_rating
|
|
14691
14743
|
}, [...Array(5)].map((_star, index) => {
|
|
14692
14744
|
index += 1;
|
|
14693
14745
|
return /*#__PURE__*/React__default.createElement("button", {
|
|
14694
14746
|
type: "button",
|
|
14695
14747
|
key: index,
|
|
14696
|
-
className: styles$
|
|
14748
|
+
className: styles$G.star_button,
|
|
14697
14749
|
onClick: () => {
|
|
14698
14750
|
setRating(index);
|
|
14699
14751
|
onClick(index);
|
|
@@ -14725,9 +14777,9 @@ const StarRating = ({
|
|
|
14725
14777
|
}));
|
|
14726
14778
|
};
|
|
14727
14779
|
|
|
14728
|
-
var css_248z$
|
|
14729
|
-
var styles$
|
|
14730
|
-
styleInject(css_248z$
|
|
14780
|
+
var css_248z$H = ".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}";
|
|
14781
|
+
var styles$H = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
14782
|
+
styleInject(css_248z$H);
|
|
14731
14783
|
|
|
14732
14784
|
const CustomSwitch = /*#__PURE__*/system.styled(material.Switch)({
|
|
14733
14785
|
'& .MuiSwitch-track': {
|
|
@@ -14759,7 +14811,7 @@ const Switch = ({
|
|
|
14759
14811
|
className
|
|
14760
14812
|
}) => {
|
|
14761
14813
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14762
|
-
className: `${styles$
|
|
14814
|
+
className: `${styles$H.switchWrapper} ${disabled && styles$H.disabled}${className}`
|
|
14763
14815
|
}, label && /*#__PURE__*/React__default.createElement(Title, {
|
|
14764
14816
|
text: label,
|
|
14765
14817
|
weight: "bold",
|
|
@@ -14776,9 +14828,9 @@ const Switch = ({
|
|
|
14776
14828
|
}));
|
|
14777
14829
|
};
|
|
14778
14830
|
|
|
14779
|
-
var css_248z$
|
|
14780
|
-
var styles$
|
|
14781
|
-
styleInject(css_248z$
|
|
14831
|
+
var css_248z$I = ".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}";
|
|
14832
|
+
var styles$I = {"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"};
|
|
14833
|
+
styleInject(css_248z$I);
|
|
14782
14834
|
|
|
14783
14835
|
const TableFooter = ({
|
|
14784
14836
|
footerText,
|
|
@@ -14787,26 +14839,26 @@ const TableFooter = ({
|
|
|
14787
14839
|
footerAction
|
|
14788
14840
|
}) => {
|
|
14789
14841
|
return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
|
|
14790
|
-
className: `${styles$
|
|
14842
|
+
className: `${styles$I.footer} ${footerClassName && footerClassName}`
|
|
14791
14843
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
14792
|
-
className: `${styles$
|
|
14844
|
+
className: `${styles$I.footer_content}`
|
|
14793
14845
|
}, footerText && /*#__PURE__*/React__default.createElement(Text, {
|
|
14794
14846
|
size: "sm",
|
|
14795
14847
|
text: footerText,
|
|
14796
14848
|
color: colors.neutral_600,
|
|
14797
|
-
className: styles$
|
|
14849
|
+
className: styles$I.footerText
|
|
14798
14850
|
}), footerIconRight && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
14799
14851
|
icon: footerIconRight,
|
|
14800
14852
|
variant: "tertiary",
|
|
14801
14853
|
onClick: footerAction,
|
|
14802
|
-
className: styles$
|
|
14854
|
+
className: styles$I.actionsBtn,
|
|
14803
14855
|
size: "xs"
|
|
14804
14856
|
}))));
|
|
14805
14857
|
};
|
|
14806
14858
|
|
|
14807
|
-
var css_248z$
|
|
14808
|
-
var styles$
|
|
14809
|
-
styleInject(css_248z$
|
|
14859
|
+
var css_248z$J = ".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}";
|
|
14860
|
+
var styles$J = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
14861
|
+
styleInject(css_248z$J);
|
|
14810
14862
|
|
|
14811
14863
|
const TableHeader$1 = ({
|
|
14812
14864
|
headers,
|
|
@@ -14816,7 +14868,7 @@ const TableHeader$1 = ({
|
|
|
14816
14868
|
selectAll
|
|
14817
14869
|
}) => {
|
|
14818
14870
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14819
|
-
className: `${styles$
|
|
14871
|
+
className: `${styles$J.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
14820
14872
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React__default.createElement(Checkbox, {
|
|
14821
14873
|
checked: areAllSelected,
|
|
14822
14874
|
onChange: () => selectAll()
|
|
@@ -14847,7 +14899,7 @@ const TableHeader$1 = ({
|
|
|
14847
14899
|
style: {
|
|
14848
14900
|
flex: header.flexWidth ?? 1
|
|
14849
14901
|
},
|
|
14850
|
-
className: styles$
|
|
14902
|
+
className: styles$J.header_cell
|
|
14851
14903
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
14852
14904
|
text: header.name,
|
|
14853
14905
|
weight: header.weight,
|
|
@@ -14856,14 +14908,14 @@ const TableHeader$1 = ({
|
|
|
14856
14908
|
}), header.icon && header.icon)));
|
|
14857
14909
|
};
|
|
14858
14910
|
|
|
14859
|
-
var css_248z$
|
|
14860
|
-
var styles$
|
|
14861
|
-
styleInject(css_248z$J);
|
|
14862
|
-
|
|
14863
|
-
var css_248z$K = ".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}";
|
|
14864
|
-
var styles$K = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
14911
|
+
var css_248z$K = ".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}";
|
|
14912
|
+
var styles$K = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
14865
14913
|
styleInject(css_248z$K);
|
|
14866
14914
|
|
|
14915
|
+
var css_248z$L = ".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}";
|
|
14916
|
+
var styles$L = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
14917
|
+
styleInject(css_248z$L);
|
|
14918
|
+
|
|
14867
14919
|
const TableCell = ({
|
|
14868
14920
|
text,
|
|
14869
14921
|
weight = 'regular',
|
|
@@ -14874,7 +14926,7 @@ const TableCell = ({
|
|
|
14874
14926
|
select
|
|
14875
14927
|
}) => {
|
|
14876
14928
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14877
|
-
className: `${styles$
|
|
14929
|
+
className: `${styles$L.cell} ${className && className}`,
|
|
14878
14930
|
style: {
|
|
14879
14931
|
flex: flexWidth
|
|
14880
14932
|
}
|
|
@@ -14899,14 +14951,14 @@ const TableRows = ({
|
|
|
14899
14951
|
}) => {
|
|
14900
14952
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14901
14953
|
id: id,
|
|
14902
|
-
className: `${styles$
|
|
14954
|
+
className: `${styles$K.rows} ${rowsClassName}`
|
|
14903
14955
|
}, rows.map((row, index) => {
|
|
14904
|
-
let rowClassName = `${styles$
|
|
14956
|
+
let rowClassName = `${styles$K.row} ${row.className}`;
|
|
14905
14957
|
// Add first and last row classes
|
|
14906
14958
|
if (index === 0) {
|
|
14907
|
-
rowClassName += ` ${styles$
|
|
14959
|
+
rowClassName += ` ${styles$K.firstRow}`;
|
|
14908
14960
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
14909
|
-
rowClassName += ` ${styles$
|
|
14961
|
+
rowClassName += ` ${styles$K.lastRow}`;
|
|
14910
14962
|
}
|
|
14911
14963
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14912
14964
|
key: `row-${index}`,
|
|
@@ -14929,9 +14981,9 @@ const TableRows = ({
|
|
|
14929
14981
|
}));
|
|
14930
14982
|
};
|
|
14931
14983
|
|
|
14932
|
-
var css_248z$
|
|
14933
|
-
var styles$
|
|
14934
|
-
styleInject(css_248z$
|
|
14984
|
+
var css_248z$M = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
14985
|
+
var styles$M = {"table":"Table-modules_table__ddiph"};
|
|
14986
|
+
styleInject(css_248z$M);
|
|
14935
14987
|
|
|
14936
14988
|
/**
|
|
14937
14989
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -14953,7 +15005,7 @@ const Table = ({
|
|
|
14953
15005
|
selectAll
|
|
14954
15006
|
}) => {
|
|
14955
15007
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
14956
|
-
className: `${styles$
|
|
15008
|
+
className: `${styles$M.table} ${className}`
|
|
14957
15009
|
}, /*#__PURE__*/React__default.createElement(TableHeader$1, {
|
|
14958
15010
|
headers: headers,
|
|
14959
15011
|
isSelectable: isSelectable,
|
|
@@ -14974,9 +15026,9 @@ const Table = ({
|
|
|
14974
15026
|
}));
|
|
14975
15027
|
};
|
|
14976
15028
|
|
|
14977
|
-
var css_248z$
|
|
14978
|
-
var styles$
|
|
14979
|
-
styleInject(css_248z$
|
|
15029
|
+
var css_248z$N = ".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}";
|
|
15030
|
+
var styles$N = {"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"};
|
|
15031
|
+
styleInject(css_248z$N);
|
|
14980
15032
|
|
|
14981
15033
|
const TabPanel = ({
|
|
14982
15034
|
value,
|
|
@@ -15007,7 +15059,7 @@ const Tabs = ({
|
|
|
15007
15059
|
if (onSelect) onSelect(newValue);
|
|
15008
15060
|
};
|
|
15009
15061
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15010
|
-
className: styles$
|
|
15062
|
+
className: styles$N.new_tabs
|
|
15011
15063
|
}, /*#__PURE__*/React__default.createElement(material.Tabs, {
|
|
15012
15064
|
value: value,
|
|
15013
15065
|
onChange: handleChange,
|
|
@@ -15039,9 +15091,9 @@ const Tabs = ({
|
|
|
15039
15091
|
}, tab.component)));
|
|
15040
15092
|
};
|
|
15041
15093
|
|
|
15042
|
-
var css_248z$
|
|
15043
|
-
var styles$
|
|
15044
|
-
styleInject(css_248z$
|
|
15094
|
+
var css_248z$O = ".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}";
|
|
15095
|
+
var styles$O = {"tabbar":"tabsUnderline-modules_tabbar__72OLJ","tabs_root":"tabsUnderline-modules_tabs_root__zTVoo","tab_label":"tabsUnderline-modules_tab_label__GFbid","tab_label_content":"tabsUnderline-modules_tab_label_content__5PJ41","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"};
|
|
15096
|
+
styleInject(css_248z$O);
|
|
15045
15097
|
|
|
15046
15098
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15047
15099
|
const TabsUnderline = ({
|
|
@@ -15066,11 +15118,11 @@ const TabsUnderline = ({
|
|
|
15066
15118
|
}
|
|
15067
15119
|
}, [defaultValue]);
|
|
15068
15120
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15069
|
-
className: `${styles$
|
|
15121
|
+
className: `${styles$O.tabbar} ${className && className}`
|
|
15070
15122
|
}, /*#__PURE__*/React__default.createElement(Tabs$1, {
|
|
15071
15123
|
value: value,
|
|
15072
15124
|
onChange: onClickTab,
|
|
15073
|
-
className: styles$
|
|
15125
|
+
className: styles$O.tabs_root,
|
|
15074
15126
|
variant: "scrollable",
|
|
15075
15127
|
orientation: "horizontal",
|
|
15076
15128
|
visibleScrollbar: false,
|
|
@@ -15085,14 +15137,14 @@ const TabsUnderline = ({
|
|
|
15085
15137
|
}, tabs.map((item, index) => {
|
|
15086
15138
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
15087
15139
|
key: `tab#${index}`,
|
|
15088
|
-
className: !isArrowIconDisplay ? styles$
|
|
15140
|
+
className: !isArrowIconDisplay ? styles$O.tab_label : styles$O.tab_label_icon,
|
|
15089
15141
|
disabled: item.disabled ?? false,
|
|
15090
15142
|
disableRipple: true,
|
|
15091
15143
|
sx: {
|
|
15092
15144
|
textTransform: 'none'
|
|
15093
15145
|
},
|
|
15094
15146
|
label: /*#__PURE__*/React__default.createElement("div", {
|
|
15095
|
-
className: styles$
|
|
15147
|
+
className: styles$O.tab_label_content,
|
|
15096
15148
|
id: item.id
|
|
15097
15149
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15098
15150
|
text: item.label,
|
|
@@ -15107,11 +15159,11 @@ const TabsUnderline = ({
|
|
|
15107
15159
|
});
|
|
15108
15160
|
if (item.disabled) {
|
|
15109
15161
|
renderTab = /*#__PURE__*/React__default.createElement("div", {
|
|
15110
|
-
className: styles$
|
|
15162
|
+
className: styles$O.tab_label_content,
|
|
15111
15163
|
id: item.id
|
|
15112
15164
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15113
15165
|
key: `tab#${index}`,
|
|
15114
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15166
|
+
className: `${!isArrowIconDisplay ? styles$O.tab_label_replacement : styles$O.tab_label_replacement_icon} ${styles$O.disabled}`,
|
|
15115
15167
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15116
15168
|
size: "base",
|
|
15117
15169
|
text: item.label,
|
|
@@ -15137,10 +15189,10 @@ const TabsUnderline = ({
|
|
|
15137
15189
|
alignItems: 'center',
|
|
15138
15190
|
justifyContent: 'center'
|
|
15139
15191
|
},
|
|
15140
|
-
className: styles$
|
|
15192
|
+
className: styles$O.tab_label_content
|
|
15141
15193
|
}, /*#__PURE__*/React__default.createElement(Title, {
|
|
15142
15194
|
key: `tab#${index}`,
|
|
15143
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15195
|
+
className: `${!isArrowIconDisplay ? styles$O.tab_label_replacement : styles$O.tab_label_replacement_icon} ${styles$O.disabled}`,
|
|
15144
15196
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15145
15197
|
size: "base",
|
|
15146
15198
|
text: item.label,
|
|
@@ -15161,7 +15213,7 @@ const TabsUnderline = ({
|
|
|
15161
15213
|
}, renderTab);
|
|
15162
15214
|
}
|
|
15163
15215
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React__default.createElement("div", {
|
|
15164
|
-
className: styles$
|
|
15216
|
+
className: styles$O.withArrowContainer,
|
|
15165
15217
|
onClick: e => onClickTab(e, index)
|
|
15166
15218
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React__default.createElement(ArrowLineRightIcon, {
|
|
15167
15219
|
fill: colors.neutral_550,
|
|
@@ -15170,9 +15222,9 @@ const TabsUnderline = ({
|
|
|
15170
15222
|
})));
|
|
15171
15223
|
};
|
|
15172
15224
|
|
|
15173
|
-
var css_248z$
|
|
15174
|
-
var styles$
|
|
15175
|
-
styleInject(css_248z$
|
|
15225
|
+
var css_248z$P = ".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}";
|
|
15226
|
+
var styles$P = {"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"};
|
|
15227
|
+
styleInject(css_248z$P);
|
|
15176
15228
|
|
|
15177
15229
|
colord.extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15178
15230
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15196,15 +15248,15 @@ const Tag = ({
|
|
|
15196
15248
|
};
|
|
15197
15249
|
const getTagStatus = () => {
|
|
15198
15250
|
if (customColor) {
|
|
15199
|
-
return styles$
|
|
15251
|
+
return styles$P.tag_custom;
|
|
15200
15252
|
} else if (status === 'idle') {
|
|
15201
|
-
return styles$
|
|
15202
|
-
} else if (status === 'success') return styles$
|
|
15253
|
+
return styles$P.tag_idle;
|
|
15254
|
+
} else if (status === 'success') return styles$P.tag_success;else if (status === 'info') return styles$P.tag_info;else if (status === 'warning') return styles$P.tag_warning;else if (status === 'critical') return styles$P.tag_critical;else if (status === 'light') return styles$P.tag_light;else if (status === 'violet') return styles$P.tag_violet;else return styles$P.tag_idle;
|
|
15203
15255
|
};
|
|
15204
15256
|
const getTagSize = () => {
|
|
15205
15257
|
if (size === 'sm') {
|
|
15206
|
-
return styles$
|
|
15207
|
-
} else if (size === 'base') return styles$
|
|
15258
|
+
return styles$P.tag_sm;
|
|
15259
|
+
} else if (size === 'base') return styles$P.tag_base;else return styles$P.tag_base;
|
|
15208
15260
|
};
|
|
15209
15261
|
const getTextSize = () => {
|
|
15210
15262
|
if (size === 'sm') {
|
|
@@ -15231,7 +15283,7 @@ const Tag = ({
|
|
|
15231
15283
|
style: {
|
|
15232
15284
|
backgroundColor: customColor
|
|
15233
15285
|
},
|
|
15234
|
-
className: `${styles$
|
|
15286
|
+
className: `${styles$P.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$P.canBeRemoved}`
|
|
15235
15287
|
}), iconLeft && /*#__PURE__*/React__default.cloneElement(iconLeft, {
|
|
15236
15288
|
style: {
|
|
15237
15289
|
fill: getTextColor(),
|
|
@@ -15255,11 +15307,11 @@ const Tag = ({
|
|
|
15255
15307
|
})));
|
|
15256
15308
|
};
|
|
15257
15309
|
|
|
15258
|
-
var css_248z$
|
|
15259
|
-
var styles$
|
|
15260
|
-
styleInject(css_248z$
|
|
15310
|
+
var css_248z$Q = ".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}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}.TextInput-modules_text_below__oT18E{margin:.25rem .5rem .25rem .75rem}";
|
|
15311
|
+
var styles$Q = {"input":"TextInput-modules_input__Ky9uR","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","text_below":"TextInput-modules_text_below__oT18E"};
|
|
15312
|
+
styleInject(css_248z$Q);
|
|
15261
15313
|
|
|
15262
|
-
const CssTextField$7 = /*#__PURE__*/styles$
|
|
15314
|
+
const CssTextField$7 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
15263
15315
|
'& .MuiInputBase-input': {
|
|
15264
15316
|
color: '#26292E',
|
|
15265
15317
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -15386,13 +15438,13 @@ const TextInput = props => {
|
|
|
15386
15438
|
shrink: false
|
|
15387
15439
|
} : {};
|
|
15388
15440
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15389
|
-
className: `${className} ${styles$
|
|
15441
|
+
className: `${className} ${styles$Q.input}`,
|
|
15390
15442
|
id: id
|
|
15391
15443
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
15392
15444
|
text: `${topLabel ? topLabel : ''}`,
|
|
15393
15445
|
weight: topLabelWeight || 'bold',
|
|
15394
15446
|
size: topLabelSize || 'base',
|
|
15395
|
-
className: styles$
|
|
15447
|
+
className: styles$Q.input_top_label,
|
|
15396
15448
|
required: required
|
|
15397
15449
|
}), /*#__PURE__*/React__default.createElement(CssTextField$7, {
|
|
15398
15450
|
fullWidth: true,
|
|
@@ -15438,18 +15490,18 @@ const TextInput = props => {
|
|
|
15438
15490
|
color: "#F54C4C",
|
|
15439
15491
|
italic: true,
|
|
15440
15492
|
text: errorText,
|
|
15441
|
-
className: styles$
|
|
15493
|
+
className: styles$Q.text_below
|
|
15442
15494
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15443
15495
|
size: "xs",
|
|
15444
15496
|
italic: true,
|
|
15445
15497
|
text: helperText,
|
|
15446
|
-
className: styles$
|
|
15498
|
+
className: styles$Q.text_below
|
|
15447
15499
|
}));
|
|
15448
15500
|
};
|
|
15449
15501
|
|
|
15450
|
-
var css_248z$
|
|
15451
|
-
var styles$
|
|
15452
|
-
styleInject(css_248z$
|
|
15502
|
+
var css_248z$R = ".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}";
|
|
15503
|
+
var styles$R = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
15504
|
+
styleInject(css_248z$R);
|
|
15453
15505
|
|
|
15454
15506
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15455
15507
|
const Textarea = ({
|
|
@@ -15487,7 +15539,7 @@ const Textarea = ({
|
|
|
15487
15539
|
setCharCount(String(value).length);
|
|
15488
15540
|
}, []);
|
|
15489
15541
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15490
|
-
className: styles$
|
|
15542
|
+
className: styles$R.text_area_container
|
|
15491
15543
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
15492
15544
|
name: name,
|
|
15493
15545
|
variant: "outlined",
|
|
@@ -15513,7 +15565,7 @@ const Textarea = ({
|
|
|
15513
15565
|
maxRows: maxRows,
|
|
15514
15566
|
minRows: minRows
|
|
15515
15567
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
15516
|
-
className: styles$
|
|
15568
|
+
className: styles$R.helperTexts
|
|
15517
15569
|
}, helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
15518
15570
|
text: helperText,
|
|
15519
15571
|
size: "xs",
|
|
@@ -15526,13 +15578,13 @@ const Textarea = ({
|
|
|
15526
15578
|
}), /*#__PURE__*/React__default.createElement(Text, {
|
|
15527
15579
|
text: `${charCount} / ${maxCharacters}`,
|
|
15528
15580
|
size: "xs",
|
|
15529
|
-
className: styles$
|
|
15581
|
+
className: styles$R.counter
|
|
15530
15582
|
})));
|
|
15531
15583
|
};
|
|
15532
15584
|
|
|
15533
|
-
var css_248z$
|
|
15534
|
-
var styles$
|
|
15535
|
-
styleInject(css_248z$
|
|
15585
|
+
var css_248z$S = ".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}";
|
|
15586
|
+
var styles$S = {"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"};
|
|
15587
|
+
styleInject(css_248z$S);
|
|
15536
15588
|
|
|
15537
15589
|
/**
|
|
15538
15590
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -15690,7 +15742,7 @@ const Thematic = ({
|
|
|
15690
15742
|
closeTagMenuPopover();
|
|
15691
15743
|
};
|
|
15692
15744
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15693
|
-
className: styles$
|
|
15745
|
+
className: styles$S.thematic,
|
|
15694
15746
|
style: {
|
|
15695
15747
|
backgroundColor: backgroundColor,
|
|
15696
15748
|
borderColor: borderColor
|
|
@@ -15706,7 +15758,7 @@ const Thematic = ({
|
|
|
15706
15758
|
setAreActionsVisible(false);
|
|
15707
15759
|
}
|
|
15708
15760
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15709
|
-
className: styles$
|
|
15761
|
+
className: styles$S.thematic__header
|
|
15710
15762
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
15711
15763
|
tooltipDescription: definition,
|
|
15712
15764
|
placement: "top",
|
|
@@ -15717,9 +15769,9 @@ const Thematic = ({
|
|
|
15717
15769
|
size: "base",
|
|
15718
15770
|
status: 'idle',
|
|
15719
15771
|
customColor: badgeColor,
|
|
15720
|
-
className: styles$
|
|
15772
|
+
className: styles$S.overflow_badge
|
|
15721
15773
|
}))), areActionsVisible && /*#__PURE__*/React__default.createElement("div", {
|
|
15722
|
-
className: styles$
|
|
15774
|
+
className: styles$S.thematic__header__actions
|
|
15723
15775
|
}, !isAddTagHidden && /*#__PURE__*/React__default.createElement(IconButton, {
|
|
15724
15776
|
icon: /*#__PURE__*/React__default.createElement(AddTagIcon, {
|
|
15725
15777
|
fill: iconsColor,
|
|
@@ -15745,10 +15797,10 @@ const Thematic = ({
|
|
|
15745
15797
|
variant: "tertiary",
|
|
15746
15798
|
onClick: handleOnClickDeleteThematic
|
|
15747
15799
|
}))), tagsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
15748
|
-
className: styles$
|
|
15800
|
+
className: styles$S.tagsContainer
|
|
15749
15801
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
15750
15802
|
key: `${tag}-${idx}`,
|
|
15751
|
-
className: styles$
|
|
15803
|
+
className: styles$S.tag,
|
|
15752
15804
|
onClick: e => handleOnClickTag(e, tag)
|
|
15753
15805
|
}, /*#__PURE__*/React__default.createElement(Tooltip, {
|
|
15754
15806
|
tooltipDescription: tag.definition,
|
|
@@ -15760,7 +15812,7 @@ const Thematic = ({
|
|
|
15760
15812
|
customColor: tagColor.toHex(),
|
|
15761
15813
|
size: "base",
|
|
15762
15814
|
amountNumber: tag.amount,
|
|
15763
|
-
className: styles$
|
|
15815
|
+
className: styles$S.overflow_tag
|
|
15764
15816
|
})))))), /*#__PURE__*/React__default.createElement(material.Popover, {
|
|
15765
15817
|
open: isAddTagPopoverOpen,
|
|
15766
15818
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -15769,16 +15821,16 @@ const Thematic = ({
|
|
|
15769
15821
|
horizontal: 'right'
|
|
15770
15822
|
},
|
|
15771
15823
|
onClose: closeAddTagPopover,
|
|
15772
|
-
className: styles$
|
|
15824
|
+
className: styles$S.addTagPopover
|
|
15773
15825
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15774
|
-
className: styles$
|
|
15826
|
+
className: styles$S.content
|
|
15775
15827
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
15776
15828
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
15777
15829
|
value: newTagName,
|
|
15778
15830
|
onChange: e => setNewTagName(e.target.value),
|
|
15779
15831
|
onKeyDown: handleOnClickValidateAddTag
|
|
15780
15832
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
15781
|
-
className: styles$
|
|
15833
|
+
className: styles$S.actions
|
|
15782
15834
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
15783
15835
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
15784
15836
|
size: "sm",
|
|
@@ -15792,11 +15844,11 @@ const Thematic = ({
|
|
|
15792
15844
|
horizontal: 'right'
|
|
15793
15845
|
},
|
|
15794
15846
|
onClose: closeTagMenuPopover,
|
|
15795
|
-
className: styles$
|
|
15847
|
+
className: styles$S.tagMenuPopover
|
|
15796
15848
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15797
|
-
className: styles$
|
|
15849
|
+
className: styles$S.dropdown
|
|
15798
15850
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15799
|
-
className: styles$
|
|
15851
|
+
className: styles$S.item,
|
|
15800
15852
|
onClick: e => handleOnClickEditTag(e)
|
|
15801
15853
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15802
15854
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -15805,7 +15857,7 @@ const Thematic = ({
|
|
|
15805
15857
|
fill: colors.black,
|
|
15806
15858
|
size: "base"
|
|
15807
15859
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
15808
|
-
className: styles$
|
|
15860
|
+
className: styles$S.item,
|
|
15809
15861
|
onClick: e => handleOnClickMoveTag(e)
|
|
15810
15862
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15811
15863
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -15814,7 +15866,7 @@ const Thematic = ({
|
|
|
15814
15866
|
fill: colors.black,
|
|
15815
15867
|
size: "base"
|
|
15816
15868
|
})), /*#__PURE__*/React__default.createElement("div", {
|
|
15817
|
-
className: styles$
|
|
15869
|
+
className: styles$S.item,
|
|
15818
15870
|
onClick: handleOnClickDeleteTag
|
|
15819
15871
|
}, /*#__PURE__*/React__default.createElement(BinIcon, {
|
|
15820
15872
|
fill: colors.red_500,
|
|
@@ -15830,16 +15882,16 @@ const Thematic = ({
|
|
|
15830
15882
|
horizontal: 'right'
|
|
15831
15883
|
},
|
|
15832
15884
|
onClose: closeEditTagPopover,
|
|
15833
|
-
className: styles$
|
|
15885
|
+
className: styles$S.editTagPopover
|
|
15834
15886
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15835
|
-
className: styles$
|
|
15887
|
+
className: styles$S.content
|
|
15836
15888
|
}, /*#__PURE__*/React__default.createElement(TextInput, {
|
|
15837
15889
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
15838
15890
|
value: editedTagName,
|
|
15839
15891
|
onChange: e => setEditedTagName(e.target.value),
|
|
15840
15892
|
onKeyDown: handleOnClickValidateEditTag
|
|
15841
15893
|
}), /*#__PURE__*/React__default.createElement("div", {
|
|
15842
|
-
className: styles$
|
|
15894
|
+
className: styles$S.actions
|
|
15843
15895
|
}, /*#__PURE__*/React__default.createElement(Button, {
|
|
15844
15896
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
15845
15897
|
size: "sm",
|
|
@@ -15853,17 +15905,17 @@ const Thematic = ({
|
|
|
15853
15905
|
horizontal: 'right'
|
|
15854
15906
|
},
|
|
15855
15907
|
onClose: closeMoveTagPopover,
|
|
15856
|
-
className: styles$
|
|
15908
|
+
className: styles$S.moveTagPopover
|
|
15857
15909
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15858
|
-
className: styles$
|
|
15910
|
+
className: styles$S.content
|
|
15859
15911
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15860
|
-
className: styles$
|
|
15912
|
+
className: styles$S.otherThematicsContainer
|
|
15861
15913
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React__default.createElement("div", {
|
|
15862
15914
|
key: `${thematic}-${idx}`,
|
|
15863
|
-
className: styles$
|
|
15915
|
+
className: styles$S.otherThematic,
|
|
15864
15916
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
15865
15917
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
15866
|
-
className: styles$
|
|
15918
|
+
className: styles$S.color,
|
|
15867
15919
|
style: {
|
|
15868
15920
|
backgroundColor: thematic.color,
|
|
15869
15921
|
height: '1rem',
|
|
@@ -15876,9 +15928,9 @@ const Thematic = ({
|
|
|
15876
15928
|
})))))));
|
|
15877
15929
|
};
|
|
15878
15930
|
|
|
15879
|
-
var css_248z$
|
|
15880
|
-
var styles$
|
|
15881
|
-
styleInject(css_248z$
|
|
15931
|
+
var css_248z$T = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
15932
|
+
var styles$T = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
15933
|
+
styleInject(css_248z$T);
|
|
15882
15934
|
|
|
15883
15935
|
const TimeInterval = ({
|
|
15884
15936
|
startTime,
|
|
@@ -15900,10 +15952,10 @@ const TimeInterval = ({
|
|
|
15900
15952
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
15901
15953
|
}
|
|
15902
15954
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
15903
|
-
className: `${styles$
|
|
15955
|
+
className: `${styles$T.time_interval} ${className}`,
|
|
15904
15956
|
onClick: () => onClick(startTime)
|
|
15905
15957
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
15906
|
-
className: styles$
|
|
15958
|
+
className: styles$T.times_text,
|
|
15907
15959
|
size: "sm",
|
|
15908
15960
|
weight: "semi-bold",
|
|
15909
15961
|
color: colors.blue_500,
|
|
@@ -15912,11 +15964,11 @@ const TimeInterval = ({
|
|
|
15912
15964
|
}));
|
|
15913
15965
|
};
|
|
15914
15966
|
|
|
15915
|
-
var css_248z$
|
|
15916
|
-
var styles$
|
|
15917
|
-
styleInject(css_248z$
|
|
15967
|
+
var css_248z$U = ".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}";
|
|
15968
|
+
var styles$U = {"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"};
|
|
15969
|
+
styleInject(css_248z$U);
|
|
15918
15970
|
|
|
15919
|
-
const CssTextField$8 = /*#__PURE__*/styles$
|
|
15971
|
+
const CssTextField$8 = /*#__PURE__*/styles$14.styled(material.TextField)({
|
|
15920
15972
|
'& .MuiInputBase-input': {
|
|
15921
15973
|
color: '#26292E',
|
|
15922
15974
|
fontFamily: `'Open Sans' !important`,
|
|
@@ -16046,12 +16098,12 @@ const TimePicker = ({
|
|
|
16046
16098
|
dateAdapter: AdapterDateFnsV3.AdapterDateFns,
|
|
16047
16099
|
adapterLocale: locales[locale]
|
|
16048
16100
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16049
|
-
className: `${styles$
|
|
16101
|
+
className: `${styles$U.time_picker} ${className ? className : undefined}`
|
|
16050
16102
|
}, topLabel && /*#__PURE__*/React__default.createElement(Text, {
|
|
16051
16103
|
text: `${topLabel ? topLabel : ''}`,
|
|
16052
16104
|
weight: topLabelWeight || 'bold',
|
|
16053
16105
|
size: topLabelSize || 'base',
|
|
16054
|
-
className: styles$
|
|
16106
|
+
className: styles$U.input_top_label,
|
|
16055
16107
|
required: required
|
|
16056
16108
|
}), /*#__PURE__*/React__default.createElement(TimePicker$1.TimePicker, {
|
|
16057
16109
|
label: label,
|
|
@@ -16081,18 +16133,18 @@ const TimePicker = ({
|
|
|
16081
16133
|
color: "#F54C4C",
|
|
16082
16134
|
italic: true,
|
|
16083
16135
|
text: errorText,
|
|
16084
|
-
className: styles$
|
|
16136
|
+
className: styles$U.text_below
|
|
16085
16137
|
}), helperText && /*#__PURE__*/React__default.createElement(Text, {
|
|
16086
16138
|
size: "xs",
|
|
16087
16139
|
italic: true,
|
|
16088
16140
|
text: helperText,
|
|
16089
|
-
className: styles$
|
|
16141
|
+
className: styles$U.text_below
|
|
16090
16142
|
}))));
|
|
16091
16143
|
};
|
|
16092
16144
|
|
|
16093
|
-
var css_248z$
|
|
16094
|
-
var styles$
|
|
16095
|
-
styleInject(css_248z$
|
|
16145
|
+
var css_248z$V = ".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}";
|
|
16146
|
+
var styles$V = {"toggleTab":"ToggleTab-module_toggleTab__NKADb","option":"ToggleTab-module_option__vSWjn","option__btn":"ToggleTab-module_option__btn__mRg2T","optionalText":"ToggleTab-module_optionalText__KMniN"};
|
|
16147
|
+
styleInject(css_248z$V);
|
|
16096
16148
|
|
|
16097
16149
|
const ToggleTab = ({
|
|
16098
16150
|
optionOne,
|
|
@@ -16121,47 +16173,47 @@ const ToggleTab = ({
|
|
|
16121
16173
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16122
16174
|
};
|
|
16123
16175
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16124
|
-
className: styles$
|
|
16176
|
+
className: styles$V.toggleTab,
|
|
16125
16177
|
style: {
|
|
16126
16178
|
background: background[variant]
|
|
16127
16179
|
}
|
|
16128
16180
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16129
|
-
className: styles$
|
|
16181
|
+
className: styles$V.option,
|
|
16130
16182
|
style: {
|
|
16131
16183
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16132
16184
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16133
16185
|
}
|
|
16134
16186
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16135
16187
|
onClick: onClickOptionOne,
|
|
16136
|
-
className: styles$
|
|
16188
|
+
className: styles$V.option__btn
|
|
16137
16189
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16138
16190
|
size: "base",
|
|
16139
16191
|
weight: "bold",
|
|
16140
16192
|
text: optionOne,
|
|
16141
16193
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16142
16194
|
}), optionalFirstText && /*#__PURE__*/React__default.createElement("div", {
|
|
16143
|
-
className: styles$
|
|
16195
|
+
className: styles$V.optionalText
|
|
16144
16196
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16145
16197
|
text: optionalFirstText,
|
|
16146
16198
|
size: "sm",
|
|
16147
16199
|
weight: "regular",
|
|
16148
16200
|
color: "#fff"
|
|
16149
16201
|
})))), /*#__PURE__*/React__default.createElement("div", {
|
|
16150
|
-
className: styles$
|
|
16202
|
+
className: styles$V.option,
|
|
16151
16203
|
style: {
|
|
16152
16204
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16153
16205
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16154
16206
|
}
|
|
16155
16207
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
16156
16208
|
onClick: onClickOptionTwo,
|
|
16157
|
-
className: styles$
|
|
16209
|
+
className: styles$V.option__btn
|
|
16158
16210
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16159
16211
|
size: "base",
|
|
16160
16212
|
weight: "bold",
|
|
16161
16213
|
text: optionTwo,
|
|
16162
16214
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16163
16215
|
}), optionalSecondText && /*#__PURE__*/React__default.createElement("div", {
|
|
16164
|
-
className: styles$
|
|
16216
|
+
className: styles$V.optionalText
|
|
16165
16217
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16166
16218
|
text: optionalSecondText,
|
|
16167
16219
|
size: "sm",
|
|
@@ -16170,9 +16222,9 @@ const ToggleTab = ({
|
|
|
16170
16222
|
})))));
|
|
16171
16223
|
};
|
|
16172
16224
|
|
|
16173
|
-
var css_248z$
|
|
16174
|
-
var styles$
|
|
16175
|
-
styleInject(css_248z$
|
|
16225
|
+
var css_248z$W = ".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}";
|
|
16226
|
+
var styles$W = {"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"};
|
|
16227
|
+
styleInject(css_248z$W);
|
|
16176
16228
|
|
|
16177
16229
|
const TooltipLayout = ({
|
|
16178
16230
|
tooltipTitle,
|
|
@@ -16195,9 +16247,9 @@ const TooltipLayout = ({
|
|
|
16195
16247
|
isTooltipSimplified
|
|
16196
16248
|
}) => {
|
|
16197
16249
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16198
|
-
className: `${styles$
|
|
16250
|
+
className: `${styles$W.tooltip_layout} ${isTooltipSimplified ? styles$W.tooltip_simplified : ''}`
|
|
16199
16251
|
}, /*#__PURE__*/React__default.createElement("div", null, /*#__PURE__*/React__default.createElement("div", {
|
|
16200
|
-
className: styles$
|
|
16252
|
+
className: styles$W.tooltip_layout_header
|
|
16201
16253
|
}, tooltipTitle && /*#__PURE__*/React__default.createElement(Title, {
|
|
16202
16254
|
text: tooltipTitle,
|
|
16203
16255
|
size: "sm",
|
|
@@ -16210,17 +16262,17 @@ const TooltipLayout = ({
|
|
|
16210
16262
|
})), tooltipDescription && /*#__PURE__*/React__default.createElement(Text, {
|
|
16211
16263
|
text: tooltipDescription,
|
|
16212
16264
|
size: "sm",
|
|
16213
|
-
className: styles$
|
|
16265
|
+
className: styles$W.tooltip_layout_description,
|
|
16214
16266
|
color: isTooltipSimplified ? '#fff' : '#000'
|
|
16215
16267
|
}), optionalUrl && optionalUrlText && /*#__PURE__*/React__default.createElement("a", {
|
|
16216
16268
|
href: optionalUrl,
|
|
16217
16269
|
target: "_blank",
|
|
16218
16270
|
rel: "noopener noreferrer",
|
|
16219
|
-
className: isTooltipSimplified ? styles$
|
|
16271
|
+
className: isTooltipSimplified ? styles$W.tooltip_layout_optional_url_simplified : styles$W.tooltip_layout_optional_url
|
|
16220
16272
|
}, optionalUrlText), customContent && /*#__PURE__*/React__default.createElement("div", {
|
|
16221
|
-
className: styles$
|
|
16273
|
+
className: styles$W.tooltip_layout_content
|
|
16222
16274
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React__default.createElement("div", {
|
|
16223
|
-
className: styles$
|
|
16275
|
+
className: styles$W.tooltip_layout_actions
|
|
16224
16276
|
}, buttonOneText && /*#__PURE__*/React__default.createElement(Button, {
|
|
16225
16277
|
text: buttonOneText,
|
|
16226
16278
|
size: "sm",
|
|
@@ -16238,7 +16290,7 @@ const TooltipLayout = ({
|
|
|
16238
16290
|
})));
|
|
16239
16291
|
};
|
|
16240
16292
|
|
|
16241
|
-
const StyledTooltip = /*#__PURE__*/styles$
|
|
16293
|
+
const StyledTooltip = /*#__PURE__*/styles$14.styled(material.Tooltip)({
|
|
16242
16294
|
[`& .${Tooltip$1.tooltipClasses.tooltip}`]: {
|
|
16243
16295
|
backgroundColor: '#fff'
|
|
16244
16296
|
}
|
|
@@ -16340,9 +16392,9 @@ const Tooltip = ({
|
|
|
16340
16392
|
if (shouldBeOpen === false) return children;else return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
16341
16393
|
};
|
|
16342
16394
|
|
|
16343
|
-
var css_248z$
|
|
16344
|
-
var styles$
|
|
16345
|
-
styleInject(css_248z$
|
|
16395
|
+
var css_248z$X = ".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}";
|
|
16396
|
+
var styles$X = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16397
|
+
styleInject(css_248z$X);
|
|
16346
16398
|
|
|
16347
16399
|
/** This text should be use to display basic text
|
|
16348
16400
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16351,15 +16403,15 @@ const SquareText = ({
|
|
|
16351
16403
|
text
|
|
16352
16404
|
}) => {
|
|
16353
16405
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16354
|
-
className: `${styles$
|
|
16406
|
+
className: `${styles$X.SquareTextContainer}`
|
|
16355
16407
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
16356
16408
|
text: text
|
|
16357
16409
|
}));
|
|
16358
16410
|
};
|
|
16359
16411
|
|
|
16360
|
-
var css_248z$
|
|
16361
|
-
var styles$
|
|
16362
|
-
styleInject(css_248z$
|
|
16412
|
+
var css_248z$Y = "@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)}";
|
|
16413
|
+
var styles$Y = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16414
|
+
styleInject(css_248z$Y);
|
|
16363
16415
|
|
|
16364
16416
|
/** This text should only be used for the captions
|
|
16365
16417
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16375,13 +16427,13 @@ const Caption = ({
|
|
|
16375
16427
|
style: {
|
|
16376
16428
|
color: color
|
|
16377
16429
|
},
|
|
16378
|
-
className: `${styles$
|
|
16430
|
+
className: `${styles$Y.caption_text} ${uppercase ? styles$Y.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16379
16431
|
}), text);
|
|
16380
16432
|
};
|
|
16381
16433
|
|
|
16382
|
-
var css_248z$
|
|
16383
|
-
var styles$
|
|
16384
|
-
styleInject(css_248z$
|
|
16434
|
+
var css_248z$Z = "@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}";
|
|
16435
|
+
var styles$Z = {"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"};
|
|
16436
|
+
styleInject(css_248z$Z);
|
|
16385
16437
|
|
|
16386
16438
|
/** This text should be use to display basic text */
|
|
16387
16439
|
const Link = ({
|
|
@@ -16395,10 +16447,10 @@ const Link = ({
|
|
|
16395
16447
|
...props
|
|
16396
16448
|
}) => {
|
|
16397
16449
|
const getLinkSize = () => {
|
|
16398
|
-
if (size === 'xs') return styles$
|
|
16450
|
+
if (size === 'xs') return styles$Z.link_xs;else if (size === 'sm') return styles$Z.link_sm;else if (size === 'base') return styles$Z.link_base;else if (size === 'lg') return styles$Z.link_lg;else if (size === 'xl') return styles$Z.link_xl;else if (size === 'xxl') return styles$Z.link_xxl;else if (size === 'xxxl') return styles$Z.link_xxxl;else if (size === 'xxxxl') return styles$Z.link_xxxxl;else return styles$Z.link_base;
|
|
16399
16451
|
};
|
|
16400
16452
|
const getLinkWeight = () => {
|
|
16401
|
-
if (weight === 'semi-bold') return styles$
|
|
16453
|
+
if (weight === 'semi-bold') return styles$Z.link_semi_bold;else if (weight === 'bold') return styles$Z.link_bold;else if (weight === 'regular') return styles$Z.link_regular;else return styles$Z.link_regular;
|
|
16402
16454
|
};
|
|
16403
16455
|
if (isExternal) {
|
|
16404
16456
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16409,7 +16461,7 @@ const Link = ({
|
|
|
16409
16461
|
style: {
|
|
16410
16462
|
color: color
|
|
16411
16463
|
},
|
|
16412
|
-
className: `${styles$
|
|
16464
|
+
className: `${styles$Z.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16413
16465
|
}), text));
|
|
16414
16466
|
} else {
|
|
16415
16467
|
return /*#__PURE__*/React__default.createElement("a", {
|
|
@@ -16418,14 +16470,14 @@ const Link = ({
|
|
|
16418
16470
|
style: {
|
|
16419
16471
|
color: color
|
|
16420
16472
|
},
|
|
16421
|
-
className: `${styles$
|
|
16473
|
+
className: `${styles$Z.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16422
16474
|
}), text));
|
|
16423
16475
|
}
|
|
16424
16476
|
};
|
|
16425
16477
|
|
|
16426
|
-
var css_248z$
|
|
16427
|
-
var styles$
|
|
16428
|
-
styleInject(css_248z$
|
|
16478
|
+
var css_248z$_ = "@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}";
|
|
16479
|
+
var styles$_ = {"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"};
|
|
16480
|
+
styleInject(css_248z$_);
|
|
16429
16481
|
|
|
16430
16482
|
/** This text should be use to display basic text
|
|
16431
16483
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16443,26 +16495,26 @@ const Text = ({
|
|
|
16443
16495
|
...props
|
|
16444
16496
|
}) => {
|
|
16445
16497
|
const getTextSize = () => {
|
|
16446
|
-
if (size === 'xs') return styles$
|
|
16498
|
+
if (size === 'xs') return styles$_.text_xs;else if (size === 'sm') return styles$_.text_sm;else if (size === 'base') return styles$_.text_base;else if (size === 'lg') return styles$_.text_lg;else if (size === 'xl') return styles$_.text_xl;else if (size === 'xxl') return styles$_.text_xxl;else if (size === 'xxxl') return styles$_.text_xxxl;else if (size === 'xxxxl') return styles$_.text_xxxxl;else return styles$_.text_base;
|
|
16447
16499
|
};
|
|
16448
16500
|
const getTextWeight = () => {
|
|
16449
|
-
if (weight === 'semi-bold') return styles$
|
|
16501
|
+
if (weight === 'semi-bold') return styles$_.text_semi_bold;else if (weight === 'bold') return styles$_.text_bold;else if (weight === 'regular') return styles$_.text_regular;else return styles$_.text_regular;
|
|
16450
16502
|
};
|
|
16451
16503
|
const getTextDecoration = () => {
|
|
16452
|
-
if (textDecoration === 'underline') return styles$
|
|
16504
|
+
if (textDecoration === 'underline') return styles$_.text_underline;else if (textDecoration === 'line-through') return styles$_.text_line_through;else return '';
|
|
16453
16505
|
};
|
|
16454
16506
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16455
16507
|
id: id,
|
|
16456
16508
|
style: {
|
|
16457
16509
|
color: color
|
|
16458
16510
|
},
|
|
16459
|
-
className: `${styles$
|
|
16511
|
+
className: `${styles$_.text} ${italic ? styles$_.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$_.text_required} ${getTextSize()}`
|
|
16460
16512
|
}), text);
|
|
16461
16513
|
};
|
|
16462
16514
|
|
|
16463
|
-
var css_248z
|
|
16464
|
-
var styles
|
|
16465
|
-
styleInject(css_248z
|
|
16515
|
+
var css_248z$$ = "@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)}";
|
|
16516
|
+
var styles$$ = {"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"};
|
|
16517
|
+
styleInject(css_248z$$);
|
|
16466
16518
|
|
|
16467
16519
|
/** This button should only be used in the Button component
|
|
16468
16520
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
|
|
@@ -16476,19 +16528,19 @@ const TextForButton = ({
|
|
|
16476
16528
|
...props
|
|
16477
16529
|
}) => {
|
|
16478
16530
|
const getTextSize = () => {
|
|
16479
|
-
if (size === 'sm') return styles
|
|
16531
|
+
if (size === 'sm') return styles$$.button_text_sm;else if (size === 'base') return styles$$.button_text_base;else if (size === 'lg') return styles$$.button_text_lg;else return styles$$.button_text_base;
|
|
16480
16532
|
};
|
|
16481
16533
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16482
16534
|
style: {
|
|
16483
16535
|
color: color
|
|
16484
16536
|
},
|
|
16485
|
-
className: `${styles
|
|
16537
|
+
className: `${styles$$.button_text} ${bold ? styles$$.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
|
|
16486
16538
|
}), text);
|
|
16487
16539
|
};
|
|
16488
16540
|
|
|
16489
|
-
var css_248z
|
|
16490
|
-
var styles
|
|
16491
|
-
styleInject(css_248z
|
|
16541
|
+
var css_248z$10 = "@import \"../../../styles/index.css\";.TextForDropDownItem-modules_dropdown_text__LnWQU{font-family:var(--sdFontFamilyOpenSans);font-weight:var(--sdFontWeightMedium);margin:unset;padding:.125rem 0}.TextForDropDownItem-modules_dropdown_text_xs__sLaZ6{font-size:var(--sdFontSizeBase);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_sm__rkEf7{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140)}.TextForDropDownItem-modules_dropdown_text_base__bCtEW{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150)}.TextForDropDownItem-modules_dropdown_text_bold__dSEuu{font-weight:var(--sdFontWeightBold)}";
|
|
16542
|
+
var styles$10 = {"dropdown_text":"TextForDropDownItem-modules_dropdown_text__LnWQU","dropdown_text_xs":"TextForDropDownItem-modules_dropdown_text_xs__sLaZ6","dropdown_text_sm":"TextForDropDownItem-modules_dropdown_text_sm__rkEf7","dropdown_text_base":"TextForDropDownItem-modules_dropdown_text_base__bCtEW","dropdown_text_bold":"TextForDropDownItem-modules_dropdown_text_bold__dSEuu"};
|
|
16543
|
+
styleInject(css_248z$10);
|
|
16492
16544
|
|
|
16493
16545
|
/** This text should only be used for the dropdown items text
|
|
16494
16546
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -16502,19 +16554,19 @@ const TextForDropDownItem = ({
|
|
|
16502
16554
|
...props
|
|
16503
16555
|
}) => {
|
|
16504
16556
|
const getTextSize = () => {
|
|
16505
|
-
if (size === 'xs') return styles
|
|
16557
|
+
if (size === 'xs') return styles$10.dropdown_text_xs;else if (size === 'sm') return styles$10.dropdown_text_sm;else if (size === 'base') return styles$10.dropdown_text_base;else return styles$10.dropdown_text_base;
|
|
16506
16558
|
};
|
|
16507
16559
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16508
16560
|
style: {
|
|
16509
16561
|
color: color
|
|
16510
16562
|
},
|
|
16511
|
-
className: `${styles
|
|
16563
|
+
className: `${styles$10.dropdown_text} ${bold && styles$10.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
16512
16564
|
}), text);
|
|
16513
16565
|
};
|
|
16514
16566
|
|
|
16515
|
-
var css_248z$10 = "@import \"../../../styles/index.css\";.TextWithLink-modules_text_with_link__p1-uw{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextWithLink-modules_text_with_link__p1-uw a{color:var(--color-primary-500,#07f);margin-left:.5rem}.TextWithLink-modules_text_with_link_underline__9G5jC{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__ZXuBH{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__-fk-7:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text-regular__8jRl6.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
16516
|
-
var styles$
|
|
16517
|
-
styleInject(css_248z$
|
|
16567
|
+
var css_248z$11 = "@import \"../../../styles/index.css\";.TextWithLink-modules_text_with_link__p1-uw{font-family:var(--sdFontFamilyOpenSans);font-size:var(--sdFontSizeXs);font-style:normal;font-weight:var(--sdFontWeightRegular);letter-spacing:var(--sdLetterSpacingButtons);line-height:var(--sdLineHeight130);margin:unset;text-align:left}.TextWithLink-modules_text_with_link__p1-uw a{color:var(--color-primary-500,#07f);margin-left:.5rem}.TextWithLink-modules_text_with_link_underline__9G5jC{-webkit-text-decoration:var(--sdUnderline);text-decoration:var(--sdUnderline)}.TextWithLink-modules_text_with_link_line_through__ZXuBH{-webkit-text-decoration:var(--sdLineThrough);text-decoration:var(--sdLineThrough)}.TextWithLink-modules_text_with_link_required__-fk-7:after{color:red;content:\" *\"}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXs);padding:.063rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegularXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-{font:var(--sdTypoTextNoDecorationRegular4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text-regular__8jRl6.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_regular__59pX-.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK{font:var(--sdTypoTextNoDecorationBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_bold__ZPjyK.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationBoldItalic4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBoldXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T{font:var(--sdTypoTextNoDecorationSemiBold4xl);padding:.188rem 0 .063rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xs__rRaNw.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXs);padding:.063rem 0 .125rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_sm__9lCd1.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicSm);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_base__-Pk9d.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicBase);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_lg__pjkA5.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicLg);padding:.125rem 0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xl__xXqVf.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalicXl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxl__-WvlK.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic2xl);padding:0}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxl__STJn-.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic3xl);padding:.063rem 0 .188rem}.TextWithLink-modules_text_with_link__p1-uw.TextWithLink-modules_text_with_link_xxxxl__Djwyu.TextWithLink-modules_text_with_link_semi_bold__wFT9T.TextWithLink-modules_text_with_link_italic__4UqAY{font:var(--sdTypoTextNoDecorationSemiBoldItalic4xl);padding:.188rem 0 .063rem}";
|
|
16568
|
+
var styles$11 = {"text_with_link":"TextWithLink-modules_text_with_link__p1-uw","text_with_link_underline":"TextWithLink-modules_text_with_link_underline__9G5jC","text_with_link_line_through":"TextWithLink-modules_text_with_link_line_through__ZXuBH","text_with_link_required":"TextWithLink-modules_text_with_link_required__-fk-7","text_with_link_xs":"TextWithLink-modules_text_with_link_xs__rRaNw","text_with_link_regular":"TextWithLink-modules_text_with_link_regular__59pX-","text_with_link_sm":"TextWithLink-modules_text_with_link_sm__9lCd1","text_with_link_base":"TextWithLink-modules_text_with_link_base__-Pk9d","text_with_link_lg":"TextWithLink-modules_text_with_link_lg__pjkA5","text_with_link_xl":"TextWithLink-modules_text_with_link_xl__xXqVf","text_with_link_xxl":"TextWithLink-modules_text_with_link_xxl__-WvlK","text_with_link_xxxl":"TextWithLink-modules_text_with_link_xxxl__STJn-","text_with_link_xxxxl":"TextWithLink-modules_text_with_link_xxxxl__Djwyu","text_with_link_italic":"TextWithLink-modules_text_with_link_italic__4UqAY","text-regular":"TextWithLink-modules_text-regular__8jRl6","text_with_link_bold":"TextWithLink-modules_text_with_link_bold__ZPjyK","text_with_link_semi_bold":"TextWithLink-modules_text_with_link_semi_bold__wFT9T"};
|
|
16569
|
+
styleInject(css_248z$11);
|
|
16518
16570
|
|
|
16519
16571
|
/** This text should be use to display basic text */
|
|
16520
16572
|
const TextWithLink = ({
|
|
@@ -16531,19 +16583,19 @@ const TextWithLink = ({
|
|
|
16531
16583
|
...props
|
|
16532
16584
|
}) => {
|
|
16533
16585
|
const getTextSize = () => {
|
|
16534
|
-
if (size === 'xs') return styles$
|
|
16586
|
+
if (size === 'xs') return styles$11.text_with_link_xs;else if (size === 'sm') return styles$11.text_with_link_sm;else if (size === 'base') return styles$11.text_with_link_base;else if (size === 'lg') return styles$11.text_with_link_lg;else if (size === 'xl') return styles$11.text_with_link_xl;else if (size === 'xxl') return styles$11.text_with_link_xxl;else if (size === 'xxxl') return styles$11.text_with_link_xxxl;else if (size === 'xxxxl') return styles$11.text_with_link_xxxxl;else return styles$11.text_with_link_base;
|
|
16535
16587
|
};
|
|
16536
16588
|
const getTextWeight = () => {
|
|
16537
|
-
if (weight === 'semi-bold') return styles$
|
|
16589
|
+
if (weight === 'semi-bold') return styles$11.text_with_link_semi_bold;else if (weight === 'bold') return styles$11.text_with_link_bold;else if (weight === 'regular') return styles$11.text_with_link_regular;else return styles$11.text_with_link_regular;
|
|
16538
16590
|
};
|
|
16539
16591
|
const getTextDecoration = () => {
|
|
16540
|
-
if (textDecoration === 'underline') return styles$
|
|
16592
|
+
if (textDecoration === 'underline') return styles$11.text_with_link_underline;else if (textDecoration === 'line-through') return styles$11.text_with_link_line_through;else return '';
|
|
16541
16593
|
};
|
|
16542
16594
|
return /*#__PURE__*/React__default.createElement("p", Object.assign({}, props, {
|
|
16543
16595
|
style: {
|
|
16544
16596
|
color: color
|
|
16545
16597
|
},
|
|
16546
|
-
className: `${styles$
|
|
16598
|
+
className: `${styles$11.text_with_link} ${italic && styles$11.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
|
|
16547
16599
|
}), text, isExternalLink ? /*#__PURE__*/React__default.createElement("a", {
|
|
16548
16600
|
href: link,
|
|
16549
16601
|
target: "_blank",
|
|
@@ -16553,9 +16605,9 @@ const TextWithLink = ({
|
|
|
16553
16605
|
}, textLink));
|
|
16554
16606
|
};
|
|
16555
16607
|
|
|
16556
|
-
var css_248z$
|
|
16557
|
-
var styles$
|
|
16558
|
-
styleInject(css_248z$
|
|
16608
|
+
var css_248z$12 = "@import \"../../../styles/index.css\";.Title-modules_title__6oUE7{font-family:var(--sdFontFamilyPoppins);margin:unset;text-align:left}.Title-modules_title_italic__aXTn2{font-style:italic}.Title-modules_title_normal__n6mxZ{font-style:normal}.Title-modules_title_required__KRnfs:after{color:red;content:\" *\"}.Title-modules_title_xs__5lv1y{font-size:var(--sdFontSizeXs);line-height:var(--sdLineHeight130);padding:.063rem 0}.Title-modules_title_sm__V1v96{font-size:var(--sdFontSizeSm);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_base__KQvNE{font-size:var(--sdFontSizeBase);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_lg__CA2XQ{font-size:var(--sdFontSizeLg);line-height:var(--sdLineHeight140);padding:.188rem 0 .063rem}.Title-modules_title_xl__inW9N{font-size:var(--sdFontSizeXl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_xxl__eEbqI{font-size:var(--sdFontSize2xl);line-height:var(--sdLineHeight150);padding:.063rem 0 .188rem}.Title-modules_title_xxxl__ClOxN{font-size:var(--sdFontSize3xl);line-height:150%;padding:.188rem 0 .063rem}.Title-modules_title_xxxxl__bEaKm{font-size:var(--sdFontSize4xl);line-height:var(--sdLineHeight150);padding:.125rem 0}.Title-modules_title_bold__iIBar{font-weight:var(--sdFontWeightBold)}.Title-modules_title_semi_bold__i-RBM{font-weight:var(--sdFontWeightSemibold)}.Title-modules_title_regular__lPmqe{font-weight:var(--sdFontWeightRegular)}";
|
|
16609
|
+
var styles$12 = {"title":"Title-modules_title__6oUE7","title_italic":"Title-modules_title_italic__aXTn2","title_normal":"Title-modules_title_normal__n6mxZ","title_required":"Title-modules_title_required__KRnfs","title_xs":"Title-modules_title_xs__5lv1y","title_sm":"Title-modules_title_sm__V1v96","title_base":"Title-modules_title_base__KQvNE","title_lg":"Title-modules_title_lg__CA2XQ","title_xl":"Title-modules_title_xl__inW9N","title_xxl":"Title-modules_title_xxl__eEbqI","title_xxxl":"Title-modules_title_xxxl__ClOxN","title_xxxxl":"Title-modules_title_xxxxl__bEaKm","title_bold":"Title-modules_title_bold__iIBar","title_semi_bold":"Title-modules_title_semi_bold__i-RBM","title_regular":"Title-modules_title_regular__lPmqe"};
|
|
16610
|
+
styleInject(css_248z$12);
|
|
16559
16611
|
|
|
16560
16612
|
/** This text should only be used to display titles
|
|
16561
16613
|
* Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-357&mode=dev
|
|
@@ -16572,10 +16624,10 @@ const Title = ({
|
|
|
16572
16624
|
...props
|
|
16573
16625
|
}) => {
|
|
16574
16626
|
const getTextSize = () => {
|
|
16575
|
-
if (size === 'xs') return styles$
|
|
16627
|
+
if (size === 'xs') return styles$12.title_xs;else if (size === 'sm') return styles$12.title_sm;else if (size === 'base') return styles$12.title_base;else if (size === 'lg') return styles$12.title_lg;else if (size === 'xl') return styles$12.title_xl;else if (size === 'xxl') return styles$12.title_xxl;else if (size === 'xxxl') return styles$12.title_xxxl;else if (size === 'xxxxl') return styles$12.title_xxxxl;else return styles$12.title_base;
|
|
16576
16628
|
};
|
|
16577
16629
|
const getTextWeight = () => {
|
|
16578
|
-
if (weight === 'semi-bold') return styles$
|
|
16630
|
+
if (weight === 'semi-bold') return styles$12.title_semi_bold;else if (weight === 'bold') return styles$12.title_bold;else if (weight === 'regular') return styles$12.title_regular;else return styles$12.title_regular;
|
|
16579
16631
|
};
|
|
16580
16632
|
switch (type) {
|
|
16581
16633
|
case 'h1':
|
|
@@ -16583,56 +16635,56 @@ const Title = ({
|
|
|
16583
16635
|
style: {
|
|
16584
16636
|
color: color
|
|
16585
16637
|
},
|
|
16586
|
-
className: `${styles$
|
|
16638
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16587
16639
|
}), text);
|
|
16588
16640
|
case 'h2':
|
|
16589
16641
|
return /*#__PURE__*/React__default.createElement("h2", Object.assign({}, props, {
|
|
16590
16642
|
style: {
|
|
16591
16643
|
color: color
|
|
16592
16644
|
},
|
|
16593
|
-
className: `${styles$
|
|
16645
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16594
16646
|
}), text);
|
|
16595
16647
|
case 'h3':
|
|
16596
16648
|
return /*#__PURE__*/React__default.createElement("h3", Object.assign({}, props, {
|
|
16597
16649
|
style: {
|
|
16598
16650
|
color: color
|
|
16599
16651
|
},
|
|
16600
|
-
className: `${styles$
|
|
16652
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16601
16653
|
}), text);
|
|
16602
16654
|
case 'h4':
|
|
16603
16655
|
return /*#__PURE__*/React__default.createElement("h4", Object.assign({}, props, {
|
|
16604
16656
|
style: {
|
|
16605
16657
|
color: color
|
|
16606
16658
|
},
|
|
16607
|
-
className: `${styles$
|
|
16659
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16608
16660
|
}), text);
|
|
16609
16661
|
case 'h5':
|
|
16610
16662
|
return /*#__PURE__*/React__default.createElement("h5", Object.assign({}, props, {
|
|
16611
16663
|
style: {
|
|
16612
16664
|
color: color
|
|
16613
16665
|
},
|
|
16614
|
-
className: `${styles$
|
|
16666
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16615
16667
|
}), text);
|
|
16616
16668
|
case 'h6':
|
|
16617
16669
|
return /*#__PURE__*/React__default.createElement("h6", Object.assign({}, props, {
|
|
16618
16670
|
style: {
|
|
16619
16671
|
color: color
|
|
16620
16672
|
},
|
|
16621
|
-
className: `${styles$
|
|
16673
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16622
16674
|
}), text);
|
|
16623
16675
|
default:
|
|
16624
16676
|
return /*#__PURE__*/React__default.createElement("h2", Object.assign({}, props, {
|
|
16625
16677
|
style: {
|
|
16626
16678
|
color: color
|
|
16627
16679
|
},
|
|
16628
|
-
className: `${styles$
|
|
16680
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16629
16681
|
}), text);
|
|
16630
16682
|
}
|
|
16631
16683
|
};
|
|
16632
16684
|
|
|
16633
|
-
var css_248z$
|
|
16634
|
-
var styles$
|
|
16635
|
-
styleInject(css_248z$
|
|
16685
|
+
var css_248z$13 = ".UserIndicator-module_user_indicator__hOQbF{align-items:center;background:var(--color-gradients-003,linear-gradient(135deg,#07f 0,#9024f6 100%));border-radius:.5rem;display:flex;height:2.75rem;justify-content:center;padding:.625rem .5625rem;width:2.75rem}.UserIndicator-module_user_indicator__hOQbF p{padding:0}";
|
|
16686
|
+
var styles$13 = {"user_indicator":"UserIndicator-module_user_indicator__hOQbF"};
|
|
16687
|
+
styleInject(css_248z$13);
|
|
16636
16688
|
|
|
16637
16689
|
const gradiants = ['to left top, #F27121, #E94057, #8A2387', 'to left top, #fdc830, #f37335', 'to left top, #59c173, #a17fe0, #5d26c1', 'to left top, #355c7d, #6c5b7b, #c06c84', 'to left top, #40e0d0, #ff8c00, #ff0080', 'to left top, #fffbd5, #b20a2c', 'to left top, #e1eec3, #f05053', 'to left top, #1a2a6c, #b21f1f, #fdbb2d'];
|
|
16638
16690
|
const UserIndicator = ({
|
|
@@ -16651,7 +16703,7 @@ const UserIndicator = ({
|
|
|
16651
16703
|
}
|
|
16652
16704
|
}, []);
|
|
16653
16705
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
16654
|
-
className: styles$
|
|
16706
|
+
className: styles$13.user_indicator,
|
|
16655
16707
|
style: {
|
|
16656
16708
|
background: `linear-gradient(${selectedGradiant})`
|
|
16657
16709
|
}
|
|
@@ -16666,6 +16718,7 @@ const UserIndicator = ({
|
|
|
16666
16718
|
exports.AI_UserTest = AI_UserTest;
|
|
16667
16719
|
exports.Accordion = Accordion;
|
|
16668
16720
|
exports.AccountIcon = AccountIcon;
|
|
16721
|
+
exports.AccountIconMksite = AccountIconMksite;
|
|
16669
16722
|
exports.AddCircledIcon = AddCircledIcon;
|
|
16670
16723
|
exports.AddIcon = AddIcon;
|
|
16671
16724
|
exports.AddSeatIcon = AddSeatIcon;
|
|
@@ -16804,6 +16857,7 @@ exports.MicrophoneIcon = MicrophoneIcon;
|
|
|
16804
16857
|
exports.MicrophonePodcastIcon = MicrophonePodcastIcon;
|
|
16805
16858
|
exports.MinusCircledIcon = MinusCircledIcon;
|
|
16806
16859
|
exports.MinusIcon = MinusIcon;
|
|
16860
|
+
exports.MksiteButton = MksiteButton;
|
|
16807
16861
|
exports.MobileIcon = MobileIcon;
|
|
16808
16862
|
exports.Modal = Modal;
|
|
16809
16863
|
exports.ModeratedIcon = ModeratedIcon;
|