pge-front-common 14.0.54 → 14.0.56
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/lib/components/Footer/Footer.d.ts +2 -0
- package/lib/components/TooltipWithPortal/TooltipWithPortal.d.ts +6 -0
- package/lib/images/images/headerDividaAtivaLogoLight.svg +4 -0
- package/lib/images/images/headerPgeLogoDark.svg +13 -0
- package/lib/images/images/headerPgeLogoLight.svg +109 -0
- package/lib/index.esm.js +26 -26
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +26 -26
- package/lib/index.js.map +1 -1
- package/lib/lib/index.esm.js +23979 -0
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -623,7 +623,7 @@ var PgeButton = React.forwardRef(function (_a, ref) {
|
|
|
623
623
|
});
|
|
624
624
|
PgeButton.displayName = "PgeButton";
|
|
625
625
|
|
|
626
|
-
var css_248z$w = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size:
|
|
626
|
+
var css_248z$w = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var( --color-label);\r\n}\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 4px;\r\n border: 2px dashed var(--primary-color, #005a92);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV{\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px){\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n}\r\n}\r\n";
|
|
627
627
|
var styles$t = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
|
|
628
628
|
styleInject(css_248z$w);
|
|
629
629
|
|
|
@@ -671,7 +671,7 @@ var FileUpload = React.forwardRef(function (_a, ref) {
|
|
|
671
671
|
descricaoLabel,
|
|
672
672
|
React.createElement("input", { type: "file", ref: fileInputRef, className: styles$t.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(",") })),
|
|
673
673
|
React.createElement("span", { className: styles$t.description }, fileName || "Nenhum arquivo selecionado"))),
|
|
674
|
-
React.createElement("
|
|
674
|
+
React.createElement("span", { className: errorText
|
|
675
675
|
? styles$t.errorText
|
|
676
676
|
: fileName
|
|
677
677
|
? styles$t.successText
|
|
@@ -1109,7 +1109,7 @@ function Accordion(_a) {
|
|
|
1109
1109
|
}
|
|
1110
1110
|
|
|
1111
1111
|
var css_248z$l = ".styles-module__wrapper___7Re2s {\r\n width: fit-content;\r\n min-height: 67px;\r\n height: auto;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-alert-color, #cb0a0a1a);\r\n box-shadow: 0px 0px 16px 0px #00000026;\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__wrapperLogin___lrEyl {\r\n width: 346px;\r\n margin: 40px 0;\r\n}\r\n\r\n.styles-module__title___zYbqC {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: #cb0a0a;\r\n text-align: start;\r\n}\r\n\r\n.styles-module__message___BzwN8 {\r\n font-size: 14px;\r\n font-weight: 400;\r\n line-height: 18px;\r\n text-align: start;\r\n color: #363632;\r\n}\r\n\r\n.styles-module__wrapperTexts___kApb6 {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 5px;\r\n}\r\n\r\n.styles-module__buttonClose___iu9VW {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1112
|
-
var style$
|
|
1112
|
+
var style$2 = {"wrapper":"styles-module__wrapper___7Re2s","wrapperLogin":"styles-module__wrapperLogin___lrEyl","title":"styles-module__title___zYbqC","message":"styles-module__message___BzwN8","wrapperTexts":"styles-module__wrapperTexts___kApb6","buttonClose":"styles-module__buttonClose___iu9VW"};
|
|
1113
1113
|
styleInject(css_248z$l);
|
|
1114
1114
|
|
|
1115
1115
|
var AlertErrorIcon = function (props) { return (React.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -1117,15 +1117,15 @@ var AlertErrorIcon = function (props) { return (React.createElement("svg", __ass
|
|
|
1117
1117
|
|
|
1118
1118
|
var BoxError = function (_a) {
|
|
1119
1119
|
var message = _a.message, handleClose = _a.handleClose;
|
|
1120
|
-
return (React.createElement("div", { className: style$
|
|
1120
|
+
return (React.createElement("div", { className: style$2.wrapper },
|
|
1121
1121
|
React.createElement(AlertErrorIcon, { style: { minWidth: "20px" } }),
|
|
1122
|
-
React.createElement("span", { className: style$
|
|
1123
|
-
React.createElement("button", { className: style$
|
|
1122
|
+
React.createElement("span", { className: style$2.title }, message),
|
|
1123
|
+
React.createElement("button", { className: style$2.buttonClose, onClick: handleClose },
|
|
1124
1124
|
React.createElement(IconCLose, null))));
|
|
1125
1125
|
};
|
|
1126
1126
|
|
|
1127
1127
|
var css_248z$k = ".styles-module__wrapper___LgHbC {\r\n width: fit-content;\r\n height: 67px;\r\n padding: 16px;\r\n border-radius: 8px;\r\n background: var(--10-sucess-color, #1987541a);\r\n display: flex;\r\n gap: 8px;\r\n align-items: center;\r\n margin: 16px 0;\r\n}\r\n\r\n.styles-module__title___VA27t {\r\n font-size: 16px;\r\n font-weight: 700;\r\n line-height: 16px;\r\n text-align: left;\r\n color: var(--sucess-color, #198754);\r\n}\r\n\r\n.styles-module__buttonClose___BkZrO {\r\n background: transparent;\r\n cursor: pointer;\r\n border: none;\r\n}\r\n";
|
|
1128
|
-
var style = {"wrapper":"styles-module__wrapper___LgHbC","title":"styles-module__title___VA27t","buttonClose":"styles-module__buttonClose___BkZrO"};
|
|
1128
|
+
var style$1 = {"wrapper":"styles-module__wrapper___LgHbC","title":"styles-module__title___VA27t","buttonClose":"styles-module__buttonClose___BkZrO"};
|
|
1129
1129
|
styleInject(css_248z$k);
|
|
1130
1130
|
|
|
1131
1131
|
var IconSuccess = function (props) { return (React.createElement("svg", __assign({ width: "20", height: "21", viewBox: "0 0 20 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -1133,24 +1133,24 @@ var IconSuccess = function (props) { return (React.createElement("svg", __assign
|
|
|
1133
1133
|
|
|
1134
1134
|
var BoxSuccess = function (_a) {
|
|
1135
1135
|
var message = _a.message, handleClose = _a.handleClose;
|
|
1136
|
-
return (React.createElement("div", { className: style.wrapper },
|
|
1136
|
+
return (React.createElement("div", { className: style$1.wrapper },
|
|
1137
1137
|
React.createElement(IconSuccess, null),
|
|
1138
|
-
React.createElement("span", { className: style.title }, message),
|
|
1139
|
-
React.createElement("button", { className: style.buttonClose, onClick: handleClose },
|
|
1138
|
+
React.createElement("span", { className: style$1.title }, message),
|
|
1139
|
+
React.createElement("button", { className: style$1.buttonClose, onClick: handleClose },
|
|
1140
1140
|
React.createElement(IconCLose, null))));
|
|
1141
1141
|
};
|
|
1142
1142
|
|
|
1143
1143
|
var css_248z$j = ".styles-module__container___XexOI {\r\n display: flex;\r\n flex-direction: column;\r\n align-items: center;\r\n justify-content: center;\r\n min-height: 100vh;\r\n}\r\n\r\n.styles-module__hidden___-0jGC {\r\n display: none;\r\n}\r\n\r\n.styles-module__spinnerWrapper___qSwmZ {\r\n margin-right: 0.5rem;\r\n}\r\n\r\n.styles-module__spinner___rpO6D {\r\n width: 6rem;\r\n height: 6rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__miniSpinner___8K5I8 {\r\n width: 2.5rem;\r\n height: 2.5rem;\r\n animation: styles-module__spin___DkedA 1s linear infinite;\r\n color: #e5e7eb;\r\n fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___WkCxA {\r\n margin-top: 0.5rem;\r\n color: #d1d5db;\r\n}\r\n\r\n@keyframes styles-module__spin___DkedA {\r\n 0% {\r\n transform: rotate(0deg);\r\n }\r\n 100% {\r\n transform: rotate(360deg);\r\n }\r\n}\r\n";
|
|
1144
|
-
var styl
|
|
1144
|
+
var styl = {"container":"styles-module__container___XexOI","hidden":"styles-module__hidden___-0jGC","spinnerWrapper":"styles-module__spinnerWrapper___qSwmZ","spinner":"styles-module__spinner___rpO6D","spin":"styles-module__spin___DkedA","miniSpinner":"styles-module__miniSpinner___8K5I8","text":"styles-module__text___WkCxA"};
|
|
1145
1145
|
styleInject(css_248z$j);
|
|
1146
1146
|
|
|
1147
1147
|
function LoadingSpinner(props) {
|
|
1148
|
-
return (React__namespace.createElement("div", { className: "".concat(props.isOpen ? "" : styl
|
|
1149
|
-
React__namespace.createElement("div", { className: styl
|
|
1150
|
-
React__namespace.createElement("svg", { "aria-hidden": "true", className: styl
|
|
1148
|
+
return (React__namespace.createElement("div", { className: "".concat(props.isOpen ? "" : styl.hidden, " ").concat(styl.container) },
|
|
1149
|
+
React__namespace.createElement("div", { className: styl.spinnerWrapper },
|
|
1150
|
+
React__namespace.createElement("svg", { "aria-hidden": "true", className: styl.spinner, viewBox: "0 0 100 101", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
1151
1151
|
React__namespace.createElement("path", { d: "M100 50.5908C100 78.2051 77.6142 100.591 50 100.591C22.3858 100.591 0 78.2051 0 50.5908C0 22.9766 22.3858 0.59082 50 0.59082C77.6142 0.59082 100 22.9766 100 50.5908ZM9.08144 50.5908C9.08144 73.1895 27.4013 91.5094 50 91.5094C72.5987 91.5094 90.9186 73.1895 90.9186 50.5908C90.9186 27.9921 72.5987 9.67226 50 9.67226C27.4013 9.67226 9.08144 27.9921 9.08144 50.5908Z", fill: "currentColor" }),
|
|
1152
1152
|
React__namespace.createElement("path", { d: "M93.9676 39.0409C96.393 38.4038 97.8624 35.9116 97.0079 33.5539C95.2932 28.8227 92.871 24.3692 89.8167 20.348C85.8452 15.1192 80.8826 10.7238 75.2124 7.41289C69.5422 4.10194 63.2754 1.94025 56.7698 1.05124C51.7666 0.367541 46.6976 0.446843 41.7345 1.27873C39.2613 1.69328 37.813 4.19778 38.4501 6.62326C39.0873 9.04874 41.5694 10.4717 44.0505 10.1071C47.8511 9.54855 51.7191 9.52689 55.5402 10.0491C60.8642 10.7766 65.9928 12.5457 70.6331 15.2552C75.2735 17.9648 79.3347 21.5619 82.5849 25.841C84.9175 28.9121 86.7997 32.2913 88.1811 35.8758C89.083 38.2158 91.5421 39.6781 93.9676 39.0409Z", fill: "currentFill" }))),
|
|
1153
|
-
React__namespace.createElement("div", { className: styl
|
|
1153
|
+
React__namespace.createElement("div", { className: styl.text }, props.text)));
|
|
1154
1154
|
}
|
|
1155
1155
|
|
|
1156
1156
|
var css_248z$i = "/* Pagination */\r\n.styles-module__paginationContainer___vywbX {\r\n padding: 0.5rem;\r\n margin-bottom: 2rem;\r\n display: inline-block;\r\n float: right;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__justifySpaceBetween___-wa43 {\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__paginationContainer___vywbX .styles-module__flex___-hVV8 {\r\n display: flex;\r\n}\r\n\r\n.styles-module__paginationButtons___n6Pha {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n margin-top: 1rem;\r\n border: 1px solid #e5e7eb;\r\n border-radius: 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC {\r\n background-color: transparent;\r\n color: var(--paginationv2-optionselect-text-color);\r\n padding: 0.5rem 1rem;\r\n border: none;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC:hover {\r\n background-color: #00436d;\r\n font-weight: bold;\r\n color: white;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J:disabled,\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2:disabled {\r\n opacity: 0.5;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__prev___BSV6J {\r\n border-radius: 0.375rem 0 0 0.375rem;\r\n}\r\n\r\n.styles-module__paginationButton___3y1CC.styles-module__next___ajQD2 {\r\n border-radius: 0 0.375rem 0.375rem 0;\r\n}\r\n\r\n.styles-module__paginationButtonActive___FY4f3 {\r\n background-color: #00436d;\r\n color: white;\r\n border-color: #00436d;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z {\r\n background-color: #eeeeee54;\r\n color: #a0a0a0 !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__paginationButtonDisabled___P7A9z:hover {\r\n background-color: #c3c3c3 !important;\r\n}\r\n";
|
|
@@ -1288,9 +1288,9 @@ var Pagination = function (_a) {
|
|
|
1288
1288
|
handlePage(Number(value));
|
|
1289
1289
|
} }),
|
|
1290
1290
|
React.createElement("div", { className: styles$h.separatorItem }),
|
|
1291
|
-
React.createElement("button", { className: styles$h.navButton, onClick: handlePrevious, disabled: currentPage === 1 },
|
|
1291
|
+
React.createElement("button", { className: styles$h.navButton, onClick: handlePrevious, disabled: currentPage === 1, "aria-label": "P\u00E1gina anterior" },
|
|
1292
1292
|
React.createElement(IconArrowLeft, { fill: "currentColor" })),
|
|
1293
|
-
React.createElement("button", { className: styles$h.navButton, onClick: handleNext, disabled: currentPage === countPage },
|
|
1293
|
+
React.createElement("button", { className: styles$h.navButton, onClick: handleNext, disabled: currentPage === countPage, "aria-label": "Pr\u00F3xima p\u00E1gina" },
|
|
1294
1294
|
React.createElement(IconArrowRight, { fill: "currentColor" })))));
|
|
1295
1295
|
};
|
|
1296
1296
|
|
|
@@ -23729,8 +23729,8 @@ var ModalUI = function (_a) {
|
|
|
23729
23729
|
React.createElement("div", { className: styles$5.childrenContainer }, children)))));
|
|
23730
23730
|
};
|
|
23731
23731
|
|
|
23732
|
-
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px
|
|
23733
|
-
var
|
|
23732
|
+
var css_248z$6 = "@keyframes styles-module__fadeIn___09YGY {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n position: fixed;\r\n top: 0;\r\n left: 0;\r\n right: 0;\r\n bottom: 0;\r\n background: rgba(0, 0, 0, 0.5);\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n z-index: 1000;\r\n overflow-y: hidden;\r\n animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n z-index: 10000;\r\n background: white;\r\n border-radius: 16px;\r\n position: relative;\r\n margin: auto;\r\n max-width: fit-content;\r\n width: 100%;\r\n background-color: var(--background-color);\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n .styles-module__modal___4vuMK {\r\n width: 95%;\r\n max-width: 95vw;\r\n }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n display: flex;\r\n text-align: justify;\r\n background-color: var(--modal-header-bg-color);\r\n color: rgba(255, 255, 255, 0.96);\r\n border-top-left-radius: 16px;\r\n border-top-right-radius: 16px;\r\n padding: 1rem 1.5rem;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n display: flex;\r\n flex-direction: column;\r\n flex: 0 1 auto;\r\n font-family: Open Sans;\r\n font-weight: 700;\r\n font-size: 20px;\r\n line-height: 100%;\r\n letter-spacing: 0px;\r\n vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n vertical-align: middle;\r\n cursor: pointer;\r\n height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n margin: 16px 16px 16px 16px;\r\n max-height: 500px;\r\n overflow-x: hidden;\r\n overflow-y: auto;\r\n background-color: var(--background-color);\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n display: flex;\r\n flex-direction: row;\r\n gap: 1rem;\r\n padding: 0 16px 16px;\r\n justify-content: flex-end;\r\n border-bottom-left-radius: 16px;\r\n border-bottom-right-radius: 16px;\r\n}\r\n";
|
|
23733
|
+
var style = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
|
|
23734
23734
|
styleInject(css_248z$6);
|
|
23735
23735
|
|
|
23736
23736
|
var Modal = function (_a) {
|
|
@@ -23750,25 +23750,25 @@ var Modal = function (_a) {
|
|
|
23750
23750
|
};
|
|
23751
23751
|
if (!isVisible && !isOpen)
|
|
23752
23752
|
return null;
|
|
23753
|
-
return (React.createElement("div", { className: "".concat(
|
|
23754
|
-
React.createElement("div", { className: "".concat(
|
|
23753
|
+
return (React.createElement("div", { className: "".concat(style.modalOverlay), onClick: handleClose },
|
|
23754
|
+
React.createElement("div", { className: "".concat(style.modal, " ").concat(className || ""), onClick: function (e) { return e.stopPropagation(); } }, children)));
|
|
23755
23755
|
};
|
|
23756
23756
|
|
|
23757
23757
|
var ModalFooter = function (_a) {
|
|
23758
23758
|
var children = _a.children, className = _a.className;
|
|
23759
|
-
return (React.createElement("footer", { className: "".concat(
|
|
23759
|
+
return (React.createElement("footer", { className: "".concat(style.modalFooter, " ").concat(className || "") }, children));
|
|
23760
23760
|
};
|
|
23761
23761
|
|
|
23762
23762
|
var ModalHeader = function (_a) {
|
|
23763
23763
|
var children = _a.children, onClose = _a.onClose, className = _a.className;
|
|
23764
|
-
return (React.createElement("header", { className: "".concat(
|
|
23765
|
-
React.createElement("div", { className:
|
|
23766
|
-
React.createElement(IconCLose, { className:
|
|
23764
|
+
return (React.createElement("header", { className: "".concat(style.modalHeader, " ").concat(className || "") },
|
|
23765
|
+
React.createElement("div", { className: style.modalHeaderContent }, children),
|
|
23766
|
+
React.createElement(IconCLose, { className: style.closeButton, onClick: onClose })));
|
|
23767
23767
|
};
|
|
23768
23768
|
|
|
23769
23769
|
var ModalBody = function (_a) {
|
|
23770
23770
|
var children = _a.children, className = _a.className;
|
|
23771
|
-
return (React.createElement("div", { className: "".concat(
|
|
23771
|
+
return (React.createElement("div", { className: "".concat(style.modalBody, " ").concat(className || "") }, children));
|
|
23772
23772
|
};
|
|
23773
23773
|
|
|
23774
23774
|
var css_248z$5 = ".styles-module__relativeDiv___4G0-P {\r\n position: relative;\r\n display: flex;\r\n justify-content: flex-end;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN {\r\n border: none;\r\n cursor: pointer;\r\n outline: none;\r\n background-color: transparent;\r\n}\r\n\r\n.styles-module__buttonDropdownTrigger___EZxPN svg {\r\n color: var(--color-secondary);\r\n width: 24px;\r\n height: 18px;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz {\r\n position: absolute;\r\n top: 100%;\r\n right: 10px;\r\n min-width: 200px;\r\n background-color: white;\r\n border-radius: 10px;\r\n box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);\r\n z-index: 1000;\r\n padding: 5px;\r\n opacity: 0;\r\n visibility: hidden;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownMenu___s4viz.styles-module__active___ieadq {\r\n opacity: 1;\r\n visibility: visible;\r\n transition: opacity 0.3s ease, visibility 0.3s ease;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy {\r\n display: flex;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.2rem 0.4rem;\r\n color: var(--color-secondary);\r\n background-color: white;\r\n border: none;\r\n cursor: pointer;\r\n font-size: 14px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy label {\r\n vertical-align: middle;\r\n border: none;\r\n cursor: pointer;\r\n font-family: Open Sans;\r\n font-weight: 400;\r\n font-size: 13px;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy svg {\r\n vertical-align: middle;\r\n height: 16px;\r\n width: 16px;\r\n margin-right: 0.2rem;\r\n color: var(--foreground);\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__dropdownItem___5HFiy:hover {\r\n background-color: #e5f1f9;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__iconeInDots___qmaFm {\r\n border: none !important;\r\n background-color: transparent;\r\n white-space: nowrap;\r\n overflow: hidden;\r\n text-overflow: ellipsis;\r\n height: 1rem;\r\n padding: 0;\r\n margin: 0;\r\n outline: none;\r\n cursor: pointer;\r\n}\r\n";
|