pge-front-common 10.2.4 → 10.3.0

package/lib/components/ProgressCircle/progressCircle.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { ProgressCircleProps } from "./progressCircle.types";
+declare function ProgressCircle({ percentage, message, size, onClose, }: ProgressCircleProps): React.JSX.Element;
+export default ProgressCircle;

package/lib/components/ProgressCircle/progressCircle.stories.d.ts

@@ -0,0 +1,12 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import ProgressCircle from "./progressCircle";
+declare const meta: Meta<typeof ProgressCircle>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const FullProgress: Story;
+export declare const Halfway: Story;
+export declare const LowProgress: Story;
+export declare const SmallSize: Story;
+export declare const MediumSize: Story;
+export declare const LargeSize: Story;

package/lib/components/ProgressCircle/progressCircle.types.d.ts

@@ -0,0 +1,6 @@
+export interface ProgressCircleProps {
+    percentage: number;
+    message?: string;
+    size?: "small" | "medium" | "large";
+    onClose: () => void;
+}

package/lib/icons/hour-glass-icon.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { SVGProps } from "react";
+export declare const IconHourglass: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;

package/lib/icons/index.d.ts

@@ -26,7 +26,8 @@ import { LogoRhDigital } from "./logo-rh-digital";
 import { LogoPGERG } from "./logo-pge-rj";
 import { IconInvisibility } from "./invisibility-icon";
 import { IconPdf } from "./pdf-icon";
+import { IconHourglass } from "./hour-glass-icon";
 import { IconSearch } from "./search-icon";
 import { IconUpAndDownArror } from "./up-down-arrow";
 import { IconCheck } from "./check-icon";
-export { IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconSearch, IconUpAndDownArror, IconCheck };
+export { IconDownload, IconVisibility, IconEdit, IconDelete, IconCalendar, IconProfile, IconUpload, IconNewTab, IconWarning, IconCheckCircle, IconEventAvaliable, IconLogout, IconCLose, IconAdd, IconRemove, IconCircleExpland, IconCircleRecall, IconArrowExpland, IconArrowRecall, IconTriangleExpand, IconTriangleRecall, IconSwap, IconAddCell, MenuIcon, LogoRhDigital, LogoPGERG, IconInvisibility, IconPdf, IconHourglass, IconSearch, IconUpAndDownArror, IconCheck, };

package/lib/index.d.ts

@@ -286,10 +286,14 @@ declare const IconAddCell: (props?: SVGProps<SVGSVGElement>) => React__default.J
 
 declare const IconInvisibility: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
+declare const IconPdf: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
+declare const IconHourglass: (props: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
+
 declare const IconSearch: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
 declare const IconUpAndDownArror: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
 declare const IconCheck: (props?: SVGProps<SVGSVGElement>) => React__default.JSX.Element;
 
-export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconInvisibility, IconLogout, IconNewTab, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };
+export { Accordion, AccordionItem, type AccordionItemProps, BoxError, BoxSuccess, Button, type ButtonProps, Checkbox, type Column, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, type InformativeBoxProps, InputBase, type InputProps, LoadingSpinner, SelectMult as Multiselect, type OptionsProps, PaginationTable, Pagination as PaginationV2, PasswordInput, RadioGroupBase, type RadioGroupBaseProps, type SelectMultProps, TableComponent, type TableComponentProps, TextareaBase, type TextareaBaseProps, Title };

package/lib/index.esm.js

@@ -100,7 +100,7 @@ var InputBase = function (_a) {
             leftIcon && React__default.createElement("div", { className: styles$h.iconWrapperLeft }, leftIcon),
             React__default.createElement("input", __assign({ className: clsx(styles$h.textInput, customClass, (_b = {},
                     _b[styles$h.textInputDanger] = restrictionMessage,
-                    _b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style) }, props)),
+                    _b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.name }, props)),
             rightIcon && (React__default.createElement("button", { type: "button", className: styles$h.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
         restrictionMessage && (React__default.createElement("div", { className: styles$h.restrictionMessage }, restrictionMessage))));
 };
