pge-front-common 14.0.26 → 14.0.27

package/lib/components/Table/index.d.ts

@@ -1,4 +1,4 @@
 import React from "react";
 import { TableComponentProps } from "./index.types";
-declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded, renderHeaderCell, textAlignment, }: TableComponentProps) => React.JSX.Element;
+declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded, renderHeaderCell, textAlignment, getRowClassName, }: TableComponentProps) => React.JSX.Element;
 export default TableComponent;

package/lib/components/Table/index.types.d.ts

@@ -22,4 +22,5 @@ export interface TableComponentProps {
     hasBottomRounded?: boolean;
     renderHeaderCell?: (columnName: string, isSortable?: boolean, columnIcon?: React.ReactNode) => React.ReactNode;
     textAlignment?: "left" | "center" | "right";
+    getRowClassName?: (item: any, index: number) => string;
 }

package/lib/icons/index.d.ts

@@ -46,4 +46,5 @@ import { CommonDotIcon } from "./common-dot-icon";
 import { IconExclude } from "./exclude-icon";
 import { IconView } from "./view-icon";
 import { IconUploadFile2 } from "./upload-file-icon";
-export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconDotsVertical, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, CommonDotIcon, IconExclude, IconView, IconUploadFile2 };
+import { IconInfoRound } from "./info-round-icon";
+export { IconInformative, IconCheckSuccess, IconAlert, IconAttention, IconPrint, IconDownload, IconVisibility, IconEdit, IconDelete, IconDotsVertical, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, LogoPGEBeneficios, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, IconUploadFile, LogoDividaAtiva, IconUploadV2, IconQuestionMark, IconUserLogout, CommonDotIcon, IconExclude, IconView, IconUploadFile2, IconInfoRound };

package/lib/index.d.ts

@@ -340,9 +340,10 @@ interface TableComponentProps {
     hasBottomRounded?: boolean;
     renderHeaderCell?: (columnName: string, isSortable?: boolean, columnIcon?: React__default.ReactNode) => React__default.ReactNode;
     textAlignment?: "left" | "center" | "right";
+    getRowClassName?: (item: any, index: number) => string;
 }
 
-declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded, renderHeaderCell, textAlignment, }: TableComponentProps) => React__default.JSX.Element;
+declare const TableComponent: ({ columns, data, onSort, renderCell, onActionClick, noRecordsMessage, hasIcon, renderActionIconCell, columnIcon, iconColumnName, setBorderTable, hasBottomRounded, renderHeaderCell, textAlignment, getRowClassName, }: TableComponentProps) => React__default.JSX.Element;
 
 interface InputBaseProps extends InputHTMLAttributes<HTMLInputElement> {
     customClass?: string;
@@ -531,6 +532,8 @@ declare const IconView: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.
 
 declare const IconUploadFile2: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
+declare const IconInfoRound: ({ className, ...props }: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
 declare function installPrimeReactStyles(): void;
 
-export { Accordion, AccordionItem, type AccordionItemProps, BasicSelect, Blanket, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconView, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, type OptionsProps$2 as OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, SkeletonLoader, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, installPrimeReactStyles };
+export { Accordion, AccordionItem, type AccordionItemProps, BasicSelect, Blanket, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconView, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, type OptionsProps$2 as OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, type RadioGroupBaseProps, SelectDefault, type SelectDefaultProps, SelectMult, type SelectMultProps, SkeletonLoader, Table, TableBody, TableCell, TableComponent, type TableComponentProps, TableFooter, TableHeader, TableRow, TextareaBase, type TextareaBaseProps, Title, Tooltip, installPrimeReactStyles };

package/lib/index.esm.js

@@ -450,6 +450,12 @@ var IconView = function (props) { return (React__default.createElement("svg", __
 var IconUploadFile2 = function (props) { return (React__default.createElement("svg", { width: "12", height: "14", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React__default.createElement("path", { d: "M5.33366 11.6666H6.66699V8.88325L7.73366 9.94992L8.66699 8.99992L6.00033 6.33325L3.33366 8.99992L4.28366 9.93325L5.33366 8.88325V11.6666ZM2.00033 13.6666C1.63366 13.6666 1.31977 13.536 1.05866 13.2749C0.797548 13.0138 0.666992 12.6999 0.666992 12.3333V1.66659C0.666992 1.29992 0.797548 0.98603 1.05866 0.724919C1.31977 0.463807 1.63366 0.333252 2.00033 0.333252H7.33366L11.3337 4.33325V12.3333C11.3337 12.6999 11.2031 13.0138 10.942 13.2749C10.6809 13.536 10.367 13.6666 10.0003 13.6666H2.00033ZM6.66699 4.99992V1.66659H2.00033V12.3333H10.0003V4.99992H6.66699Z", fill: "currentColor" }))); };
 
+var IconInfoRound = function (_a) {
+    var className = _a.className, props = __rest(_a, ["className"]);
+    return (React__default.createElement("svg", __assign({ width: "14", height: "15", viewBox: "0 0 14 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: className }, props),
+        React__default.createElement("path", { d: "M6.33301 10.8333H7.66634V6.83331H6.33301V10.8333ZM6.99967 5.49998C7.18856 5.49998 7.3469 5.43609 7.47467 5.30831C7.60245 5.18053 7.66634 5.0222 7.66634 4.83331C7.66634 4.64442 7.60245 4.48609 7.47467 4.35831C7.3469 4.23054 7.18856 4.16665 6.99967 4.16665C6.81079 4.16665 6.65245 4.23054 6.52467 4.35831C6.3969 4.48609 6.33301 4.64442 6.33301 4.83331C6.33301 5.0222 6.3969 5.18053 6.52467 5.30831C6.65245 5.43609 6.81079 5.49998 6.99967 5.49998ZM6.99967 14.1666C6.07745 14.1666 5.21079 13.9916 4.39967 13.6416C3.58856 13.2916 2.88301 12.8166 2.28301 12.2166C1.68301 11.6166 1.20801 10.9111 0.858008 10.1C0.508008 9.28887 0.333008 8.4222 0.333008 7.49998C0.333008 6.57776 0.508008 5.71109 0.858008 4.89998C1.20801 4.08887 1.68301 3.38331 2.28301 2.78331C2.88301 2.18331 3.58856 1.70831 4.39967 1.35831C5.21079 1.00831 6.07745 0.833313 6.99967 0.833313C7.9219 0.833313 8.78856 1.00831 9.59967 1.35831C10.4108 1.70831 11.1163 2.18331 11.7163 2.78331C12.3163 3.38331 12.7913 4.08887 13.1413 4.89998C13.4913 5.71109 13.6663 6.57776 13.6663 7.49998C13.6663 8.4222 13.4913 9.28887 13.1413 10.1C12.7913 10.9111 12.3163 11.6166 11.7163 12.2166C11.1163 12.8166 10.4108 13.2916 9.59967 13.6416C8.78856 13.9916 7.9219 14.1666 6.99967 14.1666ZM6.99967 12.8333C8.48856 12.8333 9.74967 12.3166 10.783 11.2833C11.8163 10.25 12.333 8.98887 12.333 7.49998C12.333 6.01109 11.8163 4.74998 10.783 3.71665C9.74967 2.68331 8.48856 2.16665 6.99967 2.16665C5.51079 2.16665 4.24967 2.68331 3.21634 3.71665C2.18301 4.74998 1.66634 6.01109 1.66634 7.49998C1.66634 8.98887 2.18301 10.25 3.21634 11.2833C4.24967 12.3166 5.51079 12.8333 6.99967 12.8333Z", fill: "currentColor" })));
+};
+
 var css_248z$y = ".styles-module__toast___JCV9s {\r\n  height: auto;\r\n  border-radius: 8px;\r\n  padding: 12px;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n  width: fit-content;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n  background-color: var(--bg-informative-success);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n  color: var(--success-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n  background-color: var(--bg-informative-alert);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n  color: var(--alert-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n  background-color: var(--bg-informative-warning);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n  color: var(--warning-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n  background-color: var(--bg-informative);\r\n}\r\n\r\n.styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n  line-height: 120%;\r\n}\r\n\r\n.styles-module__content___AING8 {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  width: 100%;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__info___g8ce2 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module__iconSize___os5JS {\r\n  width: 20px;\r\n  height: 20px;\r\n  flex-shrink: 0;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__iconSize___os5JS {\r\n    width: 20px;\r\n    height: 20px;\r\n  }\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n  color: var(--success-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n  color: var(--warning-color);\r\n}\r\n\r\n.styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n}\r\n\r\n.styles-module__text___UCxPH {\r\n  display: flex;\r\n  flex-direction: column;\r\n  justify-content: space-between;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__text___UCxPH strong {\r\n  font-size: var(--font-size-16, 16px);\r\n  font-weight: 700;\r\n  line-height: 16px;\r\n  text-align: left;\r\n  text-decoration-skip-ink: none;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__text___UCxPH strong {\r\n    font-size: var(--font-size-12, 12px);\r\n  }\r\n}\r\n\r\n.styles-module__text___UCxPH span {\r\n  font-weight: 400;\r\n  text-align: left;\r\n  text-decoration-skip-ink: none;\r\n}\r\n\r\n.styles-module__textContent___S1KEv {\r\n  color: var(--foreground);\r\n  font-size: var(--font-size-16);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n  font-weight: 700;\r\n  color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n  font-weight: 700;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n  font-weight: 700;\r\n  color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n  color: var(--information-color);\r\n  font-weight: 700;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__textContent___S1KEv {\r\n    font-size: var(--font-size-12);\r\n  }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN {\r\n  background: none;\r\n  border: none;\r\n  cursor: pointer;\r\n  font-size: var(--font-size-20, 20px);\r\n  color: var(--foreground);\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n  .styles-module__closeButton___ELkqN {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.styles-module__closeButton___ELkqN:hover {\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__iconClose___OPoN8 {\r\n  color: var(--foreground);\r\n}\r\n";
 var styles$v = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
 styleInject(css_248z$y);
@@ -8548,7 +8554,7 @@ styleInject(css_248z$a);
 
 var TableComponent = function (_a) {
     var _b;
-    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e;
+    var columns = _a.columns, data = _a.data, onSort = _a.onSort, renderCell = _a.renderCell, onActionClick = _a.onActionClick, _c = _a.noRecordsMessage, noRecordsMessage = _c === void 0 ? "Nenhum registro encontrado" : _c, hasIcon = _a.hasIcon, renderActionIconCell = _a.renderActionIconCell, columnIcon = _a.columnIcon, iconColumnName = _a.iconColumnName, setBorderTable = _a.setBorderTable, _d = _a.hasBottomRounded, hasBottomRounded = _d === void 0 ? true : _d, renderHeaderCell = _a.renderHeaderCell, _e = _a.textAlignment, textAlignment = _e === void 0 ? "center" : _e, getRowClassName = _a.getRowClassName;
     var handleSort = function (uid) {
         if (onSort)
             onSort(uid);
@@ -8579,7 +8585,7 @@ var TableComponent = function (_a) {
                         iconColumnName || "Ações",
                         " ",
                         columnIcon && columnIcon)))),
-            React__default.createElement("tbody", { className: styles$a.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React__default.createElement("tr", { key: item.id || index, className: index % 2 === 0 ? styles$a.rowWhite : styles$a.rowGray },
+            React__default.createElement("tbody", { className: styles$a.tbody }, data.length > 0 ? (data.map(function (item, index) { return (React__default.createElement("tr", { key: item.id || index, className: clsx(index % 2 === 0 ? styles$a.rowWhite : styles$a.rowGray, getRowClassName === null || getRowClassName === void 0 ? void 0 : getRowClassName(item, index)) },
                 columns.map(function (column) { return (React__default.createElement("td", { key: item.id + column.uid, className: "".concat(styles$a.td, " ").concat(styles$a[textAlignment]) }, renderColumnCell(item, column))); }),
                 hasIcon && (React__default.createElement("td", { className: "".concat(styles$a.actionCell, " ").concat(styles$a[textAlignment]) }, renderActionIconCell(item))))); })) : (React__default.createElement("tr", null,
                 React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$a.noRecords }, noRecordsMessage)))))));
@@ -23565,7 +23571,7 @@ var ModalUI = function (_a) {
                 React__default.createElement("div", { className: styles$3.childrenContainer }, children)))));
 };
 
-var css_248z$4 = "@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: 500px;\r\n  width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__modal___4vuMK {\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 0 16px 16px;\r\n  max-height: 500px;\r\n  padding-right: 16px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\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}\r\n";
+var css_248z$4 = "@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: 500px;\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 0 16px 16px;\r\n  max-height: 500px;\r\n  padding-right: 16px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\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}\r\n";
 var styl = {"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"};
 styleInject(css_248z$4);
 
@@ -23686,5 +23692,5 @@ function installPrimeReactStyles() {
     require("primereact/resources/primereact.css");
 }
 
-export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete$1 as IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, installPrimeReactStyles };
+export { Accordion, AccordionItem, BasicSelect, Blanket, BoxError, BoxSuccess, Button$1 as Button, Checkbox, CommonDotIcon, DateInput, Dropdown, FileUpload, FooterPge as Footer, Header, HeaderPge, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete$1 as IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconExclude, IconHourglass, IconInfoRound, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconPrint, IconProfile, IconQuestionMark, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconUploadFile, IconUploadFile2, IconUploadV2, IconView, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, Menu, MenuAction, MenuList, Modal, ModalBody, ModalFooter, ModalHeader, ModalUI, Option, PaginationTable, Pagination as PaginationV2, PasswordInput, PgeButton, RadioGroupBase, SelectDefault, SelectMult, SkeletonLoader, Table, TableBody, TableCell, TableComponent, TableFooter, TableHeader, TableRow, TextareaBase, Title$1 as Title, Tooltip$1 as Tooltip, installPrimeReactStyles };
 //# sourceMappingURL=index.esm.js.map