@luscii-healthtech/web-ui 2.13.0 → 2.14.0
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/components/ConfirmationDialog/ConfirmationDialog.d.ts +2 -20
- package/dist/components/Modal/Modal.d.ts +1 -0
- package/dist/components/Modal/ModalWithButtons.d.ts +3 -3
- package/dist/web-ui.cjs.development.js +52 -65
- package/dist/web-ui.cjs.development.js.map +1 -1
- package/dist/web-ui.cjs.production.min.js +1 -1
- package/dist/web-ui.cjs.production.min.js.map +1 -1
- package/dist/web-ui.esm.js +52 -65
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,33 +1,15 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
-
import "./ConfirmationDialog.scss";
|
|
3
|
-
import { MODAL_SIZES_VALUES } from "../Modal/Modal";
|
|
4
|
-
import { BUTTON_TYPE } from "../Button/Button.types";
|
|
5
2
|
interface ConfirmationDialogTexts {
|
|
6
3
|
message: string;
|
|
7
4
|
confirmLabel: string;
|
|
8
5
|
cancelLabel: string;
|
|
9
|
-
title?: string;
|
|
10
6
|
}
|
|
11
7
|
interface ConfirmationDialogProps {
|
|
12
8
|
texts: ConfirmationDialogTexts;
|
|
13
9
|
isOpen: boolean;
|
|
14
10
|
onCancel: () => void;
|
|
15
11
|
onConfirm: () => void;
|
|
16
|
-
isProcessing
|
|
17
|
-
cancelButtonRole: BUTTON_TYPE;
|
|
18
|
-
confirmButtonRole: BUTTON_TYPE;
|
|
19
|
-
size: MODAL_SIZES_VALUES;
|
|
20
|
-
showHeader: boolean;
|
|
21
|
-
className?: string;
|
|
12
|
+
isProcessing?: boolean;
|
|
22
13
|
}
|
|
23
|
-
export declare const ConfirmationDialog:
|
|
24
|
-
(props: ConfirmationDialogProps): JSX.Element;
|
|
25
|
-
defaultProps: {
|
|
26
|
-
isProcessing: boolean;
|
|
27
|
-
cancelButtonRole: "secondary";
|
|
28
|
-
confirmButtonRole: "primary";
|
|
29
|
-
size: "default";
|
|
30
|
-
showHeader: boolean;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
14
|
+
export declare const ConfirmationDialog: (props: ConfirmationDialogProps) => JSX.Element;
|
|
33
15
|
export {};
|
|
@@ -5,6 +5,7 @@ export declare const MODAL_SIZES: {
|
|
|
5
5
|
readonly WIDE: "wide";
|
|
6
6
|
readonly WIDER: "wider";
|
|
7
7
|
readonly EXTRA_SMALL: "extra-small";
|
|
8
|
+
readonly DIALOG: "dialog";
|
|
8
9
|
};
|
|
9
10
|
declare type MODAL_SIZES_NAMES = keyof typeof MODAL_SIZES;
|
|
10
11
|
export declare type MODAL_SIZES_VALUES = typeof MODAL_SIZES[MODAL_SIZES_NAMES];
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
|
|
1
|
+
import React from "react";
|
|
2
2
|
import { ModalProps } from "./Modal";
|
|
3
3
|
export declare type ButtonsAlignment = "justify-end" | "justify-between";
|
|
4
4
|
declare type ModalWithButtonProps = ModalProps & {
|
|
5
5
|
buttons: [JSX.Element, JSX.Element?];
|
|
6
|
-
buttonsAlignment
|
|
6
|
+
buttonsAlignment?: ButtonsAlignment;
|
|
7
7
|
};
|
|
8
|
-
export declare const ModalWithButtons:
|
|
8
|
+
export declare const ModalWithButtons: React.FC<ModalWithButtonProps>;
|
|
9
9
|
export {};
|
|
@@ -2388,17 +2388,15 @@ var Checkbox = function Checkbox(_ref) {
|
|
|
2388
2388
|
}))));
|
|
2389
2389
|
};
|
|
2390
2390
|
|
|
2391
|
-
var css_248z$9 = ".
|
|
2391
|
+
var css_248z$9 = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-modal-overlay {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 60px 8px;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 20;\n}\n\n.cweb-modal-overlay.no-title-bar {\n background-color: rgba(0, 0, 0, 0.75);\n}\n\n.cweb-modal-overlay > .cweb-modal {\n box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);\n position: relative;\n margin: 0 auto;\n background: white;\n outline: none;\n border-radius: 8px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-default {\n max-width: 580px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-dialog {\n max-width: 342px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-extra-small {\n max-width: 444px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wide {\n max-width: 748px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wider {\n max-width: 868px;\n}\n\n.cweb-modal-overlay > .cweb-modal.has-padded-body .cweb-modal-content {\n padding: 1.5rem;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section {\n height: 0;\n width: 100%;\n position: relative;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button {\n position: absolute;\n top: 16px;\n right: 24px;\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5F5FC%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23B2E2F6%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #f3f3f3;\n padding: 24px;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-title {\n width: 100%;\n justify-content: flex-start;\n color: #374151;\n font-weight: normal;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button {\n transition: opacity 0.3s ease-in-out;\n outline: none;\n width: 2rem;\n height: 2rem;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M14.4194 5.66942C14.7681 6.0181 14.7681 6.58343 14.4194 6.93211L11.2627 10.0888L14.4194 13.2456C14.7681 13.5942 14.7681 14.1596 14.4194 14.5083C14.0707 14.8569 13.5054 14.8569 13.1567 14.5083L10 11.3515L6.84327 14.5083C6.49459 14.8569 5.92927 14.8569 5.58058 14.5083C5.2319 14.1596 5.2319 13.5942 5.58058 13.2456L8.73731 10.0888L5.58058 6.93211C5.2319 6.58343 5.2319 6.0181 5.58058 5.66942C5.92927 5.32073 6.49459 5.32073 6.84327 5.66942L10 8.82614L13.1567 5.66942C13.5054 5.32073 14.0707 5.32073 14.4194 5.66942Z%22 fill%3D%22%23D1D5DB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.75;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:focus {\n opacity: 1;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {\n margin: 24px;\n overflow-y: auto;\n}\n";
|
|
2392
2392
|
styleInject(css_248z$9);
|
|
2393
2393
|
|
|
2394
|
-
var css_248z$a = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-modal-overlay {\n position: fixed;\n left: 0;\n top: 0;\n bottom: 0;\n right: 0;\n overflow-x: hidden;\n overflow-y: auto;\n padding: 60px 8px;\n background-color: rgba(0, 0, 0, 0.25);\n z-index: 20;\n}\n\n.cweb-modal-overlay.no-title-bar {\n background-color: rgba(0, 0, 0, 0.75);\n}\n\n.cweb-modal-overlay > .cweb-modal {\n box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 2px 2px 0 rgba(0, 0, 0, 0.14);\n position: relative;\n margin: 0 auto;\n background: white;\n outline: none;\n border-radius: 8px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-default {\n max-width: 580px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-extra-small {\n max-width: 444px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wide {\n max-width: 748px;\n}\n\n.cweb-modal-overlay > .cweb-modal.type-wider {\n max-width: 868px;\n}\n\n.cweb-modal-overlay > .cweb-modal.has-padded-body .cweb-modal-content {\n padding: 1.5rem;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section {\n height: 0;\n width: 100%;\n position: relative;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button {\n position: absolute;\n top: 16px;\n right: 24px;\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23E5F5FC%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-no-title-section > .cweb-modal-close-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2240%22 height%3D%2240%22 viewBox%3D%220 0 40 40%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2220%22 cy%3D%2220%22 r%3D%2220%22 fill%3D%22%23B2E2F6%22%2F%3E %3Cg fill%3D%22%23009FE3%22%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(45 -9.157 25.52)%22%2F%3E %3Crect width%3D%2216%22 height%3D%222%22 rx%3D%221%22 transform%3D%22rotate(135 10.157 13.207)%22%2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #f3f3f3;\n padding: 24px;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-title {\n width: 100%;\n justify-content: flex-start;\n color: #374151;\n font-weight: normal;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button {\n transition: opacity 0.3s ease-in-out;\n outline: none;\n width: 2rem;\n height: 2rem;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2220%22 height%3D%2220%22 viewBox%3D%220 0 20 20%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M14.4194 5.66942C14.7681 6.0181 14.7681 6.58343 14.4194 6.93211L11.2627 10.0888L14.4194 13.2456C14.7681 13.5942 14.7681 14.1596 14.4194 14.5083C14.0707 14.8569 13.5054 14.8569 13.1567 14.5083L10 11.3515L6.84327 14.5083C6.49459 14.8569 5.92927 14.8569 5.58058 14.5083C5.2319 14.1596 5.2319 13.5942 5.58058 13.2456L8.73731 10.0888L5.58058 6.93211C5.2319 6.58343 5.2319 6.0181 5.58058 5.66942C5.92927 5.32073 6.49459 5.32073 6.84327 5.66942L10 8.82614L13.1567 5.66942C13.5054 5.32073 14.0707 5.32073 14.4194 5.66942Z%22 fill%3D%22%23D1D5DB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.75;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:hover, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:active, .cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-close-button:focus {\n opacity: 1;\n}\n\n.cweb-modal-overlay > .cweb-modal .cweb-modal-title-section > .cweb-modal-content {\n margin: 24px;\n overflow-y: auto;\n}\n";
|
|
2395
|
-
styleInject(css_248z$a);
|
|
2396
|
-
|
|
2397
2394
|
var MODAL_SIZES = {
|
|
2398
2395
|
DEFAULT: "default",
|
|
2399
2396
|
WIDE: "wide",
|
|
2400
2397
|
WIDER: "wider",
|
|
2401
|
-
EXTRA_SMALL: "extra-small"
|
|
2398
|
+
EXTRA_SMALL: "extra-small",
|
|
2399
|
+
DIALOG: "dialog"
|
|
2402
2400
|
};
|
|
2403
2401
|
/**
|
|
2404
2402
|
* Don't use this modal directly if you need to add buttons to it.
|
|
@@ -2429,7 +2427,8 @@ function Modal(_ref) {
|
|
|
2429
2427
|
"type-default": type === MODAL_SIZES.DEFAULT,
|
|
2430
2428
|
"type-wide": type === MODAL_SIZES.WIDE,
|
|
2431
2429
|
"type-wider": type === MODAL_SIZES.WIDER,
|
|
2432
|
-
"type-extra-small": type === MODAL_SIZES.EXTRA_SMALL
|
|
2430
|
+
"type-extra-small": type === MODAL_SIZES.EXTRA_SMALL,
|
|
2431
|
+
"type-dialog": type === MODAL_SIZES.DIALOG
|
|
2433
2432
|
});
|
|
2434
2433
|
var overlayClassName = classNames("cweb-modal-overlay", {
|
|
2435
2434
|
"no-title-bar": !showTitleBar
|
|
@@ -2501,7 +2500,7 @@ var ModalWithButtons = function ModalWithButtons(props) {
|
|
|
2501
2500
|
"px-6 py-4": props.withPadding
|
|
2502
2501
|
})
|
|
2503
2502
|
}, children), /*#__PURE__*/React__default.createElement("div", {
|
|
2504
|
-
className: classNames("flex items-center", {
|
|
2503
|
+
className: classNames("flex items-center space-x-4", {
|
|
2505
2504
|
"justify-end": buttonsAlignment === "justify-end" || buttons.length === 1,
|
|
2506
2505
|
"justify-between": buttonsAlignment === "justify-between" && buttons.length >= 2
|
|
2507
2506
|
}, "px-6 py-4", "border-t border-solid rounded-b-lg border-chrome", "bg-slate-50")
|
|
@@ -2509,22 +2508,19 @@ var ModalWithButtons = function ModalWithButtons(props) {
|
|
|
2509
2508
|
};
|
|
2510
2509
|
|
|
2511
2510
|
var ConfirmationDialog = function ConfirmationDialog(props) {
|
|
2512
|
-
var calculatedClassNames = classNames("vitals-confirmation-dialog", props.className);
|
|
2513
|
-
|
|
2514
2511
|
var handleOnCloseClick = function handleOnCloseClick() {
|
|
2515
2512
|
if (!props.isProcessing) {
|
|
2516
2513
|
props.onCancel();
|
|
2517
2514
|
}
|
|
2518
2515
|
};
|
|
2519
2516
|
|
|
2520
|
-
var modalButtons = [/*#__PURE__*/React__default.createElement(
|
|
2517
|
+
var modalButtons = [/*#__PURE__*/React__default.createElement(SecondaryButton, {
|
|
2521
2518
|
key: "confirmation-dialog-button-cancel",
|
|
2522
2519
|
"data-test-id": "button-cancel",
|
|
2523
2520
|
text: props.texts.cancelLabel,
|
|
2524
2521
|
onClick: props.onCancel,
|
|
2525
|
-
isDisabled: props.isProcessing
|
|
2526
|
-
|
|
2527
|
-
}), /*#__PURE__*/React__default.createElement(Button, {
|
|
2522
|
+
isDisabled: props.isProcessing
|
|
2523
|
+
}), /*#__PURE__*/React__default.createElement(PrimaryButton, {
|
|
2528
2524
|
key: "confirmation-dialog-button-confirm",
|
|
2529
2525
|
className: "ml-2.5",
|
|
2530
2526
|
"data-test-id": "button-confirm",
|
|
@@ -2533,32 +2529,23 @@ var ConfirmationDialog = function ConfirmationDialog(props) {
|
|
|
2533
2529
|
isPending: props.isProcessing
|
|
2534
2530
|
})];
|
|
2535
2531
|
return /*#__PURE__*/React__default.createElement(ModalWithButtons, {
|
|
2536
|
-
type:
|
|
2537
|
-
className: calculatedClassNames,
|
|
2532
|
+
type: "dialog",
|
|
2538
2533
|
isOpen: props.isOpen,
|
|
2539
|
-
title: props.texts.title,
|
|
2540
2534
|
onCloseClick: handleOnCloseClick,
|
|
2541
|
-
shouldCloseOnOverlayClick:
|
|
2542
|
-
showHeader: props.showHeader,
|
|
2535
|
+
shouldCloseOnOverlayClick: false,
|
|
2543
2536
|
buttons: modalButtons,
|
|
2544
|
-
buttonsAlignment: "justify-end"
|
|
2537
|
+
buttonsAlignment: "justify-end",
|
|
2538
|
+
showHeader: false
|
|
2545
2539
|
}, /*#__PURE__*/React__default.createElement("div", {
|
|
2546
|
-
className: "
|
|
2540
|
+
className: "p-6 min-h-13"
|
|
2547
2541
|
}, /*#__PURE__*/React__default.createElement(Text, {
|
|
2548
2542
|
text: props.texts.message,
|
|
2549
2543
|
containsDangerousHtml: true
|
|
2550
2544
|
})));
|
|
2551
2545
|
};
|
|
2552
|
-
ConfirmationDialog.defaultProps = {
|
|
2553
|
-
isProcessing: false,
|
|
2554
|
-
cancelButtonRole: BUTTON_ROLES.SECONDARY,
|
|
2555
|
-
confirmButtonRole: BUTTON_ROLES.PRIMARY,
|
|
2556
|
-
size: MODAL_SIZES.DEFAULT,
|
|
2557
|
-
showHeader: true
|
|
2558
|
-
};
|
|
2559
2546
|
|
|
2560
|
-
var css_248z$b = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-datepicker {\n width: 182px;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n background-color: #ffffff;\n outline: none;\n padding: 12px 12px 11px 12px;\n}\n\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n\n.react-datepicker-popper[data-placement^=\"bottom\"] {\n margin-top: 4px;\n}\n\n.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n\n.react-datepicker-popper[data-placement^=\"top\"] {\n margin-bottom: 4px;\n}\n\n.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n}\n\n.cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n padding: 0;\n border: 1px solid #cccccc;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%227%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0 1.5L1.5 0 5 3.5 8.5 0 10 1.5l-5 5z%22 fill%3D%22%231D9BD8%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 40px !important;\n padding: 0 !important;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #0074dd !important;\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #045baa !important;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__current-month {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 19px;\n color: #2d2d2d;\n margin: 0;\n padding-top: 16px;\n padding-bottom: 16px;\n text-transform: capitalize;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n height: 44px;\n padding-left: 12px;\n border-radius: 4px;\n background: #ffffff url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2214%22 viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z%22 fill%3D%22%239CA3AF%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 8px center;\n text-transform: capitalize;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid #cccccc;\n transition: all 0.4s ease;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:focus,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:hover,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:focus {\n color: #0074dd;\n border-color: #0074dd;\n cursor: pointer;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header.react-datepicker__header--time {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 52px;\n padding: 0;\n background-color: #f3f3f3;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-names,\n .cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-names,\n .cweb-datepicker-calendar .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-name,\n .cweb-datepicker-calendar .react-datepicker__day {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n width: 41px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted:after {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #0074dd;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #0074dd;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start:before {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 0;\n bottom: initial;\n right: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(45deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}\n";
|
|
2561
|
-
styleInject(css_248z$
|
|
2547
|
+
var css_248z$a = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-datepicker {\n width: 182px;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n background-color: #ffffff;\n outline: none;\n padding: 12px 12px 11px 12px;\n}\n\n.cweb-datepicker input.cweb-datepicker {\n font-size: 14px;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker::placeholder {\n color: #64748b;\n}\n\n.cweb-datepicker:-ms-input-placeholder {\n color: #64748b !important;\n}\n\n.cweb-datepicker::-ms-input-placeholder {\n color: #64748b;\n}\n\n.react-datepicker-popper {\n z-index: 5;\n}\n\n.react-datepicker-popper[data-placement^=\"bottom\"] {\n margin-top: 4px;\n}\n\n.react-datepicker-popper[data-placement^=\"bottom\"] .react-datepicker__triangle {\n border-bottom-color: #ffffff;\n margin-top: -4px;\n}\n\n.react-datepicker-popper[data-placement^=\"top\"] {\n margin-bottom: 4px;\n}\n\n.react-datepicker-popper[data-placement^=\"top\"] .react-datepicker__triangle {\n border-top-color: #ffffff;\n margin-bottom: -4px;\n}\n\n.cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);\n padding: 0;\n border: 1px solid #cccccc;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-datepicker-calendar {\n box-shadow: 0 4px 8px 1px rgba(0, 0, 0, 0.2);\n }\n}\n\n.cweb-datepicker-calendar .react-datepicker__triangle {\n left: 10px;\n border: 6px solid transparent;\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation {\n top: 19px;\n width: 19px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%227%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cpath d%3D%22M0 1.5L1.5 0 5 3.5 8.5 0 10 1.5l-5 5z%22 fill%3D%22%231D9BD8%22 fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--previous {\n border: 0;\n transform: rotate(90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__navigation.react-datepicker__navigation--next {\n border: 0;\n transform: rotate(-90deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-box {\n width: auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list {\n overflow-x: hidden;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 40px !important;\n padding: 0 !important;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected {\n color: #ffffff;\n background-color: #0074dd !important;\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:hover {\n background-color: #045baa !important;\n}\n\n.cweb-datepicker-calendar .react-datepicker__time-container .react-datepicker__time-list-item.react-datepicker__time-list-item--selected:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__header {\n padding-top: 0;\n border: none;\n background-color: #ffffff;\n font-size: 14px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__current-month {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: 600;\n line-height: 19px;\n color: #2d2d2d;\n margin: 0;\n padding-top: 16px;\n padding-bottom: 16px;\n text-transform: capitalize;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__header__dropdown {\n margin-bottom: 15px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n height: 44px;\n padding-left: 12px;\n border-radius: 4px;\n background: #ffffff url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2214%22 viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z%22 fill%3D%22%239CA3AF%22%2F%3E%3C%2Fsvg%3E\") no-repeat right 8px center;\n text-transform: capitalize;\n -webkit-appearance: none;\n -moz-appearance: none;\n border: 1px solid #cccccc;\n transition: all 0.4s ease;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:hover, .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select:focus,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:hover,\n .cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select:focus {\n color: #0074dd;\n border-color: #0074dd;\n cursor: pointer;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__month-select {\n min-width: 172px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header .react-datepicker__year-select {\n min-width: 107px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__header.react-datepicker__header--time {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n height: 52px;\n padding: 0;\n background-color: #f3f3f3;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-names,\n .cweb-datepicker-calendar .react-datepicker__month {\n margin: 0.4rem;\n}\n\n.cweb-datepicker-calendar .react-datepicker__month {\n padding-bottom: 8px;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-names,\n .cweb-datepicker-calendar .react-datepicker__week {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-name,\n .cweb-datepicker-calendar .react-datepicker__day {\n font-family: \"Inter\", \"Roboto\", sans-serif;\n font-size: 14px;\n font-weight: normal;\n line-height: 19px;\n color: #334155;\n margin: 0;\n width: 41px;\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day-name {\n height: 19px;\n text-transform: capitalize;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day {\n height: 30px;\n border-radius: 4px;\n transition: background-color 0.3s ease-in-out;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted {\n background-color: #ffffff;\n color: #0074dd;\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted:after {\n content: \"\";\n position: absolute;\n width: 4px;\n height: 4px;\n border-radius: 50%;\n background-color: #0074dd;\n left: 0;\n right: 0;\n bottom: 2px;\n margin: 0 auto;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--keyboard-selected:after, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--highlighted.react-datepicker__day--in-range:after {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--today {\n font-weight: bold;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-selecting-range {\n background-color: #e8f5fc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day:hover {\n background-color: #f8fafc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n color: #ffffff;\n background-color: #0074dd;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--in-range:hover, .cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected:hover {\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--keyboard-selected {\n color: #ffffff;\n background-color: #045baa;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--selected {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-start:before {\n content: \"\";\n position: absolute;\n top: -3px;\n left: 0;\n bottom: initial;\n right: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(45deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end {\n position: relative;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--range-end:before {\n content: \"\";\n position: absolute;\n bottom: -3px;\n right: 0;\n left: initial;\n top: initial;\n border-style: solid;\n border-width: 6px 6px 6px 0;\n border-color: transparent #ffffff transparent transparent;\n transform: rotate(-135deg);\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled {\n color: #cccccc;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--disabled:hover {\n background-color: #ffffff;\n}\n\n.cweb-datepicker-calendar .react-datepicker__day.react-datepicker__day--outside-month {\n color: #cccccc;\n}\n";
|
|
2548
|
+
styleInject(css_248z$a);
|
|
2562
2549
|
|
|
2563
2550
|
var _excluded$8 = ["className", "hasCloseButton", "closeButtonText", "adjustDateOnChange", "showMonthDropdown", "showYearDropdown", "shouldCloseOnSelect", "allowSameDay", "minDate", "maxDate", "isDisabled", "selected"];
|
|
2564
2551
|
|
|
@@ -2673,8 +2660,8 @@ Datepicker.propTypes = {
|
|
|
2673
2660
|
|
|
2674
2661
|
var img$d = "data:image/svg+xml,%3csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath fill-rule='evenodd' clip-rule='evenodd' d='M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z' fill='%239CA3AF'/%3e%3c/svg%3e";
|
|
2675
2662
|
|
|
2676
|
-
var css_248z$
|
|
2677
|
-
styleInject(css_248z$
|
|
2663
|
+
var css_248z$b = ".cweb-box-shadow-default {\n box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.24), 0 0 2px 0 rgba(0, 0, 0, 0.12);\n}\n\n@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {\n .cweb-box-shadow-default {\n box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.24), 0 0 2px 1px rgba(0, 0, 0, 0.12);\n }\n}\n\n.cweb-dropdown {\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n position: relative;\n outline: none;\n border-radius: 4px;\n}\n\n.cweb-dropdown:focus {\n outline: 4px solid rgba(0, 159, 227, 0.3);\n}\n\n.cweb-dropdown > .dropdown-header {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n align-self: stretch;\n height: 44px;\n border-radius: 4px;\n transition: all 0.4s ease;\n}\n\n.cweb-dropdown > .dropdown-header > .dropdown-header-icon {\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out;\n}\n\n.cweb-dropdown > .dropdown-header:hover > .dropdown-header-icon {\n opacity: 1;\n}\n\n.cweb-dropdown > .dropdown-list {\n box-shadow: 0px 2px 4px -2px rgba(0, 0, 0, 0.56);\n display: none;\n position: absolute;\n top: 100%;\n z-index: 1;\n width: 100%;\n max-height: 360px;\n overflow-y: auto;\n align-self: stretch;\n margin-top: 8px;\n padding: 0;\n background-color: #ffffff;\n list-style: none;\n border: 1px solid #d1d5db;\n border-radius: 4px;\n}\n\n.cweb-dropdown > .dropdown-list > .dropdown-list-item {\n cursor: pointer;\n}\n\n.cweb-dropdown > .dropdown-list > .dropdown-list-item-group > .dropdown-list-item {\n cursor: pointer;\n}\n\n.cweb-dropdown.is-open > .dropdown-list {\n display: block;\n margin-bottom: 32px;\n}\n\n.cweb-dropdown.is-open > .dropdown-list.wider {\n width: 200%;\n}\n";
|
|
2664
|
+
styleInject(css_248z$b);
|
|
2678
2665
|
|
|
2679
2666
|
var _excluded$9 = ["placeholder", "className", "initialSelectedItemId", "onItemSelect", "items", "wider"];
|
|
2680
2667
|
var ITEM_QUERY_FIELD_NAMES = {
|
|
@@ -3038,8 +3025,8 @@ Dropdown.propTypes = {
|
|
|
3038
3025
|
wider: PropTypes.bool
|
|
3039
3026
|
};
|
|
3040
3027
|
|
|
3041
|
-
var css_248z$
|
|
3042
|
-
styleInject(css_248z$
|
|
3028
|
+
var css_248z$c = ".cweb-error-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #fff1f1;\n border-radius: 8px;\n}\n\n.cweb-error-block:before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 1;\n width: 24px;\n height: 23px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2212%22 fill%3D%22%23FF6266%22%2F%3E %3Ccircle cx%3D%2212%22 cy%3D%2217%22 r%3D%222%22 fill%3D%22%23FFF%22%2F%3E %3Crect width%3D%224%22 height%3D%2210%22 x%3D%2210%22 y%3D%224%22 fill%3D%22%23FFF%22 rx%3D%222%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n";
|
|
3029
|
+
styleInject(css_248z$c);
|
|
3043
3030
|
|
|
3044
3031
|
var _excluded$a = ["message", "className"];
|
|
3045
3032
|
ErrorBlock.propTypes = {
|
|
@@ -3062,8 +3049,8 @@ function ErrorBlock(_ref) {
|
|
|
3062
3049
|
})));
|
|
3063
3050
|
}
|
|
3064
3051
|
|
|
3065
|
-
var css_248z$
|
|
3066
|
-
styleInject(css_248z$
|
|
3052
|
+
var css_248z$d = ".cweb-info-block {\n position: relative;\n padding: 16px 16px 16px 56px;\n background-color: #e8f5fc;\n border-radius: 8px;\n}\n\n.cweb-info-block:before {\n content: \"\";\n position: absolute;\n left: 16px;\n top: 14px;\n z-index: 1;\n width: 24px;\n height: 23px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E %3Ccircle cx%3D%2212%22 cy%3D%2212%22 r%3D%2212%22 fill%3D%22%23009FE3%22%2F%3E %3Cpath fill%3D%22%23FFF%22 fill-rule%3D%22nonzero%22 d%3D%22M12.483 7.314l1.128 2.39a.54.54 0 0 0 .405.308l2.522.383c.442.067.618.635.299.96l-1.825 1.86a.58.58 0 0 0-.155.499l.43 2.626c.076.46-.386.811-.78.594l-2.256-1.24a.518.518 0 0 0-.502 0l-2.255 1.24c-.395.217-.857-.134-.782-.594l.431-2.626a.58.58 0 0 0-.155-.499l-1.825-1.86c-.32-.326-.143-.893.299-.96l2.522-.383a.54.54 0 0 0 .405-.308l1.128-2.39a.528.528 0 0 1 .966 0z%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n";
|
|
3053
|
+
styleInject(css_248z$d);
|
|
3067
3054
|
|
|
3068
3055
|
InfoBlock.propTypes = {
|
|
3069
3056
|
message: PropTypes.string.isRequired,
|
|
@@ -3210,8 +3197,8 @@ var img$f = "data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:
|
|
|
3210
3197
|
|
|
3211
3198
|
var img$g = "data:image/svg+xml,%3c%3fxml version='1.0' encoding='utf-8'%3f%3e%3csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='margin: auto%3b background: none%3b display: block%3b shape-rendering: auto%3b' width='200px' height='200px' viewBox='0 0 100 100' preserveAspectRatio='xMidYMid'%3e%3ccircle cx='50' cy='50' fill='none' stroke='%23cbd5e1' stroke-width='16' r='36' stroke-dasharray='169.64600329384882 58.548667764616276'%3e %3canimateTransform attributeName='transform' type='rotate' repeatCount='indefinite' dur='1.1111111111111112s' values='0 50 50%3b360 50 50' keyTimes='0%3b1'%3e%3c/animateTransform%3e%3c/circle%3e%3c!-- %5bldio%5d generated by https://loading.io/ --%3e%3c/svg%3e";
|
|
3212
3199
|
|
|
3213
|
-
var css_248z$
|
|
3214
|
-
styleInject(css_248z$
|
|
3200
|
+
var css_248z$e = ".cweb-loading {\n display: flex;\n justify-content: center;\n align-items: center;\n}\n\n.cweb-loading .cweb-loading-text {\n margin-bottom: 24px;\n}\n\n.cweb-loading.as-modal {\n position: fixed;\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n z-index: 9999;\n background-color: rgba(255, 255, 255, 0.6);\n}\n\n.cweb-loading.as-modal .cweb-loading-panel {\n position: relative;\n width: 320px;\n min-height: 120px;\n border-radius: 4px;\n padding: 16px;\n box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.36);\n background-color: #ffffff;\n display: flex;\n flex-direction: column;\n justify-content: flex-start;\n align-items: center;\n}\n\n.cweb-loading.as-modal .cweb-loading-panel:before {\n position: absolute;\n content: \"\";\n top: 0;\n left: 0;\n right: 0;\n z-index: 1;\n height: 3px;\n background-color: #6abfa5;\n border-top-left-radius: 4px;\n border-top-right-radius: 4px;\n}\n";
|
|
3201
|
+
styleInject(css_248z$e);
|
|
3215
3202
|
|
|
3216
3203
|
var _excluded$b = ["asModal", "asSpinner", "className", "spinnerColor"];
|
|
3217
3204
|
function LoadingIndicator(_ref) {
|
|
@@ -3411,8 +3398,8 @@ var PaginationMenuSmall = function PaginationMenuSmall(props) {
|
|
|
3411
3398
|
}));
|
|
3412
3399
|
};
|
|
3413
3400
|
|
|
3414
|
-
var css_248z$
|
|
3415
|
-
styleInject(css_248z$
|
|
3401
|
+
var css_248z$f = ".customized-select [class*=\"IndicatorsContainer\"] {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%228%22 height%3D%2214%22 viewBox%3D%220 0 8 14%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M4 0C4.26522 5.96046e-08 4.51957 0.105357 4.70711 0.292893L7.70711 3.29289C8.09763 3.68342 8.09763 4.31658 7.70711 4.70711C7.31658 5.09763 6.68342 5.09763 6.29289 4.70711L4 2.41421L1.70711 4.70711C1.31658 5.09763 0.683417 5.09763 0.292893 4.70711C-0.0976311 4.31658 -0.097631 3.68342 0.292893 3.29289L3.29289 0.292893C3.48043 0.105357 3.73478 0 4 0ZM0.292893 9.29289C0.683417 8.90237 1.31658 8.90237 1.70711 9.29289L4 11.5858L6.29289 9.29289C6.68342 8.90237 7.31658 8.90237 7.70711 9.29289C8.09763 9.68342 8.09763 10.3166 7.70711 10.7071L4.70711 13.7071C4.31658 14.0976 3.68342 14.0976 3.29289 13.7071L0.292893 10.7071C-0.0976311 10.3166 -0.0976311 9.68342 0.292893 9.29289Z%22 fill%3D%22%239CA3AF%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n opacity: 0.5;\n transition: opacity 0.3s ease-in-out;\n margin-right: 0.75rem;\n}\n\n.customized-select [class*=\"IndicatorsContainer\"] svg {\n display: none;\n}\n\n.customized-select [class*=\"MenuList\"] [class*=\"option\"]::after {\n position: absolute;\n content: \"\";\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22%3E %3Cg transform%3D%22translate(1.5%2C 0.5)%22%3E %3Cpath fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke%3D%22%230074DD%22 stroke-linecap%3D%22round%22 stroke-linejoin%3D%22round%22 stroke-width%3D%222%22 d%3D%22M12.643 3.357L6.03 9.97l-2.674 2.674L0 9.286%22%2F%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n right: 12px;\n height: 1rem;\n width: 1rem;\n}\n";
|
|
3402
|
+
styleInject(css_248z$f);
|
|
3416
3403
|
|
|
3417
3404
|
function generateCustomStyles(hasError, isIE11) {
|
|
3418
3405
|
return {
|
|
@@ -3697,8 +3684,8 @@ function Table(_ref) {
|
|
|
3697
3684
|
}) : null);
|
|
3698
3685
|
}
|
|
3699
3686
|
|
|
3700
|
-
var css_248z$
|
|
3701
|
-
styleInject(css_248z$
|
|
3687
|
+
var css_248z$g = ".cweb-menu > .cweb-menu-content {\n min-width: 300px;\n border-radius: 4px;\n background-color: #ffffff;\n}\n\n.cweb-menu > .cweb-menu-button {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: flex-start;\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2244%22 height%3D%2244%22 rx%3D%2222%22 fill%3D%22%23E5F5FC%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2215%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2230%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n transition: 0.2s ease;\n background-size: contain;\n}\n\n.cweb-menu > .cweb-menu-button:hover {\n width: 44px;\n height: 44px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect width%3D%2244%22 height%3D%2244%22 rx%3D%2222%22 fill%3D%22%23B3E3F7%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2215%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3Ccircle cx%3D%2222%22 cy%3D%2230%22 r%3D%223%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n transition: 0.2s ease;\n}\n";
|
|
3688
|
+
styleInject(css_248z$g);
|
|
3702
3689
|
|
|
3703
3690
|
var Menu = /*#__PURE__*/function (_PureComponent) {
|
|
3704
3691
|
_inheritsLoose(Menu, _PureComponent);
|
|
@@ -4158,8 +4145,8 @@ function handleImplicitSelect(implicitSelected, event, list, property) {
|
|
|
4158
4145
|
return newList;
|
|
4159
4146
|
}
|
|
4160
4147
|
|
|
4161
|
-
var css_248z$
|
|
4162
|
-
styleInject(css_248z$
|
|
4148
|
+
var css_248z$h = ".cweb-multiselect {\n display: flex;\n}\n\n.cweb-multiselect .cweb-multiselect-checkbox {\n margin-bottom: 0px;\n margin-top: 0.5rem;\n width: 100%;\n text-transform: capitalize;\n}\n\n.cweb-multiselect .cweb-switch-wrapper {\n display: flex;\n}\n\n.cweb-multiselect .cweb-switch-wrapper .cweb-multiselect-switch {\n width: 50px;\n}\n\n.cweb-multiselect .cweb-switch-wrapper .cweb-multiselect-switch .cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container {\n background-color: #6abfa5;\n}\n\n.cweb-multiselect .cweb-switch-wrapper .cweb-switch-title {\n width: 100px;\n color: #737373;\n font-size: 16px;\n line-height: 1.8em;\n}\n";
|
|
4149
|
+
styleInject(css_248z$h);
|
|
4163
4150
|
|
|
4164
4151
|
function MultiSelect(_ref) {
|
|
4165
4152
|
var checkboxList = _ref.checkboxList,
|
|
@@ -4505,8 +4492,8 @@ NotificationBanner.defaultProps = {
|
|
|
4505
4492
|
onButtonClick: undefined
|
|
4506
4493
|
};
|
|
4507
4494
|
|
|
4508
|
-
var css_248z$
|
|
4509
|
-
styleInject(css_248z$
|
|
4495
|
+
var css_248z$i = ".cweb-page {\n width: 100%;\n max-width: 1140px;\n margin: 32px auto 0 auto;\n}\n\n.cweb-page .cweb-page-breadcrumbs {\n margin-bottom: 16px;\n}\n\n.cweb-page .page-spinner {\n margin-left: 8px;\n margin-bottom: 4px;\n}\n\n.cweb-page .page-spinner img {\n width: 21px;\n}\n\n.cweb-page .cweb-page-header {\n display: flex;\n align-items: center;\n width: 100%;\n flex-grow: 0;\n}\n\n.cweb-page .cweb-page-header .cweb-page-title {\n display: inline;\n}\n\n.cweb-page .cweb-page-header.accessory-right {\n flex-direction: row;\n justify-content: space-between;\n align-items: center;\n}\n\n.cweb-page .cweb-page-header.accessory-bottom {\n flex-direction: column;\n align-items: flex-start;\n}\n\n@media screen and (max-width: 426px) {\n .cweb-page .cweb-page-header.accessory-bottom {\n max-width: 75vw;\n }\n\n .cweb-page .cweb-page-header.accessory-bottom img {\n max-width: 10vw;\n }\n\n .cweb-page .cweb-page-header.accessory-bottom button p {\n font-size: 4vw;\n }\n}\n\n.cweb-page .cweb-page-header.accessory-bottom .cweb-page-title {\n margin-bottom: 8px;\n display: inline;\n}\n";
|
|
4496
|
+
styleInject(css_248z$i);
|
|
4510
4497
|
|
|
4511
4498
|
/**
|
|
4512
4499
|
* Renders page's content, if `isLoading` is false otherwise shows loading indicator.
|
|
@@ -4686,8 +4673,8 @@ var Steps = function Steps(_ref) {
|
|
|
4686
4673
|
}, renderedSteps);
|
|
4687
4674
|
};
|
|
4688
4675
|
|
|
4689
|
-
var css_248z$
|
|
4690
|
-
styleInject(css_248z$
|
|
4676
|
+
var css_248z$j = ".cweb-crud-page {\n width: 100%;\n margin: 36px auto 0;\n}\n\n.cweb-crud-page-form-container {\n background-color: #fff;\n border-radius: 8px;\n padding: 24px;\n margin-top: 16px;\n}\n\n.cweb-crud-page-button-line {\n border-top: 1px solid #eeeeee;\n padding-top: 16px;\n margin-top: 16px;\n}\n\n.cweb-crud-page-loading-container {\n height: 90vh;\n /* puting this in 100vh causes an overflow bug */\n overflow-y: hidden;\n position: relative;\n}\n\n.cweb-crud-page-loading-container .crud-page-loader {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n}\n";
|
|
4677
|
+
styleInject(css_248z$j);
|
|
4691
4678
|
|
|
4692
4679
|
function CRUDPage(_ref) {
|
|
4693
4680
|
var _ref$dataTestId = _ref.dataTestId,
|
|
@@ -4893,8 +4880,8 @@ var PreviewPhone = function PreviewPhone(_ref) {
|
|
|
4893
4880
|
}))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
4894
4881
|
};
|
|
4895
4882
|
|
|
4896
|
-
var css_248z$
|
|
4897
|
-
styleInject(css_248z$
|
|
4883
|
+
var css_248z$k = ".cweb-radio {\n outline: none;\n}\n\n.cweb-radio .cweb-radio-input {\n -webkit-appearance: none;\n height: 1px;\n opacity: 0;\n width: 1px;\n}\n\n.cweb-radio .cweb-radio-label-text {\n margin-left: 8px;\n -ms-user-select: none;\n user-select: none;\n text-align: left;\n}\n\n.cweb-radio .cweb-radio-label {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n}\n\n.cweb-radio .cweb-radio-icon-container {\n width: 16px;\n height: 16px;\n position: relative;\n border: 1px solid #cccccc;\n border-radius: 50%;\n transition: background-color 0.3s ease-in-out;\n}\n\n.cweb-radio .cweb-radio-icon {\n position: absolute;\n top: 50%;\n left: 50%;\n transform: translate(-50%, -50%);\n display: block;\n}\n\n.cweb-radio.is-focused .cweb-radio-icon-container {\n border-color: #0074dd;\n}\n\n.cweb-radio.is-checked .cweb-radio-icon {\n width: 5px;\n height: 5px;\n background-color: #ffffff;\n border-radius: 50%;\n}\n";
|
|
4884
|
+
styleInject(css_248z$k);
|
|
4898
4885
|
|
|
4899
4886
|
/**
|
|
4900
4887
|
* @deprecated: use RadioV2 instead
|
|
@@ -4996,8 +4983,8 @@ Radio.propTypes = {
|
|
|
4996
4983
|
onChange: PropTypes.func
|
|
4997
4984
|
};
|
|
4998
4985
|
|
|
4999
|
-
var css_248z$
|
|
5000
|
-
styleInject(css_248z$
|
|
4986
|
+
var css_248z$l = ".cweb-radio-group {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n}\n\n.cweb-radio-group > .cweb-radio {\n flex: 0 0 auto;\n margin-right: 8px;\n}\n\n.cweb-radio-group .cweb-form-field {\n margin-bottom: 12px;\n}\n\n.cweb-radio-group .cweb-form-info-text {\n margin-left: 1.5rem;\n}\n\n.cweb-radio-group.vertical {\n display: flex;\n justify-content: flex-start;\n flex-direction: column;\n align-items: flex-start;\n}\n\n.cweb-radio-group.vertical .cweb-form-field:not(:last-child) {\n margin-bottom: 8px;\n}\n\n.cweb-radio-group.vertical > .cweb-radio {\n flex: 0 0 auto;\n margin-bottom: 8px;\n}\n\n.cweb-radio-group.hasError > .cweb-radio .cweb-radio-icon-container {\n border: 1px solid #ff6266 !important;\n}\n";
|
|
4987
|
+
styleInject(css_248z$l);
|
|
5001
4988
|
|
|
5002
4989
|
var _excluded$e = ["className", "radioClassName", "name", "selectedOption", "isVertical", "radioOptions", "onChange", "error", "isDisabled"];
|
|
5003
4990
|
/**
|
|
@@ -5057,8 +5044,8 @@ RadioGroup.propTypes = {
|
|
|
5057
5044
|
onChange: PropTypes.func
|
|
5058
5045
|
};
|
|
5059
5046
|
|
|
5060
|
-
var css_248z$
|
|
5061
|
-
styleInject(css_248z$
|
|
5047
|
+
var css_248z$m = ".radio-form-field-label input[type=\"radio\"]:checked + .radio-circle {\n --bg-opacity: 1;\n background-color: #0074DD;\n background-color: rgba(0, 116, 221, var(--bg-opacity));\n}\n\n.radio-form-field-label[data-has-error=\"true\"] .radio-circle {\n --border-opacity: 1;\n border-color: #c53030;\n border-color: rgba(197, 48, 48, var(--border-opacity));\n outline: 4px solid rgba(255, 98, 102, 0.3);\n outline-offset: 0;\n}\n\n.radio-form-field-label\n input[type=\"radio\"]:checked\n + .radio-circle\n .radio-inner-circle {\n --bg-opacity: 1;\n background-color: #fff;\n background-color: rgba(255, 255, 255, var(--bg-opacity));\n}\n";
|
|
5048
|
+
styleInject(css_248z$m);
|
|
5062
5049
|
|
|
5063
5050
|
var _excluded$f = ["text", "info", "isError", "innerRef", "className"];
|
|
5064
5051
|
|
|
@@ -5145,8 +5132,8 @@ var RadioGroupV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref)
|
|
|
5145
5132
|
}));
|
|
5146
5133
|
});
|
|
5147
5134
|
|
|
5148
|
-
var css_248z$
|
|
5149
|
-
styleInject(css_248z$
|
|
5135
|
+
var css_248z$n = ".cweb-section .cweb-button:last-of-type {\n margin-right: 24px;\n}\n\n.cweb-section .cweb-button:not(:last-of-type) {\n margin-right: 8px;\n}\n\n.cweb-section .cweb-button.add-button, .cweb-section .cweb-button.edit-button, .cweb-section .cweb-button.delete-button {\n margin-left: auto;\n width: 32px;\n height: 32px;\n}\n\n.cweb-section .cweb-button.add-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ccircle cx%3D%2222%22 cy%3D%2222%22 r%3D%2222%22 fill%3D%22white%22%2F%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23009FE3%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M22 32C23.1046 32 24 31.1046 24 30L24 24H30C31.1046 24 32 23.1046 32 22C32 20.8954 31.1046 20 30 20H24L24 14C24 12.8954 23.1046 12 22 12C20.8954 12 20 12.8954 20 14L20 20H14C12.8954 20 12 20.8954 12 22C12 23.1046 12.8954 24 14 24H20L20 30C20 31.1046 20.8954 32 22 32Z%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.add-button:hover, .cweb-section .cweb-button.add-button:active, .cweb-section .cweb-button.add-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%230A78B2%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M21 12C19.8954 12 19 12.8954 19 14V19L14 19C12.8954 19 12 19.8954 12 21V23C12 24.1046 12.8954 25 14 25H19V30C19 31.1046 19.8954 32 21 32H23C24.1046 32 25 31.1046 25 30V25H30C31.1046 25 32 24.1046 32 23V21C32 19.8954 31.1046 19 30 19L25 19V14C25 12.8954 24.1046 12 23 12H21Z%22 fill%3D%22%23007BBB%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.edit-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M13.5643 27.1001C13.4169 26.9527 13.1433 27.0159 13.1012 27.2266L12.0065 31.6507C11.9644 31.8614 12.1328 32.051 12.3433 31.9878L16.7851 30.9134C16.9956 30.8712 17.0799 30.5973 16.9114 30.4499L13.5643 27.1001Z%22 fill%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M26.2161 14.1222C26.1109 14.0169 25.9214 14.0169 25.8161 14.1222L14.4484 25.4987C14.3432 25.604 14.3432 25.7936 14.4484 25.8989L18.1114 29.5647C18.2166 29.67 18.4061 29.67 18.5113 29.5647L29.879 18.1882C29.9843 18.0829 29.9843 17.8933 29.879 17.788L26.2161 14.1222Z%22 fill%3D%22%23009FE3%22%2F%3E%3Cpath d%3D%22M31.1633 12.8374C30.0475 11.7209 28.2161 11.7209 27.1004 12.8374C27.0583 12.8796 27.0583 12.9217 27.1004 12.9638L31.037 16.9035C31.0791 16.9456 31.1212 16.9456 31.1633 16.9035C32.279 15.7869 32.279 13.954 31.1633 12.8374Z%22 fill%3D%22%23009FE3%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.edit-button:hover, .cweb-section .cweb-button.edit-button:active, .cweb-section .cweb-button.edit-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23007BBB%22%2F%3E%3Cpath d%3D%22M13.5643 27.1001C13.4169 26.9527 13.1433 27.0159 13.1012 27.2266L12.0065 31.6507C11.9644 31.8614 12.1328 32.051 12.3433 31.9878L16.7851 30.9134C16.9956 30.8712 17.0799 30.5973 16.9114 30.4499L13.5643 27.1001Z%22 fill%3D%22%230A78B2%22%2F%3E%3Cpath d%3D%22M26.2161 14.1222C26.1109 14.0169 25.9214 14.0169 25.8161 14.1222L14.4484 25.4987C14.3432 25.604 14.3432 25.7936 14.4484 25.8989L18.1114 29.5647C18.2166 29.67 18.4061 29.67 18.5113 29.5647L29.879 18.1882C29.9843 18.0829 29.9843 17.8933 29.879 17.788L26.2161 14.1222Z%22 fill%3D%22%230A78B2%22%2F%3E%3Cpath d%3D%22M31.1633 12.8374C30.0475 11.7209 28.2161 11.7209 27.1004 12.8374C27.0583 12.8796 27.0583 12.9217 27.1004 12.9638L31.037 16.9035C31.0791 16.9456 31.1212 16.9456 31.1633 16.9035C32.279 15.7869 32.279 13.954 31.1633 12.8374Z%22 fill%3D%22%230A78B2%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.delete-button {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23FF6266%22%2F%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 12C12.4477 12 12 12.4477 12 13C12 13.5523 12.4477 14 13 14H31C31.5523 14 32 13.5523 32 13C32 12.4477 31.5523 12 31 12H13ZM14 16H30V30C30 31.1046 29.1046 32 28 32H16C14.8954 32 14 31.1046 14 30V16ZM17 18H19V30H17V18ZM21 18H23V30H21V18ZM27 18H25V30H27V18Z%22 fill%3D%22%23FF6266%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section .cweb-button.delete-button:hover, .cweb-section .cweb-button.delete-button:active, .cweb-section .cweb-button.delete-button:focus {\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2244%22 height%3D%2244%22 viewBox%3D%220 0 44 44%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath fill-rule%3D%22evenodd%22 clip-rule%3D%22evenodd%22 d%3D%22M13 12C12.4477 12 12 12.4477 12 13C12 13.5523 12.4477 14 13 14H31C31.5523 14 32 13.5523 32 13C32 12.4477 31.5523 12 31 12H13ZM14 16H30V30C30 31.1046 29.1046 32 28 32H16C14.8954 32 14 31.1046 14 30V16ZM17 18H19V30H17V18ZM21 18H23V30H21V18ZM27 18H25V30H27V18Z%22 fill%3D%22%23FC494E%22%2F%3E%3Crect x%3D%220.5%22 y%3D%220.5%22 width%3D%2243%22 height%3D%2243%22 rx%3D%2221.5%22 stroke%3D%22%23FC494E%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-section > .cweb-section-header {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n border-bottom: 1px solid #eeeeee;\n width: 100%;\n padding: 18px 24px;\n}\n\n.cweb-section > .cweb-section-footer {\n display: flex;\n justify-content: space-between;\n flex-direction: row;\n align-items: center;\n border-top: 1px solid #eeeeee;\n width: 100%;\n padding: 1rem 24px 1rem 24px;\n}\n\n.cweb-section > .cweb-section-footer img {\n width: 32px;\n height: 32px;\n}\n";
|
|
5136
|
+
styleInject(css_248z$n);
|
|
5150
5137
|
|
|
5151
5138
|
var _excluded$h = ["title", "buttons", "footer", "children", "className", "isLoading", "loadingIndicatorProps"];
|
|
5152
5139
|
function Section(_ref) {
|
|
@@ -5186,8 +5173,8 @@ function Section(_ref) {
|
|
|
5186
5173
|
}, footer));
|
|
5187
5174
|
}
|
|
5188
5175
|
|
|
5189
|
-
var css_248z$
|
|
5190
|
-
styleInject(css_248z$
|
|
5176
|
+
var css_248z$o = ".cweb-list-item {\n display: flex;\n justify-content: flex-start;\n flex-direction: row;\n align-items: center;\n padding: 16px 0 16px 0;\n border-bottom: 1px solid #eeeeee;\n}\n\n.cweb-list-item:last-child {\n border-bottom: none;\n}\n\n.cweb-list-item.cweb-list-item-clickable {\n cursor: pointer;\n}\n\n.cweb-list-item.cweb-list-item-clickable:hover {\n background-color: #f2fafd;\n}\n";
|
|
5177
|
+
styleInject(css_248z$o);
|
|
5191
5178
|
|
|
5192
5179
|
var _excluded$i = ["children", "className", "onClick"];
|
|
5193
5180
|
var SectionItem = function SectionItem(props) {
|
|
@@ -5480,8 +5467,8 @@ var SettingsMenuButton = function SettingsMenuButton(props) {
|
|
|
5480
5467
|
})));
|
|
5481
5468
|
};
|
|
5482
5469
|
|
|
5483
|
-
var css_248z$
|
|
5484
|
-
styleInject(css_248z$
|
|
5470
|
+
var css_248z$p = ".cweb-switcher-item {\n display: flex;\n justify-content: center;\n flex-direction: row;\n align-items: center;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link {\n display: flex;\n align-items: center;\n text-decoration: none;\n padding: 0.5rem 1rem;\n cursor: pointer;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon {\n display: flex;\n align-items: center;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default,\n .cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {\n width: 20px;\n height: 20px;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {\n display: none;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-text {\n color: #737373;\n transition: color 0.4s ease;\n padding-bottom: 0;\n}\n\n.cweb-switcher-item .cweb-switcher-item-link .cweb-switcher-item-link-icon + .cweb-switcher-item-link-text {\n margin-left: 8px;\n padding: 0;\n}\n\n.cweb-switcher-item.is-selected, .cweb-switcher-item:hover, .cweb-switcher-item:active {\n border-color: #0074dd;\n z-index: 1;\n}\n\n.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-default {\n display: none;\n}\n\n.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-icon .cweb-switcher-item-link-icon-active {\n display: inherit;\n}\n\n.cweb-switcher-item.is-selected .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:hover .cweb-switcher-item-link .cweb-switcher-item-link-text, .cweb-switcher-item:active .cweb-switcher-item-link .cweb-switcher-item-link-text {\n color: #0074dd;\n}\n\n.cweb-switcher-item.is-disabled {\n pointer-events: none;\n}\n";
|
|
5471
|
+
styleInject(css_248z$p);
|
|
5485
5472
|
|
|
5486
5473
|
SwitcherItem.propTypes = {
|
|
5487
5474
|
name: PropTypes.string,
|
|
@@ -5814,8 +5801,8 @@ var TagGroup = function TagGroup(_ref) {
|
|
|
5814
5801
|
}));
|
|
5815
5802
|
};
|
|
5816
5803
|
|
|
5817
|
-
var css_248z$
|
|
5818
|
-
styleInject(css_248z$
|
|
5804
|
+
var css_248z$q = ".cweb-textarea {\n border: 1px solid #cccccc;\n border-radius: 4px;\n outline: none;\n background-color: #ffffff;\n resize: none;\n}\n\n.cweb-textarea.has-icon {\n background-size: 24px;\n background-position: 10px 10px;\n background-repeat: no-repeat;\n padding-left: 44px;\n}\n\n.cweb-textarea.resizable {\n resize: both;\n}\n\n.cweb-textarea.resizable-x {\n resize: horizontal;\n}\n\n.cweb-textarea.resizable-y {\n resize: vertical;\n}\n\n.cweb-textarea:-ms-input-placeholder {\n color: #737373;\n}\n\n.cweb-textarea::placeholder {\n color: #737373;\n}\n\n.cweb-textarea:-ms-input-placeholder {\n color: #64748b !important;\n}\n\n.cweb-textarea::-ms-input-placeholder {\n color: #64748b;\n}\n\n.cweb-textarea:focus {\n border-color: #0074dd;\n}\n\n.cweb-textarea:disabled {\n cursor: not-allowed;\n}\n\n.cweb-textarea.has-error {\n border: 1px solid #ff6266;\n color: #ff6266;\n}\n";
|
|
5805
|
+
styleInject(css_248z$q);
|
|
5819
5806
|
|
|
5820
5807
|
var _excluded$l = ["className", "value", "name", "placeholder", "maxLength", "rows", "resizable", "isDisabled", "icon", "onChange", "onBlur", "onFocus", "onKeyPress", "onKeyDown", "onCtrlEnter"];
|
|
5821
5808
|
var RESIZE_TYPES = {
|
|
@@ -5902,8 +5889,8 @@ function Textarea(props) {
|
|
|
5902
5889
|
}));
|
|
5903
5890
|
}
|
|
5904
5891
|
|
|
5905
|
-
var css_248z$
|
|
5906
|
-
styleInject(css_248z$
|
|
5892
|
+
var css_248z$r = ".ql-editor {\n resize: vertical;\n min-height: 10rem;\n}\n\n.ql-snow.ql-toolbar {\n display: block;\n background: #f1f5f9;\n border-top-left-radius: 0.5em;\n border-top-right-radius: 0.5em;\n margin-top: 0.5em;\n}\n";
|
|
5893
|
+
styleInject(css_248z$r);
|
|
5907
5894
|
|
|
5908
5895
|
function TextEditor(_ref) {
|
|
5909
5896
|
var defaultValue = _ref.defaultValue,
|
|
@@ -5957,8 +5944,8 @@ TextEditor.propTypes = {
|
|
|
5957
5944
|
onValueChange: PropTypes.func.isRequired
|
|
5958
5945
|
};
|
|
5959
5946
|
|
|
5960
|
-
var css_248z$
|
|
5961
|
-
styleInject(css_248z$
|
|
5947
|
+
var css_248z$s = ".editor .rdw-editor {\n overflow-y: auto;\n}\n\n.editor .rdw-editor .rdw-link-modal {\n width: 20rem;\n height: 19rem;\n}\n\n.editor .rdw-editor .rdw-link-modal .rdw-link-modal-label,\n .editor .rdw-editor .rdw-link-modal .rdw-link-modal-target-option {\n font-weight: normal;\n}\n\n.editor .rdw-editor .rdw-link-modal .rdw-link-modal-input {\n margin-bottom: 1rem;\n font-size: 16px;\n font-weight: normal;\n line-height: 21px;\n color: #2d2d2d;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n outline: none;\n background-color: #ffffff;\n padding: 12px;\n caret-color: #0a78b2;\n}\n\n.editor .rdw-editor .rdw-link-modal .rdw-link-modal-buttonsection {\n display: flex;\n flex-direction: row-reverse;\n align-items: center;\n}\n\n.editor .rdw-editor .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn {\n border-radius: 1.375rem;\n width: 6.5rem;\n height: 2.75rem;\n border: 1px solid #009fe3;\n background-color: transparent;\n color: #009fe3;\n}\n\n.editor .rdw-editor .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:first-child,\n .editor .rdw-editor .rdw-link-modal .rdw-link-modal-buttonsection .rdw-link-modal-btn:disabled {\n background: #009fe3;\n color: #ffffff;\n}\n\n.editor .rdw-editor .rdw-embedded-modal {\n width: 22rem;\n height: 15rem;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-link-input,\n .editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-size-input {\n font-size: 16px;\n font-weight: normal;\n line-height: 21px;\n color: #2d2d2d;\n height: 44px;\n border: 1px solid #cccccc;\n border-radius: 4px;\n outline: none;\n background-color: #ffffff;\n padding: 12px;\n caret-color: #0a78b2;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-link-input {\n width: 100%;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-size-input {\n width: 90%;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-btn-section {\n display: flex;\n flex-direction: row;\n align-items: center;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn {\n border-radius: 1.375rem;\n width: 6.5rem;\n height: 2.75rem;\n border: 1px solid #009fe3;\n background-color: transparent;\n color: #009fe3;\n}\n\n.editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:first-child,\n .editor .rdw-editor .rdw-embedded-modal .rdw-embedded-modal-btn-section .rdw-embedded-modal-btn:disabled {\n background: #009fe3;\n color: #ffffff;\n}\n\n.editor .rdw-editor .rdw-editor-main {\n min-height: 14rem;\n overflow: hidden;\n}\n\n.editor .rdw-editor .rdw-editor-main .DraftEditor-root {\n margin: 0 12px;\n}\n";
|
|
5948
|
+
styleInject(css_248z$s);
|
|
5962
5949
|
|
|
5963
5950
|
var TextEditorV2 = function TextEditorV2(_ref) {
|
|
5964
5951
|
var defaultValue = _ref.defaultValue,
|