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
|
@@ -255,10 +255,36 @@ const Button = ({
|
|
|
255
255
|
}), iconRight && iconRight);
|
|
256
256
|
};
|
|
257
257
|
|
|
258
|
-
var css_248z$5 = ".
|
|
259
|
-
var styles$5 = {"
|
|
258
|
+
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}";
|
|
259
|
+
var styles$5 = {"button":"MksiteButton-modules_button__wminL","button_primary":"MksiteButton-modules_button_primary__jVpdT","button_secondary":"MksiteButton-modules_button_secondary__JnAKk"};
|
|
260
260
|
styleInject(css_248z$5);
|
|
261
261
|
|
|
262
|
+
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
263
|
+
const MksiteButton = ({
|
|
264
|
+
variant = 'primary',
|
|
265
|
+
iconLeft,
|
|
266
|
+
iconRight,
|
|
267
|
+
text,
|
|
268
|
+
disabled,
|
|
269
|
+
className,
|
|
270
|
+
...props
|
|
271
|
+
}) => {
|
|
272
|
+
const getStylesByVariant = () => {
|
|
273
|
+
if (variant === 'primary') return styles$5.button_primary;else if (variant === 'secondary') return styles$5.button_secondary;else return styles$5.button_primary;
|
|
274
|
+
};
|
|
275
|
+
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
276
|
+
className: `${styles$5.button} ${getStylesByVariant()} ${className ?? ''}`,
|
|
277
|
+
disabled: disabled
|
|
278
|
+
}, props), iconLeft && iconLeft, /*#__PURE__*/React.createElement(TextForButton, {
|
|
279
|
+
text: text,
|
|
280
|
+
bold: true
|
|
281
|
+
}), iconRight && iconRight);
|
|
282
|
+
};
|
|
283
|
+
|
|
284
|
+
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}";
|
|
285
|
+
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"};
|
|
286
|
+
styleInject(css_248z$6);
|
|
287
|
+
|
|
262
288
|
/** Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=422-2878&mode=dev */
|
|
263
289
|
const IconButton = /*#__PURE__*/forwardRef(({
|
|
264
290
|
variant = 'primary',
|
|
@@ -270,23 +296,23 @@ const IconButton = /*#__PURE__*/forwardRef(({
|
|
|
270
296
|
...props
|
|
271
297
|
}, ref) => {
|
|
272
298
|
const getStylesByVariant = () => {
|
|
273
|
-
if (variant === 'primary') return styles$
|
|
299
|
+
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;
|
|
274
300
|
};
|
|
275
301
|
const getStylesBySize = () => {
|
|
276
|
-
if (size === 'xxs') return styles$
|
|
277
|
-
if (size === 'xs') return styles$
|
|
302
|
+
if (size === 'xxs') return styles$6.icon_button_xxs;
|
|
303
|
+
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;
|
|
278
304
|
};
|
|
279
305
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
280
306
|
ref: ref,
|
|
281
|
-
className: `${styles$
|
|
307
|
+
className: `${styles$6.icon_button} ${getStylesByVariant()} ${getStylesBySize()} ${className ?? ''}`,
|
|
282
308
|
onClick: onClick,
|
|
283
309
|
disabled: disabled
|
|
284
310
|
}, props), icon ?? /*#__PURE__*/React.createElement(MinusCircledIcon, null));
|
|
285
311
|
});
|
|
286
312
|
|
|
287
|
-
var css_248z$
|
|
288
|
-
var styles$
|
|
289
|
-
styleInject(css_248z$
|
|
313
|
+
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%}";
|
|
314
|
+
var styles$7 = {"card":"Card-modules_card__3XjRq"};
|
|
315
|
+
styleInject(css_248z$7);
|
|
290
316
|
|
|
291
317
|
const Card = ({
|
|
292
318
|
children,
|
|
@@ -294,27 +320,27 @@ const Card = ({
|
|
|
294
320
|
onMouseLeave,
|
|
295
321
|
className
|
|
296
322
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
297
|
-
className: `${styles$
|
|
323
|
+
className: `${styles$7.card} ${className}`,
|
|
298
324
|
onMouseEnter: onMouseEnter,
|
|
299
325
|
onMouseLeave: onMouseLeave
|
|
300
326
|
}, children);
|
|
301
327
|
|
|
302
|
-
var css_248z$
|
|
303
|
-
var styles$
|
|
304
|
-
styleInject(css_248z$
|
|
328
|
+
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}";
|
|
329
|
+
var styles$8 = {"card_button":"CardButton-modules_card_button__E9xNa"};
|
|
330
|
+
styleInject(css_248z$8);
|
|
305
331
|
|
|
306
332
|
const CardButton = ({
|
|
307
333
|
children,
|
|
308
334
|
className
|
|
309
335
|
}) => /*#__PURE__*/React.createElement("div", {
|
|
310
|
-
className: `${styles$
|
|
336
|
+
className: `${styles$8.card_button} ${className}`
|
|
311
337
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
312
338
|
text: children
|
|
313
339
|
}));
|
|
314
340
|
|
|
315
|
-
var css_248z$
|
|
316
|
-
var styles$
|
|
317
|
-
styleInject(css_248z$
|
|
341
|
+
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}";
|
|
342
|
+
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"};
|
|
343
|
+
styleInject(css_248z$9);
|
|
318
344
|
|
|
319
345
|
const ChatMessage = ({
|
|
320
346
|
message,
|
|
@@ -339,23 +365,23 @@ const ChatMessage = ({
|
|
|
339
365
|
return name.split(' ').slice(0, 2).map(n => n[0].toUpperCase()).join('');
|
|
340
366
|
};
|
|
341
367
|
if (!isMe) return /*#__PURE__*/React.createElement("div", {
|
|
342
|
-
className: styles$
|
|
368
|
+
className: styles$9.user_message_container
|
|
343
369
|
}, /*#__PURE__*/React.createElement("div", {
|
|
344
|
-
className: styles$
|
|
370
|
+
className: styles$9.bot_indicator
|
|
345
371
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
346
372
|
text: getTwoInitials(message.from.name),
|
|
347
373
|
weight: "bold",
|
|
348
374
|
color: "white",
|
|
349
375
|
size: "sm"
|
|
350
376
|
})), /*#__PURE__*/React.createElement("div", {
|
|
351
|
-
className: styles$
|
|
377
|
+
className: styles$9.message_chatbot
|
|
352
378
|
}, /*#__PURE__*/React.createElement("div", {
|
|
353
|
-
className: styles$
|
|
379
|
+
className: styles$9.not_user_text_message
|
|
354
380
|
}, /*#__PURE__*/React.createElement("div", {
|
|
355
381
|
dangerouslySetInnerHTML: {
|
|
356
382
|
__html: replaceURLs(message.body) ?? ''
|
|
357
383
|
},
|
|
358
|
-
className: styles$
|
|
384
|
+
className: styles$9.user_text
|
|
359
385
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
360
386
|
onClick: onClickTime,
|
|
361
387
|
className: classNameTime,
|
|
@@ -363,23 +389,23 @@ const ChatMessage = ({
|
|
|
363
389
|
endTime: endTime
|
|
364
390
|
})));else {
|
|
365
391
|
return /*#__PURE__*/React.createElement("div", {
|
|
366
|
-
className: styles$
|
|
392
|
+
className: styles$9.user_message_container
|
|
367
393
|
}, /*#__PURE__*/React.createElement("div", {
|
|
368
|
-
className: styles$
|
|
394
|
+
className: styles$9.message_chatbot
|
|
369
395
|
}, /*#__PURE__*/React.createElement("div", {
|
|
370
|
-
className: styles$
|
|
396
|
+
className: styles$9.user_text_message
|
|
371
397
|
}, /*#__PURE__*/React.createElement("div", {
|
|
372
398
|
dangerouslySetInnerHTML: {
|
|
373
399
|
__html: replaceURLs(message.body) ?? ''
|
|
374
400
|
},
|
|
375
|
-
className: styles$
|
|
401
|
+
className: styles$9.user_text
|
|
376
402
|
})), /*#__PURE__*/React.createElement(TimeInterval, {
|
|
377
403
|
onClick: onClickTime,
|
|
378
404
|
className: classNameTime,
|
|
379
405
|
startTime: startTime,
|
|
380
406
|
endTime: endTime
|
|
381
407
|
})), /*#__PURE__*/React.createElement("div", {
|
|
382
|
-
className: styles$
|
|
408
|
+
className: styles$9.user_indicator
|
|
383
409
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
384
410
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
385
411
|
weight: "bold",
|
|
@@ -389,9 +415,9 @@ const ChatMessage = ({
|
|
|
389
415
|
}
|
|
390
416
|
};
|
|
391
417
|
|
|
392
|
-
var css_248z$
|
|
393
|
-
var styles$
|
|
394
|
-
styleInject(css_248z$
|
|
418
|
+
var css_248z$a = ".Checkbox-module_checkboxContainer__5qvEv{align-items:center;display:flex;gap:.5rem}";
|
|
419
|
+
var styles$a = {"checkboxContainer":"Checkbox-module_checkboxContainer__5qvEv"};
|
|
420
|
+
styleInject(css_248z$a);
|
|
395
421
|
|
|
396
422
|
const BpIcon = /*#__PURE__*/styled('span')(() => ({
|
|
397
423
|
borderRadius: '0.25rem',
|
|
@@ -467,7 +493,7 @@ const Checkbox = ({
|
|
|
467
493
|
className
|
|
468
494
|
}) => {
|
|
469
495
|
return /*#__PURE__*/React.createElement("div", {
|
|
470
|
-
className: `${styles$
|
|
496
|
+
className: `${styles$a.checkboxContainer} ${className}`,
|
|
471
497
|
style: {
|
|
472
498
|
cursor: disabled ? 'not-allowed' : 'auto'
|
|
473
499
|
}
|
|
@@ -580,9 +606,9 @@ const getColor = (colorName, shade) => {
|
|
|
580
606
|
return undefined;
|
|
581
607
|
};
|
|
582
608
|
|
|
583
|
-
var css_248z$
|
|
584
|
-
var styles$
|
|
585
|
-
styleInject(css_248z$
|
|
609
|
+
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}";
|
|
610
|
+
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"};
|
|
611
|
+
styleInject(css_248z$b);
|
|
586
612
|
|
|
587
613
|
const ColorPicker = ({
|
|
588
614
|
color,
|
|
@@ -593,30 +619,30 @@ const ColorPicker = ({
|
|
|
593
619
|
onChange(color);
|
|
594
620
|
};
|
|
595
621
|
return /*#__PURE__*/React.createElement("div", {
|
|
596
|
-
className: styles$
|
|
622
|
+
className: styles$b.colorPicker
|
|
597
623
|
}, /*#__PURE__*/React.createElement(HexAlphaColorPicker, {
|
|
598
624
|
color: color,
|
|
599
625
|
onChange: onChange
|
|
600
626
|
}), /*#__PURE__*/React.createElement("div", {
|
|
601
|
-
className: styles$
|
|
627
|
+
className: styles$b.colorPicker__bottom
|
|
602
628
|
}, /*#__PURE__*/React.createElement("div", {
|
|
603
|
-
className: styles$
|
|
629
|
+
className: styles$b.colorPicker__bottom__color,
|
|
604
630
|
style: {
|
|
605
631
|
backgroundColor: color
|
|
606
632
|
}
|
|
607
633
|
}), /*#__PURE__*/React.createElement("div", {
|
|
608
|
-
className: styles$
|
|
634
|
+
className: styles$b.colorPicker__bottom__input
|
|
609
635
|
}, /*#__PURE__*/React.createElement("input", {
|
|
610
636
|
type: "text",
|
|
611
637
|
value: color,
|
|
612
638
|
onChange: e => handleChange(e.target.value),
|
|
613
|
-
className: styles$
|
|
639
|
+
className: styles$b.colorTextInput
|
|
614
640
|
}))));
|
|
615
641
|
};
|
|
616
642
|
|
|
617
|
-
var css_248z$
|
|
618
|
-
var styles$
|
|
619
|
-
styleInject(css_248z$
|
|
643
|
+
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)}";
|
|
644
|
+
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"};
|
|
645
|
+
styleInject(css_248z$c);
|
|
620
646
|
|
|
621
647
|
const DataProtectionDisclaimer = ({
|
|
622
648
|
content,
|
|
@@ -624,18 +650,18 @@ const DataProtectionDisclaimer = ({
|
|
|
624
650
|
contentClassName
|
|
625
651
|
}) => {
|
|
626
652
|
return /*#__PURE__*/React.createElement("footer", {
|
|
627
|
-
className: `${styles$
|
|
653
|
+
className: `${styles$c.data_protection_disclaimer} ${className}`
|
|
628
654
|
}, /*#__PURE__*/React.createElement("div", {
|
|
629
655
|
dangerouslySetInnerHTML: {
|
|
630
656
|
__html: content
|
|
631
657
|
},
|
|
632
|
-
className: `${styles$
|
|
658
|
+
className: `${styles$c.data_protection_disclaimer_content} ${contentClassName}`
|
|
633
659
|
}));
|
|
634
660
|
};
|
|
635
661
|
|
|
636
|
-
var css_248z$
|
|
637
|
-
var styles$
|
|
638
|
-
styleInject(css_248z$
|
|
662
|
+
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}";
|
|
663
|
+
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"};
|
|
664
|
+
styleInject(css_248z$d);
|
|
639
665
|
|
|
640
666
|
const CssTextField = /*#__PURE__*/styled(TextField)({
|
|
641
667
|
'& .MuiInputBase-input': {
|
|
@@ -766,12 +792,12 @@ const DatePicker = ({
|
|
|
766
792
|
dateAdapter: AdapterDateFns,
|
|
767
793
|
adapterLocale: locale === 'enUS' ? enUS : locale === 'fr' ? fr : locale === 'it' ? it : locale === 'de' ? de : locale === 'es' ? es : enUS
|
|
768
794
|
}, /*#__PURE__*/React.createElement("div", {
|
|
769
|
-
className: `${styles$
|
|
795
|
+
className: `${styles$d.date_picker} ${className ? className : undefined}`
|
|
770
796
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
771
797
|
text: `${topLabel ? topLabel : ''}`,
|
|
772
798
|
weight: topLabelWeight || 'bold',
|
|
773
799
|
size: topLabelSize || 'base',
|
|
774
|
-
className: styles$
|
|
800
|
+
className: styles$d.input_top_label,
|
|
775
801
|
required: required
|
|
776
802
|
}), /*#__PURE__*/React.createElement(DatePicker$1, {
|
|
777
803
|
label: label,
|
|
@@ -816,18 +842,18 @@ const DatePicker = ({
|
|
|
816
842
|
color: "#F54C4C",
|
|
817
843
|
italic: true,
|
|
818
844
|
text: errorText,
|
|
819
|
-
className: styles$
|
|
845
|
+
className: styles$d.text_below
|
|
820
846
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
821
847
|
size: "xs",
|
|
822
848
|
italic: true,
|
|
823
849
|
text: helperText,
|
|
824
|
-
className: styles$
|
|
850
|
+
className: styles$d.text_below
|
|
825
851
|
}))));
|
|
826
852
|
};
|
|
827
853
|
|
|
828
|
-
var css_248z$
|
|
829
|
-
var styles$
|
|
830
|
-
styleInject(css_248z$
|
|
854
|
+
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}}";
|
|
855
|
+
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"};
|
|
856
|
+
styleInject(css_248z$e);
|
|
831
857
|
|
|
832
858
|
const HeaderCell = ({
|
|
833
859
|
planName,
|
|
@@ -856,7 +882,7 @@ const HeaderCell = ({
|
|
|
856
882
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
857
883
|
};
|
|
858
884
|
return /*#__PURE__*/React.createElement("div", {
|
|
859
|
-
className: styles$
|
|
885
|
+
className: styles$e.headerCell
|
|
860
886
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
861
887
|
size: "base",
|
|
862
888
|
weight: "semi-bold",
|
|
@@ -866,7 +892,7 @@ const HeaderCell = ({
|
|
|
866
892
|
weight: "bold",
|
|
867
893
|
text: cmsContent.LetsTalk
|
|
868
894
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
869
|
-
className: styles$
|
|
895
|
+
className: styles$e.priceContainer
|
|
870
896
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
871
897
|
size: "base",
|
|
872
898
|
weight: "bold",
|
|
@@ -888,9 +914,9 @@ const TableHeader = ({
|
|
|
888
914
|
actionsArray
|
|
889
915
|
}) => {
|
|
890
916
|
return /*#__PURE__*/React.createElement("div", {
|
|
891
|
-
className: styles$
|
|
917
|
+
className: styles$e.tableHeader
|
|
892
918
|
}, /*#__PURE__*/React.createElement("div", {
|
|
893
|
-
className: styles$
|
|
919
|
+
className: styles$e.headerTitle
|
|
894
920
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
895
921
|
size: "base",
|
|
896
922
|
weight: "semi-bold",
|
|
@@ -915,13 +941,13 @@ const RowCell = ({
|
|
|
915
941
|
const showCheckmark = value ? yesValues.includes(value.toLowerCase()) : false;
|
|
916
942
|
const hideCheckmark = value ? noValues.includes(value.toLowerCase()) : false;
|
|
917
943
|
return /*#__PURE__*/React.createElement("div", {
|
|
918
|
-
className: styles$
|
|
944
|
+
className: styles$e.rowCell
|
|
919
945
|
}, prefix && /*#__PURE__*/React.createElement(Text, {
|
|
920
946
|
size: "sm",
|
|
921
947
|
weight: "regular",
|
|
922
948
|
text: prefix
|
|
923
949
|
}), showCheckmark ? /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
924
|
-
className: styles$
|
|
950
|
+
className: styles$e.checkedIcon
|
|
925
951
|
}) : hideCheckmark || !value ? null : /*#__PURE__*/React.createElement(Text, {
|
|
926
952
|
size: "sm",
|
|
927
953
|
weight: "bold",
|
|
@@ -939,14 +965,14 @@ const FeatureRow = ({
|
|
|
939
965
|
}) => {
|
|
940
966
|
const tierList = ['Tier1', 'Tier2', 'Tier3', 'Tier4'];
|
|
941
967
|
return /*#__PURE__*/React.createElement("div", {
|
|
942
|
-
className: `${styles$
|
|
968
|
+
className: `${styles$e.featureRow} ${isLastOfTable ? styles$e.lastRow : ''}`
|
|
943
969
|
}, /*#__PURE__*/React.createElement("div", {
|
|
944
|
-
className: styles$
|
|
970
|
+
className: styles$e.featureName
|
|
945
971
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
946
972
|
size: "sm",
|
|
947
973
|
weight: "regular",
|
|
948
974
|
text: feature.Name,
|
|
949
|
-
className: styles$
|
|
975
|
+
className: styles$e.overflow2Lines
|
|
950
976
|
}), feature.TooltipDescription && /*#__PURE__*/React.createElement(Tooltip, {
|
|
951
977
|
tooltipDescription: feature.TooltipDescription,
|
|
952
978
|
placement: "right"
|
|
@@ -954,7 +980,7 @@ const FeatureRow = ({
|
|
|
954
980
|
icon: /*#__PURE__*/React.createElement(QuestionCircledIcon, null),
|
|
955
981
|
variant: "tertiary",
|
|
956
982
|
size: "xxs",
|
|
957
|
-
className: styles$
|
|
983
|
+
className: styles$e.tooltipButton
|
|
958
984
|
}))), tierList.map((tier, index) => {
|
|
959
985
|
const tierPrefix = feature[tier] ? feature[tier].Prefix : undefined;
|
|
960
986
|
const tierValue = feature[tier] ? feature[tier].Value : undefined;
|
|
@@ -972,7 +998,7 @@ const SectionTitleRow = ({
|
|
|
972
998
|
sectionName = ''
|
|
973
999
|
}) => {
|
|
974
1000
|
return /*#__PURE__*/React.createElement("div", {
|
|
975
|
-
className: styles$
|
|
1001
|
+
className: styles$e.sectionTitleRow
|
|
976
1002
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
977
1003
|
size: "sm",
|
|
978
1004
|
weight: "bold",
|
|
@@ -986,7 +1012,7 @@ const FeatureGroup = ({
|
|
|
986
1012
|
isLastGroup
|
|
987
1013
|
}) => {
|
|
988
1014
|
return /*#__PURE__*/React.createElement("div", {
|
|
989
|
-
className: styles$
|
|
1015
|
+
className: styles$e.featureGroup
|
|
990
1016
|
}, featureSection.filter(feature => feature.isActive).length > 0 && /*#__PURE__*/React.createElement(SectionTitleRow, {
|
|
991
1017
|
sectionName: sectionTitle
|
|
992
1018
|
}), featureSection.map((feature, index) => {
|
|
@@ -1013,7 +1039,7 @@ const TableBody = ({
|
|
|
1013
1039
|
};
|
|
1014
1040
|
|
|
1015
1041
|
return /*#__PURE__*/React.createElement("div", {
|
|
1016
|
-
className: styles$
|
|
1042
|
+
className: styles$e.tableBody
|
|
1017
1043
|
}, Object.keys(featuresSections).map((sectionTitle, index) => /*#__PURE__*/React.createElement(FeatureGroup, {
|
|
1018
1044
|
key: index,
|
|
1019
1045
|
sectionTitle: getTitleById(sectionTitle),
|
|
@@ -1030,7 +1056,7 @@ const FeaturesTable = ({
|
|
|
1030
1056
|
actionsArray
|
|
1031
1057
|
}) => {
|
|
1032
1058
|
return /*#__PURE__*/React.createElement("div", {
|
|
1033
|
-
className: styles$
|
|
1059
|
+
className: styles$e.featuresTable
|
|
1034
1060
|
}, /*#__PURE__*/React.createElement(TableHeader, {
|
|
1035
1061
|
plans: pricingCards,
|
|
1036
1062
|
cmsContent: cmsContent,
|
|
@@ -1041,9 +1067,9 @@ const FeaturesTable = ({
|
|
|
1041
1067
|
}));
|
|
1042
1068
|
};
|
|
1043
1069
|
|
|
1044
|
-
var css_248z$
|
|
1045
|
-
var styles$
|
|
1046
|
-
styleInject(css_248z$
|
|
1070
|
+
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}";
|
|
1071
|
+
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"};
|
|
1072
|
+
styleInject(css_248z$f);
|
|
1047
1073
|
|
|
1048
1074
|
/** This text should be use to display basic text
|
|
1049
1075
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -1059,48 +1085,48 @@ const FormQuestions = ({
|
|
|
1059
1085
|
nextText
|
|
1060
1086
|
}) => {
|
|
1061
1087
|
return /*#__PURE__*/React.createElement("div", {
|
|
1062
|
-
className: styles$
|
|
1088
|
+
className: styles$f.formQuestionsContainer
|
|
1063
1089
|
}, /*#__PURE__*/React.createElement(LogoNormal, {
|
|
1064
1090
|
style: {
|
|
1065
1091
|
width: '8.64519rem',
|
|
1066
1092
|
height: '2rem'
|
|
1067
1093
|
}
|
|
1068
1094
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1069
|
-
className: styles$
|
|
1095
|
+
className: styles$f.formQuestionsContent
|
|
1070
1096
|
}, hint && /*#__PURE__*/React.createElement(SquareText, {
|
|
1071
1097
|
text: hint
|
|
1072
1098
|
}), /*#__PURE__*/React.createElement("div", {
|
|
1073
|
-
className: styles$
|
|
1099
|
+
className: styles$f.questionContainer
|
|
1074
1100
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
1075
1101
|
text: question,
|
|
1076
|
-
className: styles$
|
|
1102
|
+
className: styles$f.questionText
|
|
1077
1103
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
1078
1104
|
text: optionText,
|
|
1079
|
-
className: styles$
|
|
1105
|
+
className: styles$f.topText
|
|
1080
1106
|
}), answers.map(answer => /*#__PURE__*/React.createElement(QuestionButton, {
|
|
1081
1107
|
text: answer.text,
|
|
1082
1108
|
clicked: answer.isSelected,
|
|
1083
1109
|
onClick: answer.onClick
|
|
1084
1110
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
1085
|
-
className: styles$
|
|
1111
|
+
className: styles$f.buttons
|
|
1086
1112
|
}, backText && /*#__PURE__*/React.createElement(Button, {
|
|
1087
1113
|
variant: 'tertiary',
|
|
1088
|
-
className: styles$
|
|
1114
|
+
className: styles$f.backButton,
|
|
1089
1115
|
iconLeft: /*#__PURE__*/React.createElement(ArrowPointerLeft, null),
|
|
1090
1116
|
text: backText,
|
|
1091
1117
|
onClick: backAction
|
|
1092
1118
|
}), nextText && /*#__PURE__*/React.createElement(Button, {
|
|
1093
1119
|
disabled: answers.every(answer => !answer.isSelected),
|
|
1094
1120
|
text: nextText,
|
|
1095
|
-
className: styles$
|
|
1121
|
+
className: styles$f.nextButton,
|
|
1096
1122
|
iconRight: /*#__PURE__*/React.createElement(ArrowPointerRight, null),
|
|
1097
1123
|
onClick: nextAction
|
|
1098
1124
|
}))));
|
|
1099
1125
|
};
|
|
1100
1126
|
|
|
1101
|
-
var css_248z$
|
|
1102
|
-
var styles$
|
|
1103
|
-
styleInject(css_248z$
|
|
1127
|
+
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}";
|
|
1128
|
+
var styles$g = {"QuestionButtonContainer":"QuestionButton-module_QuestionButtonContainer__tnHnE","QuestionButtonText":"QuestionButton-module_QuestionButtonText__gH3oE","QuestionButtonContainerSelected":"QuestionButton-module_QuestionButtonContainerSelected__cu7aD"};
|
|
1129
|
+
styleInject(css_248z$g);
|
|
1104
1130
|
|
|
1105
1131
|
/** This text should be use to display basic text
|
|
1106
1132
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -1112,9 +1138,9 @@ const QuestionButton = ({
|
|
|
1112
1138
|
}) => {
|
|
1113
1139
|
return /*#__PURE__*/React.createElement("div", {
|
|
1114
1140
|
onClick: onClick,
|
|
1115
|
-
className: `${styles$
|
|
1141
|
+
className: `${styles$g.QuestionButtonContainer} ${clicked ? styles$g.QuestionButtonContainerSelected : ''}`
|
|
1116
1142
|
}, /*#__PURE__*/React.createElement("div", {
|
|
1117
|
-
className: styles$
|
|
1143
|
+
className: styles$g.QuestionButtonText
|
|
1118
1144
|
}, text));
|
|
1119
1145
|
};
|
|
1120
1146
|
|
|
@@ -6135,6 +6161,32 @@ function AccountIcon({
|
|
|
6135
6161
|
})));
|
|
6136
6162
|
}
|
|
6137
6163
|
|
|
6164
|
+
function AccountIconMksite({
|
|
6165
|
+
stroke,
|
|
6166
|
+
strokeWidth,
|
|
6167
|
+
fill,
|
|
6168
|
+
size = 'base',
|
|
6169
|
+
...rest
|
|
6170
|
+
}) {
|
|
6171
|
+
return /*#__PURE__*/React.createElement(SvgIcon, Object.assign({
|
|
6172
|
+
strokeWidth: strokeWidth ?? 0.1,
|
|
6173
|
+
stroke: stroke ? stroke : 'currentColor',
|
|
6174
|
+
sx: {
|
|
6175
|
+
height: getIconSize(size),
|
|
6176
|
+
width: getIconSize(size)
|
|
6177
|
+
}
|
|
6178
|
+
}, rest), /*#__PURE__*/React.createElement("svg", {
|
|
6179
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
6180
|
+
width: "20",
|
|
6181
|
+
height: "20",
|
|
6182
|
+
viewBox: "0 0 20 20",
|
|
6183
|
+
fill: "none"
|
|
6184
|
+
}, /*#__PURE__*/React.createElement("path", {
|
|
6185
|
+
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",
|
|
6186
|
+
fill: fill
|
|
6187
|
+
})));
|
|
6188
|
+
}
|
|
6189
|
+
|
|
6138
6190
|
function AddIcon({
|
|
6139
6191
|
stroke,
|
|
6140
6192
|
strokeWidth,
|
|
@@ -11555,9 +11607,9 @@ function Partner9({
|
|
|
11555
11607
|
}))));
|
|
11556
11608
|
}
|
|
11557
11609
|
|
|
11558
|
-
var css_248z$
|
|
11559
|
-
var styles$
|
|
11560
|
-
styleInject(css_248z$
|
|
11610
|
+
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}";
|
|
11611
|
+
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"};
|
|
11612
|
+
styleInject(css_248z$h);
|
|
11561
11613
|
|
|
11562
11614
|
const Chat = ({
|
|
11563
11615
|
chatTitle,
|
|
@@ -11631,18 +11683,18 @@ const Chat = ({
|
|
|
11631
11683
|
item: true,
|
|
11632
11684
|
xs: 3,
|
|
11633
11685
|
direction: "column",
|
|
11634
|
-
className: `${className ?? ''} ${styles$
|
|
11686
|
+
className: `${className ?? ''} ${styles$h.chatContainer}`
|
|
11635
11687
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
11636
|
-
className: `${styles$
|
|
11688
|
+
className: `${styles$h.scrolling_content} ${styles$h.no_scrollbar} ${customContentClassname}`
|
|
11637
11689
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
11638
11690
|
text: chatTitle,
|
|
11639
11691
|
weight: "bold",
|
|
11640
11692
|
size: "lg"
|
|
11641
11693
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11642
|
-
className: `${styles$
|
|
11694
|
+
className: `${styles$h.tasks_container}
|
|
11643
11695
|
${customScrollingClassname}`
|
|
11644
11696
|
}, isInterviewNonModerated && /*#__PURE__*/React.createElement("div", {
|
|
11645
|
-
className: styles$
|
|
11697
|
+
className: styles$h.nm_message_container
|
|
11646
11698
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11647
11699
|
text: 'Share your screen',
|
|
11648
11700
|
weight: "bold",
|
|
@@ -11655,7 +11707,7 @@ const Chat = ({
|
|
|
11655
11707
|
text: 'Share my screen',
|
|
11656
11708
|
onClick: () => startNMScreenSharing(),
|
|
11657
11709
|
iconRight: /*#__PURE__*/React.createElement(TvIcon, null),
|
|
11658
|
-
className: styles$
|
|
11710
|
+
className: styles$h.nm_button
|
|
11659
11711
|
})), tasks.map(task => {
|
|
11660
11712
|
if (task.type === 'question' || task.type === 'task' || task.type === 'scenario' && isInterviewer) {
|
|
11661
11713
|
const realTask = isInterviewer ? task : JSON.parse(task.body);
|
|
@@ -11691,7 +11743,7 @@ const Chat = ({
|
|
|
11691
11743
|
if (task.type === 'scenario' && isInterviewNonModerated) {
|
|
11692
11744
|
const realTask = isInterviewer ? task : JSON.parse(task.body);
|
|
11693
11745
|
return /*#__PURE__*/React.createElement("div", {
|
|
11694
|
-
className: styles$
|
|
11746
|
+
className: styles$h.nm_message_container
|
|
11695
11747
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11696
11748
|
text: realTask.name,
|
|
11697
11749
|
weight: "bold",
|
|
@@ -11704,7 +11756,7 @@ const Chat = ({
|
|
|
11704
11756
|
text: 'Start Now',
|
|
11705
11757
|
onClick: () => sendTask(realTask),
|
|
11706
11758
|
iconRight: /*#__PURE__*/React.createElement(SendIcon, null),
|
|
11707
|
-
className: styles$
|
|
11759
|
+
className: styles$h.nm_button
|
|
11708
11760
|
}));
|
|
11709
11761
|
} else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
11710
11762
|
}), isInterviewer && areAllTasksSend && !isRecordingFinished && /*#__PURE__*/React.createElement(EndRecording, {
|
|
@@ -11723,15 +11775,15 @@ const Chat = ({
|
|
|
11723
11775
|
item: true,
|
|
11724
11776
|
xs: 3,
|
|
11725
11777
|
direction: "column",
|
|
11726
|
-
className: `${className ?? ''} ${styles$
|
|
11778
|
+
className: `${className ?? ''} ${styles$h.chatContainer}`
|
|
11727
11779
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
11728
|
-
className: `${styles$
|
|
11780
|
+
className: `${styles$h.scrolling_content} ${styles$h.no_scrollbar} ${customContentClassname}`
|
|
11729
11781
|
}, chatTitle && /*#__PURE__*/React.createElement(Text, {
|
|
11730
11782
|
text: chatTitle,
|
|
11731
11783
|
weight: "bold",
|
|
11732
11784
|
size: "lg"
|
|
11733
11785
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11734
|
-
className: `${styles$
|
|
11786
|
+
className: `${styles$h.tasks_container}
|
|
11735
11787
|
${customScrollingClassname}`
|
|
11736
11788
|
}, welcomeTitle && welcomeDescription && !isInterviewer && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
11737
11789
|
title: welcomeTitle,
|
|
@@ -11739,46 +11791,46 @@ const Chat = ({
|
|
|
11739
11791
|
}), messages && messages.map(message => {
|
|
11740
11792
|
if (message && message.type === 'normal') {
|
|
11741
11793
|
if (message.from.identity === 'interviewee' && isInterviewer || message.from.identity === 'interviewer' && !isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
11742
|
-
className: styles$
|
|
11794
|
+
className: styles$h.user_message_container
|
|
11743
11795
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11744
|
-
className: styles$
|
|
11796
|
+
className: styles$h.bot_indicator
|
|
11745
11797
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11746
11798
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11747
11799
|
weight: "bold",
|
|
11748
11800
|
color: "white",
|
|
11749
11801
|
size: "sm"
|
|
11750
11802
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11751
|
-
className: styles$
|
|
11803
|
+
className: styles$h.message_chatbot
|
|
11752
11804
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11753
|
-
className: styles$
|
|
11805
|
+
className: styles$h.not_user_text_message
|
|
11754
11806
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11755
11807
|
dangerouslySetInnerHTML: {
|
|
11756
11808
|
__html: replaceURLs(message.body) ?? ''
|
|
11757
11809
|
},
|
|
11758
|
-
className: styles$
|
|
11810
|
+
className: styles$h.user_text
|
|
11759
11811
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
11760
11812
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
11761
11813
|
size: "xs",
|
|
11762
11814
|
color: "grey",
|
|
11763
|
-
className: styles$
|
|
11815
|
+
className: styles$h.user_text_message_username
|
|
11764
11816
|
})));else if (message.from.identity === 'interviewee' && !isInterviewer || message.from.identity === 'interviewer' && isInterviewer) return /*#__PURE__*/React.createElement("div", {
|
|
11765
|
-
className: styles$
|
|
11817
|
+
className: styles$h.user_message_container
|
|
11766
11818
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11767
|
-
className: styles$
|
|
11819
|
+
className: styles$h.message_chatbot
|
|
11768
11820
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11769
|
-
className: styles$
|
|
11821
|
+
className: styles$h.user_text_message
|
|
11770
11822
|
}, /*#__PURE__*/React.createElement("div", {
|
|
11771
11823
|
dangerouslySetInnerHTML: {
|
|
11772
11824
|
__html: replaceURLs(message.body) ?? ''
|
|
11773
11825
|
},
|
|
11774
|
-
className: styles$
|
|
11826
|
+
className: styles$h.user_text
|
|
11775
11827
|
})), /*#__PURE__*/React.createElement(Text, {
|
|
11776
11828
|
text: new Date(message.createdAt).toLocaleTimeString(),
|
|
11777
11829
|
size: "xs",
|
|
11778
11830
|
color: "grey",
|
|
11779
|
-
className: styles$
|
|
11831
|
+
className: styles$h.user_text_message_username_left
|
|
11780
11832
|
})), /*#__PURE__*/React.createElement("div", {
|
|
11781
|
-
className: styles$
|
|
11833
|
+
className: styles$h.user_indicator
|
|
11782
11834
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
11783
11835
|
text: `${message.from.name.split(' ').map(n => n[0]).join('')}`,
|
|
11784
11836
|
weight: "bold",
|
|
@@ -11796,9 +11848,9 @@ const Chat = ({
|
|
|
11796
11848
|
})));
|
|
11797
11849
|
};
|
|
11798
11850
|
|
|
11799
|
-
var css_248z$
|
|
11800
|
-
var styles$
|
|
11801
|
-
styleInject(css_248z$
|
|
11851
|
+
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}";
|
|
11852
|
+
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"};
|
|
11853
|
+
styleInject(css_248z$i);
|
|
11802
11854
|
|
|
11803
11855
|
const SelfProtocolTaskContainer = ({
|
|
11804
11856
|
smallTitle,
|
|
@@ -11812,7 +11864,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
11812
11864
|
isDisplay
|
|
11813
11865
|
}) => {
|
|
11814
11866
|
if (isDisplay) return /*#__PURE__*/React.createElement("div", {
|
|
11815
|
-
className: `${styles$
|
|
11867
|
+
className: `${styles$i.selfProtocolTaskContainer} ${isDisabled ? styles$i.disabled : ''}`
|
|
11816
11868
|
}, smallTitle && /*#__PURE__*/React.createElement(Text, {
|
|
11817
11869
|
text: smallTitle,
|
|
11818
11870
|
size: "xs"
|
|
@@ -11828,7 +11880,7 @@ const SelfProtocolTaskContainer = ({
|
|
|
11828
11880
|
text: ctaText,
|
|
11829
11881
|
onClick: () => onClick(),
|
|
11830
11882
|
iconRight: buttonIcon,
|
|
11831
|
-
className: styles$
|
|
11883
|
+
className: styles$i.cta_button,
|
|
11832
11884
|
disabled: isDisabled
|
|
11833
11885
|
}));else return null;
|
|
11834
11886
|
};
|
|
@@ -11890,16 +11942,16 @@ const SelfProtocolManager = ({
|
|
|
11890
11942
|
item: true,
|
|
11891
11943
|
xs: 3,
|
|
11892
11944
|
direction: "column",
|
|
11893
|
-
className: `${className ?? ''} ${styles$
|
|
11945
|
+
className: `${className ?? ''} ${styles$i.chatContainer}`
|
|
11894
11946
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
11895
|
-
className: `${styles$
|
|
11947
|
+
className: `${styles$i.scrolling_content} ${styles$i.no_scrollbar} ${customContentClassname}`
|
|
11896
11948
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
11897
11949
|
text: texts.generalTitle,
|
|
11898
11950
|
weight: "bold",
|
|
11899
11951
|
size: "lg"
|
|
11900
11952
|
}), /*#__PURE__*/React.createElement("div", {
|
|
11901
|
-
className: `${styles$
|
|
11902
|
-
${customScrollingClassname} ${styles$
|
|
11953
|
+
className: `${styles$i.tasks_container}
|
|
11954
|
+
${customScrollingClassname} ${styles$i.no_scrollbar}`
|
|
11903
11955
|
}, texts.welcomeMessageTitle && texts.welcomeMessageDescription && /*#__PURE__*/React.createElement(WelcomeMessage, {
|
|
11904
11956
|
title: texts.welcomeMessageTitle,
|
|
11905
11957
|
description: texts.welcomeMessageDescription
|
|
@@ -11922,7 +11974,7 @@ const SelfProtocolManager = ({
|
|
|
11922
11974
|
ctaText: texts.nextTaskCTA,
|
|
11923
11975
|
buttonIcon: /*#__PURE__*/React.createElement(SendIcon, null),
|
|
11924
11976
|
onClick: () => sendTask(task),
|
|
11925
|
-
isDisabled: getIsTaskDisabled(task),
|
|
11977
|
+
isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false,
|
|
11926
11978
|
isDisplay: task.isDisplay
|
|
11927
11979
|
});
|
|
11928
11980
|
} else if (task.type === 'scenario') {
|
|
@@ -11936,7 +11988,7 @@ const SelfProtocolManager = ({
|
|
|
11936
11988
|
buttonId: 'start_scenario',
|
|
11937
11989
|
onClick: () => sendTask(task),
|
|
11938
11990
|
isDisplay: task.isDisplay,
|
|
11939
|
-
isDisabled: getIsTaskDisabled(task) ||
|
|
11991
|
+
isDisabled: getIsTaskDisabled(task) || isUserSharingScreen === false
|
|
11940
11992
|
});
|
|
11941
11993
|
} else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
11942
11994
|
}), areAllTasksSend && !isLastScenario && onClickFinishScenario && /*#__PURE__*/React.createElement(SelfProtocolTaskContainer, {
|
|
@@ -11959,9 +12011,9 @@ const SelfProtocolManager = ({
|
|
|
11959
12011
|
}))));
|
|
11960
12012
|
};
|
|
11961
12013
|
|
|
11962
|
-
var css_248z$
|
|
11963
|
-
var styles$
|
|
11964
|
-
styleInject(css_248z$
|
|
12014
|
+
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}";
|
|
12015
|
+
var styles$j = {"chat_input_container":"ChatInput-modules_chat_input_container__ZJfau"};
|
|
12016
|
+
styleInject(css_248z$j);
|
|
11965
12017
|
|
|
11966
12018
|
const ChatInput = ({
|
|
11967
12019
|
className,
|
|
@@ -11971,7 +12023,7 @@ const ChatInput = ({
|
|
|
11971
12023
|
placeholder
|
|
11972
12024
|
}) => {
|
|
11973
12025
|
return /*#__PURE__*/React.createElement("div", {
|
|
11974
|
-
className: `${styles$
|
|
12026
|
+
className: `${styles$j.chat_input_container} ${className ?? ''}`
|
|
11975
12027
|
}, /*#__PURE__*/React.createElement("input", {
|
|
11976
12028
|
placeholder: placeholder,
|
|
11977
12029
|
value: value ? value : '',
|
|
@@ -12000,9 +12052,9 @@ const ChatInput = ({
|
|
|
12000
12052
|
}));
|
|
12001
12053
|
};
|
|
12002
12054
|
|
|
12003
|
-
var css_248z$
|
|
12004
|
-
var styles$
|
|
12005
|
-
styleInject(css_248z$
|
|
12055
|
+
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}";
|
|
12056
|
+
var styles$k = {"circle_icon_button":"CircleIconButton-modules_circle_icon_button__xqiN3","active":"CircleIconButton-modules_active__doTaX","notif_icon":"CircleIconButton-modules_notif_icon__IgXJJ"};
|
|
12057
|
+
styleInject(css_248z$k);
|
|
12006
12058
|
|
|
12007
12059
|
const CircledIconButton = ({
|
|
12008
12060
|
icon,
|
|
@@ -12012,17 +12064,17 @@ const CircledIconButton = ({
|
|
|
12012
12064
|
...props
|
|
12013
12065
|
}) => {
|
|
12014
12066
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12015
|
-
className: `${styles$
|
|
12067
|
+
className: `${styles$k.circle_icon_button} ${className ?? ''} ${isActive ? styles$k.active : ''}`
|
|
12016
12068
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12017
|
-
className: styles$
|
|
12069
|
+
className: styles$k.notif_icon,
|
|
12018
12070
|
stroke: colors.black,
|
|
12019
12071
|
fill: colors.red_500
|
|
12020
12072
|
}));
|
|
12021
12073
|
};
|
|
12022
12074
|
|
|
12023
|
-
var css_248z$
|
|
12024
|
-
var styles$
|
|
12025
|
-
styleInject(css_248z$
|
|
12075
|
+
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}";
|
|
12076
|
+
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"};
|
|
12077
|
+
styleInject(css_248z$l);
|
|
12026
12078
|
|
|
12027
12079
|
const ControlsBar = ({
|
|
12028
12080
|
className,
|
|
@@ -12064,7 +12116,7 @@ const ControlsBar = ({
|
|
|
12064
12116
|
const [isStopRecPopoverOpen, setIsStopRecPopoverOpen] = useState(false);
|
|
12065
12117
|
const [anchorEl, setAnchorEl] = useState(null);
|
|
12066
12118
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12067
|
-
className: `${styles$
|
|
12119
|
+
className: `${styles$l.control_bar} ${className ?? ''}`
|
|
12068
12120
|
}, props), enableMicrophone && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12069
12121
|
icon: isMicrophoneActive ? /*#__PURE__*/React.createElement(MicrophoneIcon, null) : /*#__PURE__*/React.createElement(NoMicrophoneIcon, null),
|
|
12070
12122
|
onClick: () => {
|
|
@@ -12080,11 +12132,11 @@ const ControlsBar = ({
|
|
|
12080
12132
|
}
|
|
12081
12133
|
}
|
|
12082
12134
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12083
|
-
className: styles$
|
|
12135
|
+
className: styles$l.separator
|
|
12084
12136
|
}), isInterviewer && isRecordingBtnDisplay && isModerated && /*#__PURE__*/React.createElement("button", {
|
|
12085
12137
|
ref: setAnchorEl,
|
|
12086
12138
|
disabled: disabledRecording,
|
|
12087
|
-
className: styles$
|
|
12139
|
+
className: styles$l.record_btn,
|
|
12088
12140
|
onClick: () => {
|
|
12089
12141
|
if (!isRecording && startRecording) startRecording();
|
|
12090
12142
|
if (isRecording) {
|
|
@@ -12111,7 +12163,7 @@ const ControlsBar = ({
|
|
|
12111
12163
|
icon: /*#__PURE__*/React.createElement(TvFlatScreenIcon, null),
|
|
12112
12164
|
onClick: () => enableScreenSharing()
|
|
12113
12165
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12114
|
-
className: styles$
|
|
12166
|
+
className: styles$l.separator
|
|
12115
12167
|
}), isInterviewer ? /*#__PURE__*/React.createElement(InterviewButton, {
|
|
12116
12168
|
text: protocolText,
|
|
12117
12169
|
variant: "protocol",
|
|
@@ -12136,7 +12188,7 @@ const ControlsBar = ({
|
|
|
12136
12188
|
isNotif: isNewTask
|
|
12137
12189
|
}), isModerated && /*#__PURE__*/React.createElement(CircledIconButton, {
|
|
12138
12190
|
icon: /*#__PURE__*/React.createElement(ChatBubbleIcon, null),
|
|
12139
|
-
className: styles$
|
|
12191
|
+
className: styles$l.chatBubbleIcon,
|
|
12140
12192
|
onClick: () => {
|
|
12141
12193
|
if (displayChat) displayChat();
|
|
12142
12194
|
},
|
|
@@ -12158,17 +12210,17 @@ const ControlsBar = ({
|
|
|
12158
12210
|
transform: 'translate(0px, -28px)'
|
|
12159
12211
|
}
|
|
12160
12212
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12161
|
-
className: styles$
|
|
12213
|
+
className: styles$l.stop_rec_popover
|
|
12162
12214
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12163
12215
|
text: stopRecPopoverTitle ?? '',
|
|
12164
|
-
className: styles$
|
|
12216
|
+
className: styles$l.stop_rec_popover_title,
|
|
12165
12217
|
size: "sm"
|
|
12166
12218
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
12167
12219
|
text: stopRecPopoverDescription ?? '',
|
|
12168
|
-
className: styles$
|
|
12220
|
+
className: styles$l.stop_rec_popover_description,
|
|
12169
12221
|
size: "sm"
|
|
12170
12222
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12171
|
-
className: styles$
|
|
12223
|
+
className: styles$l.stop_rec_popover_actions
|
|
12172
12224
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
12173
12225
|
text: stopRecPopoverBtnOneText ?? '',
|
|
12174
12226
|
variant: "tertiary",
|
|
@@ -12188,9 +12240,9 @@ const ControlsBar = ({
|
|
|
12188
12240
|
})))));
|
|
12189
12241
|
};
|
|
12190
12242
|
|
|
12191
|
-
var css_248z$
|
|
12192
|
-
var styles$
|
|
12193
|
-
styleInject(css_248z$
|
|
12243
|
+
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}";
|
|
12244
|
+
var styles$m = {"stop_rec_container":"EndRecording-module_stop_rec_container__WoARX"};
|
|
12245
|
+
styleInject(css_248z$m);
|
|
12194
12246
|
|
|
12195
12247
|
const EndRecording = ({
|
|
12196
12248
|
stopRecTitle,
|
|
@@ -12201,7 +12253,7 @@ const EndRecording = ({
|
|
|
12201
12253
|
stopRecording
|
|
12202
12254
|
}) => {
|
|
12203
12255
|
return /*#__PURE__*/React.createElement("div", {
|
|
12204
|
-
className: styles$
|
|
12256
|
+
className: styles$m.stop_rec_container
|
|
12205
12257
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12206
12258
|
text: stopRecTitle ?? '',
|
|
12207
12259
|
weight: "bold"
|
|
@@ -12224,9 +12276,9 @@ const EndRecording = ({
|
|
|
12224
12276
|
}));
|
|
12225
12277
|
};
|
|
12226
12278
|
|
|
12227
|
-
var css_248z$
|
|
12228
|
-
var styles$
|
|
12229
|
-
styleInject(css_248z$
|
|
12279
|
+
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}";
|
|
12280
|
+
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"};
|
|
12281
|
+
styleInject(css_248z$n);
|
|
12230
12282
|
|
|
12231
12283
|
const InterviewButton = ({
|
|
12232
12284
|
icon,
|
|
@@ -12239,25 +12291,25 @@ const InterviewButton = ({
|
|
|
12239
12291
|
...props
|
|
12240
12292
|
}) => {
|
|
12241
12293
|
const defineVariantStyle = () => {
|
|
12242
|
-
if (variant === 'protocol') return styles$
|
|
12294
|
+
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;
|
|
12243
12295
|
};
|
|
12244
12296
|
return /*#__PURE__*/React.createElement("button", Object.assign({
|
|
12245
|
-
className: `${styles$
|
|
12246
|
-
${disabled ? styles$
|
|
12297
|
+
className: `${styles$n.interview_button} ${defineVariantStyle()} ${className ?? ''} ${isActive ? styles$n.active : ''}
|
|
12298
|
+
${disabled ? styles$n.disabled : ''}`
|
|
12247
12299
|
}, props), icon ?? /*#__PURE__*/React.createElement(MeetingIcon, null), /*#__PURE__*/React.createElement(Text, {
|
|
12248
12300
|
text: text,
|
|
12249
12301
|
size: "base",
|
|
12250
12302
|
weight: "semi-bold"
|
|
12251
12303
|
}), isNotif && /*#__PURE__*/React.createElement(NotifAlertIcon, {
|
|
12252
|
-
className: styles$
|
|
12304
|
+
className: styles$n.notif_icon,
|
|
12253
12305
|
stroke: colors.black,
|
|
12254
12306
|
fill: colors.red_500
|
|
12255
12307
|
}));
|
|
12256
12308
|
};
|
|
12257
12309
|
|
|
12258
|
-
var css_248z$
|
|
12259
|
-
var styles$
|
|
12260
|
-
styleInject(css_248z$
|
|
12310
|
+
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}";
|
|
12311
|
+
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"};
|
|
12312
|
+
styleInject(css_248z$o);
|
|
12261
12313
|
|
|
12262
12314
|
const MarkUpBar = ({
|
|
12263
12315
|
className,
|
|
@@ -12266,35 +12318,35 @@ const MarkUpBar = ({
|
|
|
12266
12318
|
...props
|
|
12267
12319
|
}) => {
|
|
12268
12320
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12269
|
-
className: `${styles$
|
|
12321
|
+
className: `${styles$o.markup_bar} ${className ?? ''}`
|
|
12270
12322
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12271
|
-
className: styles$
|
|
12323
|
+
className: styles$o.smiley_list
|
|
12272
12324
|
}, /*#__PURE__*/React.createElement("button", {
|
|
12273
|
-
className: `${styles$
|
|
12325
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12274
12326
|
disabled: disabled,
|
|
12275
12327
|
onClick: () => {
|
|
12276
12328
|
if (!disabled) onClick('Q');
|
|
12277
12329
|
}
|
|
12278
12330
|
}, "\uD83D\uDE0D"), /*#__PURE__*/React.createElement("button", {
|
|
12279
|
-
className: `${styles$
|
|
12331
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12280
12332
|
disabled: disabled,
|
|
12281
12333
|
onClick: () => {
|
|
12282
12334
|
if (!disabled) onClick('W');
|
|
12283
12335
|
}
|
|
12284
12336
|
}, "\uD83D\uDE2E"), /*#__PURE__*/React.createElement("button", {
|
|
12285
|
-
className: `${styles$
|
|
12337
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12286
12338
|
disabled: disabled,
|
|
12287
12339
|
onClick: () => {
|
|
12288
12340
|
if (!disabled) onClick('E');
|
|
12289
12341
|
}
|
|
12290
12342
|
}, "\uD83D\uDE21"), /*#__PURE__*/React.createElement("button", {
|
|
12291
|
-
className: `${styles$
|
|
12343
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12292
12344
|
disabled: disabled,
|
|
12293
12345
|
onClick: () => {
|
|
12294
12346
|
if (!disabled) onClick('R');
|
|
12295
12347
|
}
|
|
12296
12348
|
}, "\uD83D\uDC4D\uD83C\uDFFC"), /*#__PURE__*/React.createElement("button", {
|
|
12297
|
-
className: `${styles$
|
|
12349
|
+
className: `${styles$o.smiley_btn} ${disabled && styles$o.disabled}`,
|
|
12298
12350
|
disabled: disabled,
|
|
12299
12351
|
onClick: () => {
|
|
12300
12352
|
if (!disabled) onClick('T');
|
|
@@ -12302,9 +12354,9 @@ const MarkUpBar = ({
|
|
|
12302
12354
|
}, "\uD83D\uDC4E\uD83C\uDFFC")));
|
|
12303
12355
|
};
|
|
12304
12356
|
|
|
12305
|
-
var css_248z$
|
|
12306
|
-
var styles$
|
|
12307
|
-
styleInject(css_248z$
|
|
12357
|
+
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%}";
|
|
12358
|
+
var styles$p = {"start_interview_container":"Scenario-modules_start_interview_container__xpnL8","name":"Scenario-modules_name__hM-lS","description":"Scenario-modules_description__U4c7P"};
|
|
12359
|
+
styleInject(css_248z$p);
|
|
12308
12360
|
|
|
12309
12361
|
const Scenario = ({
|
|
12310
12362
|
title,
|
|
@@ -12319,18 +12371,18 @@ const Scenario = ({
|
|
|
12319
12371
|
...props
|
|
12320
12372
|
}) => {
|
|
12321
12373
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12322
|
-
className: styles$
|
|
12374
|
+
className: styles$p.start_interview_container
|
|
12323
12375
|
}, props), isInterviewer && /*#__PURE__*/React.createElement(Text, {
|
|
12324
12376
|
text: title,
|
|
12325
12377
|
size: "xs"
|
|
12326
12378
|
}), scenarioName && /*#__PURE__*/React.createElement(Text, {
|
|
12327
12379
|
text: scenarioName,
|
|
12328
12380
|
weight: "bold",
|
|
12329
|
-
className: styles$
|
|
12381
|
+
className: styles$p.name
|
|
12330
12382
|
}), description && /*#__PURE__*/React.createElement(Text, {
|
|
12331
12383
|
text: description,
|
|
12332
12384
|
size: "sm",
|
|
12333
|
-
className: styles$
|
|
12385
|
+
className: styles$p.description
|
|
12334
12386
|
}), buttonIcon && buttonText && /*#__PURE__*/React.createElement(Button, {
|
|
12335
12387
|
text: buttonText,
|
|
12336
12388
|
iconRight: buttonIcon ?? /*#__PURE__*/React.createElement(SendIcon, null),
|
|
@@ -12339,16 +12391,16 @@ const Scenario = ({
|
|
|
12339
12391
|
}));
|
|
12340
12392
|
};
|
|
12341
12393
|
|
|
12342
|
-
var css_248z$
|
|
12343
|
-
var styles$
|
|
12344
|
-
styleInject(css_248z$
|
|
12394
|
+
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}";
|
|
12395
|
+
var styles$q = {"sus_explanation":"SusExplanation-module_sus_explanation__R3wVh"};
|
|
12396
|
+
styleInject(css_248z$q);
|
|
12345
12397
|
|
|
12346
12398
|
const SusExplanation = ({
|
|
12347
12399
|
title,
|
|
12348
12400
|
description
|
|
12349
12401
|
}) => {
|
|
12350
12402
|
return /*#__PURE__*/React.createElement("div", {
|
|
12351
|
-
className: styles$
|
|
12403
|
+
className: styles$q.sus_explanation
|
|
12352
12404
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12353
12405
|
text: title ?? '',
|
|
12354
12406
|
weight: "bold"
|
|
@@ -12358,9 +12410,9 @@ const SusExplanation = ({
|
|
|
12358
12410
|
}));
|
|
12359
12411
|
};
|
|
12360
12412
|
|
|
12361
|
-
var css_248z$
|
|
12362
|
-
var styles$
|
|
12363
|
-
styleInject(css_248z$
|
|
12413
|
+
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}";
|
|
12414
|
+
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"};
|
|
12415
|
+
styleInject(css_248z$r);
|
|
12364
12416
|
|
|
12365
12417
|
const Task = ({
|
|
12366
12418
|
taskNumber,
|
|
@@ -12393,35 +12445,35 @@ const Task = ({
|
|
|
12393
12445
|
setOpen(true);
|
|
12394
12446
|
};
|
|
12395
12447
|
const getContainerStyle = () => {
|
|
12396
|
-
if (state === 'active') return styles$
|
|
12448
|
+
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;
|
|
12397
12449
|
};
|
|
12398
12450
|
const areActionsDisplay = iconAction1 || iconAction2 || iconAction3 || action1 || action2 || action3;
|
|
12399
12451
|
if (state === 'active') return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12400
12452
|
className: `${getContainerStyle()} ${className ?? ''}`
|
|
12401
12453
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12402
|
-
className: styles$
|
|
12454
|
+
className: styles$r.header
|
|
12403
12455
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12404
|
-
className: isInterviewer ? styles$
|
|
12456
|
+
className: isInterviewer ? styles$r.header_left_interviewer : styles$r.header_left_interviewee
|
|
12405
12457
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12406
12458
|
text: taskNumber,
|
|
12407
12459
|
color: '#26292E',
|
|
12408
12460
|
size: "xs"
|
|
12409
12461
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12410
|
-
className: styles$
|
|
12462
|
+
className: styles$r.header_right
|
|
12411
12463
|
}, /*#__PURE__*/React.createElement(CheckedIcon, null))), /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
12412
|
-
className: styles$
|
|
12464
|
+
className: styles$r.taskContent
|
|
12413
12465
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12414
12466
|
text: taskTitle,
|
|
12415
12467
|
size: "sm",
|
|
12416
12468
|
weight: "bold"
|
|
12417
12469
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12418
|
-
className: styles$
|
|
12470
|
+
className: styles$r.urlButton,
|
|
12419
12471
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12420
12472
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12421
12473
|
fill: "#fafafa",
|
|
12422
12474
|
stroke: "#fafafa"
|
|
12423
12475
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12424
|
-
className: styles$
|
|
12476
|
+
className: styles$r.notesContainer
|
|
12425
12477
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12426
12478
|
text: "Notes",
|
|
12427
12479
|
size: "xs",
|
|
@@ -12430,13 +12482,13 @@ const Task = ({
|
|
|
12430
12482
|
text: notes,
|
|
12431
12483
|
size: "sm"
|
|
12432
12484
|
}))), areActionsDisplay && /*#__PURE__*/React.createElement("div", {
|
|
12433
|
-
className: styles$
|
|
12485
|
+
className: styles$r.taskContent
|
|
12434
12486
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12435
12487
|
text: "Actions:",
|
|
12436
12488
|
size: "xs",
|
|
12437
12489
|
italic: true
|
|
12438
12490
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12439
|
-
className: styles$
|
|
12491
|
+
className: styles$r.actionBtnsContainer
|
|
12440
12492
|
}, action1 && iconAction1 && /*#__PURE__*/React.createElement(IconButton, {
|
|
12441
12493
|
onClick: action1,
|
|
12442
12494
|
icon: iconAction1
|
|
@@ -12459,7 +12511,7 @@ const Task = ({
|
|
|
12459
12511
|
arrow: true,
|
|
12460
12512
|
placement: "left",
|
|
12461
12513
|
title: /*#__PURE__*/React.createElement("div", {
|
|
12462
|
-
className: styles$
|
|
12514
|
+
className: styles$r.taskPopover
|
|
12463
12515
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12464
12516
|
text: taskNumber,
|
|
12465
12517
|
color: '#64666A',
|
|
@@ -12468,15 +12520,15 @@ const Task = ({
|
|
|
12468
12520
|
text: taskTitle,
|
|
12469
12521
|
size: "sm",
|
|
12470
12522
|
weight: "bold",
|
|
12471
|
-
className: styles$
|
|
12523
|
+
className: styles$r.title
|
|
12472
12524
|
}), url && /*#__PURE__*/React.createElement("button", {
|
|
12473
|
-
className: styles$
|
|
12525
|
+
className: styles$r.urlButton,
|
|
12474
12526
|
onClick: () => window.open(url.includes('https://') ? url : `https://${url}`, '_blank')
|
|
12475
12527
|
}, /*#__PURE__*/React.createElement("p", null, url), " ", /*#__PURE__*/React.createElement(SendIcon, {
|
|
12476
12528
|
fill: "#fafafa",
|
|
12477
12529
|
stroke: "#fafafa"
|
|
12478
12530
|
})), notes && isInterviewer && /*#__PURE__*/React.createElement("div", {
|
|
12479
|
-
className: styles$
|
|
12531
|
+
className: styles$r.notesContainer
|
|
12480
12532
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12481
12533
|
text: "Notes",
|
|
12482
12534
|
size: "xs",
|
|
@@ -12510,9 +12562,9 @@ const Task = ({
|
|
|
12510
12562
|
className: `${getContainerStyle()} ${className ?? ''}`,
|
|
12511
12563
|
ref: taskRef
|
|
12512
12564
|
}, props), /*#__PURE__*/React.createElement("div", {
|
|
12513
|
-
className: styles$
|
|
12565
|
+
className: styles$r.header
|
|
12514
12566
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12515
|
-
className: isInterviewer ? styles$
|
|
12567
|
+
className: isInterviewer ? styles$r.header_left_interviewer : styles$r.header_left_interviewee
|
|
12516
12568
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
12517
12569
|
text: taskNumber,
|
|
12518
12570
|
color: '#64666A',
|
|
@@ -12521,9 +12573,9 @@ const Task = ({
|
|
|
12521
12573
|
text: taskTitle,
|
|
12522
12574
|
size: "sm",
|
|
12523
12575
|
weight: "bold",
|
|
12524
|
-
className: styles$
|
|
12576
|
+
className: styles$r.title
|
|
12525
12577
|
})), isInterviewer && /*#__PURE__*/React.createElement("button", {
|
|
12526
|
-
className: `${styles$
|
|
12578
|
+
className: `${styles$r.header_right} ${state === 'idle' && styles$r.clickable}`,
|
|
12527
12579
|
onClick: () => {
|
|
12528
12580
|
if (state === 'idle') {
|
|
12529
12581
|
sendTask(task);
|
|
@@ -12535,9 +12587,9 @@ const Task = ({
|
|
|
12535
12587
|
}, isDone ? /*#__PURE__*/React.createElement(CheckedIcon, null) : /*#__PURE__*/React.createElement(SendIcon, null))))));
|
|
12536
12588
|
};
|
|
12537
12589
|
|
|
12538
|
-
var css_248z$
|
|
12539
|
-
var styles$
|
|
12540
|
-
styleInject(css_248z$
|
|
12590
|
+
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}";
|
|
12591
|
+
var styles$s = {"welcome_container":"WelcomeMessage-modules_welcome_container__oKUiD","welcome_title":"WelcomeMessage-modules_welcome_title__QRJ1P","welcome_description":"WelcomeMessage-modules_welcome_description__YmSMU"};
|
|
12592
|
+
styleInject(css_248z$s);
|
|
12541
12593
|
|
|
12542
12594
|
const WelcomeMessage = ({
|
|
12543
12595
|
title,
|
|
@@ -12546,23 +12598,23 @@ const WelcomeMessage = ({
|
|
|
12546
12598
|
...props
|
|
12547
12599
|
}) => {
|
|
12548
12600
|
return /*#__PURE__*/React.createElement("div", Object.assign({
|
|
12549
|
-
className: styles$
|
|
12601
|
+
className: styles$s.welcome_container
|
|
12550
12602
|
}, props), /*#__PURE__*/React.createElement(Text, {
|
|
12551
12603
|
text: title,
|
|
12552
12604
|
weight: "bold",
|
|
12553
12605
|
size: "base",
|
|
12554
|
-
className: styles$
|
|
12606
|
+
className: styles$s.welcome_title
|
|
12555
12607
|
}), /*#__PURE__*/React.createElement("div", {
|
|
12556
12608
|
dangerouslySetInnerHTML: {
|
|
12557
12609
|
__html: description
|
|
12558
12610
|
},
|
|
12559
|
-
className: styles$
|
|
12611
|
+
className: styles$s.welcome_description
|
|
12560
12612
|
}));
|
|
12561
12613
|
};
|
|
12562
12614
|
|
|
12563
|
-
var css_248z$
|
|
12564
|
-
var styles$
|
|
12565
|
-
styleInject(css_248z$
|
|
12615
|
+
var css_248z$t = ".LogoSlider-module_logoSlider__4qcmV .LogoSlider-module_partner__OkFp5{height:2rem;width:20rem}";
|
|
12616
|
+
var styles$t = {"logoSlider":"LogoSlider-module_logoSlider__4qcmV","partner":"LogoSlider-module_partner__OkFp5"};
|
|
12617
|
+
styleInject(css_248z$t);
|
|
12566
12618
|
|
|
12567
12619
|
const partnersSVGs = {
|
|
12568
12620
|
'1': Partner1,
|
|
@@ -12581,7 +12633,7 @@ const LogoSlider = ({
|
|
|
12581
12633
|
}) => {
|
|
12582
12634
|
const partners = Object.keys(partnersSVGs);
|
|
12583
12635
|
return /*#__PURE__*/React.createElement("div", {
|
|
12584
|
-
className: styles$
|
|
12636
|
+
className: styles$t.logoSlider
|
|
12585
12637
|
}, /*#__PURE__*/React.createElement(Marquee, {
|
|
12586
12638
|
speed: 50
|
|
12587
12639
|
}, partners.map((partner, index) => {
|
|
@@ -12596,9 +12648,9 @@ const LogoSlider = ({
|
|
|
12596
12648
|
})));
|
|
12597
12649
|
};
|
|
12598
12650
|
|
|
12599
|
-
var css_248z$
|
|
12600
|
-
var styles$
|
|
12601
|
-
styleInject(css_248z$
|
|
12651
|
+
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%}";
|
|
12652
|
+
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"};
|
|
12653
|
+
styleInject(css_248z$u);
|
|
12602
12654
|
|
|
12603
12655
|
/** Figma link full-height : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=997-7695&mode=dev
|
|
12604
12656
|
* Figma link overlay : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2447-42540&mode=dev
|
|
@@ -12637,20 +12689,20 @@ const Modal = ({
|
|
|
12637
12689
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
12638
12690
|
"aria-labelledby": "transition-modal-title",
|
|
12639
12691
|
"aria-describedby": "transition-modal-description",
|
|
12640
|
-
className: `${styles$
|
|
12692
|
+
className: `${styles$u.modal_overlay} ${className ?? ''}`,
|
|
12641
12693
|
open: open,
|
|
12642
12694
|
onClose: onClose,
|
|
12643
12695
|
closeAfterTransition: true
|
|
12644
12696
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
12645
12697
|
in: open
|
|
12646
12698
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12647
|
-
className: styles$
|
|
12699
|
+
className: styles$u.modal_content,
|
|
12648
12700
|
style: {
|
|
12649
12701
|
width: width ?? '21rem',
|
|
12650
12702
|
height: height ?? 'fit-content'
|
|
12651
12703
|
}
|
|
12652
12704
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12653
|
-
className: `${styles$
|
|
12705
|
+
className: `${styles$u.modal_header}`
|
|
12654
12706
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12655
12707
|
text: title,
|
|
12656
12708
|
weight: "bold",
|
|
@@ -12662,7 +12714,7 @@ const Modal = ({
|
|
|
12662
12714
|
}),
|
|
12663
12715
|
onClick: () => onClose()
|
|
12664
12716
|
})), children, /*#__PURE__*/React.createElement("div", {
|
|
12665
|
-
className: styles$
|
|
12717
|
+
className: styles$u.modal_buttons_container
|
|
12666
12718
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
12667
12719
|
text: cancelText,
|
|
12668
12720
|
variant: cancelBtnVariant,
|
|
@@ -12676,19 +12728,19 @@ const Modal = ({
|
|
|
12676
12728
|
return /*#__PURE__*/React.createElement(MuiModal, {
|
|
12677
12729
|
"aria-labelledby": "transition-modal-title",
|
|
12678
12730
|
"aria-describedby": "transition-modal-description",
|
|
12679
|
-
className: `${styles$
|
|
12731
|
+
className: `${styles$u.modal} ${className}`,
|
|
12680
12732
|
open: open,
|
|
12681
12733
|
onClose: onClose,
|
|
12682
12734
|
closeAfterTransition: true
|
|
12683
12735
|
}, /*#__PURE__*/React.createElement(Fade, {
|
|
12684
12736
|
in: open
|
|
12685
12737
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12686
|
-
className: styles$
|
|
12738
|
+
className: styles$u.modal_content,
|
|
12687
12739
|
style: {
|
|
12688
12740
|
width: width ?? '65rem'
|
|
12689
12741
|
}
|
|
12690
12742
|
}, /*#__PURE__*/React.createElement("div", {
|
|
12691
|
-
className: `${styles$
|
|
12743
|
+
className: `${styles$u.modal_header}`
|
|
12692
12744
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
12693
12745
|
text: title,
|
|
12694
12746
|
weight: "semi-bold",
|
|
@@ -12700,7 +12752,7 @@ const Modal = ({
|
|
|
12700
12752
|
}),
|
|
12701
12753
|
onClick: () => onClose()
|
|
12702
12754
|
})), children, (cancelText || onConfirm && validationText) && /*#__PURE__*/React.createElement("div", {
|
|
12703
|
-
className: styles$
|
|
12755
|
+
className: styles$u.modal_buttons_container
|
|
12704
12756
|
}, cancelText && onClose && /*#__PURE__*/React.createElement(Button, {
|
|
12705
12757
|
text: cancelText,
|
|
12706
12758
|
variant: cancelBtnVariant,
|
|
@@ -12713,9 +12765,9 @@ const Modal = ({
|
|
|
12713
12765
|
}
|
|
12714
12766
|
};
|
|
12715
12767
|
|
|
12716
|
-
var css_248z$
|
|
12717
|
-
var styles$
|
|
12718
|
-
styleInject(css_248z$
|
|
12768
|
+
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}";
|
|
12769
|
+
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"};
|
|
12770
|
+
styleInject(css_248z$v);
|
|
12719
12771
|
|
|
12720
12772
|
const filter = /*#__PURE__*/createFilterOptions();
|
|
12721
12773
|
const CssTextField$1 = /*#__PURE__*/styled(TextField$1)({
|
|
@@ -12852,7 +12904,7 @@ const MultiSelect = ({
|
|
|
12852
12904
|
text: `${topLabel ? topLabel : ''}`,
|
|
12853
12905
|
weight: topLabelWeight || 'bold',
|
|
12854
12906
|
size: topLabelSize || 'base',
|
|
12855
|
-
className: styles$
|
|
12907
|
+
className: styles$v.input_top_label,
|
|
12856
12908
|
required: required
|
|
12857
12909
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
12858
12910
|
id: "tags-standard",
|
|
@@ -12896,7 +12948,7 @@ const MultiSelect = ({
|
|
|
12896
12948
|
})),
|
|
12897
12949
|
renderTags: value => {
|
|
12898
12950
|
return /*#__PURE__*/React.createElement("div", {
|
|
12899
|
-
className: `${styles$
|
|
12951
|
+
className: `${styles$v.tags_container} ${styles$v.no_scrollbar}`
|
|
12900
12952
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Tag, {
|
|
12901
12953
|
text: option.label,
|
|
12902
12954
|
size: "sm",
|
|
@@ -12930,13 +12982,13 @@ const MultiSelect = ({
|
|
|
12930
12982
|
},
|
|
12931
12983
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
12932
12984
|
fill: "black",
|
|
12933
|
-
className: `${styles$
|
|
12985
|
+
className: `${styles$v.icon}`
|
|
12934
12986
|
}),
|
|
12935
12987
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
12936
12988
|
fill: "black",
|
|
12937
|
-
className: `${styles$
|
|
12989
|
+
className: `${styles$v.icon}`
|
|
12938
12990
|
}),
|
|
12939
|
-
className: `${styles$
|
|
12991
|
+
className: `${styles$v.newAutocomplete}`,
|
|
12940
12992
|
filterOptions: (options, params) => {
|
|
12941
12993
|
const filtered = filter(options, params);
|
|
12942
12994
|
const {
|
|
@@ -12957,18 +13009,18 @@ const MultiSelect = ({
|
|
|
12957
13009
|
color: "#F54C4C",
|
|
12958
13010
|
italic: true,
|
|
12959
13011
|
text: errorText,
|
|
12960
|
-
className: styles$
|
|
13012
|
+
className: styles$v.text_below
|
|
12961
13013
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
12962
13014
|
size: "xs",
|
|
12963
13015
|
italic: true,
|
|
12964
13016
|
text: helperText,
|
|
12965
|
-
className: styles$
|
|
13017
|
+
className: styles$v.text_below
|
|
12966
13018
|
}));
|
|
12967
13019
|
};
|
|
12968
13020
|
|
|
12969
|
-
var css_248z$
|
|
12970
|
-
var styles$
|
|
12971
|
-
styleInject(css_248z$
|
|
13021
|
+
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}";
|
|
13022
|
+
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"};
|
|
13023
|
+
styleInject(css_248z$w);
|
|
12972
13024
|
|
|
12973
13025
|
const filter$1 = /*#__PURE__*/createFilterOptions();
|
|
12974
13026
|
const GroupHeader = /*#__PURE__*/styled('div')(() => ({
|
|
@@ -13118,7 +13170,7 @@ const MultiSelectWithCategories = ({
|
|
|
13118
13170
|
text: `${topLabel ? topLabel : ''}`,
|
|
13119
13171
|
weight: topLabelWeight || 'bold',
|
|
13120
13172
|
size: topLabelSize || 'base',
|
|
13121
|
-
className: styles$
|
|
13173
|
+
className: styles$w.input_top_label,
|
|
13122
13174
|
required: required
|
|
13123
13175
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
13124
13176
|
id: "tags-standard",
|
|
@@ -13166,7 +13218,7 @@ const MultiSelectWithCategories = ({
|
|
|
13166
13218
|
})),
|
|
13167
13219
|
renderTags: value => {
|
|
13168
13220
|
return /*#__PURE__*/React.createElement("div", {
|
|
13169
|
-
className: `${styles$
|
|
13221
|
+
className: `${styles$w.tags_container} ${styles$w.no_scrollbar}`
|
|
13170
13222
|
}, value.map((option, index) => /*#__PURE__*/React.createElement(Tag, {
|
|
13171
13223
|
text: option.label,
|
|
13172
13224
|
size: "sm",
|
|
@@ -13200,13 +13252,13 @@ const MultiSelectWithCategories = ({
|
|
|
13200
13252
|
},
|
|
13201
13253
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
13202
13254
|
fill: "black",
|
|
13203
|
-
className: `${styles$
|
|
13255
|
+
className: `${styles$w.icon}`
|
|
13204
13256
|
}),
|
|
13205
13257
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
13206
13258
|
fill: "black",
|
|
13207
|
-
className: `${styles$
|
|
13259
|
+
className: `${styles$w.icon}`
|
|
13208
13260
|
}),
|
|
13209
|
-
className: `${styles$
|
|
13261
|
+
className: `${styles$w.newAutocomplete}`,
|
|
13210
13262
|
filterOptions: (options, params) => {
|
|
13211
13263
|
const filtered = filter$1(options, params);
|
|
13212
13264
|
const {
|
|
@@ -13227,18 +13279,18 @@ const MultiSelectWithCategories = ({
|
|
|
13227
13279
|
color: "#F54C4C",
|
|
13228
13280
|
italic: true,
|
|
13229
13281
|
text: errorText,
|
|
13230
|
-
className: styles$
|
|
13282
|
+
className: styles$w.text_below
|
|
13231
13283
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13232
13284
|
size: "xs",
|
|
13233
13285
|
italic: true,
|
|
13234
13286
|
text: helperText,
|
|
13235
|
-
className: styles$
|
|
13287
|
+
className: styles$w.text_below
|
|
13236
13288
|
}));
|
|
13237
13289
|
};
|
|
13238
13290
|
|
|
13239
|
-
var css_248z$
|
|
13240
|
-
var styles$
|
|
13241
|
-
styleInject(css_248z$
|
|
13291
|
+
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)}";
|
|
13292
|
+
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"};
|
|
13293
|
+
styleInject(css_248z$x);
|
|
13242
13294
|
|
|
13243
13295
|
/**
|
|
13244
13296
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33150&mode=dev
|
|
@@ -13293,41 +13345,41 @@ const Banner = ({
|
|
|
13293
13345
|
};
|
|
13294
13346
|
const getBannerColor = () => {
|
|
13295
13347
|
if (type === 'error') {
|
|
13296
|
-
return styles$
|
|
13348
|
+
return styles$x.notification_banner_error;
|
|
13297
13349
|
} else if (type === 'warning') {
|
|
13298
|
-
return styles$
|
|
13350
|
+
return styles$x.notification_banner_warning;
|
|
13299
13351
|
} else if (type === 'success') {
|
|
13300
|
-
return styles$
|
|
13352
|
+
return styles$x.notification_banner_success;
|
|
13301
13353
|
} else {
|
|
13302
|
-
return styles$
|
|
13354
|
+
return styles$x.notification_banner_info;
|
|
13303
13355
|
}
|
|
13304
13356
|
};
|
|
13305
13357
|
const getIconButtonColor = () => {
|
|
13306
13358
|
if (type === 'error') {
|
|
13307
|
-
return styles$
|
|
13359
|
+
return styles$x.icon_button_error;
|
|
13308
13360
|
} else if (type === 'warning') {
|
|
13309
|
-
return styles$
|
|
13361
|
+
return styles$x.icon_button_warning;
|
|
13310
13362
|
} else if (type === 'success') {
|
|
13311
|
-
return styles$
|
|
13363
|
+
return styles$x.icon_button_success;
|
|
13312
13364
|
} else {
|
|
13313
|
-
return styles$
|
|
13365
|
+
return styles$x.icon_button_info;
|
|
13314
13366
|
}
|
|
13315
13367
|
};
|
|
13316
13368
|
const getContentColor = () => {
|
|
13317
13369
|
if (type === 'error') {
|
|
13318
|
-
return styles$
|
|
13370
|
+
return styles$x.banner_content_error;
|
|
13319
13371
|
} else if (type === 'warning') {
|
|
13320
|
-
return styles$
|
|
13372
|
+
return styles$x.banner_content_warning;
|
|
13321
13373
|
} else if (type === 'success') {
|
|
13322
|
-
return styles$
|
|
13374
|
+
return styles$x.banner_content_success;
|
|
13323
13375
|
} else {
|
|
13324
|
-
return styles$
|
|
13376
|
+
return styles$x.banner_content_info;
|
|
13325
13377
|
}
|
|
13326
13378
|
};
|
|
13327
13379
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13328
|
-
className: `${styles$
|
|
13380
|
+
className: `${styles$x.notification_banner} ${getBannerColor()} ${className}`
|
|
13329
13381
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13330
|
-
className: styles$
|
|
13382
|
+
className: styles$x.notification_banner_header
|
|
13331
13383
|
}, getBannerIcon(), title && /*#__PURE__*/React.createElement(Title, {
|
|
13332
13384
|
text: title,
|
|
13333
13385
|
weight: "semi-bold",
|
|
@@ -13340,7 +13392,7 @@ const Banner = ({
|
|
|
13340
13392
|
},
|
|
13341
13393
|
size: "xs",
|
|
13342
13394
|
variant: "tertiary",
|
|
13343
|
-
className: `${styles$
|
|
13395
|
+
className: `${styles$x.icon_btn_custom} ${getIconButtonColor()}`
|
|
13344
13396
|
})), content && /*#__PURE__*/React.createElement("div", {
|
|
13345
13397
|
dangerouslySetInnerHTML: {
|
|
13346
13398
|
__html: content
|
|
@@ -13370,9 +13422,9 @@ const NotificationIcon = ({
|
|
|
13370
13422
|
});
|
|
13371
13423
|
};
|
|
13372
13424
|
|
|
13373
|
-
var css_248z$
|
|
13374
|
-
var styles$
|
|
13375
|
-
styleInject(css_248z$
|
|
13425
|
+
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}";
|
|
13426
|
+
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"};
|
|
13427
|
+
styleInject(css_248z$y);
|
|
13376
13428
|
|
|
13377
13429
|
/**
|
|
13378
13430
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2527-33231&mode=dev
|
|
@@ -13399,30 +13451,30 @@ const Toast = ({
|
|
|
13399
13451
|
};
|
|
13400
13452
|
const getCloseBtnStyleByType = () => {
|
|
13401
13453
|
if (type === 'error') {
|
|
13402
|
-
return styles$
|
|
13454
|
+
return styles$y.close_toast_btn_error;
|
|
13403
13455
|
} else if (type === 'warning') {
|
|
13404
|
-
return styles$
|
|
13456
|
+
return styles$y.close_toast_btn_warning;
|
|
13405
13457
|
} else if (type === 'success') {
|
|
13406
|
-
return styles$
|
|
13458
|
+
return styles$y.close_toast_btn_success;
|
|
13407
13459
|
} else {
|
|
13408
|
-
return styles$
|
|
13460
|
+
return styles$y.close_toast_btn_info;
|
|
13409
13461
|
}
|
|
13410
13462
|
};
|
|
13411
13463
|
const getToastStyleByType = () => {
|
|
13412
13464
|
if (type === 'error') {
|
|
13413
|
-
return styles$
|
|
13465
|
+
return styles$y.notification_toast_error;
|
|
13414
13466
|
} else if (type === 'warning') {
|
|
13415
|
-
return styles$
|
|
13467
|
+
return styles$y.notification_toast_warning;
|
|
13416
13468
|
} else if (type === 'success') {
|
|
13417
|
-
return styles$
|
|
13469
|
+
return styles$y.notification_toast_success;
|
|
13418
13470
|
} else {
|
|
13419
|
-
return styles$
|
|
13471
|
+
return styles$y.notification_toast_info;
|
|
13420
13472
|
}
|
|
13421
13473
|
};
|
|
13422
13474
|
return /*#__PURE__*/React.createElement("div", Object.assign({}, props, {
|
|
13423
|
-
className: `${styles$
|
|
13475
|
+
className: `${styles$y.notification_toast} ${getToastStyleByType()} ${className}`
|
|
13424
13476
|
}), /*#__PURE__*/React.createElement("div", {
|
|
13425
|
-
className: styles$
|
|
13477
|
+
className: styles$y.notification_toast_content
|
|
13426
13478
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
13427
13479
|
text: content,
|
|
13428
13480
|
weight: "regular",
|
|
@@ -13431,17 +13483,17 @@ const Toast = ({
|
|
|
13431
13483
|
}), link && textLink && /*#__PURE__*/React.createElement(Link, {
|
|
13432
13484
|
text: textLink,
|
|
13433
13485
|
link: link,
|
|
13434
|
-
className: styles$
|
|
13486
|
+
className: styles$y.toast_link
|
|
13435
13487
|
})), /*#__PURE__*/React.createElement("button", {
|
|
13436
|
-
className: `${styles$
|
|
13488
|
+
className: `${styles$y.close_toast_btn} ${getCloseBtnStyleByType()}`,
|
|
13437
13489
|
onClick: () => {
|
|
13438
13490
|
}
|
|
13439
13491
|
}, /*#__PURE__*/React.createElement(AddIcon, null)));
|
|
13440
13492
|
};
|
|
13441
13493
|
|
|
13442
|
-
var css_248z$
|
|
13443
|
-
var styles$
|
|
13444
|
-
styleInject(css_248z$
|
|
13494
|
+
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}";
|
|
13495
|
+
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"};
|
|
13496
|
+
styleInject(css_248z$z);
|
|
13445
13497
|
|
|
13446
13498
|
const CssTextField$3 = /*#__PURE__*/styled(TextField)({
|
|
13447
13499
|
'& .MuiInputBase-input': {
|
|
@@ -13563,7 +13615,7 @@ const NumberField = props => {
|
|
|
13563
13615
|
}, rightIcon) : rightText ? /*#__PURE__*/React.createElement(Text, {
|
|
13564
13616
|
text: rightText,
|
|
13565
13617
|
weight: "bold",
|
|
13566
|
-
className: styles$
|
|
13618
|
+
className: styles$z.textSideInput,
|
|
13567
13619
|
size: "sm"
|
|
13568
13620
|
}) : undefined;
|
|
13569
13621
|
const startAdornment = leftIcon ? /*#__PURE__*/React.createElement(InputAdornment, {
|
|
@@ -13571,20 +13623,20 @@ const NumberField = props => {
|
|
|
13571
13623
|
}, leftIcon) : leftText ? /*#__PURE__*/React.createElement(Text, {
|
|
13572
13624
|
text: leftText,
|
|
13573
13625
|
weight: "bold",
|
|
13574
|
-
className: styles$
|
|
13626
|
+
className: styles$z.textSideInput,
|
|
13575
13627
|
size: "sm"
|
|
13576
13628
|
}) : undefined;
|
|
13577
13629
|
const InputLabelProps = label === undefined ? {
|
|
13578
13630
|
shrink: false
|
|
13579
13631
|
} : {};
|
|
13580
13632
|
return /*#__PURE__*/React.createElement("div", {
|
|
13581
|
-
className: `${className} ${styles$
|
|
13633
|
+
className: `${className} ${styles$z.input}`,
|
|
13582
13634
|
id: id
|
|
13583
13635
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
13584
13636
|
text: `${topLabel ? topLabel : ''}`,
|
|
13585
13637
|
weight: topLabelWeight || 'bold',
|
|
13586
13638
|
size: topLabelSize || 'base',
|
|
13587
|
-
className: styles$
|
|
13639
|
+
className: styles$z.input_top_label,
|
|
13588
13640
|
required: required
|
|
13589
13641
|
}), /*#__PURE__*/React.createElement(CssTextField$3, {
|
|
13590
13642
|
fullWidth: true,
|
|
@@ -13627,18 +13679,18 @@ const NumberField = props => {
|
|
|
13627
13679
|
color: "#F54C4C",
|
|
13628
13680
|
italic: true,
|
|
13629
13681
|
text: errorText,
|
|
13630
|
-
className: styles$
|
|
13682
|
+
className: styles$z.text_below
|
|
13631
13683
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
13632
13684
|
size: "xs",
|
|
13633
13685
|
italic: true,
|
|
13634
13686
|
text: helperText,
|
|
13635
|
-
className: styles$
|
|
13687
|
+
className: styles$z.text_below
|
|
13636
13688
|
}));
|
|
13637
13689
|
};
|
|
13638
13690
|
|
|
13639
|
-
var css_248z$
|
|
13640
|
-
var styles$
|
|
13641
|
-
styleInject(css_248z$
|
|
13691
|
+
var css_248z$A = ".NumbersCode-modules_blockList__DCBsV{display:flex;flex-direction:row;gap:.5rem}";
|
|
13692
|
+
var styles$A = {"blockList":"NumbersCode-modules_blockList__DCBsV"};
|
|
13693
|
+
styleInject(css_248z$A);
|
|
13642
13694
|
|
|
13643
13695
|
const CssTextField$4 = /*#__PURE__*/styled(TextField)({
|
|
13644
13696
|
'& .MuiInputBase-input': {
|
|
@@ -13791,7 +13843,7 @@ const NumberInput = ({
|
|
|
13791
13843
|
},
|
|
13792
13844
|
id: `NumberInput#${inputNumber}`,
|
|
13793
13845
|
placeholder: placeholder,
|
|
13794
|
-
className: `${styles$
|
|
13846
|
+
className: `${styles$A.input_number} ${className ?? ''}`
|
|
13795
13847
|
}, props));
|
|
13796
13848
|
};
|
|
13797
13849
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=131-253&mode=dev */
|
|
@@ -13821,13 +13873,13 @@ const NumbersCode = ({
|
|
|
13821
13873
|
}));
|
|
13822
13874
|
}
|
|
13823
13875
|
return /*#__PURE__*/React.createElement("div", {
|
|
13824
|
-
className: `${containerClassname ?? ''} ${styles$
|
|
13876
|
+
className: `${containerClassname ?? ''} ${styles$A.blockList}`
|
|
13825
13877
|
}, children);
|
|
13826
13878
|
};
|
|
13827
13879
|
|
|
13828
|
-
var css_248z$
|
|
13829
|
-
var styles$
|
|
13830
|
-
styleInject(css_248z$
|
|
13880
|
+
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}";
|
|
13881
|
+
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"};
|
|
13882
|
+
styleInject(css_248z$B);
|
|
13831
13883
|
|
|
13832
13884
|
const CssTextField$5 = /*#__PURE__*/styled(TextField)({
|
|
13833
13885
|
'& .MuiInputBase-input': {
|
|
@@ -13959,13 +14011,13 @@ const PasswordField = props => {
|
|
|
13959
14011
|
shrink: false
|
|
13960
14012
|
} : {};
|
|
13961
14013
|
return /*#__PURE__*/React.createElement("div", {
|
|
13962
|
-
className: `${className} ${styles$
|
|
14014
|
+
className: `${className} ${styles$B.input}`,
|
|
13963
14015
|
id: id
|
|
13964
14016
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
13965
14017
|
text: `${topLabel ? topLabel : ''}`,
|
|
13966
14018
|
weight: topLabelWeight || 'bold',
|
|
13967
14019
|
size: topLabelSize || 'base',
|
|
13968
|
-
className: styles$
|
|
14020
|
+
className: styles$B.input_top_label,
|
|
13969
14021
|
required: required
|
|
13970
14022
|
}), /*#__PURE__*/React.createElement(CssTextField$5, {
|
|
13971
14023
|
fullWidth: true,
|
|
@@ -14009,12 +14061,12 @@ const PasswordField = props => {
|
|
|
14009
14061
|
color: "#F54C4C",
|
|
14010
14062
|
italic: true,
|
|
14011
14063
|
text: errorText,
|
|
14012
|
-
className: styles$
|
|
14064
|
+
className: styles$B.text_below
|
|
14013
14065
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14014
14066
|
size: "xs",
|
|
14015
14067
|
italic: true,
|
|
14016
14068
|
text: helperText,
|
|
14017
|
-
className: styles$
|
|
14069
|
+
className: styles$B.text_below
|
|
14018
14070
|
}));
|
|
14019
14071
|
};
|
|
14020
14072
|
|
|
@@ -14095,9 +14147,9 @@ const PopoverBeta = ({
|
|
|
14095
14147
|
});
|
|
14096
14148
|
};
|
|
14097
14149
|
|
|
14098
|
-
var css_248z$
|
|
14099
|
-
var styles$
|
|
14100
|
-
styleInject(css_248z$
|
|
14150
|
+
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}";
|
|
14151
|
+
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"};
|
|
14152
|
+
styleInject(css_248z$C);
|
|
14101
14153
|
|
|
14102
14154
|
const PricingCard = ({
|
|
14103
14155
|
cardInfo: {
|
|
@@ -14140,9 +14192,9 @@ const PricingCard = ({
|
|
|
14140
14192
|
4: 'linear-gradient(135.07deg, #0077FF 0%, #9024F6 98.4%)'
|
|
14141
14193
|
};
|
|
14142
14194
|
return /*#__PURE__*/React.createElement("div", {
|
|
14143
|
-
className: styles$
|
|
14195
|
+
className: styles$C.pricingCard + (isHighlighted ? ` ${styles$C.highlighted}` : '') + (isDark ? ` ${styles$C.dark}` : '')
|
|
14144
14196
|
}, isHighlighted && highlightMessage && /*#__PURE__*/React.createElement("div", {
|
|
14145
|
-
className: styles$
|
|
14197
|
+
className: styles$C.highlightMessage
|
|
14146
14198
|
}, /*#__PURE__*/React.createElement("svg", {
|
|
14147
14199
|
xmlns: "http://www.w3.org/2000/svg",
|
|
14148
14200
|
width: "16",
|
|
@@ -14168,7 +14220,7 @@ const PricingCard = ({
|
|
|
14168
14220
|
text: highlightMessage,
|
|
14169
14221
|
color: "#fff"
|
|
14170
14222
|
})), /*#__PURE__*/React.createElement("div", {
|
|
14171
|
-
className: styles$
|
|
14223
|
+
className: styles$C.mainContent
|
|
14172
14224
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14173
14225
|
style: {
|
|
14174
14226
|
height: language === 'fr' ? '20rem' : '18rem',
|
|
@@ -14176,44 +14228,44 @@ const PricingCard = ({
|
|
|
14176
14228
|
flexDirection: 'column'
|
|
14177
14229
|
}
|
|
14178
14230
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14179
|
-
className: styles$
|
|
14231
|
+
className: styles$C.header
|
|
14180
14232
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14181
|
-
className: styles$
|
|
14233
|
+
className: styles$C.header_top
|
|
14182
14234
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14183
14235
|
size: "xl",
|
|
14184
14236
|
weight: "bold",
|
|
14185
14237
|
text: title,
|
|
14186
14238
|
color: isDark ? '#fff' : ''
|
|
14187
14239
|
}), yourPlanText && /*#__PURE__*/React.createElement("div", {
|
|
14188
|
-
className: styles$
|
|
14240
|
+
className: styles$C.tag
|
|
14189
14241
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14190
14242
|
size: "xs",
|
|
14191
14243
|
text: yourPlanText,
|
|
14192
14244
|
color: colors.white
|
|
14193
14245
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14194
|
-
className: styles$
|
|
14246
|
+
className: styles$C.description
|
|
14195
14247
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14196
14248
|
size: "base",
|
|
14197
14249
|
weight: "semi-bold",
|
|
14198
14250
|
text: description,
|
|
14199
14251
|
color: isDark ? 'white' : ''
|
|
14200
14252
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14201
|
-
className: styles$
|
|
14253
|
+
className: styles$C.pricing
|
|
14202
14254
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14203
14255
|
size: "base",
|
|
14204
14256
|
weight: "bold",
|
|
14205
14257
|
text: isYearlyOrMonthly === 'yearly' && tier !== 4 ? `${cmsContent.Currency || '$'}${monthlyPrice} / ${cmsContent.Month}` : '-',
|
|
14206
14258
|
color: isYearlyOrMonthly === 'yearly' && tier !== 4 ? colors.neutral_800 : 'transparent',
|
|
14207
|
-
className: styles$
|
|
14259
|
+
className: styles$C.lineThrough
|
|
14208
14260
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14209
|
-
className: styles$
|
|
14261
|
+
className: styles$C.price
|
|
14210
14262
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Title, {
|
|
14211
14263
|
size: "xxl",
|
|
14212
14264
|
weight: "bold",
|
|
14213
14265
|
text: cmsContent.LetsTalk,
|
|
14214
14266
|
color: isDark ? '#fff' : ''
|
|
14215
14267
|
}) : /*#__PURE__*/React.createElement("div", {
|
|
14216
|
-
className: styles$
|
|
14268
|
+
className: styles$C.amount
|
|
14217
14269
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
14218
14270
|
size: "xxxl",
|
|
14219
14271
|
weight: "bold",
|
|
@@ -14229,7 +14281,7 @@ const PricingCard = ({
|
|
|
14229
14281
|
`,
|
|
14230
14282
|
color: isDark ? 'white' : colors.neutral_550
|
|
14231
14283
|
}))), /*#__PURE__*/React.createElement("div", {
|
|
14232
|
-
className: styles$
|
|
14284
|
+
className: styles$C.interviews
|
|
14233
14285
|
}, tier === 4 ? /*#__PURE__*/React.createElement(Text, {
|
|
14234
14286
|
size: "sm",
|
|
14235
14287
|
weight: "semi-bold",
|
|
@@ -14252,24 +14304,24 @@ const PricingCard = ({
|
|
|
14252
14304
|
text: buttonText[tier],
|
|
14253
14305
|
size: "base",
|
|
14254
14306
|
variant: buttonVariant[tier],
|
|
14255
|
-
className: styles$
|
|
14307
|
+
className: styles$C.button,
|
|
14256
14308
|
disabled: yourPlanText ? true : false,
|
|
14257
14309
|
customBackground: buttonBackgrounds[tier],
|
|
14258
14310
|
onClick: onClick
|
|
14259
14311
|
}), /*#__PURE__*/React.createElement("div", {
|
|
14260
|
-
className: styles$
|
|
14312
|
+
className: styles$C.features
|
|
14261
14313
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14262
14314
|
size: "base",
|
|
14263
14315
|
weight: "semi-bold",
|
|
14264
14316
|
text: featuredSectionTitle || cmsContent.Includes,
|
|
14265
14317
|
color: isDark ? 'white' : ''
|
|
14266
14318
|
}), /*#__PURE__*/React.createElement("ul", {
|
|
14267
|
-
className: styles$
|
|
14319
|
+
className: styles$C.featuresList
|
|
14268
14320
|
}, featuresList.map((feature, index) => /*#__PURE__*/React.createElement("li", {
|
|
14269
|
-
className: styles$
|
|
14321
|
+
className: styles$C.feature,
|
|
14270
14322
|
key: index
|
|
14271
14323
|
}, /*#__PURE__*/React.createElement(CheckedIcon, {
|
|
14272
|
-
className: styles$
|
|
14324
|
+
className: styles$C.icon
|
|
14273
14325
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14274
14326
|
size: "sm",
|
|
14275
14327
|
weight: "regular",
|
|
@@ -14284,13 +14336,13 @@ const PricingCard = ({
|
|
|
14284
14336
|
}),
|
|
14285
14337
|
variant: isDark ? 'tertiary-alt' : 'tertiary',
|
|
14286
14338
|
size: "xxs",
|
|
14287
|
-
className: styles$
|
|
14339
|
+
className: styles$C.tooltipButton
|
|
14288
14340
|
}))))))));
|
|
14289
14341
|
};
|
|
14290
14342
|
|
|
14291
|
-
var css_248z$
|
|
14292
|
-
var styles$
|
|
14293
|
-
styleInject(css_248z$
|
|
14343
|
+
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}";
|
|
14344
|
+
var styles$D = {"radioBtnWrapper":"Radio-module_radioBtnWrapper__iOwkT","MuiRadio-root":"Radio-module_MuiRadio-root__kYP8v"};
|
|
14345
|
+
styleInject(css_248z$D);
|
|
14294
14346
|
|
|
14295
14347
|
const BpIcon$1 = /*#__PURE__*/styled('span')(() => ({
|
|
14296
14348
|
borderRadius: '50%',
|
|
@@ -14340,7 +14392,7 @@ const Radio = ({
|
|
|
14340
14392
|
className
|
|
14341
14393
|
}) => {
|
|
14342
14394
|
return /*#__PURE__*/React.createElement("div", {
|
|
14343
|
-
className: `${styles$
|
|
14395
|
+
className: `${styles$D.radioBtnWrapper} ${className}`
|
|
14344
14396
|
}, leftLabel && /*#__PURE__*/React.createElement(Text, {
|
|
14345
14397
|
text: leftLabel,
|
|
14346
14398
|
size: "sm"
|
|
@@ -14361,9 +14413,9 @@ const Radio = ({
|
|
|
14361
14413
|
}));
|
|
14362
14414
|
};
|
|
14363
14415
|
|
|
14364
|
-
var css_248z$
|
|
14365
|
-
var styles$
|
|
14366
|
-
styleInject(css_248z$
|
|
14416
|
+
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}";
|
|
14417
|
+
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"};
|
|
14418
|
+
styleInject(css_248z$E);
|
|
14367
14419
|
|
|
14368
14420
|
const RatingScale = props => {
|
|
14369
14421
|
const {
|
|
@@ -14385,19 +14437,19 @@ const RatingScale = props => {
|
|
|
14385
14437
|
otherProps
|
|
14386
14438
|
} = props;
|
|
14387
14439
|
return /*#__PURE__*/React.createElement("div", {
|
|
14388
|
-
className: styles$
|
|
14440
|
+
className: styles$E.ratingScale + ' ' + className
|
|
14389
14441
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14390
14442
|
text: `${topLabel ? topLabel : ''}`,
|
|
14391
14443
|
weight: topLabelWeight || 'bold',
|
|
14392
14444
|
size: topLabelSize || 'base',
|
|
14393
|
-
className: styles$
|
|
14445
|
+
className: styles$E.topLabel,
|
|
14394
14446
|
required: required
|
|
14395
14447
|
}), /*#__PURE__*/React.createElement(FormControl, {
|
|
14396
14448
|
component: "fieldset",
|
|
14397
|
-
className: styles$
|
|
14449
|
+
className: styles$E.formControl,
|
|
14398
14450
|
error: error
|
|
14399
14451
|
}, /*#__PURE__*/React.createElement(RadioGroup, Object.assign({
|
|
14400
|
-
className: styles$
|
|
14452
|
+
className: styles$E.radioGroup,
|
|
14401
14453
|
"aria-label": "rating",
|
|
14402
14454
|
name: name,
|
|
14403
14455
|
value: value,
|
|
@@ -14412,17 +14464,17 @@ const RatingScale = props => {
|
|
|
14412
14464
|
checked: value === option,
|
|
14413
14465
|
disabled: disabled
|
|
14414
14466
|
})))), ratingStartText || ratingEndText ? /*#__PURE__*/React.createElement("div", {
|
|
14415
|
-
className: styles$
|
|
14467
|
+
className: styles$E.ratingScaleText
|
|
14416
14468
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14417
14469
|
text: `${ratingStartText ? ratingStartText : ''}`,
|
|
14418
14470
|
weight: 'regular',
|
|
14419
14471
|
size: 'sm',
|
|
14420
|
-
className: styles$
|
|
14472
|
+
className: styles$E.ratingScaleStartText
|
|
14421
14473
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
14422
14474
|
text: `${ratingEndText ? ratingEndText : ''}`,
|
|
14423
14475
|
weight: 'regular',
|
|
14424
14476
|
size: 'sm',
|
|
14425
|
-
className: styles$
|
|
14477
|
+
className: styles$E.ratingScaleEndText
|
|
14426
14478
|
})) : null);
|
|
14427
14479
|
};
|
|
14428
14480
|
|
|
@@ -14448,9 +14500,9 @@ const Search = ({
|
|
|
14448
14500
|
});
|
|
14449
14501
|
};
|
|
14450
14502
|
|
|
14451
|
-
var css_248z$
|
|
14452
|
-
var styles$
|
|
14453
|
-
styleInject(css_248z$
|
|
14503
|
+
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}";
|
|
14504
|
+
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"};
|
|
14505
|
+
styleInject(css_248z$F);
|
|
14454
14506
|
|
|
14455
14507
|
const filter$2 = /*#__PURE__*/createFilterOptions();
|
|
14456
14508
|
const CssTextField$6 = /*#__PURE__*/styled(TextField)({
|
|
@@ -14579,7 +14631,7 @@ const SingleSelect = ({
|
|
|
14579
14631
|
text: `${topLabel ? topLabel : ''}`,
|
|
14580
14632
|
weight: topLabelWeight || 'bold',
|
|
14581
14633
|
size: topLabelSize || 'base',
|
|
14582
|
-
className: styles$
|
|
14634
|
+
className: styles$F.input_top_label,
|
|
14583
14635
|
required: required
|
|
14584
14636
|
}), /*#__PURE__*/React.createElement(Autocomplete, Object.assign({
|
|
14585
14637
|
id: "tags-standard",
|
|
@@ -14622,13 +14674,13 @@ const SingleSelect = ({
|
|
|
14622
14674
|
})),
|
|
14623
14675
|
clearIcon: /*#__PURE__*/React.createElement(RemoveCircledIcon, {
|
|
14624
14676
|
fill: "black",
|
|
14625
|
-
className: `${styles$
|
|
14677
|
+
className: `${styles$F.icon}`
|
|
14626
14678
|
}),
|
|
14627
14679
|
popupIcon: /*#__PURE__*/React.createElement(ArrowLineDowIcon, {
|
|
14628
14680
|
fill: "black",
|
|
14629
|
-
className: `${styles$
|
|
14681
|
+
className: `${styles$F.icon}`
|
|
14630
14682
|
}),
|
|
14631
|
-
className: `${styles$
|
|
14683
|
+
className: `${styles$F.newAutocomplete}`,
|
|
14632
14684
|
renderOption: (props, option) => {
|
|
14633
14685
|
return /*#__PURE__*/React.createElement("li", Object.assign({}, props, {
|
|
14634
14686
|
key: option.value
|
|
@@ -14657,18 +14709,18 @@ const SingleSelect = ({
|
|
|
14657
14709
|
color: "#F54C4C",
|
|
14658
14710
|
italic: true,
|
|
14659
14711
|
text: errorText,
|
|
14660
|
-
className: styles$
|
|
14712
|
+
className: styles$F.text_below
|
|
14661
14713
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
14662
14714
|
size: "xs",
|
|
14663
14715
|
italic: true,
|
|
14664
14716
|
text: helperText,
|
|
14665
|
-
className: styles$
|
|
14717
|
+
className: styles$F.text_below
|
|
14666
14718
|
}));
|
|
14667
14719
|
};
|
|
14668
14720
|
|
|
14669
|
-
var css_248z$
|
|
14670
|
-
var styles$
|
|
14671
|
-
styleInject(css_248z$
|
|
14721
|
+
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}";
|
|
14722
|
+
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"};
|
|
14723
|
+
styleInject(css_248z$G);
|
|
14672
14724
|
|
|
14673
14725
|
const StarRating = ({
|
|
14674
14726
|
value,
|
|
@@ -14679,13 +14731,13 @@ const StarRating = ({
|
|
|
14679
14731
|
const [rating, setRating] = useState(value ?? 0);
|
|
14680
14732
|
const [hover, setHover] = useState(0);
|
|
14681
14733
|
return /*#__PURE__*/React.createElement("div", {
|
|
14682
|
-
className: styles$
|
|
14734
|
+
className: styles$G.star_rating
|
|
14683
14735
|
}, [...Array(5)].map((_star, index) => {
|
|
14684
14736
|
index += 1;
|
|
14685
14737
|
return /*#__PURE__*/React.createElement("button", {
|
|
14686
14738
|
type: "button",
|
|
14687
14739
|
key: index,
|
|
14688
|
-
className: styles$
|
|
14740
|
+
className: styles$G.star_button,
|
|
14689
14741
|
onClick: () => {
|
|
14690
14742
|
setRating(index);
|
|
14691
14743
|
onClick(index);
|
|
@@ -14717,9 +14769,9 @@ const StarRating = ({
|
|
|
14717
14769
|
}));
|
|
14718
14770
|
};
|
|
14719
14771
|
|
|
14720
|
-
var css_248z$
|
|
14721
|
-
var styles$
|
|
14722
|
-
styleInject(css_248z$
|
|
14772
|
+
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}";
|
|
14773
|
+
var styles$H = {"switchWrapper":"Switch-module_switchWrapper__GNSan","disabled":"Switch-module_disabled__JLXV5"};
|
|
14774
|
+
styleInject(css_248z$H);
|
|
14723
14775
|
|
|
14724
14776
|
const CustomSwitch = /*#__PURE__*/styled$1(Switch$1)({
|
|
14725
14777
|
'& .MuiSwitch-track': {
|
|
@@ -14751,7 +14803,7 @@ const Switch = ({
|
|
|
14751
14803
|
className
|
|
14752
14804
|
}) => {
|
|
14753
14805
|
return /*#__PURE__*/React.createElement("div", {
|
|
14754
|
-
className: `${styles$
|
|
14806
|
+
className: `${styles$H.switchWrapper} ${disabled && styles$H.disabled}${className}`
|
|
14755
14807
|
}, label && /*#__PURE__*/React.createElement(Title, {
|
|
14756
14808
|
text: label,
|
|
14757
14809
|
weight: "bold",
|
|
@@ -14768,9 +14820,9 @@ const Switch = ({
|
|
|
14768
14820
|
}));
|
|
14769
14821
|
};
|
|
14770
14822
|
|
|
14771
|
-
var css_248z$
|
|
14772
|
-
var styles$
|
|
14773
|
-
styleInject(css_248z$
|
|
14823
|
+
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}";
|
|
14824
|
+
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"};
|
|
14825
|
+
styleInject(css_248z$I);
|
|
14774
14826
|
|
|
14775
14827
|
const TableFooter = ({
|
|
14776
14828
|
footerText,
|
|
@@ -14779,26 +14831,26 @@ const TableFooter = ({
|
|
|
14779
14831
|
footerAction
|
|
14780
14832
|
}) => {
|
|
14781
14833
|
return /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement("div", {
|
|
14782
|
-
className: `${styles$
|
|
14834
|
+
className: `${styles$I.footer} ${footerClassName && footerClassName}`
|
|
14783
14835
|
}, /*#__PURE__*/React.createElement("div", {
|
|
14784
|
-
className: `${styles$
|
|
14836
|
+
className: `${styles$I.footer_content}`
|
|
14785
14837
|
}, footerText && /*#__PURE__*/React.createElement(Text, {
|
|
14786
14838
|
size: "sm",
|
|
14787
14839
|
text: footerText,
|
|
14788
14840
|
color: colors.neutral_600,
|
|
14789
|
-
className: styles$
|
|
14841
|
+
className: styles$I.footerText
|
|
14790
14842
|
}), footerIconRight && /*#__PURE__*/React.createElement(IconButton, {
|
|
14791
14843
|
icon: footerIconRight,
|
|
14792
14844
|
variant: "tertiary",
|
|
14793
14845
|
onClick: footerAction,
|
|
14794
|
-
className: styles$
|
|
14846
|
+
className: styles$I.actionsBtn,
|
|
14795
14847
|
size: "xs"
|
|
14796
14848
|
}))));
|
|
14797
14849
|
};
|
|
14798
14850
|
|
|
14799
|
-
var css_248z$
|
|
14800
|
-
var styles$
|
|
14801
|
-
styleInject(css_248z$
|
|
14851
|
+
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}";
|
|
14852
|
+
var styles$J = {"table_header":"header-modules_table_header__L2DwU","header_cell":"header-modules_header_cell__JQcrU"};
|
|
14853
|
+
styleInject(css_248z$J);
|
|
14802
14854
|
|
|
14803
14855
|
const TableHeader$1 = ({
|
|
14804
14856
|
headers,
|
|
@@ -14808,7 +14860,7 @@ const TableHeader$1 = ({
|
|
|
14808
14860
|
selectAll
|
|
14809
14861
|
}) => {
|
|
14810
14862
|
return /*#__PURE__*/React.createElement("div", {
|
|
14811
|
-
className: `${styles$
|
|
14863
|
+
className: `${styles$J.table_header} ${headerClassName ? headerClassName : undefined}`
|
|
14812
14864
|
}, isSelectable && selectAll && areAllSelected !== undefined && /*#__PURE__*/React.createElement(Checkbox, {
|
|
14813
14865
|
checked: areAllSelected,
|
|
14814
14866
|
onChange: () => selectAll()
|
|
@@ -14839,7 +14891,7 @@ const TableHeader$1 = ({
|
|
|
14839
14891
|
style: {
|
|
14840
14892
|
flex: header.flexWidth ?? 1
|
|
14841
14893
|
},
|
|
14842
|
-
className: styles$
|
|
14894
|
+
className: styles$J.header_cell
|
|
14843
14895
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
14844
14896
|
text: header.name,
|
|
14845
14897
|
weight: header.weight,
|
|
@@ -14848,14 +14900,14 @@ const TableHeader$1 = ({
|
|
|
14848
14900
|
}), header.icon && header.icon)));
|
|
14849
14901
|
};
|
|
14850
14902
|
|
|
14851
|
-
var css_248z$
|
|
14852
|
-
var styles$
|
|
14853
|
-
styleInject(css_248z$J);
|
|
14854
|
-
|
|
14855
|
-
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}";
|
|
14856
|
-
var styles$K = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
14903
|
+
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}";
|
|
14904
|
+
var styles$K = {"rows":"rows-modules_rows__hlE0W","row":"rows-modules_row__4ez-4","firstRow":"rows-modules_firstRow__TK4Su","lastRow":"rows-modules_lastRow__fZai8"};
|
|
14857
14905
|
styleInject(css_248z$K);
|
|
14858
14906
|
|
|
14907
|
+
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}";
|
|
14908
|
+
var styles$L = {"cell":"table-cell-modules_cell__zEGFZ"};
|
|
14909
|
+
styleInject(css_248z$L);
|
|
14910
|
+
|
|
14859
14911
|
const TableCell = ({
|
|
14860
14912
|
text,
|
|
14861
14913
|
weight = 'regular',
|
|
@@ -14866,7 +14918,7 @@ const TableCell = ({
|
|
|
14866
14918
|
select
|
|
14867
14919
|
}) => {
|
|
14868
14920
|
return /*#__PURE__*/React.createElement("div", {
|
|
14869
|
-
className: `${styles$
|
|
14921
|
+
className: `${styles$L.cell} ${className && className}`,
|
|
14870
14922
|
style: {
|
|
14871
14923
|
flex: flexWidth
|
|
14872
14924
|
}
|
|
@@ -14891,14 +14943,14 @@ const TableRows = ({
|
|
|
14891
14943
|
}) => {
|
|
14892
14944
|
return /*#__PURE__*/React.createElement("div", {
|
|
14893
14945
|
id: id,
|
|
14894
|
-
className: `${styles$
|
|
14946
|
+
className: `${styles$K.rows} ${rowsClassName}`
|
|
14895
14947
|
}, rows.map((row, index) => {
|
|
14896
|
-
let rowClassName = `${styles$
|
|
14948
|
+
let rowClassName = `${styles$K.row} ${row.className}`;
|
|
14897
14949
|
// Add first and last row classes
|
|
14898
14950
|
if (index === 0) {
|
|
14899
|
-
rowClassName += ` ${styles$
|
|
14951
|
+
rowClassName += ` ${styles$K.firstRow}`;
|
|
14900
14952
|
} else if (index === rows.length - 1 && isFooterHidden) {
|
|
14901
|
-
rowClassName += ` ${styles$
|
|
14953
|
+
rowClassName += ` ${styles$K.lastRow}`;
|
|
14902
14954
|
}
|
|
14903
14955
|
return /*#__PURE__*/React.createElement("div", {
|
|
14904
14956
|
key: `row-${index}`,
|
|
@@ -14921,9 +14973,9 @@ const TableRows = ({
|
|
|
14921
14973
|
}));
|
|
14922
14974
|
};
|
|
14923
14975
|
|
|
14924
|
-
var css_248z$
|
|
14925
|
-
var styles$
|
|
14926
|
-
styleInject(css_248z$
|
|
14976
|
+
var css_248z$M = ".Table-modules_table__ddiph{align-items:flex-start;border-radius:.375rem;display:flex;flex-direction:column}";
|
|
14977
|
+
var styles$M = {"table":"Table-modules_table__ddiph"};
|
|
14978
|
+
styleInject(css_248z$M);
|
|
14927
14979
|
|
|
14928
14980
|
/**
|
|
14929
14981
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1262-39999&mode=dev
|
|
@@ -14945,7 +14997,7 @@ const Table = ({
|
|
|
14945
14997
|
selectAll
|
|
14946
14998
|
}) => {
|
|
14947
14999
|
return /*#__PURE__*/React.createElement("div", {
|
|
14948
|
-
className: `${styles$
|
|
15000
|
+
className: `${styles$M.table} ${className}`
|
|
14949
15001
|
}, /*#__PURE__*/React.createElement(TableHeader$1, {
|
|
14950
15002
|
headers: headers,
|
|
14951
15003
|
isSelectable: isSelectable,
|
|
@@ -14966,9 +15018,9 @@ const Table = ({
|
|
|
14966
15018
|
}));
|
|
14967
15019
|
};
|
|
14968
15020
|
|
|
14969
|
-
var css_248z$
|
|
14970
|
-
var styles$
|
|
14971
|
-
styleInject(css_248z$
|
|
15021
|
+
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}";
|
|
15022
|
+
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"};
|
|
15023
|
+
styleInject(css_248z$N);
|
|
14972
15024
|
|
|
14973
15025
|
const TabPanel = ({
|
|
14974
15026
|
value,
|
|
@@ -14999,7 +15051,7 @@ const Tabs = ({
|
|
|
14999
15051
|
if (onSelect) onSelect(newValue);
|
|
15000
15052
|
};
|
|
15001
15053
|
return /*#__PURE__*/React.createElement("div", {
|
|
15002
|
-
className: styles$
|
|
15054
|
+
className: styles$N.new_tabs
|
|
15003
15055
|
}, /*#__PURE__*/React.createElement(Tabs$1, {
|
|
15004
15056
|
value: value,
|
|
15005
15057
|
onChange: handleChange,
|
|
@@ -15031,9 +15083,9 @@ const Tabs = ({
|
|
|
15031
15083
|
}, tab.component)));
|
|
15032
15084
|
};
|
|
15033
15085
|
|
|
15034
|
-
var css_248z$
|
|
15035
|
-
var styles$
|
|
15036
|
-
styleInject(css_248z$
|
|
15086
|
+
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}";
|
|
15087
|
+
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"};
|
|
15088
|
+
styleInject(css_248z$O);
|
|
15037
15089
|
|
|
15038
15090
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=2946-50988&mode=dev */
|
|
15039
15091
|
const TabsUnderline = ({
|
|
@@ -15058,11 +15110,11 @@ const TabsUnderline = ({
|
|
|
15058
15110
|
}
|
|
15059
15111
|
}, [defaultValue]);
|
|
15060
15112
|
return /*#__PURE__*/React.createElement("div", {
|
|
15061
|
-
className: `${styles$
|
|
15113
|
+
className: `${styles$O.tabbar} ${className && className}`
|
|
15062
15114
|
}, /*#__PURE__*/React.createElement(Tabs$2, {
|
|
15063
15115
|
value: value,
|
|
15064
15116
|
onChange: onClickTab,
|
|
15065
|
-
className: styles$
|
|
15117
|
+
className: styles$O.tabs_root,
|
|
15066
15118
|
variant: "scrollable",
|
|
15067
15119
|
orientation: "horizontal",
|
|
15068
15120
|
visibleScrollbar: false,
|
|
@@ -15077,14 +15129,14 @@ const TabsUnderline = ({
|
|
|
15077
15129
|
}, tabs.map((item, index) => {
|
|
15078
15130
|
let renderTab = /*#__PURE__*/React.createElement(Tab, {
|
|
15079
15131
|
key: `tab#${index}`,
|
|
15080
|
-
className: !isArrowIconDisplay ? styles$
|
|
15132
|
+
className: !isArrowIconDisplay ? styles$O.tab_label : styles$O.tab_label_icon,
|
|
15081
15133
|
disabled: item.disabled ?? false,
|
|
15082
15134
|
disableRipple: true,
|
|
15083
15135
|
sx: {
|
|
15084
15136
|
textTransform: 'none'
|
|
15085
15137
|
},
|
|
15086
15138
|
label: /*#__PURE__*/React.createElement("div", {
|
|
15087
|
-
className: styles$
|
|
15139
|
+
className: styles$O.tab_label_content,
|
|
15088
15140
|
id: item.id
|
|
15089
15141
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15090
15142
|
text: item.label,
|
|
@@ -15099,11 +15151,11 @@ const TabsUnderline = ({
|
|
|
15099
15151
|
});
|
|
15100
15152
|
if (item.disabled) {
|
|
15101
15153
|
renderTab = /*#__PURE__*/React.createElement("div", {
|
|
15102
|
-
className: styles$
|
|
15154
|
+
className: styles$O.tab_label_content,
|
|
15103
15155
|
id: item.id
|
|
15104
15156
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15105
15157
|
key: `tab#${index}`,
|
|
15106
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15158
|
+
className: `${!isArrowIconDisplay ? styles$O.tab_label_replacement : styles$O.tab_label_replacement_icon} ${styles$O.disabled}`,
|
|
15107
15159
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15108
15160
|
size: "base",
|
|
15109
15161
|
text: item.label,
|
|
@@ -15129,10 +15181,10 @@ const TabsUnderline = ({
|
|
|
15129
15181
|
alignItems: 'center',
|
|
15130
15182
|
justifyContent: 'center'
|
|
15131
15183
|
},
|
|
15132
|
-
className: styles$
|
|
15184
|
+
className: styles$O.tab_label_content
|
|
15133
15185
|
}, /*#__PURE__*/React.createElement(Title, {
|
|
15134
15186
|
key: `tab#${index}`,
|
|
15135
|
-
className: `${!isArrowIconDisplay ? styles$
|
|
15187
|
+
className: `${!isArrowIconDisplay ? styles$O.tab_label_replacement : styles$O.tab_label_replacement_icon} ${styles$O.disabled}`,
|
|
15136
15188
|
weight: value === index ? 'semi-bold' : 'regular',
|
|
15137
15189
|
size: "base",
|
|
15138
15190
|
text: item.label,
|
|
@@ -15153,7 +15205,7 @@ const TabsUnderline = ({
|
|
|
15153
15205
|
}, renderTab);
|
|
15154
15206
|
}
|
|
15155
15207
|
if (isArrowIconDisplay && index !== tabs.length - 1) return /*#__PURE__*/React.createElement("div", {
|
|
15156
|
-
className: styles$
|
|
15208
|
+
className: styles$O.withArrowContainer,
|
|
15157
15209
|
onClick: e => onClickTab(e, index)
|
|
15158
15210
|
}, renderTab, isArrowIconDisplay && /*#__PURE__*/React.createElement(ArrowLineRightIcon, {
|
|
15159
15211
|
fill: colors.neutral_550,
|
|
@@ -15162,9 +15214,9 @@ const TabsUnderline = ({
|
|
|
15162
15214
|
})));
|
|
15163
15215
|
};
|
|
15164
15216
|
|
|
15165
|
-
var css_248z$
|
|
15166
|
-
var styles$
|
|
15167
|
-
styleInject(css_248z$
|
|
15217
|
+
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}";
|
|
15218
|
+
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"};
|
|
15219
|
+
styleInject(css_248z$P);
|
|
15168
15220
|
|
|
15169
15221
|
extend([mixPlugin]); //Used for the .tints() method of colord
|
|
15170
15222
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=1359-33355&mode=dev */
|
|
@@ -15188,15 +15240,15 @@ const Tag = ({
|
|
|
15188
15240
|
};
|
|
15189
15241
|
const getTagStatus = () => {
|
|
15190
15242
|
if (customColor) {
|
|
15191
|
-
return styles$
|
|
15243
|
+
return styles$P.tag_custom;
|
|
15192
15244
|
} else if (status === 'idle') {
|
|
15193
|
-
return styles$
|
|
15194
|
-
} else if (status === 'success') return styles$
|
|
15245
|
+
return styles$P.tag_idle;
|
|
15246
|
+
} 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;
|
|
15195
15247
|
};
|
|
15196
15248
|
const getTagSize = () => {
|
|
15197
15249
|
if (size === 'sm') {
|
|
15198
|
-
return styles$
|
|
15199
|
-
} else if (size === 'base') return styles$
|
|
15250
|
+
return styles$P.tag_sm;
|
|
15251
|
+
} else if (size === 'base') return styles$P.tag_base;else return styles$P.tag_base;
|
|
15200
15252
|
};
|
|
15201
15253
|
const getTextSize = () => {
|
|
15202
15254
|
if (size === 'sm') {
|
|
@@ -15223,7 +15275,7 @@ const Tag = ({
|
|
|
15223
15275
|
style: {
|
|
15224
15276
|
backgroundColor: customColor
|
|
15225
15277
|
},
|
|
15226
|
-
className: `${styles$
|
|
15278
|
+
className: `${styles$P.tag} ${getTagStatus()} ${getTagSize()} ${className ?? ''} ${canBeRemoved && styles$P.canBeRemoved}`
|
|
15227
15279
|
}), iconLeft && /*#__PURE__*/React.cloneElement(iconLeft, {
|
|
15228
15280
|
style: {
|
|
15229
15281
|
fill: getTextColor(),
|
|
@@ -15247,9 +15299,9 @@ const Tag = ({
|
|
|
15247
15299
|
})));
|
|
15248
15300
|
};
|
|
15249
15301
|
|
|
15250
|
-
var css_248z$
|
|
15251
|
-
var styles$
|
|
15252
|
-
styleInject(css_248z$
|
|
15302
|
+
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}";
|
|
15303
|
+
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"};
|
|
15304
|
+
styleInject(css_248z$Q);
|
|
15253
15305
|
|
|
15254
15306
|
const CssTextField$7 = /*#__PURE__*/styled(TextField)({
|
|
15255
15307
|
'& .MuiInputBase-input': {
|
|
@@ -15378,13 +15430,13 @@ const TextInput = props => {
|
|
|
15378
15430
|
shrink: false
|
|
15379
15431
|
} : {};
|
|
15380
15432
|
return /*#__PURE__*/React.createElement("div", {
|
|
15381
|
-
className: `${className} ${styles$
|
|
15433
|
+
className: `${className} ${styles$Q.input}`,
|
|
15382
15434
|
id: id
|
|
15383
15435
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
15384
15436
|
text: `${topLabel ? topLabel : ''}`,
|
|
15385
15437
|
weight: topLabelWeight || 'bold',
|
|
15386
15438
|
size: topLabelSize || 'base',
|
|
15387
|
-
className: styles$
|
|
15439
|
+
className: styles$Q.input_top_label,
|
|
15388
15440
|
required: required
|
|
15389
15441
|
}), /*#__PURE__*/React.createElement(CssTextField$7, {
|
|
15390
15442
|
fullWidth: true,
|
|
@@ -15430,18 +15482,18 @@ const TextInput = props => {
|
|
|
15430
15482
|
color: "#F54C4C",
|
|
15431
15483
|
italic: true,
|
|
15432
15484
|
text: errorText,
|
|
15433
|
-
className: styles$
|
|
15485
|
+
className: styles$Q.text_below
|
|
15434
15486
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15435
15487
|
size: "xs",
|
|
15436
15488
|
italic: true,
|
|
15437
15489
|
text: helperText,
|
|
15438
|
-
className: styles$
|
|
15490
|
+
className: styles$Q.text_below
|
|
15439
15491
|
}));
|
|
15440
15492
|
};
|
|
15441
15493
|
|
|
15442
|
-
var css_248z$
|
|
15443
|
-
var styles$
|
|
15444
|
-
styleInject(css_248z$
|
|
15494
|
+
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}";
|
|
15495
|
+
var styles$R = {"text_area_container":"Textarea-module_text_area_container__1NnwK","helperTexts":"Textarea-module_helperTexts__h4sFp","counter":"Textarea-module_counter__jFTMR"};
|
|
15496
|
+
styleInject(css_248z$R);
|
|
15445
15497
|
|
|
15446
15498
|
/** Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=738-6407&mode=dev */
|
|
15447
15499
|
const Textarea = ({
|
|
@@ -15479,7 +15531,7 @@ const Textarea = ({
|
|
|
15479
15531
|
setCharCount(String(value).length);
|
|
15480
15532
|
}, []);
|
|
15481
15533
|
return /*#__PURE__*/React.createElement("div", {
|
|
15482
|
-
className: styles$
|
|
15534
|
+
className: styles$R.text_area_container
|
|
15483
15535
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
15484
15536
|
name: name,
|
|
15485
15537
|
variant: "outlined",
|
|
@@ -15505,7 +15557,7 @@ const Textarea = ({
|
|
|
15505
15557
|
maxRows: maxRows,
|
|
15506
15558
|
minRows: minRows
|
|
15507
15559
|
}), /*#__PURE__*/React.createElement("div", {
|
|
15508
|
-
className: styles$
|
|
15560
|
+
className: styles$R.helperTexts
|
|
15509
15561
|
}, helperText && /*#__PURE__*/React.createElement(Text, {
|
|
15510
15562
|
text: helperText,
|
|
15511
15563
|
size: "xs",
|
|
@@ -15518,13 +15570,13 @@ const Textarea = ({
|
|
|
15518
15570
|
}), /*#__PURE__*/React.createElement(Text, {
|
|
15519
15571
|
text: `${charCount} / ${maxCharacters}`,
|
|
15520
15572
|
size: "xs",
|
|
15521
|
-
className: styles$
|
|
15573
|
+
className: styles$R.counter
|
|
15522
15574
|
})));
|
|
15523
15575
|
};
|
|
15524
15576
|
|
|
15525
|
-
var css_248z$
|
|
15526
|
-
var styles$
|
|
15527
|
-
styleInject(css_248z$
|
|
15577
|
+
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}";
|
|
15578
|
+
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"};
|
|
15579
|
+
styleInject(css_248z$S);
|
|
15528
15580
|
|
|
15529
15581
|
/**
|
|
15530
15582
|
* Calculates a light color based on the input color and target luminance.
|
|
@@ -15682,7 +15734,7 @@ const Thematic = ({
|
|
|
15682
15734
|
closeTagMenuPopover();
|
|
15683
15735
|
};
|
|
15684
15736
|
return /*#__PURE__*/React.createElement("div", {
|
|
15685
|
-
className: styles$
|
|
15737
|
+
className: styles$S.thematic,
|
|
15686
15738
|
style: {
|
|
15687
15739
|
backgroundColor: backgroundColor,
|
|
15688
15740
|
borderColor: borderColor
|
|
@@ -15698,7 +15750,7 @@ const Thematic = ({
|
|
|
15698
15750
|
setAreActionsVisible(false);
|
|
15699
15751
|
}
|
|
15700
15752
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15701
|
-
className: styles$
|
|
15753
|
+
className: styles$S.thematic__header
|
|
15702
15754
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
15703
15755
|
tooltipDescription: definition,
|
|
15704
15756
|
placement: "top",
|
|
@@ -15709,9 +15761,9 @@ const Thematic = ({
|
|
|
15709
15761
|
size: "base",
|
|
15710
15762
|
status: 'idle',
|
|
15711
15763
|
customColor: badgeColor,
|
|
15712
|
-
className: styles$
|
|
15764
|
+
className: styles$S.overflow_badge
|
|
15713
15765
|
}))), areActionsVisible && /*#__PURE__*/React.createElement("div", {
|
|
15714
|
-
className: styles$
|
|
15766
|
+
className: styles$S.thematic__header__actions
|
|
15715
15767
|
}, !isAddTagHidden && /*#__PURE__*/React.createElement(IconButton, {
|
|
15716
15768
|
icon: /*#__PURE__*/React.createElement(AddTagIcon, {
|
|
15717
15769
|
fill: iconsColor,
|
|
@@ -15737,10 +15789,10 @@ const Thematic = ({
|
|
|
15737
15789
|
variant: "tertiary",
|
|
15738
15790
|
onClick: handleOnClickDeleteThematic
|
|
15739
15791
|
}))), tagsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
15740
|
-
className: styles$
|
|
15792
|
+
className: styles$S.tagsContainer
|
|
15741
15793
|
}, tagsList.map((tag, idx) => /*#__PURE__*/React.createElement("div", {
|
|
15742
15794
|
key: `${tag}-${idx}`,
|
|
15743
|
-
className: styles$
|
|
15795
|
+
className: styles$S.tag,
|
|
15744
15796
|
onClick: e => handleOnClickTag(e, tag)
|
|
15745
15797
|
}, /*#__PURE__*/React.createElement(Tooltip, {
|
|
15746
15798
|
tooltipDescription: tag.definition,
|
|
@@ -15752,7 +15804,7 @@ const Thematic = ({
|
|
|
15752
15804
|
customColor: tagColor.toHex(),
|
|
15753
15805
|
size: "base",
|
|
15754
15806
|
amountNumber: tag.amount,
|
|
15755
|
-
className: styles$
|
|
15807
|
+
className: styles$S.overflow_tag
|
|
15756
15808
|
})))))), /*#__PURE__*/React.createElement(Popover, {
|
|
15757
15809
|
open: isAddTagPopoverOpen,
|
|
15758
15810
|
anchorEl: addTagPopoverAnchorPosition,
|
|
@@ -15761,16 +15813,16 @@ const Thematic = ({
|
|
|
15761
15813
|
horizontal: 'right'
|
|
15762
15814
|
},
|
|
15763
15815
|
onClose: closeAddTagPopover,
|
|
15764
|
-
className: styles$
|
|
15816
|
+
className: styles$S.addTagPopover
|
|
15765
15817
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15766
|
-
className: styles$
|
|
15818
|
+
className: styles$S.content
|
|
15767
15819
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
15768
15820
|
placeholder: cmsContent ? cmsContent.addTag : 'Add tag',
|
|
15769
15821
|
value: newTagName,
|
|
15770
15822
|
onChange: e => setNewTagName(e.target.value),
|
|
15771
15823
|
onKeyDown: handleOnClickValidateAddTag
|
|
15772
15824
|
}), /*#__PURE__*/React.createElement("div", {
|
|
15773
|
-
className: styles$
|
|
15825
|
+
className: styles$S.actions
|
|
15774
15826
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
15775
15827
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
15776
15828
|
size: "sm",
|
|
@@ -15784,11 +15836,11 @@ const Thematic = ({
|
|
|
15784
15836
|
horizontal: 'right'
|
|
15785
15837
|
},
|
|
15786
15838
|
onClose: closeTagMenuPopover,
|
|
15787
|
-
className: styles$
|
|
15839
|
+
className: styles$S.tagMenuPopover
|
|
15788
15840
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15789
|
-
className: styles$
|
|
15841
|
+
className: styles$S.dropdown
|
|
15790
15842
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15791
|
-
className: styles$
|
|
15843
|
+
className: styles$S.item,
|
|
15792
15844
|
onClick: e => handleOnClickEditTag(e)
|
|
15793
15845
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15794
15846
|
text: cmsContent ? cmsContent.edit : 'Edit',
|
|
@@ -15797,7 +15849,7 @@ const Thematic = ({
|
|
|
15797
15849
|
fill: colors.black,
|
|
15798
15850
|
size: "base"
|
|
15799
15851
|
})), otherThematicsList.length > 0 && /*#__PURE__*/React.createElement("div", {
|
|
15800
|
-
className: styles$
|
|
15852
|
+
className: styles$S.item,
|
|
15801
15853
|
onClick: e => handleOnClickMoveTag(e)
|
|
15802
15854
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15803
15855
|
text: cmsContent ? cmsContent.moveTo : 'Move to',
|
|
@@ -15806,7 +15858,7 @@ const Thematic = ({
|
|
|
15806
15858
|
fill: colors.black,
|
|
15807
15859
|
size: "base"
|
|
15808
15860
|
})), /*#__PURE__*/React.createElement("div", {
|
|
15809
|
-
className: styles$
|
|
15861
|
+
className: styles$S.item,
|
|
15810
15862
|
onClick: handleOnClickDeleteTag
|
|
15811
15863
|
}, /*#__PURE__*/React.createElement(BinIcon, {
|
|
15812
15864
|
fill: colors.red_500,
|
|
@@ -15822,16 +15874,16 @@ const Thematic = ({
|
|
|
15822
15874
|
horizontal: 'right'
|
|
15823
15875
|
},
|
|
15824
15876
|
onClose: closeEditTagPopover,
|
|
15825
|
-
className: styles$
|
|
15877
|
+
className: styles$S.editTagPopover
|
|
15826
15878
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15827
|
-
className: styles$
|
|
15879
|
+
className: styles$S.content
|
|
15828
15880
|
}, /*#__PURE__*/React.createElement(TextInput, {
|
|
15829
15881
|
placeholder: cmsContent ? cmsContent.edit : 'Edit',
|
|
15830
15882
|
value: editedTagName,
|
|
15831
15883
|
onChange: e => setEditedTagName(e.target.value),
|
|
15832
15884
|
onKeyDown: handleOnClickValidateEditTag
|
|
15833
15885
|
}), /*#__PURE__*/React.createElement("div", {
|
|
15834
|
-
className: styles$
|
|
15886
|
+
className: styles$S.actions
|
|
15835
15887
|
}, /*#__PURE__*/React.createElement(Button, {
|
|
15836
15888
|
text: cmsContent ? cmsContent.validate : 'Validate',
|
|
15837
15889
|
size: "sm",
|
|
@@ -15845,17 +15897,17 @@ const Thematic = ({
|
|
|
15845
15897
|
horizontal: 'right'
|
|
15846
15898
|
},
|
|
15847
15899
|
onClose: closeMoveTagPopover,
|
|
15848
|
-
className: styles$
|
|
15900
|
+
className: styles$S.moveTagPopover
|
|
15849
15901
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15850
|
-
className: styles$
|
|
15902
|
+
className: styles$S.content
|
|
15851
15903
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15852
|
-
className: styles$
|
|
15904
|
+
className: styles$S.otherThematicsContainer
|
|
15853
15905
|
}, otherThematicsList.map((thematic, idx) => /*#__PURE__*/React.createElement("div", {
|
|
15854
15906
|
key: `${thematic}-${idx}`,
|
|
15855
|
-
className: styles$
|
|
15907
|
+
className: styles$S.otherThematic,
|
|
15856
15908
|
onClick: () => handleOnSelectThematicToMoveTag(thematic._id)
|
|
15857
15909
|
}, /*#__PURE__*/React.createElement("div", {
|
|
15858
|
-
className: styles$
|
|
15910
|
+
className: styles$S.color,
|
|
15859
15911
|
style: {
|
|
15860
15912
|
backgroundColor: thematic.color,
|
|
15861
15913
|
height: '1rem',
|
|
@@ -15868,9 +15920,9 @@ const Thematic = ({
|
|
|
15868
15920
|
})))))));
|
|
15869
15921
|
};
|
|
15870
15922
|
|
|
15871
|
-
var css_248z$
|
|
15872
|
-
var styles$
|
|
15873
|
-
styleInject(css_248z$
|
|
15923
|
+
var css_248z$T = ".TimeInterval-module_time_interval__i-Sxi{align-items:center;cursor:pointer;display:flex}";
|
|
15924
|
+
var styles$T = {"time_interval":"TimeInterval-module_time_interval__i-Sxi"};
|
|
15925
|
+
styleInject(css_248z$T);
|
|
15874
15926
|
|
|
15875
15927
|
const TimeInterval = ({
|
|
15876
15928
|
startTime,
|
|
@@ -15892,10 +15944,10 @@ const TimeInterval = ({
|
|
|
15892
15944
|
displayFormattedTime += ` - ${formatTime(endTime)}`;
|
|
15893
15945
|
}
|
|
15894
15946
|
return /*#__PURE__*/React.createElement("div", {
|
|
15895
|
-
className: `${styles$
|
|
15947
|
+
className: `${styles$T.time_interval} ${className}`,
|
|
15896
15948
|
onClick: () => onClick(startTime)
|
|
15897
15949
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
15898
|
-
className: styles$
|
|
15950
|
+
className: styles$T.times_text,
|
|
15899
15951
|
size: "sm",
|
|
15900
15952
|
weight: "semi-bold",
|
|
15901
15953
|
color: colors.blue_500,
|
|
@@ -15904,9 +15956,9 @@ const TimeInterval = ({
|
|
|
15904
15956
|
}));
|
|
15905
15957
|
};
|
|
15906
15958
|
|
|
15907
|
-
var css_248z$
|
|
15908
|
-
var styles$
|
|
15909
|
-
styleInject(css_248z$
|
|
15959
|
+
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}";
|
|
15960
|
+
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"};
|
|
15961
|
+
styleInject(css_248z$U);
|
|
15910
15962
|
|
|
15911
15963
|
const CssTextField$8 = /*#__PURE__*/styled(TextField)({
|
|
15912
15964
|
'& .MuiInputBase-input': {
|
|
@@ -16038,12 +16090,12 @@ const TimePicker = ({
|
|
|
16038
16090
|
dateAdapter: AdapterDateFns,
|
|
16039
16091
|
adapterLocale: locales[locale]
|
|
16040
16092
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16041
|
-
className: `${styles$
|
|
16093
|
+
className: `${styles$U.time_picker} ${className ? className : undefined}`
|
|
16042
16094
|
}, topLabel && /*#__PURE__*/React.createElement(Text, {
|
|
16043
16095
|
text: `${topLabel ? topLabel : ''}`,
|
|
16044
16096
|
weight: topLabelWeight || 'bold',
|
|
16045
16097
|
size: topLabelSize || 'base',
|
|
16046
|
-
className: styles$
|
|
16098
|
+
className: styles$U.input_top_label,
|
|
16047
16099
|
required: required
|
|
16048
16100
|
}), /*#__PURE__*/React.createElement(TimePicker$1, {
|
|
16049
16101
|
label: label,
|
|
@@ -16073,18 +16125,18 @@ const TimePicker = ({
|
|
|
16073
16125
|
color: "#F54C4C",
|
|
16074
16126
|
italic: true,
|
|
16075
16127
|
text: errorText,
|
|
16076
|
-
className: styles$
|
|
16128
|
+
className: styles$U.text_below
|
|
16077
16129
|
}), helperText && /*#__PURE__*/React.createElement(Text, {
|
|
16078
16130
|
size: "xs",
|
|
16079
16131
|
italic: true,
|
|
16080
16132
|
text: helperText,
|
|
16081
|
-
className: styles$
|
|
16133
|
+
className: styles$U.text_below
|
|
16082
16134
|
}))));
|
|
16083
16135
|
};
|
|
16084
16136
|
|
|
16085
|
-
var css_248z$
|
|
16086
|
-
var styles$
|
|
16087
|
-
styleInject(css_248z$
|
|
16137
|
+
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}";
|
|
16138
|
+
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"};
|
|
16139
|
+
styleInject(css_248z$V);
|
|
16088
16140
|
|
|
16089
16141
|
const ToggleTab = ({
|
|
16090
16142
|
optionOne,
|
|
@@ -16113,47 +16165,47 @@ const ToggleTab = ({
|
|
|
16113
16165
|
marketing: 'linear-gradient(180deg, #4B4E52 0%, #26292E 100%)'
|
|
16114
16166
|
};
|
|
16115
16167
|
return /*#__PURE__*/React.createElement("div", {
|
|
16116
|
-
className: styles$
|
|
16168
|
+
className: styles$V.toggleTab,
|
|
16117
16169
|
style: {
|
|
16118
16170
|
background: background[variant]
|
|
16119
16171
|
}
|
|
16120
16172
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16121
|
-
className: styles$
|
|
16173
|
+
className: styles$V.option,
|
|
16122
16174
|
style: {
|
|
16123
16175
|
backgroundColor: selectedOption === 1 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16124
16176
|
paddingRight: optionalFirstText ? '0.25rem' : '1rem'
|
|
16125
16177
|
}
|
|
16126
16178
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16127
16179
|
onClick: onClickOptionOne,
|
|
16128
|
-
className: styles$
|
|
16180
|
+
className: styles$V.option__btn
|
|
16129
16181
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16130
16182
|
size: "base",
|
|
16131
16183
|
weight: "bold",
|
|
16132
16184
|
text: optionOne,
|
|
16133
16185
|
color: selectedOption === 1 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16134
16186
|
}), optionalFirstText && /*#__PURE__*/React.createElement("div", {
|
|
16135
|
-
className: styles$
|
|
16187
|
+
className: styles$V.optionalText
|
|
16136
16188
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16137
16189
|
text: optionalFirstText,
|
|
16138
16190
|
size: "sm",
|
|
16139
16191
|
weight: "regular",
|
|
16140
16192
|
color: "#fff"
|
|
16141
16193
|
})))), /*#__PURE__*/React.createElement("div", {
|
|
16142
|
-
className: styles$
|
|
16194
|
+
className: styles$V.option,
|
|
16143
16195
|
style: {
|
|
16144
16196
|
backgroundColor: selectedOption === 2 ? activeOptionBg[variant] : inactiveOptionBg[variant],
|
|
16145
16197
|
paddingRight: optionalSecondText ? '0.25rem' : '1rem'
|
|
16146
16198
|
}
|
|
16147
16199
|
}, /*#__PURE__*/React.createElement("div", {
|
|
16148
16200
|
onClick: onClickOptionTwo,
|
|
16149
|
-
className: styles$
|
|
16201
|
+
className: styles$V.option__btn
|
|
16150
16202
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16151
16203
|
size: "base",
|
|
16152
16204
|
weight: "bold",
|
|
16153
16205
|
text: optionTwo,
|
|
16154
16206
|
color: selectedOption === 2 ? activeTextColor[variant] : inactiveTextColor[variant]
|
|
16155
16207
|
}), optionalSecondText && /*#__PURE__*/React.createElement("div", {
|
|
16156
|
-
className: styles$
|
|
16208
|
+
className: styles$V.optionalText
|
|
16157
16209
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16158
16210
|
text: optionalSecondText,
|
|
16159
16211
|
size: "sm",
|
|
@@ -16162,9 +16214,9 @@ const ToggleTab = ({
|
|
|
16162
16214
|
})))));
|
|
16163
16215
|
};
|
|
16164
16216
|
|
|
16165
|
-
var css_248z$
|
|
16166
|
-
var styles$
|
|
16167
|
-
styleInject(css_248z$
|
|
16217
|
+
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}";
|
|
16218
|
+
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"};
|
|
16219
|
+
styleInject(css_248z$W);
|
|
16168
16220
|
|
|
16169
16221
|
const TooltipLayout = ({
|
|
16170
16222
|
tooltipTitle,
|
|
@@ -16187,9 +16239,9 @@ const TooltipLayout = ({
|
|
|
16187
16239
|
isTooltipSimplified
|
|
16188
16240
|
}) => {
|
|
16189
16241
|
return /*#__PURE__*/React.createElement("div", {
|
|
16190
|
-
className: `${styles$
|
|
16242
|
+
className: `${styles$W.tooltip_layout} ${isTooltipSimplified ? styles$W.tooltip_simplified : ''}`
|
|
16191
16243
|
}, /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement("div", {
|
|
16192
|
-
className: styles$
|
|
16244
|
+
className: styles$W.tooltip_layout_header
|
|
16193
16245
|
}, tooltipTitle && /*#__PURE__*/React.createElement(Title, {
|
|
16194
16246
|
text: tooltipTitle,
|
|
16195
16247
|
size: "sm",
|
|
@@ -16202,17 +16254,17 @@ const TooltipLayout = ({
|
|
|
16202
16254
|
})), tooltipDescription && /*#__PURE__*/React.createElement(Text, {
|
|
16203
16255
|
text: tooltipDescription,
|
|
16204
16256
|
size: "sm",
|
|
16205
|
-
className: styles$
|
|
16257
|
+
className: styles$W.tooltip_layout_description,
|
|
16206
16258
|
color: isTooltipSimplified ? '#fff' : '#000'
|
|
16207
16259
|
}), optionalUrl && optionalUrlText && /*#__PURE__*/React.createElement("a", {
|
|
16208
16260
|
href: optionalUrl,
|
|
16209
16261
|
target: "_blank",
|
|
16210
16262
|
rel: "noopener noreferrer",
|
|
16211
|
-
className: isTooltipSimplified ? styles$
|
|
16263
|
+
className: isTooltipSimplified ? styles$W.tooltip_layout_optional_url_simplified : styles$W.tooltip_layout_optional_url
|
|
16212
16264
|
}, optionalUrlText), customContent && /*#__PURE__*/React.createElement("div", {
|
|
16213
|
-
className: styles$
|
|
16265
|
+
className: styles$W.tooltip_layout_content
|
|
16214
16266
|
}, customContent)), (buttonOneText || buttonOneVariant || buttonOneOnClick || buttonOneIconLeft || buttonOneIconRight || buttonTwoText || buttonTwoVariant || buttonTwoOnClick || buttonTwoIconLeft || buttonTwoIconRight) && /*#__PURE__*/React.createElement("div", {
|
|
16215
|
-
className: styles$
|
|
16267
|
+
className: styles$W.tooltip_layout_actions
|
|
16216
16268
|
}, buttonOneText && /*#__PURE__*/React.createElement(Button, {
|
|
16217
16269
|
text: buttonOneText,
|
|
16218
16270
|
size: "sm",
|
|
@@ -16332,9 +16384,9 @@ const Tooltip = ({
|
|
|
16332
16384
|
if (shouldBeOpen === false) return children;else return /*#__PURE__*/React.createElement(React.Fragment, null);
|
|
16333
16385
|
};
|
|
16334
16386
|
|
|
16335
|
-
var css_248z$
|
|
16336
|
-
var styles$
|
|
16337
|
-
styleInject(css_248z$
|
|
16387
|
+
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}";
|
|
16388
|
+
var styles$X = {"SquareTextContainer":"SquareText-module_SquareTextContainer__6vHns"};
|
|
16389
|
+
styleInject(css_248z$X);
|
|
16338
16390
|
|
|
16339
16391
|
/** This text should be use to display basic text
|
|
16340
16392
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16343,15 +16395,15 @@ const SquareText = ({
|
|
|
16343
16395
|
text
|
|
16344
16396
|
}) => {
|
|
16345
16397
|
return /*#__PURE__*/React.createElement("div", {
|
|
16346
|
-
className: `${styles$
|
|
16398
|
+
className: `${styles$X.SquareTextContainer}`
|
|
16347
16399
|
}, /*#__PURE__*/React.createElement(Text, {
|
|
16348
16400
|
text: text
|
|
16349
16401
|
}));
|
|
16350
16402
|
};
|
|
16351
16403
|
|
|
16352
|
-
var css_248z$
|
|
16353
|
-
var styles$
|
|
16354
|
-
styleInject(css_248z$
|
|
16404
|
+
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)}";
|
|
16405
|
+
var styles$Y = {"caption_text":"Caption-modules_caption_text__AyY8z","caption_text_uppercase":"Caption-modules_caption_text_uppercase__9VvUy"};
|
|
16406
|
+
styleInject(css_248z$Y);
|
|
16355
16407
|
|
|
16356
16408
|
/** This text should only be used for the captions
|
|
16357
16409
|
* Figma link :https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-796&mode=dev
|
|
@@ -16367,13 +16419,13 @@ const Caption = ({
|
|
|
16367
16419
|
style: {
|
|
16368
16420
|
color: color
|
|
16369
16421
|
},
|
|
16370
|
-
className: `${styles$
|
|
16422
|
+
className: `${styles$Y.caption_text} ${uppercase ? styles$Y.caption_text_uppercase : ''} ${className ?? ''}`
|
|
16371
16423
|
}), text);
|
|
16372
16424
|
};
|
|
16373
16425
|
|
|
16374
|
-
var css_248z$
|
|
16375
|
-
var styles$
|
|
16376
|
-
styleInject(css_248z$
|
|
16426
|
+
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}";
|
|
16427
|
+
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"};
|
|
16428
|
+
styleInject(css_248z$Z);
|
|
16377
16429
|
|
|
16378
16430
|
/** This text should be use to display basic text */
|
|
16379
16431
|
const Link = ({
|
|
@@ -16387,10 +16439,10 @@ const Link = ({
|
|
|
16387
16439
|
...props
|
|
16388
16440
|
}) => {
|
|
16389
16441
|
const getLinkSize = () => {
|
|
16390
|
-
if (size === 'xs') return styles$
|
|
16442
|
+
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;
|
|
16391
16443
|
};
|
|
16392
16444
|
const getLinkWeight = () => {
|
|
16393
|
-
if (weight === 'semi-bold') return styles$
|
|
16445
|
+
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;
|
|
16394
16446
|
};
|
|
16395
16447
|
if (isExternal) {
|
|
16396
16448
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16401,7 +16453,7 @@ const Link = ({
|
|
|
16401
16453
|
style: {
|
|
16402
16454
|
color: color
|
|
16403
16455
|
},
|
|
16404
|
-
className: `${styles$
|
|
16456
|
+
className: `${styles$Z.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16405
16457
|
}), text));
|
|
16406
16458
|
} else {
|
|
16407
16459
|
return /*#__PURE__*/React.createElement("a", {
|
|
@@ -16410,14 +16462,14 @@ const Link = ({
|
|
|
16410
16462
|
style: {
|
|
16411
16463
|
color: color
|
|
16412
16464
|
},
|
|
16413
|
-
className: `${styles$
|
|
16465
|
+
className: `${styles$Z.link} ${getLinkWeight()} ${className} ${getLinkSize()}`
|
|
16414
16466
|
}), text));
|
|
16415
16467
|
}
|
|
16416
16468
|
};
|
|
16417
16469
|
|
|
16418
|
-
var css_248z$
|
|
16419
|
-
var styles$
|
|
16420
|
-
styleInject(css_248z$
|
|
16470
|
+
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}";
|
|
16471
|
+
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"};
|
|
16472
|
+
styleInject(css_248z$_);
|
|
16421
16473
|
|
|
16422
16474
|
/** This text should be use to display basic text
|
|
16423
16475
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-751&mode=dev
|
|
@@ -16435,26 +16487,26 @@ const Text = ({
|
|
|
16435
16487
|
...props
|
|
16436
16488
|
}) => {
|
|
16437
16489
|
const getTextSize = () => {
|
|
16438
|
-
if (size === 'xs') return styles$
|
|
16490
|
+
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;
|
|
16439
16491
|
};
|
|
16440
16492
|
const getTextWeight = () => {
|
|
16441
|
-
if (weight === 'semi-bold') return styles$
|
|
16493
|
+
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;
|
|
16442
16494
|
};
|
|
16443
16495
|
const getTextDecoration = () => {
|
|
16444
|
-
if (textDecoration === 'underline') return styles$
|
|
16496
|
+
if (textDecoration === 'underline') return styles$_.text_underline;else if (textDecoration === 'line-through') return styles$_.text_line_through;else return '';
|
|
16445
16497
|
};
|
|
16446
16498
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16447
16499
|
id: id,
|
|
16448
16500
|
style: {
|
|
16449
16501
|
color: color
|
|
16450
16502
|
},
|
|
16451
|
-
className: `${styles$
|
|
16503
|
+
className: `${styles$_.text} ${italic ? styles$_.text_italic : ''} ${getTextWeight()} ${getTextDecoration()} ${className ?? ''} ${required && styles$_.text_required} ${getTextSize()}`
|
|
16452
16504
|
}), text);
|
|
16453
16505
|
};
|
|
16454
16506
|
|
|
16455
|
-
var css_248z
|
|
16456
|
-
var styles
|
|
16457
|
-
styleInject(css_248z
|
|
16507
|
+
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)}";
|
|
16508
|
+
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"};
|
|
16509
|
+
styleInject(css_248z$$);
|
|
16458
16510
|
|
|
16459
16511
|
/** This button should only be used in the Button component
|
|
16460
16512
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-787&mode=dev
|
|
@@ -16468,19 +16520,19 @@ const TextForButton = ({
|
|
|
16468
16520
|
...props
|
|
16469
16521
|
}) => {
|
|
16470
16522
|
const getTextSize = () => {
|
|
16471
|
-
if (size === 'sm') return styles
|
|
16523
|
+
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;
|
|
16472
16524
|
};
|
|
16473
16525
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16474
16526
|
style: {
|
|
16475
16527
|
color: color
|
|
16476
16528
|
},
|
|
16477
|
-
className: `${styles
|
|
16529
|
+
className: `${styles$$.button_text} ${bold ? styles$$.button_text_bold : ''} ${className ?? ''} ${getTextSize()}`
|
|
16478
16530
|
}), text);
|
|
16479
16531
|
};
|
|
16480
16532
|
|
|
16481
|
-
var css_248z
|
|
16482
|
-
var styles
|
|
16483
|
-
styleInject(css_248z
|
|
16533
|
+
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)}";
|
|
16534
|
+
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"};
|
|
16535
|
+
styleInject(css_248z$10);
|
|
16484
16536
|
|
|
16485
16537
|
/** This text should only be used for the dropdown items text
|
|
16486
16538
|
* Figma link : https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=788-4739&mode=dev
|
|
@@ -16494,19 +16546,19 @@ const TextForDropDownItem = ({
|
|
|
16494
16546
|
...props
|
|
16495
16547
|
}) => {
|
|
16496
16548
|
const getTextSize = () => {
|
|
16497
|
-
if (size === 'xs') return styles
|
|
16549
|
+
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;
|
|
16498
16550
|
};
|
|
16499
16551
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16500
16552
|
style: {
|
|
16501
16553
|
color: color
|
|
16502
16554
|
},
|
|
16503
|
-
className: `${styles
|
|
16555
|
+
className: `${styles$10.dropdown_text} ${bold && styles$10.dropdown_text_bold} ${getTextSize()} ${className}`
|
|
16504
16556
|
}), text);
|
|
16505
16557
|
};
|
|
16506
16558
|
|
|
16507
|
-
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}";
|
|
16508
|
-
var styles$
|
|
16509
|
-
styleInject(css_248z$
|
|
16559
|
+
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}";
|
|
16560
|
+
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"};
|
|
16561
|
+
styleInject(css_248z$11);
|
|
16510
16562
|
|
|
16511
16563
|
/** This text should be use to display basic text */
|
|
16512
16564
|
const TextWithLink = ({
|
|
@@ -16523,19 +16575,19 @@ const TextWithLink = ({
|
|
|
16523
16575
|
...props
|
|
16524
16576
|
}) => {
|
|
16525
16577
|
const getTextSize = () => {
|
|
16526
|
-
if (size === 'xs') return styles$
|
|
16578
|
+
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;
|
|
16527
16579
|
};
|
|
16528
16580
|
const getTextWeight = () => {
|
|
16529
|
-
if (weight === 'semi-bold') return styles$
|
|
16581
|
+
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;
|
|
16530
16582
|
};
|
|
16531
16583
|
const getTextDecoration = () => {
|
|
16532
|
-
if (textDecoration === 'underline') return styles$
|
|
16584
|
+
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 '';
|
|
16533
16585
|
};
|
|
16534
16586
|
return /*#__PURE__*/React.createElement("p", Object.assign({}, props, {
|
|
16535
16587
|
style: {
|
|
16536
16588
|
color: color
|
|
16537
16589
|
},
|
|
16538
|
-
className: `${styles$
|
|
16590
|
+
className: `${styles$11.text_with_link} ${italic && styles$11.text_with_link_italic} ${getTextWeight()} ${getTextDecoration()} ${className} ${getTextSize()}`
|
|
16539
16591
|
}), text, isExternalLink ? /*#__PURE__*/React.createElement("a", {
|
|
16540
16592
|
href: link,
|
|
16541
16593
|
target: "_blank",
|
|
@@ -16545,9 +16597,9 @@ const TextWithLink = ({
|
|
|
16545
16597
|
}, textLink));
|
|
16546
16598
|
};
|
|
16547
16599
|
|
|
16548
|
-
var css_248z$
|
|
16549
|
-
var styles$
|
|
16550
|
-
styleInject(css_248z$
|
|
16600
|
+
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)}";
|
|
16601
|
+
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"};
|
|
16602
|
+
styleInject(css_248z$12);
|
|
16551
16603
|
|
|
16552
16604
|
/** This text should only be used to display titles
|
|
16553
16605
|
* Figma link: https://www.figma.com/file/fjnhhbL12HvKccPmJchVnr/Atomic-Library?type=design&node-id=52-357&mode=dev
|
|
@@ -16564,10 +16616,10 @@ const Title = ({
|
|
|
16564
16616
|
...props
|
|
16565
16617
|
}) => {
|
|
16566
16618
|
const getTextSize = () => {
|
|
16567
|
-
if (size === 'xs') return styles$
|
|
16619
|
+
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;
|
|
16568
16620
|
};
|
|
16569
16621
|
const getTextWeight = () => {
|
|
16570
|
-
if (weight === 'semi-bold') return styles$
|
|
16622
|
+
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;
|
|
16571
16623
|
};
|
|
16572
16624
|
switch (type) {
|
|
16573
16625
|
case 'h1':
|
|
@@ -16575,56 +16627,56 @@ const Title = ({
|
|
|
16575
16627
|
style: {
|
|
16576
16628
|
color: color
|
|
16577
16629
|
},
|
|
16578
|
-
className: `${styles$
|
|
16630
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16579
16631
|
}), text);
|
|
16580
16632
|
case 'h2':
|
|
16581
16633
|
return /*#__PURE__*/React.createElement("h2", Object.assign({}, props, {
|
|
16582
16634
|
style: {
|
|
16583
16635
|
color: color
|
|
16584
16636
|
},
|
|
16585
|
-
className: `${styles$
|
|
16637
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16586
16638
|
}), text);
|
|
16587
16639
|
case 'h3':
|
|
16588
16640
|
return /*#__PURE__*/React.createElement("h3", Object.assign({}, props, {
|
|
16589
16641
|
style: {
|
|
16590
16642
|
color: color
|
|
16591
16643
|
},
|
|
16592
|
-
className: `${styles$
|
|
16644
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16593
16645
|
}), text);
|
|
16594
16646
|
case 'h4':
|
|
16595
16647
|
return /*#__PURE__*/React.createElement("h4", Object.assign({}, props, {
|
|
16596
16648
|
style: {
|
|
16597
16649
|
color: color
|
|
16598
16650
|
},
|
|
16599
|
-
className: `${styles$
|
|
16651
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16600
16652
|
}), text);
|
|
16601
16653
|
case 'h5':
|
|
16602
16654
|
return /*#__PURE__*/React.createElement("h5", Object.assign({}, props, {
|
|
16603
16655
|
style: {
|
|
16604
16656
|
color: color
|
|
16605
16657
|
},
|
|
16606
|
-
className: `${styles$
|
|
16658
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16607
16659
|
}), text);
|
|
16608
16660
|
case 'h6':
|
|
16609
16661
|
return /*#__PURE__*/React.createElement("h6", Object.assign({}, props, {
|
|
16610
16662
|
style: {
|
|
16611
16663
|
color: color
|
|
16612
16664
|
},
|
|
16613
|
-
className: `${styles$
|
|
16665
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16614
16666
|
}), text);
|
|
16615
16667
|
default:
|
|
16616
16668
|
return /*#__PURE__*/React.createElement("h2", Object.assign({}, props, {
|
|
16617
16669
|
style: {
|
|
16618
16670
|
color: color
|
|
16619
16671
|
},
|
|
16620
|
-
className: `${styles$
|
|
16672
|
+
className: `${styles$12.title} ${italic ? styles$12.title_italic : styles$12.title_normal} ${getTextWeight()} ${className ?? ''} ${getTextSize()} ${required && styles$12.title_required}`
|
|
16621
16673
|
}), text);
|
|
16622
16674
|
}
|
|
16623
16675
|
};
|
|
16624
16676
|
|
|
16625
|
-
var css_248z$
|
|
16626
|
-
var styles$
|
|
16627
|
-
styleInject(css_248z$
|
|
16677
|
+
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}";
|
|
16678
|
+
var styles$13 = {"user_indicator":"UserIndicator-module_user_indicator__hOQbF"};
|
|
16679
|
+
styleInject(css_248z$13);
|
|
16628
16680
|
|
|
16629
16681
|
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'];
|
|
16630
16682
|
const UserIndicator = ({
|
|
@@ -16643,7 +16695,7 @@ const UserIndicator = ({
|
|
|
16643
16695
|
}
|
|
16644
16696
|
}, []);
|
|
16645
16697
|
return /*#__PURE__*/React.createElement("div", {
|
|
16646
|
-
className: styles$
|
|
16698
|
+
className: styles$13.user_indicator,
|
|
16647
16699
|
style: {
|
|
16648
16700
|
background: `linear-gradient(${selectedGradiant})`
|
|
16649
16701
|
}
|
|
@@ -16655,5 +16707,5 @@ const UserIndicator = ({
|
|
|
16655
16707
|
}));
|
|
16656
16708
|
};
|
|
16657
16709
|
|
|
16658
|
-
export { AI_UserTest, Accordion, AccountIcon, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
16710
|
+
export { AI_UserTest, Accordion, AccountIcon, AccountIconMksite, AddCircledIcon, AddIcon, AddSeatIcon, AddTagIcon, AddUsersIcon, AgendaIcon, AlamBellIdleIcon, AlarmBellStatusIcon, AlertCircledIcon, AngryIntervieweeFemale, AnonymizeIcon, AppWindowPieIcon, ArchiveIcon, ArrowDoubleLineDownIcon, ArrowDoubleLineLeftIcon, ArrowDoubleLineRightIcon, ArrowDoubleLineUpIcon, ArrowFilledDownIcon, ArrowFilledLeftIcon, ArrowFilledRightIcon, ArrowFilledUpIcon, ArrowLineDowIcon as ArrowLineDownIcon, ArrowLineLeftIcon, ArrowLineRightIcon, ArrowLineUpIcon, ArrowPointerDown, ArrowPointerDownLeft, ArrowPointerDownRight, ArrowPointerLeft, ArrowPointerRight, ArrowPointerUp, ArrowPointerUpLeft, ArrowPointerUpRight, Avatar, Badge, Banner, BillPdfIcon, BillingIcon, BinIcon, BinocularIcon, Blog, BookFlipPageIcon, Box, BrainIcon, BulbIcon, Button, CalendarIcon, CameraIcon, Caption, Card, CardButton, Chat, ChatBubbleIcon, ChatIcon, ChatInput, ChatMessage, Checkbox, CheckedCircled, CheckedIcon, CheckoutIcon, CircledIconButton, ClipIcon, ClockIcon, CloseIcon, CogIcon, ColorPicker, ContentPenWriteIcon, ControlsBar, ConversationIdleIcon, ConversationStatusIcon, CopyPasteIcon, CreditCardIcon, CutClipIcon, DashedArrow, DataProtectionDisclaimer, DatePicker, DownloadIcon, DragDropIcon, EarthIcon, EditIcon, EditTextIcon, EmotionsHeatMap, EndRecording, FaceCenterIcon, FaceRecognitionIcon, Faq, FeaturesTable, FileUploadIcon, FilesIcon, FillRecordIcon, FilledTaskIcon, FilterIcon, FlashIcon, FolderIcon, FormQuestions, GoogleIcon, GoogleIcon$1 as GroupIcon, HangUpIcon, HappyMen, HardDriveIcon, HelpIcon, HelpIconAlt, IconButton, InfoCircledIcon, IntegratedUsabilityScore, InterviewButton, InterviewTranscript, InterviewTranscriptGreen, LanguageIcon, LaptopIcon, LayoutIcon, LayoutLeftIcon, LayoutRightIcon, Link, LinkIcon, ListToDoIcon, LockIcon, LogoBeta, LogoNormal, LogoSlider, LogoSmall, LogoSquare, LogoText, LogoWhite, LogoutIcon, MarkUpBar, MeetingIcon, MenShowingSomething, MenuHorizontalIcon, MenuVerticalIcon, MessagesBubbleSquareQuestionIcon, MetaAnalyse, MetaAnalyse2, MetaAnalyseIcon, MicrophoneIcon, MicrophonePodcastIcon, MinusCircledIcon, MinusIcon, MksiteButton, MobileIcon, Modal, ModeratedIcon, MoveBackIcon, MoveInIcon, MultiSelect, MultiSelectWithCategories, MultipleUsersIcon, MuteIcon, NavigationCircledIcon, NbOfUsersIcon, NeutralBackgroudIcon, NoCameraIcon, NoMicrophoneIcon, Non_Moderated, NotifAlertIcon, NotificationIcon, NumberField, NumbersCode, OdaAccountPro, OdaWaiting, OfficeDrawerIcon, OneColumnIcon, Partner1 as Partner1SVG, Partner2 as Partner2SVG, Partner3 as Partner3SVG, Partner4 as Partner4SVG, Partner5 as Partner5SVG, Partner6 as Partner6SVG, Partner7 as Partner7SVG, Partner8 as Partner8SVG, Partner9 as Partner9SVG, PasswordField, PauseIcon, PencilWriteIcon, PlayIcon, PopoverBeta, PreviousIcon, PricingCard, ProjectSvg as ProjectHoverSvg, ProjectSvg$1 as ProjectSvg, QuestionButton, QuestionCircledIcon, Radio, RatingScale, RecordIcon, RecordingIcon, RefreshIcon, RemoveCircledIcon, ReportIcon, Scenario, ScheduleTasks, Search, SearchCircledIcon, SearchIcon, SearchRemoveIcon, SeatIcon, SelfProtocolManager, SendEmailIcon, SendIcon, Sentiment, SettingsCircledIcon, SettingsSliderIcon, ShareIcon, SingleSelect, SmartBrainIcon, SortingIcon, SquareText, StarIcon, StarRating, StopRecordingIcon as StopRecordIcon, Success, SusExplanation, Switch, Table, TableCell, TableFooter, TableHeader$1 as TableHeader, TableRows, Tabs, TabsUnderline, Tag, TagAddIcon, TagEditIcon, TagIcon, TagRemoveIcon, Task, TaskIcon, TeamIcon, TestDetailsIcon, TestIcon, Text, TextForButton, TextForDropDownItem, TextInput, TextWithLink, Textarea, Thematic, ThreeColumnIcon, TimeInterval, TimePicker, Title, Toast, ToggleTab, Tooltip, TvFlatScreenIcon, TvIcon, TwoColumnIcon, UnLockIcon, UndoIcon, UnlockedIcon, UnmoderatedIcon, UsabilityBrowser, UserFlows, UserIndicator, UserPanel, UxGuide, VideoFlag, VideoFlag2, VideoFlagGreen, ViewIcon, ViewOffIcon, VoiceIcon, VolumeIcon, WaitingMen, WelcomeMessage, changeColorLuminance, colors, getColor, getIconSize, getReadableTextColor };
|
|
16659
16711
|
//# sourceMappingURL=odaptos_design_system.esm.js.map
|