@luscii-healthtech/web-ui 2.5.1 → 2.7.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/CenteredHero/CenteredHero.d.ts +11 -21
- package/dist/components/List/List.d.ts +1 -0
- package/dist/components/List/List.types.d.ts +0 -3
- package/dist/web-ui-tailwind.css +10 -15
- package/dist/web-ui.cjs.development.js +49 -49
- 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 +49 -49
- package/dist/web-ui.esm.js.map +1 -1
- package/package.json +2 -1
- package/src/components/CenteredHero/CenteredHero.tsx +63 -0
- package/src/components/List/List.scss +23 -0
- package/src/components/List/List.tsx +10 -6
- package/src/components/List/List.types.ts +0 -4
- package/src/components/Toaster/Toaster.scss +6 -2
- package/src/components/Toaster/Toaster.tsx +1 -1
- package/src/components/CenteredHero/CenteredHero.js +0 -50
|
@@ -1,22 +1,12 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
export namespace propTypes {
|
|
11
|
-
export const title: PropTypes.Requireable<string>;
|
|
12
|
-
export const text: PropTypes.Requireable<string>;
|
|
13
|
-
export const image: PropTypes.Requireable<string>;
|
|
14
|
-
export const buttons: PropTypes.Requireable<(PropTypes.InferProps<{
|
|
15
|
-
title: PropTypes.Validator<string>;
|
|
16
|
-
handleOnClick: PropTypes.Validator<(...args: any[]) => any>;
|
|
17
|
-
type: PropTypes.Validator<"primary" | "secondary">;
|
|
18
|
-
}> | null | undefined)[]>;
|
|
19
|
-
export const className: PropTypes.Requireable<string>;
|
|
20
|
-
}
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
import { ButtonProps } from "../Button/Button.types";
|
|
3
|
+
export declare type BackgroundColor = "white" | "slate-50";
|
|
4
|
+
export interface CenteredHeroProps {
|
|
5
|
+
title: string;
|
|
6
|
+
text: string;
|
|
7
|
+
image: string;
|
|
8
|
+
buttons: ButtonProps[];
|
|
9
|
+
background?: BackgroundColor;
|
|
21
10
|
}
|
|
22
|
-
|
|
11
|
+
declare const CenteredHero: ({ title, text, image, buttons, background, }: CenteredHeroProps) => JSX.Element;
|
|
12
|
+
export default CenteredHero;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
2
|
import { ListProps, ListItemProps, OnAssetLoadErrorPayload } from "./List.types";
|
|
3
|
+
import "./List.scss";
|
|
3
4
|
export { ListProps, ListItemProps, OnAssetLoadErrorPayload };
|
|
4
5
|
export declare const List: ({ title, headerButton, headerTransparent, items, onAssetLoadError, onDragEnd, emptyStateMessage, isLoading, }: ListProps) => JSX.Element;
|
|
5
6
|
export default List;
|
package/dist/web-ui-tailwind.css
CHANGED
|
@@ -691,8 +691,8 @@ video {
|
|
|
691
691
|
|
|
692
692
|
.bg-red-400 {
|
|
693
693
|
--bg-opacity: 1;
|
|
694
|
-
background-color: #
|
|
695
|
-
background-color: rgba(
|
|
694
|
+
background-color: #FF6266;
|
|
695
|
+
background-color: rgba(255, 98, 102, var(--bg-opacity));
|
|
696
696
|
}
|
|
697
697
|
|
|
698
698
|
.bg-orange-50 {
|
|
@@ -1328,11 +1328,6 @@ video {
|
|
|
1328
1328
|
margin-bottom: 1rem;
|
|
1329
1329
|
}
|
|
1330
1330
|
|
|
1331
|
-
.my-6 {
|
|
1332
|
-
margin-top: 1.5rem;
|
|
1333
|
-
margin-bottom: 1.5rem;
|
|
1334
|
-
}
|
|
1335
|
-
|
|
1336
1331
|
.mx-auto {
|
|
1337
1332
|
margin-left: auto;
|
|
1338
1333
|
margin-right: auto;
|
|
@@ -1382,6 +1377,10 @@ video {
|
|
|
1382
1377
|
margin-left: 0.75rem;
|
|
1383
1378
|
}
|
|
1384
1379
|
|
|
1380
|
+
.mt-4 {
|
|
1381
|
+
margin-top: 1rem;
|
|
1382
|
+
}
|
|
1383
|
+
|
|
1385
1384
|
.mr-4 {
|
|
1386
1385
|
margin-right: 1rem;
|
|
1387
1386
|
}
|
|
@@ -1406,10 +1405,6 @@ video {
|
|
|
1406
1405
|
margin-left: 1.5rem;
|
|
1407
1406
|
}
|
|
1408
1407
|
|
|
1409
|
-
.mt-8 {
|
|
1410
|
-
margin-top: 2rem;
|
|
1411
|
-
}
|
|
1412
|
-
|
|
1413
1408
|
.ml-10 {
|
|
1414
1409
|
margin-left: 2.5rem;
|
|
1415
1410
|
}
|
|
@@ -2054,6 +2049,10 @@ video {
|
|
|
2054
2049
|
width: 6rem;
|
|
2055
2050
|
}
|
|
2056
2051
|
|
|
2052
|
+
.w-36 {
|
|
2053
|
+
width: 9rem;
|
|
2054
|
+
}
|
|
2055
|
+
|
|
2057
2056
|
.w-46 {
|
|
2058
2057
|
width: 11.5rem;
|
|
2059
2058
|
}
|
|
@@ -2066,10 +2065,6 @@ video {
|
|
|
2066
2065
|
width: 26rem;
|
|
2067
2066
|
}
|
|
2068
2067
|
|
|
2069
|
-
.w-200 {
|
|
2070
|
-
width: 50rem;
|
|
2071
|
-
}
|
|
2072
|
-
|
|
2073
2068
|
.w-auto {
|
|
2074
2069
|
width: auto;
|
|
2075
2070
|
}
|
|
@@ -177,7 +177,7 @@ var WarningIcon = function WarningIcon(props) {
|
|
|
177
177
|
}));
|
|
178
178
|
};
|
|
179
179
|
|
|
180
|
-
var css_248z$1 = "#application-toaster {\n position: fixed;\n left: 50%;\n transform: translate(-50%,
|
|
180
|
+
var css_248z$1 = "#application-toaster {\n position: fixed;\n left: 50%;\n transform: translate(-50%, 200%);\n bottom: 48px;\n transition: transform 0.3s cubic-bezier(0.68, -0.6, 0.32, 1.6);\n}\n\n#application-toaster.shelved {\n transform: translate(-50%, 200%);\n}\n\n#application-toaster.expanded {\n transform: translate(-50%, 0);\n}\n\n#application-toaster.type-success {\n --bg-opacity: 1;\n background-color: #E7F5EC;\n background-color: rgba(231, 245, 236, var(--bg-opacity));\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-title\"] {\n --text-opacity: 1;\n color: #2f855a;\n color: rgba(47, 133, 90, var(--text-opacity));\n}\n\n#application-toaster.type-success .failure-icon {\n display: none;\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-progress-bar-container\"] {\n --bg-opacity: 1;\n background-color: #E7F5EC;\n background-color: rgba(231, 245, 236, var(--bg-opacity));\n}\n\n#application-toaster.type-success [data-test-id=\"toaster-progress-bar-container\"] [data-test-id=\"toaster-progress-bar\"] {\n --bg-opacity: 1;\n background-color: #52B093;\n background-color: rgba(82, 176, 147, var(--bg-opacity));\n}\n\n#application-toaster.type-failure {\n --bg-opacity: 1;\n background-color: #FFF1F1;\n background-color: rgba(255, 241, 241, var(--bg-opacity));\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-title\"] {\n --text-opacity: 1;\n color: #c53030;\n color: rgba(197, 48, 48, var(--text-opacity));\n}\n\n#application-toaster.type-failure .success-icon {\n display: none;\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-progress-bar-container\"] {\n --bg-opacity: 1;\n background-color: #FFF1F1;\n background-color: rgba(255, 241, 241, var(--bg-opacity));\n}\n\n#application-toaster.type-failure [data-test-id=\"toaster-progress-bar-container\"] [data-test-id=\"toaster-progress-bar\"] {\n --bg-opacity: 1;\n background-color: #FF6266;\n background-color: rgba(255, 98, 102, var(--bg-opacity));\n}\n";
|
|
181
181
|
styleInject(css_248z$1);
|
|
182
182
|
|
|
183
183
|
var TOASTER_TYPE_OPTIONS = {
|
|
@@ -200,7 +200,7 @@ var Toaster = function Toaster(_ref) {
|
|
|
200
200
|
style: styleOverwrite,
|
|
201
201
|
id: "application-toaster",
|
|
202
202
|
"data-test-id": "toaster-panel-" + type,
|
|
203
|
-
className: classNames("bg-white cursor-pointer", "rounded-md shadow-
|
|
203
|
+
className: classNames("bg-white cursor-pointer", "rounded-md shadow-lg", "min-h-13 max-h-19 w-104 transition-transform", {
|
|
204
204
|
shelved: !isVisible,
|
|
205
205
|
expanded: isVisible,
|
|
206
206
|
"type-success": isSuccess,
|
|
@@ -1130,49 +1130,42 @@ Title.defaultProps = {
|
|
|
1130
1130
|
type: "base"
|
|
1131
1131
|
};
|
|
1132
1132
|
|
|
1133
|
-
CenteredHero
|
|
1134
|
-
title: PropTypes.string,
|
|
1135
|
-
text: PropTypes.string,
|
|
1136
|
-
image: PropTypes.string,
|
|
1137
|
-
buttons: /*#__PURE__*/PropTypes.arrayOf( /*#__PURE__*/PropTypes.shape({
|
|
1138
|
-
title: PropTypes.string.isRequired,
|
|
1139
|
-
handleOnClick: PropTypes.func.isRequired,
|
|
1140
|
-
type: /*#__PURE__*/PropTypes.oneOf([BUTTON_ROLES.PRIMARY, BUTTON_ROLES.SECONDARY]).isRequired
|
|
1141
|
-
})),
|
|
1142
|
-
className: PropTypes.string
|
|
1143
|
-
};
|
|
1144
|
-
|
|
1145
|
-
function CenteredHero(_ref) {
|
|
1133
|
+
var CenteredHero = function CenteredHero(_ref) {
|
|
1146
1134
|
var title = _ref.title,
|
|
1147
1135
|
text = _ref.text,
|
|
1148
1136
|
image = _ref.image,
|
|
1149
1137
|
buttons = _ref.buttons,
|
|
1150
|
-
|
|
1138
|
+
_ref$background = _ref.background,
|
|
1139
|
+
background = _ref$background === void 0 ? "slate-50" : _ref$background;
|
|
1151
1140
|
return /*#__PURE__*/React__default.createElement("div", {
|
|
1152
|
-
className: classNames(
|
|
1141
|
+
className: classNames("p-6 flex flex-col items-center align-center w-full", {
|
|
1142
|
+
"bg-white": background === "white",
|
|
1143
|
+
"bg-slate-50": background === "slate-50"
|
|
1144
|
+
})
|
|
1153
1145
|
}, image && /*#__PURE__*/React__default.createElement("img", {
|
|
1154
|
-
src: image
|
|
1146
|
+
src: image,
|
|
1147
|
+
className: "h-36 w-36 mb-4"
|
|
1155
1148
|
}), title && /*#__PURE__*/React__default.createElement(Title, {
|
|
1156
|
-
className: "mt-8 mb-2",
|
|
1157
1149
|
text: title,
|
|
1158
1150
|
type: "base"
|
|
1159
1151
|
}), text && /*#__PURE__*/React__default.createElement(Text, {
|
|
1160
1152
|
text: text
|
|
1161
1153
|
}), (buttons == null ? void 0 : buttons.length) > 0 && /*#__PURE__*/React__default.createElement("div", {
|
|
1162
|
-
className: "flex flex-row mt-
|
|
1154
|
+
className: "flex flex-row mt-4"
|
|
1163
1155
|
}, buttons.filter(function (button) {
|
|
1164
1156
|
return button.title && button.handleOnClick && button.type;
|
|
1165
1157
|
}).map(function (button) {
|
|
1166
1158
|
return /*#__PURE__*/React__default.createElement(Button, {
|
|
1167
1159
|
className: "mr-4 last:mr-0",
|
|
1168
1160
|
key: button.title,
|
|
1169
|
-
role: button.
|
|
1161
|
+
role: button.role,
|
|
1162
|
+
type: button.type,
|
|
1170
1163
|
title: button.title,
|
|
1171
|
-
text: button.
|
|
1164
|
+
text: button.text,
|
|
1172
1165
|
onClick: button.handleOnClick
|
|
1173
1166
|
});
|
|
1174
1167
|
})));
|
|
1175
|
-
}
|
|
1168
|
+
};
|
|
1176
1169
|
|
|
1177
1170
|
var css_248z$5 = ".cweb-checkbox {\n outline: none;\n transition: all 0.3s ease;\n}\n\n.cweb-checkbox .cweb-checkbox-input {\n position: absolute;\n -webkit-appearance: none;\n height: 1px;\n opacity: 0;\n width: 1px;\n}\n\n.cweb-checkbox.type-regular .cweb-checkbox-label {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n}\n\n.cweb-checkbox.type-regular .cweb-checkbox-icon-container {\n width: 16px;\n height: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n flex: 0 0 auto;\n border: 1px solid #cccccc;\n border-radius: 4px;\n}\n\n.cweb-checkbox.type-regular.hasError .cweb-checkbox-icon-container {\n border: 1px solid #ff6266;\n}\n\n.cweb-checkbox.type-regular .cweb-checkbox-icon {\n display: block;\n}\n\n.cweb-checkbox.type-regular.is-focused .cweb-checkbox-icon-container {\n border-color: #0074dd;\n}\n\n.cweb-checkbox.type-regular.is-checked .cweb-checkbox-icon {\n width: 0.5rem;\n height: 0.5rem;\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 width%3D%2210%22 height%3D%228%22 viewBox%3D%220 0 10 8%22 fill%3D%22none%22%3E %3Cpath d%3D%22M9.207 0.792787C9.39447 0.980314 9.49979 1.23462 9.49979 1.49979C9.49979 1.76495 9.39447 2.01926 9.207 2.20679L4.207 7.20679C4.01947 7.39426 3.76516 7.49957 3.5 7.49957C3.23484 7.49957 2.98053 7.39426 2.793 7.20679L0.793 5.20679C0.610842 5.01818 0.510047 4.76558 0.512326 4.50339C0.514604 4.24119 0.619773 3.99038 0.805181 3.80497C0.990589 3.61956 1.2414 3.51439 1.5036 3.51211C1.7658 3.50983 2.0184 3.61063 2.207 3.79279L3.5 5.08579L7.793 0.792787C7.98053 0.605316 8.23484 0.5 8.5 0.5C8.76516 0.5 9.01947 0.605316 9.207 0.792787Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-checkbox.type-regular.is-indeterminate .cweb-checkbox-icon {\n width: 0.5rem;\n height: 0.5rem;\n padding: 4px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2210%22 height%3D%222%22 viewBox%3D%220 0 10 2%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M9 -4.37114e-08C9.55228 -1.95703e-08 10 0.447715 10 1C10 1.55228 9.55228 2 9 2L1 2C0.447716 2 -6.78525e-08 1.55228 -4.37114e-08 1C-1.95703e-08 0.447715 0.447715 -4.17544e-07 1 -3.93402e-07L9 -4.37114e-08Z%22 fill%3D%22white%22%2F%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n}\n\n.cweb-checkbox.type-regular.is-disabled.show-cross-when-disabled .cweb-checkbox-icon {\n width: 10px;\n height: 10px;\n background: url(\"data:image/svg+xml,%3Csvg width%3D%2211px%22 height%3D%2211px%22 viewBox%3D%220 0 11 11%22 version%3D%221.1%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E %3Cg stroke%3D%22none%22 stroke-width%3D%221%22 fill%3D%22none%22 fill-rule%3D%22evenodd%22 stroke-linecap%3D%22round%22%3E %3Cg transform%3D%22translate(-6.000000%2C -7.000000)%22 stroke%3D%22%232D2D2D%22 stroke-width%3D%222%22%3E %3Cpath d%3D%22M7%2C17 L16%2C8 M16%2C17 L7%2C8%22 %2F%3E %3C%2Fg%3E %3C%2Fg%3E%3C%2Fsvg%3E\") no-repeat center;\n background-size: contain;\n opacity: 0.6;\n}\n\n.cweb-checkbox.type-switch .cweb-checkbox-label {\n display: flex;\n align-items: center;\n margin-bottom: 0;\n width: 56px;\n height: 28px;\n position: relative;\n}\n\n.cweb-checkbox.type-switch .cweb-checkbox-icon-container {\n position: absolute;\n cursor: pointer;\n top: 0;\n left: 0;\n right: 0;\n bottom: 0;\n background-color: #d1d5db;\n border-radius: 16px;\n}\n\n.cweb-checkbox.type-switch .cweb-checkbox-icon-container:after {\n position: relative;\n display: block;\n content: \"\";\n height: 20px;\n width: 20px;\n top: 4px;\n left: 4px;\n background-color: white;\n border-radius: 50%;\n transition: all 0.2s ease;\n}\n\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container {\n background-color: #6abfa6;\n}\n\n.cweb-checkbox.type-switch.is-checked .cweb-checkbox-icon-container:after {\n left: 32px;\n}\n";
|
|
1178
1171
|
styleInject(css_248z$5);
|
|
@@ -2999,6 +2992,9 @@ var ListSkeleton = function ListSkeleton(_ref) {
|
|
|
2999
2992
|
})), skeletonItems);
|
|
3000
2993
|
};
|
|
3001
2994
|
|
|
2995
|
+
var css_248z$h = "li.gu-mirror {\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n margin: 0;\n position: fixed;\n z-index: 9999;\n}\n\nli.gu-hide {\n display: none;\n}\n\nli.gu-unselectable {\n -ms-user-select: none;\n user-select: none;\n}\n\nli.gu-transit {\n --bg-opacity: 1;\n background-color: #F2FAFD;\n background-color: rgba(242, 250, 253, var(--bg-opacity));\n outline: 2px dashed #0074DD;\n outline-offset: -1px;\n filter: none;\n opacity: 1;\n border-radius: 0;\n border-style: none;\n}\n\nli.gu-transit > * {\n visibility: hidden;\n}\n";
|
|
2996
|
+
styleInject(css_248z$h);
|
|
2997
|
+
|
|
3002
2998
|
var List = function List(_ref) {
|
|
3003
2999
|
var title = _ref.title,
|
|
3004
3000
|
headerButton = _ref.headerButton,
|
|
@@ -3016,7 +3012,7 @@ var List = function List(_ref) {
|
|
|
3016
3012
|
|
|
3017
3013
|
(_dragulaRef$current = dragulaRef.current) == null ? void 0 : _dragulaRef$current.destroy == null ? void 0 : _dragulaRef$current.destroy();
|
|
3018
3014
|
|
|
3019
|
-
if (onDragEnd && items.length) {
|
|
3015
|
+
if (listRef.current && onDragEnd && items.length) {
|
|
3020
3016
|
dragulaRef.current = setupDragging();
|
|
3021
3017
|
}
|
|
3022
3018
|
|
|
@@ -3025,7 +3021,7 @@ var List = function List(_ref) {
|
|
|
3025
3021
|
|
|
3026
3022
|
(_dragulaRef$current2 = dragulaRef.current) == null ? void 0 : _dragulaRef$current2.destroy == null ? void 0 : _dragulaRef$current2.destroy();
|
|
3027
3023
|
};
|
|
3028
|
-
}, [items]);
|
|
3024
|
+
}, [items, listRef]);
|
|
3029
3025
|
|
|
3030
3026
|
var handleDragEnd = function handleDragEnd(element) {
|
|
3031
3027
|
var draggedItemId = element.dataset["id"];
|
|
@@ -3049,6 +3045,10 @@ var List = function List(_ref) {
|
|
|
3049
3045
|
};
|
|
3050
3046
|
|
|
3051
3047
|
var setupDragging = function setupDragging() {
|
|
3048
|
+
if (!listRef.current) {
|
|
3049
|
+
return null;
|
|
3050
|
+
}
|
|
3051
|
+
|
|
3052
3052
|
var dragulaInstance = dragula([listRef.current], {
|
|
3053
3053
|
revertOnSpill: true
|
|
3054
3054
|
});
|
|
@@ -3371,8 +3371,8 @@ function handleImplicitSelect(implicitSelected, event, list, property) {
|
|
|
3371
3371
|
return newList;
|
|
3372
3372
|
}
|
|
3373
3373
|
|
|
3374
|
-
var css_248z$
|
|
3375
|
-
styleInject(css_248z$
|
|
3374
|
+
var css_248z$i = ".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";
|
|
3375
|
+
styleInject(css_248z$i);
|
|
3376
3376
|
|
|
3377
3377
|
function MultiSelect(_ref) {
|
|
3378
3378
|
var checkboxList = _ref.checkboxList,
|
|
@@ -3718,8 +3718,8 @@ NotificationBanner.defaultProps = {
|
|
|
3718
3718
|
onButtonClick: undefined
|
|
3719
3719
|
};
|
|
3720
3720
|
|
|
3721
|
-
var css_248z$
|
|
3722
|
-
styleInject(css_248z$
|
|
3721
|
+
var css_248z$j = ".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";
|
|
3722
|
+
styleInject(css_248z$j);
|
|
3723
3723
|
|
|
3724
3724
|
/**
|
|
3725
3725
|
* Renders page's content, if `isLoading` is false otherwise shows loading indicator.
|
|
@@ -3899,8 +3899,8 @@ var Steps = function Steps(_ref) {
|
|
|
3899
3899
|
}, renderedSteps);
|
|
3900
3900
|
};
|
|
3901
3901
|
|
|
3902
|
-
var css_248z$
|
|
3903
|
-
styleInject(css_248z$
|
|
3902
|
+
var css_248z$k = ".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";
|
|
3903
|
+
styleInject(css_248z$k);
|
|
3904
3904
|
|
|
3905
3905
|
function CRUDPage(_ref) {
|
|
3906
3906
|
var _ref$dataTestId = _ref.dataTestId,
|
|
@@ -4106,8 +4106,8 @@ var PreviewPhone = function PreviewPhone(_ref) {
|
|
|
4106
4106
|
}))) : /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
|
|
4107
4107
|
};
|
|
4108
4108
|
|
|
4109
|
-
var css_248z$
|
|
4110
|
-
styleInject(css_248z$
|
|
4109
|
+
var css_248z$l = ".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";
|
|
4110
|
+
styleInject(css_248z$l);
|
|
4111
4111
|
|
|
4112
4112
|
/**
|
|
4113
4113
|
* @deprecated: use RadioV2 instead
|
|
@@ -4209,8 +4209,8 @@ Radio.propTypes = {
|
|
|
4209
4209
|
onChange: PropTypes.func
|
|
4210
4210
|
};
|
|
4211
4211
|
|
|
4212
|
-
var css_248z$
|
|
4213
|
-
styleInject(css_248z$
|
|
4212
|
+
var css_248z$m = ".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";
|
|
4213
|
+
styleInject(css_248z$m);
|
|
4214
4214
|
|
|
4215
4215
|
var _excluded$b = ["className", "radioClassName", "name", "selectedOption", "isVertical", "radioOptions", "onChange", "error", "isDisabled"];
|
|
4216
4216
|
/**
|
|
@@ -4270,8 +4270,8 @@ RadioGroup.propTypes = {
|
|
|
4270
4270
|
onChange: PropTypes.func
|
|
4271
4271
|
};
|
|
4272
4272
|
|
|
4273
|
-
var css_248z$
|
|
4274
|
-
styleInject(css_248z$
|
|
4273
|
+
var css_248z$n = ".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";
|
|
4274
|
+
styleInject(css_248z$n);
|
|
4275
4275
|
|
|
4276
4276
|
var _excluded$c = ["text", "info", "isError", "innerRef", "className"];
|
|
4277
4277
|
|
|
@@ -4356,8 +4356,8 @@ var RadioGroupV2 = /*#__PURE__*/React__default.forwardRef(function (props, ref)
|
|
|
4356
4356
|
}));
|
|
4357
4357
|
});
|
|
4358
4358
|
|
|
4359
|
-
var css_248z$
|
|
4360
|
-
styleInject(css_248z$
|
|
4359
|
+
var css_248z$o = ".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";
|
|
4360
|
+
styleInject(css_248z$o);
|
|
4361
4361
|
|
|
4362
4362
|
var _excluded$e = ["title", "buttons", "footer", "children", "className", "isLoading", "loadingIndicatorProps"];
|
|
4363
4363
|
function Section(_ref) {
|
|
@@ -4397,8 +4397,8 @@ function Section(_ref) {
|
|
|
4397
4397
|
}, footer));
|
|
4398
4398
|
}
|
|
4399
4399
|
|
|
4400
|
-
var css_248z$
|
|
4401
|
-
styleInject(css_248z$
|
|
4400
|
+
var css_248z$p = ".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";
|
|
4401
|
+
styleInject(css_248z$p);
|
|
4402
4402
|
|
|
4403
4403
|
var _excluded$f = ["children", "className", "onClick"];
|
|
4404
4404
|
var SectionItem = function SectionItem(props) {
|
|
@@ -4690,8 +4690,8 @@ var SettingsMenuButton = function SettingsMenuButton(props) {
|
|
|
4690
4690
|
})));
|
|
4691
4691
|
};
|
|
4692
4692
|
|
|
4693
|
-
var css_248z$
|
|
4694
|
-
styleInject(css_248z$
|
|
4693
|
+
var css_248z$q = ".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";
|
|
4694
|
+
styleInject(css_248z$q);
|
|
4695
4695
|
|
|
4696
4696
|
SwitcherItem.propTypes = {
|
|
4697
4697
|
name: PropTypes.string,
|
|
@@ -5024,8 +5024,8 @@ var TagGroup = function TagGroup(_ref) {
|
|
|
5024
5024
|
}));
|
|
5025
5025
|
};
|
|
5026
5026
|
|
|
5027
|
-
var css_248z$
|
|
5028
|
-
styleInject(css_248z$
|
|
5027
|
+
var css_248z$r = ".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";
|
|
5028
|
+
styleInject(css_248z$r);
|
|
5029
5029
|
|
|
5030
5030
|
var _excluded$i = ["className", "value", "name", "placeholder", "maxLength", "rows", "resizable", "isDisabled", "icon", "onChange", "onBlur", "onFocus", "onKeyPress", "onKeyDown", "onCtrlEnter"];
|
|
5031
5031
|
var RESIZE_TYPES = {
|
|
@@ -5112,8 +5112,8 @@ function Textarea(props) {
|
|
|
5112
5112
|
}));
|
|
5113
5113
|
}
|
|
5114
5114
|
|
|
5115
|
-
var css_248z$
|
|
5116
|
-
styleInject(css_248z$
|
|
5115
|
+
var css_248z$s = ".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";
|
|
5116
|
+
styleInject(css_248z$s);
|
|
5117
5117
|
|
|
5118
5118
|
function TextEditor(_ref) {
|
|
5119
5119
|
var defaultValue = _ref.defaultValue,
|
|
@@ -5167,8 +5167,8 @@ TextEditor.propTypes = {
|
|
|
5167
5167
|
onValueChange: PropTypes.func.isRequired
|
|
5168
5168
|
};
|
|
5169
5169
|
|
|
5170
|
-
var css_248z$
|
|
5171
|
-
styleInject(css_248z$
|
|
5170
|
+
var css_248z$t = ".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";
|
|
5171
|
+
styleInject(css_248z$t);
|
|
5172
5172
|
|
|
5173
5173
|
var TextEditorV2 = function TextEditorV2(_ref) {
|
|
5174
5174
|
var defaultValue = _ref.defaultValue,
|