@@ -315,6 +315,12 @@ var LogoPGERG = function (props) {
 var IconInvisibility = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M13.4163 9.08301L12.208 7.87468C12.333 7.2219 12.1455 6.61079 11.6455 6.04134C11.1455 5.4719 10.4997 5.24967 9.70801 5.37467L8.49967 4.16634C8.73579 4.05523 8.97537 3.9719 9.21842 3.91634C9.46148 3.86079 9.7219 3.83301 9.99967 3.83301C11.0413 3.83301 11.9268 4.19759 12.6559 4.92676C13.3851 5.65592 13.7497 6.54134 13.7497 7.58301C13.7497 7.86079 13.7219 8.1212 13.6663 8.36426C13.6108 8.60731 13.5275 8.8469 13.4163 9.08301ZM16.083 11.708L14.8747 10.5413C15.4025 10.1386 15.8712 9.69759 16.2809 9.21843C16.6906 8.73926 17.0413 8.19412 17.333 7.58301C16.6386 6.18023 15.642 5.06565 14.3434 4.23926C13.0448 3.41287 11.5969 2.99967 9.99967 2.99967C9.5969 2.99967 9.20106 3.02745 8.81217 3.08301C8.42329 3.13856 8.04134 3.2219 7.66634 3.33301L6.37467 2.04134C6.94412 1.80523 7.52745 1.62815 8.12467 1.51009C8.7219 1.39204 9.3469 1.33301 9.99967 1.33301C12.0969 1.33301 13.965 1.91287 15.6038 3.07259C17.2427 4.23231 18.4302 5.73579 19.1663 7.58301C18.8469 8.40245 18.4268 9.16287 17.9059 9.86426C17.3851 10.5656 16.7775 11.1802 16.083 11.708ZM16.4997 16.833L12.9997 13.3747C12.5136 13.5275 12.024 13.642 11.5309 13.7184C11.0379 13.7948 10.5275 13.833 9.99967 13.833C7.90245 13.833 6.0344 13.2531 4.39551 12.0934C2.75662 10.9337 1.56912 9.43023 0.833008 7.58301C1.12467 6.8469 1.49273 6.16287 1.93717 5.53092C2.38162 4.89898 2.88856 4.33301 3.45801 3.83301L1.16634 1.49967L2.33301 0.333008L17.6663 15.6663L16.4997 16.833ZM4.62467 4.99967C4.2219 5.36079 3.85384 5.75662 3.52051 6.18717C3.18717 6.61773 2.90245 7.08301 2.66634 7.58301C3.36079 8.98579 4.35731 10.1004 5.65592 10.9268C6.95454 11.7531 8.40245 12.1663 9.99967 12.1663C10.2775 12.1663 10.5483 12.149 10.8122 12.1143C11.0761 12.0795 11.3469 12.0413 11.6247 11.9997L10.8747 11.208C10.7219 11.2497 10.5761 11.2809 10.4372 11.3018C10.2983 11.3226 10.1525 11.333 9.99967 11.333C8.95801 11.333 8.07259 10.9684 7.34342 10.2393C6.61426 9.51009 6.24967 8.62467 6.24967 7.58301C6.24967 7.43023 6.26009 7.2844 6.28092 7.14551C6.30176 7.00662 6.33301 6.86079 6.37467 6.70801L4.62467 4.99967Z", fill: "#A0A0A0" }))); };
 
+var IconPdf = function (props) { return (React__default.createElement("svg", __assign({ width: "21", height: "21", viewBox: "0 0 21 21", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React__default.createElement("path", { d: "M7.6665 11H8.6665V9H9.6665C9.94984 9 10.1873 8.90417 10.379 8.7125C10.5707 8.52083 10.6665 8.28333 10.6665 8V7C10.6665 6.71667 10.5707 6.47917 10.379 6.2875C10.1873 6.09583 9.94984 6 9.6665 6H7.6665V11ZM8.6665 8V7H9.6665V8H8.6665ZM11.6665 11H13.6665C13.9498 11 14.1873 10.9042 14.379 10.7125C14.5707 10.5208 14.6665 10.2833 14.6665 10V7C14.6665 6.71667 14.5707 6.47917 14.379 6.2875C14.1873 6.09583 13.9498 6 13.6665 6H11.6665V11ZM12.6665 10V7H13.6665V10H12.6665ZM15.6665 11H16.6665V9H17.6665V8H16.6665V7H17.6665V6H15.6665V11ZM6.6665 16.5C6.1165 16.5 5.64567 16.3042 5.254 15.9125C4.86234 15.5208 4.6665 15.05 4.6665 14.5V2.5C4.6665 1.95 4.86234 1.47917 5.254 1.0875C5.64567 0.695833 6.1165 0.5 6.6665 0.5H18.6665C19.2165 0.5 19.6873 0.695833 20.079 1.0875C20.4707 1.47917 20.6665 1.95 20.6665 2.5V14.5C20.6665 15.05 20.4707 15.5208 20.079 15.9125C19.6873 16.3042 19.2165 16.5 18.6665 16.5H6.6665ZM6.6665 14.5H18.6665V2.5H6.6665V14.5ZM2.6665 20.5C2.1165 20.5 1.64567 20.3042 1.254 19.9125C0.862337 19.5208 0.666504 19.05 0.666504 18.5V4.5H2.6665V18.5H16.6665V20.5H2.6665Z", fill: "black" }))); };
+
+var IconHourglass = function (props) { return (React__default.createElement("svg", __assign({ width: "14", height: "18", viewBox: "0 0 14 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+    React__default.createElement("path", { d: "M3.75 16.2H10.25V13.5C10.25 12.51 9.93177 11.6625 9.29531 10.9575C8.65885 10.2525 7.89375 9.9 7 9.9C6.10625 9.9 5.34115 10.2525 4.70469 10.9575C4.06823 11.6625 3.75 12.51 3.75 13.5V16.2ZM0.5 18V16.2H2.125V13.5C2.125 12.585 2.31797 11.7263 2.70391 10.9238C3.08984 10.1213 3.62812 9.48 4.31875 9C3.62812 8.52 3.08984 7.87875 2.70391 7.07625C2.31797 6.27375 2.125 5.415 2.125 4.5V1.8H0.5V0H13.5V1.8H11.875V4.5C11.875 5.415 11.682 6.27375 11.2961 7.07625C10.9102 7.87875 10.3719 8.52 9.68125 9C10.3719 9.48 10.9102 10.1213 11.2961 10.9238C11.682 11.7263 11.875 12.585 11.875 13.5V16.2H13.5V18H0.5Z", fill: "#4A4A4B", fillOpacity: "0.8" }))); };
+
 var IconSearch = function (props) { return (React__default.createElement("svg", __assign({ width: "23", height: "15", viewBox: "0 0 23 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
     React__default.createElement("path", { d: "M16.3333 17.5L11.0833 12.25C10.6667 12.5833 10.1875 12.8472 9.64583 13.0417C9.10417 13.2361 8.52778 13.3333 7.91667 13.3333C6.40278 13.3333 5.12153 12.809 4.07292 11.7604C3.02431 10.7118 2.5 9.43056 2.5 7.91667C2.5 6.40278 3.02431 5.12153 4.07292 4.07292C5.12153 3.02431 6.40278 2.5 7.91667 2.5C9.43056 2.5 10.7118 3.02431 11.7604 4.07292C12.809 5.12153 13.3333 6.40278 13.3333 7.91667C13.3333 8.52778 13.2361 9.10417 13.0417 9.64583C12.8472 10.1875 12.5833 10.6667 12.25 11.0833L17.5 16.3333L16.3333 17.5ZM7.91667 11.6667C8.95833 11.6667 9.84375 11.3021 10.5729 10.5729C11.3021 9.84375 11.6667 8.95833 11.6667 7.91667C11.6667 6.875 11.3021 5.98958 10.5729 5.26042C9.84375 4.53125 8.95833 4.16667 7.91667 4.16667C6.875 4.16667 5.98958 4.53125 5.26042 5.26042C4.53125 5.98958 4.16667 6.875 4.16667 7.91667C4.16667 8.95833 4.53125 9.84375 5.26042 10.5729C5.98958 11.3021 6.875 11.6667 7.91667 11.6667Z", fill: "#A0A0A0" }))); };
 
@@ -799,7 +805,7 @@ var PaginationTable = function (_a) {
                 React__default.createElement("button", { type: "button", className: "".concat(styles$4.paginationButton, " ").concat(currentPage === countPage ? styles$4.paginationButtonDisabled : ""), onClick: function () { return handleClickPage === null || handleClickPage === void 0 ? void 0 : handleClickPage(currentPage + 1); }, disabled: currentPage === countPage }, ">")))));
 };
 
-var css_248z$4 = ".styles-module__paginationContainer___FagFs {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background-color: #ffffff;\r\n  font-size: 14px;\r\n  max-height: 61px;\r\n  border-radius: 0px 0px 10px 10px;\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.styles-module__itemsPerPageWrapper___PTkJr {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.styles-module__itemsPerPageWrapperSelect___gVLGU {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.styles-module__paginationInfo___NrLda {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.styles-module__navigationWrapper___lJ040 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.styles-module__separator___EWbws {\r\n  width: 32px;\r\n  height: 1px;\r\n  color: #cccccc;\r\n  border: 1px solid #cccccc;\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  margin: 0 5px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:disabled {\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* .navButton:hover:not(:disabled) {\r\n} */\r\n\r\n/* Select.module.css */\r\n.styles-module__selectContainerPagination___C-Epb {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 12px;\r\n  background: white;\r\n  border-radius: 4px;\r\n  cursor: default;\r\n  gap: 12px;\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.styles-module__icon___-BaZE {\r\n  width: 10px;\r\n  height: 18px;\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.styles-module__iconOpen___Azg3S {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__optionsList___Xs-ze {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  margin-top: 4px;\r\n  background: white;\r\n  border: 1px solid #e1e1e1;\r\n  border-radius: 4px;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  z-index: 1000;\r\n  max-height: 200px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.styles-module__option___riTqX {\r\n  padding: 8px 12px;\r\n  font-size: 14px;\r\n  color: #333;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module__option___riTqX:hover {\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.styles-module__option___riTqX.styles-module__selected___6iUvP {\r\n  background-color: #e6f3f9;\r\n  color: #005a92;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD:hover {\r\n  border-color: #005a92;\r\n}\r\n";
+var css_248z$4 = ".styles-module__paginationContainer___FagFs {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 16px;\r\n  border: 1px solid #d9d9d9;\r\n  border-radius: 8px;\r\n  background-color: #ffffff;\r\n  font-size: 14px;\r\n  max-height: 61px;\r\n  border-radius: 0px 0px 10px 10px;\r\n}\r\n\r\n.styles-module__labelItems___p-9pv {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__labelItems___p-9pv {\r\n    display: none;\r\n  }\r\n}\r\n\r\n.styles-module__itemsPerPageWrapper___PTkJr {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 6px;\r\n}\r\n\r\n.styles-module__itemsPerPageWrapperSelect___gVLGU {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 15px;\r\n}\r\n\r\n.styles-module__paginationInfo___NrLda {\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n}\r\n\r\n.styles-module__navigationWrapper___lJ040 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 5px;\r\n}\r\n\r\n.styles-module__separator___EWbws {\r\n  width: 32px;\r\n  height: 1px;\r\n  color: #cccccc;\r\n  border: 1px solid #cccccc;\r\n  transform: rotate(90deg);\r\n}\r\n\r\n.styles-module__currentPage___SRV7Q {\r\n  font-size: 16px;\r\n  font-weight: bold;\r\n  margin: 0 5px;\r\n}\r\n\r\n.styles-module__navButton___pqOMS {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  width: 32px;\r\n  height: 32px;\r\n  border: none;\r\n  background-color: transparent;\r\n  cursor: pointer;\r\n  transition: background-color 0.2s;\r\n}\r\n\r\n.styles-module__navButton___pqOMS:disabled {\r\n  cursor: not-allowed;\r\n}\r\n\r\n/* .navButton:hover:not(:disabled) {\r\n} */\r\n\r\n/* Select.module.css */\r\n.styles-module__selectContainerPagination___C-Epb {\r\n  position: relative;\r\n  display: inline-block;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD {\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  padding: 8px 12px;\r\n  background: white;\r\n  border-radius: 4px;\r\n  cursor: default;\r\n  gap: 12px;\r\n}\r\n\r\n.styles-module__selectedValue___S6skE {\r\n  font-size: 14px;\r\n  color: #333;\r\n}\r\n\r\n.styles-module__icon___-BaZE {\r\n  width: 10px;\r\n  height: 18px;\r\n  cursor: pointer;\r\n  transition: transform 0.2s ease;\r\n}\r\n\r\n.styles-module__iconOpen___Azg3S {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.styles-module__optionsList___Xs-ze {\r\n  position: absolute;\r\n  top: 100%;\r\n  left: 0;\r\n  right: 0;\r\n  margin-top: 4px;\r\n  background: white;\r\n  border: 1px solid #e1e1e1;\r\n  border-radius: 4px;\r\n  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  z-index: 1000;\r\n  max-height: 200px;\r\n  overflow-y: auto;\r\n}\r\n\r\n.styles-module__option___riTqX {\r\n  padding: 8px 12px;\r\n  font-size: 14px;\r\n  color: #333;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module__option___riTqX:hover {\r\n  background-color: #f5f5f5;\r\n}\r\n\r\n.styles-module__option___riTqX.styles-module__selected___6iUvP {\r\n  background-color: #e6f3f9;\r\n  color: #005a92;\r\n}\r\n\r\n.styles-module__selectTrigger___A5PsD:hover {\r\n  border-color: #005a92;\r\n}\r\n";
 var styles$3 = {"paginationContainer":"styles-module__paginationContainer___FagFs","labelItems":"styles-module__labelItems___p-9pv","itemsPerPageWrapper":"styles-module__itemsPerPageWrapper___PTkJr","itemsPerPageWrapperSelect":"styles-module__itemsPerPageWrapperSelect___gVLGU","paginationInfo":"styles-module__paginationInfo___NrLda","navigationWrapper":"styles-module__navigationWrapper___lJ040","separator":"styles-module__separator___EWbws","currentPage":"styles-module__currentPage___SRV7Q","navButton":"styles-module__navButton___pqOMS","selectContainerPagination":"styles-module__selectContainerPagination___C-Epb","selectTrigger":"styles-module__selectTrigger___A5PsD","selectedValue":"styles-module__selectedValue___S6skE","icon":"styles-module__icon___-BaZE","iconOpen":"styles-module__iconOpen___Azg3S","optionsList":"styles-module__optionsList___Xs-ze","option":"styles-module__option___riTqX","selected":"styles-module__selected___6iUvP"};
 styleInject(css_248z$4);
 
@@ -8302,5 +8308,5 @@ var TableComponent = function (_a) {
 var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: var(--font-open-sans-serif);\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  /* fonts */\r\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\r\n  --font-open-sans-light: \"Open Sans\", 300;\r\n  --font-open-sans-regular: \"Open Sans\", 400;\r\n  --font-open-sans-bold: \"Open Sans\", 700;\r\n  /* colors */\r\n  --color-primary: #005a92;\r\n  --color-secondary: #303030;\r\n  --color-success: #198754;\r\n  --color-warning: #cb8700;\r\n  --color-information: #1a95b0;\r\n  --color-danger: #cb0a0a;\r\n  --color-focus: var(--color-information);\r\n  --color-focus-outline: #0091ea80;\r\n  --color-placeholder: #9ca4b47d;\r\n  --color-border: #cfcfcffc;\r\n  --color-label: #303030;\r\n  --color-input: #30303090;\r\n  --background-color-success: #1987541a;\r\n  --background-color-error: #cb0a0a1a;\r\n  --background-color-warning: #cb87001a;\r\n  --background-color-table-primary: #eeeeee;\r\n  --background-color-table-secondary: #f6f6f6;\r\n  --background-color-table-hover: #e5f1f9;\r\n  /* input */\r\n  --input-border: 1px solid var(--color-border);\r\n  --input-border-danger: 1px solid var(--color-danger);\r\n  --input-border-radius: 8px;\r\n  --input-border-focus: 1px solid var(--color-focus);\r\n  --input-cursor: pointer;\r\n  --input-font-size: 14px;\r\n  --input-font-weight: 700;\r\n  --input-line-height: 21px;\r\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\r\n  --input-outline-danger: solid var(--color-danger) 1.5px;\r\n\r\n  /* Theming colors */\r\n  --background-color: #fff;\r\n  --foreground: #303030;\r\n  --success-color: #198754;\r\n  --warning-color: #cb8700;\r\n  --alert-color: #cb0a0a;\r\n  --information-color: #1a95b0;\r\n\r\n  --primary-color: #005a92;\r\n  --pge-gold: #bb9b32;\r\n  --hover-color: #00436d;\r\n  --icon-color: #4a4a4b;\r\n  --border-color: #d9d9d9;\r\n  --light-grey-color: #c3c3c3;\r\n  --grey-color: #a0a0a0;\r\n}\r\n\r\n/* TO-DO ajustar componentes para aplicar o dark mode */\r\n\r\n/* @media (prefers-color-scheme: dark) {\r\n  html {\r\n    color-scheme: dark;\r\n  }\r\n\r\n  :root {\r\n    --background-color: #303030;\r\n    --foreground: #fff;\r\n    --success-color: #4feba3;\r\n    --warning-color: #e3a833;\r\n    --alert-color: #ff5858;\r\n    --information-color: #37adf6;\r\n  }\r\n  \r\n} */\r\n\r\n.dark-mode {\r\n  --background-color: #303030;\r\n  --foreground: #fff;\r\n  --success-color: #4feba3;\r\n  --warning-color: #e3a833;\r\n  --alert-color: #ff5858;\r\n  --information-color: #37adf6;\r\n}\r\n";
 styleInject(css_248z);
 
-export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconInvisibility, IconLogout, IconNewTab, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, Pagination as PaginationV2, PasswordInput, RadioGroupBase, TableComponent, TextareaBase, Title };
+export { Accordion, AccordionItem, BoxError, BoxSuccess, Button, Checkbox, FooterComponent as Footer, Header, IconAdd, IconAddCell, IconArrowExpland, IconArrowRecall, IconCLose, IconCalendar, IconCheck, IconCheckCircle, IconCircleExpland, IconCircleRecall, IconDelete, IconDownload, IconEdit, IconEventAvaliable, IconHourglass, IconInvisibility, IconLogout, IconNewTab, IconPdf, IconProfile, IconRemove, IconSearch, IconSwap, IconTriangleExpand, IconTriangleRecall, IconUpAndDownArror, IconUpload, IconVisibility, IconWarning, InformativeBox, InputBase, LoadingSpinner, SelectMult as Multiselect, PaginationTable, Pagination as PaginationV2, PasswordInput, RadioGroupBase, TableComponent, TextareaBase, Title };
 //# sourceMappingURL=index.esm.js.map