npm - pge-front-common - Versions diffs - 14.2.40 → 14.2.42-beta.0 - Mend

pge-front-common 14.2.40 → 14.2.42-beta.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.

Files changed (3) hide show

package/lib/index.esm.js CHANGED Viewed

@@ -9120,7 +9120,7 @@ var TableComponent = function (_a) {
                 React__default.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$j.noRecords }, noRecordsMessage)))))));
 };
-var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
+var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar .p-inputtext.p-component {\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
 var styles$i = {"inputContainer":"styles-module__inputContainer___fmTYP","labelRequired":"styles-module__labelRequired___4ewKH","labelInput":"styles-module__labelInput___wWffN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
 styleInject(css_248z$i);
@@ -28900,7 +28900,7 @@ var TreeSelect = function (_a) {
         restrictionMessage && (React__default.createElement("div", { className: styles$1.restrictionMessage }, restrictionMessage))));
 };
-var css_248z = "/* src/global.css */\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: var(--font-open-sans-serif);\n  margin: 0;\n  padding: 0;\n}\n\nbutton,\ninput,\ntextarea {\n  font-family: var(--font-open-sans-serif);\n}\n\n:root {\n  --font-scale: 0px;\n  /* fonts */\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\n  --font-open-sans-light: \"Open Sans\", 300;\n  --font-open-sans-regular: \"Open Sans\", 400;\n  --font-open-sans-bold: \"Open Sans\", 700;\n  /* colors */\n  --color-white: #ffffff;\n  --color-primary: #005a92;\n  --color-secondary: #303030;\n  --color-success: #198754;\n  --color-warning: #cb8700;\n  --color-information: #1a95b0;\n  --color-danger: #cb0a0a;\n  --color-focus: var(--color-information);\n  --color-focus-outline: #0091ea80;\n  --color-placeholder: #9ca4b47d;\n  --color-border: #cfcfcffc;\n  --color-label: #303030;\n  --color-input: #30303090;\n  --background-color-success: #1987541a;\n  --background-color-error: #cb0a0a1a;\n  --background-color-warning: #cb87001a;\n  --background-color-table-primary: #eeeeee;\n  --background-color-table-secondary: #f6f6f6;\n  --background-color-table-hover: #e5f1f9;\n  --color-weaker-blue: #52819e;\n  --color-dark-gray: #363632;\n  --color-gray-medium: #495057;\n  --color-red-light: #dc354580;\n  /* input */\n  --input-border: 1px solid var(--color-border);\n  --input-border-danger: 1px solid var(--color-danger);\n  --input-border-radius: 8px;\n  --input-border-focus: 1px solid var(--color-focus);\n  --input-cursor: pointer;\n  --input-font-size: 14px;\n  --input-font-weight: 700;\n  --input-line-height: 24px;\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\n  --input-outline-danger: solid var(--color-danger) 1.5px;\n\n  /* Font sizes */\n  --font-size-32: calc(32px + var(--font-scale));\n  --font-size-24: calc(24px + var(--font-scale));\n  --font-size-20: calc(20px + var(--font-scale));\n  --font-size-16: calc(16px + var(--font-scale));\n  --font-size-14: calc(14px + var(--font-scale));\n  --font-size-12: calc(12px + var(--font-scale));\n  --font-size-10: calc(10px + var(--font-scale));\n\n  /* Theming colors */\n  --background-color: #fff;\n  --foreground: #303030;\n  --success-color: #198754;\n  --warning-color: #cb8700;\n  --alert-color: #cb0a0a;\n  --information-color: #005a92d9;\n\n  /* Switch variables */\n  --switch-bg-main-color: #005a92;\n\n  /* Input variables */\n  --input-placeholder-focus: #303030cc;\n  --input-placeholder-color: #30303066;\n  --input-bg-color: #fff;\n  --input-disabled-bg-color: #eeeeee;\n\n  --primary-color: #005a92;\n  --primary-color-with-opacity: #005a9280;\n  --pge-gold: #bb9b32;\n  --hover-color: #00436d;\n  --icon-color: #4a4a4b;\n  --border-color: #d9d9d9;\n  --light-grey-color: #c3c3c3;\n  --grey-color: #a0a0a0;\n\n  /* Primary Button specific variables */\n  --btn-bg-primary-color: #005a92;\n  --btn-text-primary-color: #fff;\n  --btn-text-hover-primary-color: #fff;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #fff;\n  --btn-bg-hover-secondary-color: #00436d1a;\n  --btn-text-secondary-color: #00436d;\n  --btn-text-hover-secondary-color: #005a92;\n  --btn-bg-focus-secondary-color: #52819e40;\n  --btn-text-focus-secondary-color: #005a92;\n  --btn-border-secondary-color: #52819e;\n  --btn-text-danger-secondary-color: #cb0a0a;\n  --btn-border-danger-secondary-color: #cb0a0a;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: transparent;\n  --btn-text-tertiary-color: #005a92;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #0b81ca47;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #cb0a0a;\n  --btn-border-danger-tertiary-color: #cb0a0a;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: #52819e;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Header variables */\n  --header-bg-main-color: #fff;\n  --header-logout-btn-color: #005a92;\n  --header-logout-icon-color: #005a92;\n  --header-menu-icon-color: #005a92;\n  --header-menu-seta-color: #000;\n  --header-bg-dropdown: #fff;\n  --header-font-dropdown: #303030;\n  --header-hover-dropdown: #005a921a;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #005a921a;\n  --checkbox-checked-bg-color: #005a92;\n  --checkbox-checked-border-color: #005a92;\n  --checkbox-checked-hover-bg-color: #005a92;\n  --checkbox-checked-hover-border-color: #005a92;\n  --checkbox-focus-box-shadow-color: #5e92b3;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #005a92;\n  --paginationv2-selecttrigger-bg-color: #fff;\n  --paginationv2-selectedValue-color: #303030b2;\n  --paginationv2-selecttrigger-border-color: #dee2e6;\n  --paginationv2-optionslist-bg-color: #fff;\n  --paginationv2-optionslist-font-color: #333;\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\n  --paginationv2-optionselect-bg-color: #e6f3f9;\n  --paginationv2-optionselect-text-color: #005a92;\n\n  /* Table variables */\n  --table-text-color: #777;\n\n  /* Informative box */\n  --bg-informative-success: #1987541a;\n  --bg-informative-alert: #cb0a0a1a;\n  --bg-informative-warning: #cb87001a;\n  --bg-informative: #005a9214;\n\n  --footer-bg-color: #005a92;\n\n  /* Modal */\n  --modal-header-bg-color: #005a92;\n\n  /*Loader */\n  --loader-spinning-color: #005a92;\n  --loader-bg-color: #005a921a;\n\n\n  /* Upload variables */\n  --upload-border-color: #005A9280;\n}\n\n/* TO-DO ajustar componentes para aplicar o dark mode */\n\n/* @media (prefers-color-scheme: dark) {\n  html {\n    color-scheme: dark;\n  }\n\n  :root {\n    --background-color: #303030;\n    --foreground: #fff;\n    --success-color: #4feba3;\n    --warning-color: #e3a833;\n    --alert-color: #ff5858;\n    --information-color: #37adf6;\n  }\n\n} */\n\n.dark-mode {\n  --background-color: #303030;\n  --foreground: #fff;\n  --success-color: #4feba3;\n  --warning-color: #e3a833;\n  --alert-color: #ff5858;\n  --information-color: #1a95b0;\n  --color-label: #fff;\n\n  /* Switch variables */\n  --switch-bg-main-color: #37adf6;\n\n  /* Button specific variables */\n  --btn-bg-primary-color: #fff;\n  --btn-text-primary-color: #005a92;\n  --btn-text-hover-primary-color: #005a92;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #000;\n  --btn-bg-hover-secondary-color: #fff;\n  --btn-text-secondary-color: #fff;\n  --btn-text-hover-secondary-color: #000;\n  --btn-bg-focus-secondary-color: #415474;\n  --btn-text-focus-secondary-color: #fff;\n  --btn-border-secondary-color: #fff;\n  --btn-bg-danger-secondary-color: #000;\n  --btn-text-danger-secondary-color: #ff5858;\n  --btn-border-danger-secondary-color: #ff5858;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: #415474;\n  --btn-text-tertiary-color: #fff;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #415474;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #ff5858;\n  --btn-border-danger-tertiary-color: #ff5858;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: transparent;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Input variables */\n  --input-placeholder-color: #fff;\n  --input-placeholder-focus: #fff;\n  --input-bg-color: #2d2d2e;\n  --input-disabled-bg-color: #4b4b4c;\n\n  /* Table variables */\n  --background-color-table-primary: #303030;\n  --background-color-table-secondary: #4b4b4c;\n\n  /* Header variables */\n  --header-bg-main-color: #4a4a4a;\n  --header-logout-btn-color: #fff;\n  --header-logout-icon-color: #fff;\n  --header-menu-icon-color: #fff;\n  --header-menu-seta-color: #fff;\n  --header-bg-dropdown: #303030;\n  --header-font-dropdown: #fff;\n  --header-hover-dropdown: #4a4a4b;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #ffffff;\n  --checkbox-checked-bg-color: #ffffff;\n  --checkbox-checked-border-color: #ffffff;\n  --checkbox-checked-hover-bg-color: #ffffff;\n  --checkbox-checked-hover-border-color: #ffffff;\n  --checkbox-focus-box-shadow-color: #d9d9d980;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n  --checkbox-icon-color: invert(1);\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #ffffff;\n  --paginationv2-selecttrigger-bg-color: #ffffff;\n  --paginationv2-selectedValue-color: #303030;\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\n  --paginationv2-optionslist-bg-color: #4b4b4c;\n  --paginationv2-optionslist-font-color: #fff;\n  --paginationv2-optionslist-hover-bg-color: #303030;\n  --paginationv2-optionselect-bg-color: #2a2a2b;\n  --paginationv2-optionselect-text-color: #fff;\n\n  /* Table variables */\n  --table-text-color: #fff;\n\n  /* Informative box */\n  --bg-informative-success: #303030;\n  --bg-informative-alert: #303030;\n  --bg-informative-warning: #303030;\n  --bg-informative: #303030;\n\n  --footer-bg-color: #000;\n\n  /* Modal */\n  --modal-header-bg-color: #4a4a4a;\n\n  /*Loader */\n  --loader-spinning-color: #fff;\n  --loader-bg-color: #4a4a4b;\n\n    /* Upload variables */\n    --upload-border-color: #2C90CE;\n}\n\n::placeholder {\n  color: var(--input-placeholder-color);\n}\n\n:-ms-input-placeholder {\n  /* Para Internet Explorer 10-11 */\n  color: var(--input-placeholder-color);\n}\n\n::-ms-input-placeholder {\n  /* Para Microsoft Edge */\n  color: var(--input-placeholder-color);\n}\n\n/* Sobreescrevendo propriedades do input date, da lib prime react */\n\n.p-component {\n  font-family: var(--font-open-sans-serif) !important;\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n.p-inputwrapper {\n  width: 100% !important;\n}\n\n.p-button-icon-only {\n  background-color: white !important;\n  box-shadow: none !important;\n  border-top: 1px solid #d1d5db;\n  border-right: 1px solid #d1d5db;\n  border-bottom: 1px solid #d1d5db;\n  border-left: none;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  max-width: 50px;\n}\n\n.buttoFocus {\n  outline: 0 none;\n  outline-offset: 0;\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\n  border-color: #06b6d4;\n}\n\n.buttoInvalid {\n  border-color: red !important;\n}\n\n.buttonHover {\n  border-color: #06b6d4;\n}\n";
+var css_248z = "/* src/global.css */\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: var(--font-open-sans-serif);\n  margin: 0;\n  padding: 0;\n}\n\nbutton,\ninput,\ntextarea {\n  font-family: var(--font-open-sans-serif);\n}\n\n:root {\n  --font-scale: 0px;\n  /* fonts */\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\n  --font-open-sans-light: \"Open Sans\", 300;\n  --font-open-sans-regular: \"Open Sans\", 400;\n  --font-open-sans-bold: \"Open Sans\", 700;\n  /* colors */\n  --color-white: #ffffff;\n  --color-primary: #005a92;\n  --color-secondary: #303030;\n  --color-success: #198754;\n  --color-warning: #cb8700;\n  --color-information: #1a95b0;\n  --color-danger: #cb0a0a;\n  --color-focus: var(--color-information);\n  --color-focus-outline: #0091ea80;\n  --color-placeholder: #9ca4b47d;\n  --color-border: #cfcfcffc;\n  --color-label: #303030;\n  --color-input: #30303090;\n  --background-color-success: #1987541a;\n  --background-color-error: #cb0a0a1a;\n  --background-color-warning: #cb87001a;\n  --background-color-table-primary: #eeeeee;\n  --background-color-table-secondary: #f6f6f6;\n  --background-color-table-hover: #e5f1f9;\n  --color-weaker-blue: #52819e;\n  --color-dark-gray: #363632;\n  --color-gray-medium: #495057;\n  --color-red-light: #dc354580;\n  /* input */\n  --input-border: 1px solid var(--color-border);\n  --input-border-danger: 1px solid var(--color-danger);\n  --input-border-radius: 8px;\n  --input-border-focus: 1px solid var(--color-focus);\n  --input-cursor: pointer;\n  --input-font-size: 14px;\n  --input-font-weight: 700;\n  --input-line-height: 24px;\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\n  --input-outline-danger: solid var(--color-danger) 1.5px;\n\n  /* Font sizes */\n  --font-size-32: calc(32px + var(--font-scale));\n  --font-size-24: calc(24px + var(--font-scale));\n  --font-size-20: calc(20px + var(--font-scale));\n  --font-size-16: calc(16px + var(--font-scale));\n  --font-size-14: calc(14px + var(--font-scale));\n  --font-size-12: calc(12px + var(--font-scale));\n  --font-size-10: calc(10px + var(--font-scale));\n\n  /* Theming colors */\n  --background-color: #fff;\n  --foreground: #303030;\n  --success-color: #198754;\n  --warning-color: #cb8700;\n  --alert-color: #cb0a0a;\n  --information-color: #005a92d9;\n\n  /* Switch variables */\n  --switch-bg-main-color: #005a92;\n\n  /* Input variables */\n  --input-placeholder-focus: #303030cc;\n  --input-placeholder-color: #30303066;\n  --input-bg-color: #fff;\n  --input-disabled-bg-color: #eeeeee;\n\n  --primary-color: #005a92;\n  --primary-color-with-opacity: #005a9280;\n  --pge-gold: #bb9b32;\n  --hover-color: #00436d;\n  --icon-color: #4a4a4b;\n  --border-color: #d9d9d9;\n  --light-grey-color: #c3c3c3;\n  --grey-color: #a0a0a0;\n\n  /* Primary Button specific variables */\n  --btn-bg-primary-color: #005a92;\n  --btn-text-primary-color: #fff;\n  --btn-text-hover-primary-color: #fff;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #fff;\n  --btn-bg-hover-secondary-color: #00436d1a;\n  --btn-text-secondary-color: #00436d;\n  --btn-text-hover-secondary-color: #005a92;\n  --btn-bg-focus-secondary-color: #52819e40;\n  --btn-text-focus-secondary-color: #005a92;\n  --btn-border-secondary-color: #52819e;\n  --btn-text-danger-secondary-color: #cb0a0a;\n  --btn-border-danger-secondary-color: #cb0a0a;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: transparent;\n  --btn-text-tertiary-color: #005a92;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #0b81ca47;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #cb0a0a;\n  --btn-border-danger-tertiary-color: #cb0a0a;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: #52819e;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Header variables */\n  --header-bg-main-color: #fff;\n  --header-logout-btn-color: #005a92;\n  --header-logout-icon-color: #005a92;\n  --header-menu-icon-color: #005a92;\n  --header-menu-seta-color: #000;\n  --header-bg-dropdown: #fff;\n  --header-font-dropdown: #303030;\n  --header-hover-dropdown: #005a921a;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #005a921a;\n  --checkbox-checked-bg-color: #005a92;\n  --checkbox-checked-border-color: #005a92;\n  --checkbox-checked-hover-bg-color: #005a92;\n  --checkbox-checked-hover-border-color: #005a92;\n  --checkbox-focus-box-shadow-color: #5e92b3;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #005a92;\n  --paginationv2-selecttrigger-bg-color: #fff;\n  --paginationv2-selectedValue-color: #303030b2;\n  --paginationv2-selecttrigger-border-color: #dee2e6;\n  --paginationv2-optionslist-bg-color: #fff;\n  --paginationv2-optionslist-font-color: #333;\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\n  --paginationv2-optionselect-bg-color: #e6f3f9;\n  --paginationv2-optionselect-text-color: #005a92;\n\n  /* Table variables */\n  --table-text-color: #777;\n\n  /* Informative box */\n  --bg-informative-success: #1987541a;\n  --bg-informative-alert: #cb0a0a1a;\n  --bg-informative-warning: #cb87001a;\n  --bg-informative: #005a9214;\n\n  --footer-bg-color: #005a92;\n\n  /* Modal */\n  --modal-header-bg-color: #005a92;\n\n  /*Loader */\n  --loader-spinning-color: #005a92;\n  --loader-bg-color: #005a921a;\n\n\n  /* Upload variables */\n  --upload-border-color: #005A9280;\n}\n\n/* TO-DO ajustar componentes para aplicar o dark mode */\n\n/* @media (prefers-color-scheme: dark) {\n  html {\n    color-scheme: dark;\n  }\n\n  :root {\n    --background-color: #303030;\n    --foreground: #fff;\n    --success-color: #4feba3;\n    --warning-color: #e3a833;\n    --alert-color: #ff5858;\n    --information-color: #37adf6;\n  }\n\n} */\n\n.dark-mode {\n  --background-color: #303030;\n  --foreground: #fff;\n  --success-color: #4feba3;\n  --warning-color: #e3a833;\n  --alert-color: #ff5858;\n  --information-color: #1a95b0;\n  --color-label: #fff;\n\n  /* Switch variables */\n  --switch-bg-main-color: #37adf6;\n\n  /* Button specific variables */\n  --btn-bg-primary-color: #fff;\n  --btn-text-primary-color: #005a92;\n  --btn-text-hover-primary-color: #005a92;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #000;\n  --btn-bg-hover-secondary-color: #fff;\n  --btn-text-secondary-color: #fff;\n  --btn-text-hover-secondary-color: #000;\n  --btn-bg-focus-secondary-color: #415474;\n  --btn-text-focus-secondary-color: #fff;\n  --btn-border-secondary-color: #fff;\n  --btn-bg-danger-secondary-color: #000;\n  --btn-text-danger-secondary-color: #ff5858;\n  --btn-border-danger-secondary-color: #ff5858;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: #415474;\n  --btn-text-tertiary-color: #fff;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #415474;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #ff5858;\n  --btn-border-danger-tertiary-color: #ff5858;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: transparent;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Input variables */\n  --input-placeholder-color: #fff;\n  --input-placeholder-focus: #fff;\n  --input-bg-color: #2d2d2e;\n  --input-disabled-bg-color: #4b4b4c;\n\n  /* Table variables */\n  --background-color-table-primary: #303030;\n  --background-color-table-secondary: #4b4b4c;\n\n  /* Header variables */\n  --header-bg-main-color: #4a4a4a;\n  --header-logout-btn-color: #fff;\n  --header-logout-icon-color: #fff;\n  --header-menu-icon-color: #fff;\n  --header-menu-seta-color: #fff;\n  --header-bg-dropdown: #303030;\n  --header-font-dropdown: #fff;\n  --header-hover-dropdown: #4a4a4b;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #ffffff;\n  --checkbox-checked-bg-color: #ffffff;\n  --checkbox-checked-border-color: #ffffff;\n  --checkbox-checked-hover-bg-color: #ffffff;\n  --checkbox-checked-hover-border-color: #ffffff;\n  --checkbox-focus-box-shadow-color: #d9d9d980;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n  --checkbox-icon-color: invert(1);\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #ffffff;\n  --paginationv2-selecttrigger-bg-color: #ffffff;\n  --paginationv2-selectedValue-color: #303030;\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\n  --paginationv2-optionslist-bg-color: #4b4b4c;\n  --paginationv2-optionslist-font-color: #fff;\n  --paginationv2-optionslist-hover-bg-color: #303030;\n  --paginationv2-optionselect-bg-color: #2a2a2b;\n  --paginationv2-optionselect-text-color: #fff;\n\n  /* Table variables */\n  --table-text-color: #fff;\n\n  /* Informative box */\n  --bg-informative-success: #303030;\n  --bg-informative-alert: #303030;\n  --bg-informative-warning: #303030;\n  --bg-informative: #303030;\n\n  --footer-bg-color: #000;\n\n  /* Modal */\n  --modal-header-bg-color: #4a4a4a;\n\n  /*Loader */\n  --loader-spinning-color: #fff;\n  --loader-bg-color: #4a4a4b;\n\n    /* Upload variables */\n    --upload-border-color: #2C90CE;\n}\n\n::placeholder {\n  color: var(--input-placeholder-color);\n}\n\n:-ms-input-placeholder {\n  /* Para Internet Explorer 10-11 */\n  color: var(--input-placeholder-color);\n}\n\n::-ms-input-placeholder {\n  /* Para Microsoft Edge */\n  color: var(--input-placeholder-color);\n}\n\n/* Sobreescrevendo propriedades do input date, da lib prime react */\n\n.p-component {\n  font-family: var(--font-open-sans-serif) !important;\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.p-calendar .p-inputtext.p-component {\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.p-inputwrapper {\n  width: 100% !important;\n}\n\n.p-button-icon-only {\n  background-color: white !important;\n  box-shadow: none !important;\n  border-top: 1px solid #d1d5db;\n  border-right: 1px solid #d1d5db;\n  border-bottom: 1px solid #d1d5db;\n  border-left: none;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  max-width: 50px;\n}\n\n.buttoFocus {\n  outline: 0 none;\n  outline-offset: 0;\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\n  border-color: #06b6d4;\n}\n\n.buttoInvalid {\n  border-color: red !important;\n}\n\n.buttonHover {\n  border-color: #06b6d4;\n}\n";
 styleInject(css_248z);
 function installPrimeReactStyles() {

package/lib/index.js CHANGED Viewed

@@ -9140,7 +9140,7 @@ var TableComponent = function (_a) {
                 React.createElement("td", { colSpan: columns.length + (hasIcon ? 1 : 0), className: styles$j.noRecords }, noRecordsMessage)))))));
 };
-var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
+var css_248z$i = ".styles-module__textInput___gaz7I {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n  border-radius: 8px;\n  gap: 4px;\n  font-size: 13px;\n  border: 1px solid var(--color-border);\n  color: var(--color-dark-gray);\n  outline: none;\n  transition: all 0.5s;\n}\n\n.styles-module__inputContainer___fmTYP {\n  width: 100%;\n  color: var(--color-input);\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  gap: 8px;\n}\n\n.styles-module__inputContainer___fmTYP input {\n  border-top-left-radius: 8px;\n  border-bottom-left-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\n  border-radius: 8px;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\n.styles-module__inputContainer___fmTYP input:disabled {\n  background-color: #eeeeee !important;\n  cursor: not-allowed;\n}\n\n.styles-module__inputContainer___fmTYP input::placeholder {\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.styles-module__inputContainer___fmTYP .p-inputtext {\n  border-color: var(--color-border);\n}\n\n.styles-module__inputContainer___fmTYP .p-button {\n  line-height: 22px;\n  border-color: var(--color-border);\n  border-top-right-radius: 8px;\n  border-bottom-right-radius: 8px;\n}\n\n.styles-module__iconWrapper___H3Icv {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__labelRequired___4ewKH::after {\n  content: \" *\";\n  color: var(--color-danger);\n}\n\n.styles-module__titleLabel___6M8ua {\n  display: flex;\n  align-items: center;\n  margin-bottom: 5px;\n  justify-content: space-between;\n}\n\n.styles-module__labelInput___wWffN {\n  color: var(--color-label);\n  line-height: 24px;\n  font-size: 16px;\n  bottom: 5px;\n  font-weight: 700;\n}\n\n.styles-module__textInput___gaz7I:disabled {\n  background: var(--background-color-table-primary);\n  cursor: not-allowed;\n}\n\n.styles-module__textInput___gaz7I:focus {\n  color: var(--color-gray-medium);\n  outline: none;\n  border: 1px solid var(--color-primary);\n  box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\n}\n\n.styles-module__textInput___gaz7I::placeholder {\n  font-weight: bold;\n  color: var(--color-input) 33;\n}\n\n.styles-module__textInputDanger___YqaWP {\n  border: 1px solid var(--alert-color);\n  box-shadow: 0px 0px 0px 2px var(--color-red-light);\n}\n\n.styles-module__password-input-container___o0AsP {\n  position: relative;\n  width: 360px;\n}\n\n.styles-module__inputTextPswUser___0xWHh:focus {\n  border-color: var(--color-primary);\n  box-shadow: none;\n}\n\n.styles-module__inputTextPswUser___0xWHh:disabled {\n  background-color: var(--light-grey-color);\n  border: var(--color-border);\n}\n\n.styles-module__inputTextPswUser___0xWHh::placeholder {\n  font-weight: 587;\n  color: var(--light-grey-color);\n}\n\n.styles-module__buttonTextPswUser___-UY3m {\n  position: absolute;\n  top: 50%;\n  right: 15px;\n  transform: translateY(-50%);\n  cursor: pointer;\n  background: none;\n  border: none;\n  padding: 0;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\n  top: 35%;\n}\n\n.styles-module__iconEye___MiJMN {\n  width: 24px;\n  height: 24px;\n  color: var(--light-grey-color);\n}\n\n.styles-module__restrictionMessage___QA5v7 {\n  color: var(--alert-color);\n  font-size: var(--font-size-12, 12px);\n  font-weight: 700;\n  line-height: 15px;\n  text-align: left;\n  margin-left: 8px;\n  font-family: var(--font-open-sans-serif);\n}\n\n.styles-module__iconWrapperLeft___mzyII {\n  position: absolute;\n  left: 8px;\n  display: flex;\n  align-items: center;\n}\n\n.styles-module__iconWrapperRight___-s-pG {\n  position: absolute;\n  right: 8px;\n  display: flex;\n  align-items: center;\n  background: none;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  color: inherit;\n}\n\n#styles-module__inputwrapper___4UacS {\n  height: 48px;\n  padding: 14px 8px 14px 8px;\n}\n\n#styles-module__buttonDisplay___tNJLk {\n  width: 100%;\n}\n\n.styles-module__errorRequired___YsP4q {\n  font-size: 16px;\n  font-weight: 700;\n  line-height: 24px;\n  text-align: left;\n  color: var(--color-danger);\n}\n\n.styles-module__calendarWrapper___Txz5G:focus-within {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.styles-module__textCalendar___0ZZB- {\n  width: 100%;\n  height: 48px;\n  padding: 14px 8px;\n  border: none;\n  border-radius: 0;\n}\n\n.styles-module__inputContainer___fmTYP .p-calendar .p-inputtext.p-component {\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.styles-module__calendarWrapper___Txz5G {\n  display: inline-flex;\n  align-items: center;\n  border-radius: 8px;\n  border: 1px solid var(--color-border);\n}\n\n.styles-module__calendarError___UUWT4 {\n  border: 1px solid #cb0a0a;\n  box-shadow: 0 0 0 2px rgba(203, 10, 10, 0.5);\n}\n\n.styles-module__calendarFocus___B899c {\n  border: 1px solid #1a95b0;\n  box-shadow: 0 0 0 0.2rem #0091ea80;\n}\n\n.p-calendar .p-inputtext,\n.p-calendar .p-button-icon-only {\n  border: none !important;\n  box-shadow: none !important;\n}\n\n.p-highlight {\n  background-color: #005a921a;\n  color: #005a92;\n}\n";
 var styles$i = {"inputContainer":"styles-module__inputContainer___fmTYP","labelRequired":"styles-module__labelRequired___4ewKH","labelInput":"styles-module__labelInput___wWffN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","calendarWrapper":"styles-module__calendarWrapper___Txz5G","textCalendar":"styles-module__textCalendar___0ZZB-","calendarError":"styles-module__calendarError___UUWT4","calendarFocus":"styles-module__calendarFocus___B899c"};
 styleInject(css_248z$i);
@@ -28920,7 +28920,7 @@ var TreeSelect = function (_a) {
         restrictionMessage && (React.createElement("div", { className: styles$1.restrictionMessage }, restrictionMessage))));
 };
-var css_248z = "/* src/global.css */\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: var(--font-open-sans-serif);\n  margin: 0;\n  padding: 0;\n}\n\nbutton,\ninput,\ntextarea {\n  font-family: var(--font-open-sans-serif);\n}\n\n:root {\n  --font-scale: 0px;\n  /* fonts */\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\n  --font-open-sans-light: \"Open Sans\", 300;\n  --font-open-sans-regular: \"Open Sans\", 400;\n  --font-open-sans-bold: \"Open Sans\", 700;\n  /* colors */\n  --color-white: #ffffff;\n  --color-primary: #005a92;\n  --color-secondary: #303030;\n  --color-success: #198754;\n  --color-warning: #cb8700;\n  --color-information: #1a95b0;\n  --color-danger: #cb0a0a;\n  --color-focus: var(--color-information);\n  --color-focus-outline: #0091ea80;\n  --color-placeholder: #9ca4b47d;\n  --color-border: #cfcfcffc;\n  --color-label: #303030;\n  --color-input: #30303090;\n  --background-color-success: #1987541a;\n  --background-color-error: #cb0a0a1a;\n  --background-color-warning: #cb87001a;\n  --background-color-table-primary: #eeeeee;\n  --background-color-table-secondary: #f6f6f6;\n  --background-color-table-hover: #e5f1f9;\n  --color-weaker-blue: #52819e;\n  --color-dark-gray: #363632;\n  --color-gray-medium: #495057;\n  --color-red-light: #dc354580;\n  /* input */\n  --input-border: 1px solid var(--color-border);\n  --input-border-danger: 1px solid var(--color-danger);\n  --input-border-radius: 8px;\n  --input-border-focus: 1px solid var(--color-focus);\n  --input-cursor: pointer;\n  --input-font-size: 14px;\n  --input-font-weight: 700;\n  --input-line-height: 24px;\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\n  --input-outline-danger: solid var(--color-danger) 1.5px;\n\n  /* Font sizes */\n  --font-size-32: calc(32px + var(--font-scale));\n  --font-size-24: calc(24px + var(--font-scale));\n  --font-size-20: calc(20px + var(--font-scale));\n  --font-size-16: calc(16px + var(--font-scale));\n  --font-size-14: calc(14px + var(--font-scale));\n  --font-size-12: calc(12px + var(--font-scale));\n  --font-size-10: calc(10px + var(--font-scale));\n\n  /* Theming colors */\n  --background-color: #fff;\n  --foreground: #303030;\n  --success-color: #198754;\n  --warning-color: #cb8700;\n  --alert-color: #cb0a0a;\n  --information-color: #005a92d9;\n\n  /* Switch variables */\n  --switch-bg-main-color: #005a92;\n\n  /* Input variables */\n  --input-placeholder-focus: #303030cc;\n  --input-placeholder-color: #30303066;\n  --input-bg-color: #fff;\n  --input-disabled-bg-color: #eeeeee;\n\n  --primary-color: #005a92;\n  --primary-color-with-opacity: #005a9280;\n  --pge-gold: #bb9b32;\n  --hover-color: #00436d;\n  --icon-color: #4a4a4b;\n  --border-color: #d9d9d9;\n  --light-grey-color: #c3c3c3;\n  --grey-color: #a0a0a0;\n\n  /* Primary Button specific variables */\n  --btn-bg-primary-color: #005a92;\n  --btn-text-primary-color: #fff;\n  --btn-text-hover-primary-color: #fff;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #fff;\n  --btn-bg-hover-secondary-color: #00436d1a;\n  --btn-text-secondary-color: #00436d;\n  --btn-text-hover-secondary-color: #005a92;\n  --btn-bg-focus-secondary-color: #52819e40;\n  --btn-text-focus-secondary-color: #005a92;\n  --btn-border-secondary-color: #52819e;\n  --btn-text-danger-secondary-color: #cb0a0a;\n  --btn-border-danger-secondary-color: #cb0a0a;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: transparent;\n  --btn-text-tertiary-color: #005a92;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #0b81ca47;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #cb0a0a;\n  --btn-border-danger-tertiary-color: #cb0a0a;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: #52819e;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Header variables */\n  --header-bg-main-color: #fff;\n  --header-logout-btn-color: #005a92;\n  --header-logout-icon-color: #005a92;\n  --header-menu-icon-color: #005a92;\n  --header-menu-seta-color: #000;\n  --header-bg-dropdown: #fff;\n  --header-font-dropdown: #303030;\n  --header-hover-dropdown: #005a921a;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #005a921a;\n  --checkbox-checked-bg-color: #005a92;\n  --checkbox-checked-border-color: #005a92;\n  --checkbox-checked-hover-bg-color: #005a92;\n  --checkbox-checked-hover-border-color: #005a92;\n  --checkbox-focus-box-shadow-color: #5e92b3;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #005a92;\n  --paginationv2-selecttrigger-bg-color: #fff;\n  --paginationv2-selectedValue-color: #303030b2;\n  --paginationv2-selecttrigger-border-color: #dee2e6;\n  --paginationv2-optionslist-bg-color: #fff;\n  --paginationv2-optionslist-font-color: #333;\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\n  --paginationv2-optionselect-bg-color: #e6f3f9;\n  --paginationv2-optionselect-text-color: #005a92;\n\n  /* Table variables */\n  --table-text-color: #777;\n\n  /* Informative box */\n  --bg-informative-success: #1987541a;\n  --bg-informative-alert: #cb0a0a1a;\n  --bg-informative-warning: #cb87001a;\n  --bg-informative: #005a9214;\n\n  --footer-bg-color: #005a92;\n\n  /* Modal */\n  --modal-header-bg-color: #005a92;\n\n  /*Loader */\n  --loader-spinning-color: #005a92;\n  --loader-bg-color: #005a921a;\n\n\n  /* Upload variables */\n  --upload-border-color: #005A9280;\n}\n\n/* TO-DO ajustar componentes para aplicar o dark mode */\n\n/* @media (prefers-color-scheme: dark) {\n  html {\n    color-scheme: dark;\n  }\n\n  :root {\n    --background-color: #303030;\n    --foreground: #fff;\n    --success-color: #4feba3;\n    --warning-color: #e3a833;\n    --alert-color: #ff5858;\n    --information-color: #37adf6;\n  }\n\n} */\n\n.dark-mode {\n  --background-color: #303030;\n  --foreground: #fff;\n  --success-color: #4feba3;\n  --warning-color: #e3a833;\n  --alert-color: #ff5858;\n  --information-color: #1a95b0;\n  --color-label: #fff;\n\n  /* Switch variables */\n  --switch-bg-main-color: #37adf6;\n\n  /* Button specific variables */\n  --btn-bg-primary-color: #fff;\n  --btn-text-primary-color: #005a92;\n  --btn-text-hover-primary-color: #005a92;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #000;\n  --btn-bg-hover-secondary-color: #fff;\n  --btn-text-secondary-color: #fff;\n  --btn-text-hover-secondary-color: #000;\n  --btn-bg-focus-secondary-color: #415474;\n  --btn-text-focus-secondary-color: #fff;\n  --btn-border-secondary-color: #fff;\n  --btn-bg-danger-secondary-color: #000;\n  --btn-text-danger-secondary-color: #ff5858;\n  --btn-border-danger-secondary-color: #ff5858;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: #415474;\n  --btn-text-tertiary-color: #fff;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #415474;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #ff5858;\n  --btn-border-danger-tertiary-color: #ff5858;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: transparent;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Input variables */\n  --input-placeholder-color: #fff;\n  --input-placeholder-focus: #fff;\n  --input-bg-color: #2d2d2e;\n  --input-disabled-bg-color: #4b4b4c;\n\n  /* Table variables */\n  --background-color-table-primary: #303030;\n  --background-color-table-secondary: #4b4b4c;\n\n  /* Header variables */\n  --header-bg-main-color: #4a4a4a;\n  --header-logout-btn-color: #fff;\n  --header-logout-icon-color: #fff;\n  --header-menu-icon-color: #fff;\n  --header-menu-seta-color: #fff;\n  --header-bg-dropdown: #303030;\n  --header-font-dropdown: #fff;\n  --header-hover-dropdown: #4a4a4b;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #ffffff;\n  --checkbox-checked-bg-color: #ffffff;\n  --checkbox-checked-border-color: #ffffff;\n  --checkbox-checked-hover-bg-color: #ffffff;\n  --checkbox-checked-hover-border-color: #ffffff;\n  --checkbox-focus-box-shadow-color: #d9d9d980;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n  --checkbox-icon-color: invert(1);\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #ffffff;\n  --paginationv2-selecttrigger-bg-color: #ffffff;\n  --paginationv2-selectedValue-color: #303030;\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\n  --paginationv2-optionslist-bg-color: #4b4b4c;\n  --paginationv2-optionslist-font-color: #fff;\n  --paginationv2-optionslist-hover-bg-color: #303030;\n  --paginationv2-optionselect-bg-color: #2a2a2b;\n  --paginationv2-optionselect-text-color: #fff;\n\n  /* Table variables */\n  --table-text-color: #fff;\n\n  /* Informative box */\n  --bg-informative-success: #303030;\n  --bg-informative-alert: #303030;\n  --bg-informative-warning: #303030;\n  --bg-informative: #303030;\n\n  --footer-bg-color: #000;\n\n  /* Modal */\n  --modal-header-bg-color: #4a4a4a;\n\n  /*Loader */\n  --loader-spinning-color: #fff;\n  --loader-bg-color: #4a4a4b;\n\n    /* Upload variables */\n    --upload-border-color: #2C90CE;\n}\n\n::placeholder {\n  color: var(--input-placeholder-color);\n}\n\n:-ms-input-placeholder {\n  /* Para Internet Explorer 10-11 */\n  color: var(--input-placeholder-color);\n}\n\n::-ms-input-placeholder {\n  /* Para Microsoft Edge */\n  color: var(--input-placeholder-color);\n}\n\n/* Sobreescrevendo propriedades do input date, da lib prime react */\n\n.p-component {\n  font-family: var(--font-open-sans-serif) !important;\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n.p-inputwrapper {\n  width: 100% !important;\n}\n\n.p-button-icon-only {\n  background-color: white !important;\n  box-shadow: none !important;\n  border-top: 1px solid #d1d5db;\n  border-right: 1px solid #d1d5db;\n  border-bottom: 1px solid #d1d5db;\n  border-left: none;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  max-width: 50px;\n}\n\n.buttoFocus {\n  outline: 0 none;\n  outline-offset: 0;\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\n  border-color: #06b6d4;\n}\n\n.buttoInvalid {\n  border-color: red !important;\n}\n\n.buttonHover {\n  border-color: #06b6d4;\n}\n";
+var css_248z = "/* src/global.css */\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\n*,\n*::before,\n*::after {\n  box-sizing: border-box;\n}\n\nbody {\n  font-family: var(--font-open-sans-serif);\n  margin: 0;\n  padding: 0;\n}\n\nbutton,\ninput,\ntextarea {\n  font-family: var(--font-open-sans-serif);\n}\n\n:root {\n  --font-scale: 0px;\n  /* fonts */\n  --font-open-sans-serif: \"Open Sans\", \"sans-serif\";\n  --font-open-sans-light: \"Open Sans\", 300;\n  --font-open-sans-regular: \"Open Sans\", 400;\n  --font-open-sans-bold: \"Open Sans\", 700;\n  /* colors */\n  --color-white: #ffffff;\n  --color-primary: #005a92;\n  --color-secondary: #303030;\n  --color-success: #198754;\n  --color-warning: #cb8700;\n  --color-information: #1a95b0;\n  --color-danger: #cb0a0a;\n  --color-focus: var(--color-information);\n  --color-focus-outline: #0091ea80;\n  --color-placeholder: #9ca4b47d;\n  --color-border: #cfcfcffc;\n  --color-label: #303030;\n  --color-input: #30303090;\n  --background-color-success: #1987541a;\n  --background-color-error: #cb0a0a1a;\n  --background-color-warning: #cb87001a;\n  --background-color-table-primary: #eeeeee;\n  --background-color-table-secondary: #f6f6f6;\n  --background-color-table-hover: #e5f1f9;\n  --color-weaker-blue: #52819e;\n  --color-dark-gray: #363632;\n  --color-gray-medium: #495057;\n  --color-red-light: #dc354580;\n  /* input */\n  --input-border: 1px solid var(--color-border);\n  --input-border-danger: 1px solid var(--color-danger);\n  --input-border-radius: 8px;\n  --input-border-focus: 1px solid var(--color-focus);\n  --input-cursor: pointer;\n  --input-font-size: 14px;\n  --input-font-weight: 700;\n  --input-line-height: 24px;\n  --input-outline-focus: solid var(--color-focus-outline) 1.5px;\n  --input-outline-danger: solid var(--color-danger) 1.5px;\n\n  /* Font sizes */\n  --font-size-32: calc(32px + var(--font-scale));\n  --font-size-24: calc(24px + var(--font-scale));\n  --font-size-20: calc(20px + var(--font-scale));\n  --font-size-16: calc(16px + var(--font-scale));\n  --font-size-14: calc(14px + var(--font-scale));\n  --font-size-12: calc(12px + var(--font-scale));\n  --font-size-10: calc(10px + var(--font-scale));\n\n  /* Theming colors */\n  --background-color: #fff;\n  --foreground: #303030;\n  --success-color: #198754;\n  --warning-color: #cb8700;\n  --alert-color: #cb0a0a;\n  --information-color: #005a92d9;\n\n  /* Switch variables */\n  --switch-bg-main-color: #005a92;\n\n  /* Input variables */\n  --input-placeholder-focus: #303030cc;\n  --input-placeholder-color: #30303066;\n  --input-bg-color: #fff;\n  --input-disabled-bg-color: #eeeeee;\n\n  --primary-color: #005a92;\n  --primary-color-with-opacity: #005a9280;\n  --pge-gold: #bb9b32;\n  --hover-color: #00436d;\n  --icon-color: #4a4a4b;\n  --border-color: #d9d9d9;\n  --light-grey-color: #c3c3c3;\n  --grey-color: #a0a0a0;\n\n  /* Primary Button specific variables */\n  --btn-bg-primary-color: #005a92;\n  --btn-text-primary-color: #fff;\n  --btn-text-hover-primary-color: #fff;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #fff;\n  --btn-bg-hover-secondary-color: #00436d1a;\n  --btn-text-secondary-color: #00436d;\n  --btn-text-hover-secondary-color: #005a92;\n  --btn-bg-focus-secondary-color: #52819e40;\n  --btn-text-focus-secondary-color: #005a92;\n  --btn-border-secondary-color: #52819e;\n  --btn-text-danger-secondary-color: #cb0a0a;\n  --btn-border-danger-secondary-color: #cb0a0a;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: transparent;\n  --btn-text-tertiary-color: #005a92;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #0b81ca47;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #cb0a0a;\n  --btn-border-danger-tertiary-color: #cb0a0a;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: #52819e;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Header variables */\n  --header-bg-main-color: #fff;\n  --header-logout-btn-color: #005a92;\n  --header-logout-icon-color: #005a92;\n  --header-menu-icon-color: #005a92;\n  --header-menu-seta-color: #000;\n  --header-bg-dropdown: #fff;\n  --header-font-dropdown: #303030;\n  --header-hover-dropdown: #005a921a;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #005a921a;\n  --checkbox-checked-bg-color: #005a92;\n  --checkbox-checked-border-color: #005a92;\n  --checkbox-checked-hover-bg-color: #005a92;\n  --checkbox-checked-hover-border-color: #005a92;\n  --checkbox-focus-box-shadow-color: #5e92b3;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #005a92;\n  --paginationv2-selecttrigger-bg-color: #fff;\n  --paginationv2-selectedValue-color: #303030b2;\n  --paginationv2-selecttrigger-border-color: #dee2e6;\n  --paginationv2-optionslist-bg-color: #fff;\n  --paginationv2-optionslist-font-color: #333;\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\n  --paginationv2-optionselect-bg-color: #e6f3f9;\n  --paginationv2-optionselect-text-color: #005a92;\n\n  /* Table variables */\n  --table-text-color: #777;\n\n  /* Informative box */\n  --bg-informative-success: #1987541a;\n  --bg-informative-alert: #cb0a0a1a;\n  --bg-informative-warning: #cb87001a;\n  --bg-informative: #005a9214;\n\n  --footer-bg-color: #005a92;\n\n  /* Modal */\n  --modal-header-bg-color: #005a92;\n\n  /*Loader */\n  --loader-spinning-color: #005a92;\n  --loader-bg-color: #005a921a;\n\n\n  /* Upload variables */\n  --upload-border-color: #005A9280;\n}\n\n/* TO-DO ajustar componentes para aplicar o dark mode */\n\n/* @media (prefers-color-scheme: dark) {\n  html {\n    color-scheme: dark;\n  }\n\n  :root {\n    --background-color: #303030;\n    --foreground: #fff;\n    --success-color: #4feba3;\n    --warning-color: #e3a833;\n    --alert-color: #ff5858;\n    --information-color: #37adf6;\n  }\n\n} */\n\n.dark-mode {\n  --background-color: #303030;\n  --foreground: #fff;\n  --success-color: #4feba3;\n  --warning-color: #e3a833;\n  --alert-color: #ff5858;\n  --information-color: #1a95b0;\n  --color-label: #fff;\n\n  /* Switch variables */\n  --switch-bg-main-color: #37adf6;\n\n  /* Button specific variables */\n  --btn-bg-primary-color: #fff;\n  --btn-text-primary-color: #005a92;\n  --btn-text-hover-primary-color: #005a92;\n  --btn-bg-focus-primary-color: #00436d;\n  --btn-text-focus-primary-color: #fff;\n\n  /* Secondary Button specific variables */\n  --btn-bg-secondary-color: #000;\n  --btn-bg-hover-secondary-color: #fff;\n  --btn-text-secondary-color: #fff;\n  --btn-text-hover-secondary-color: #000;\n  --btn-bg-focus-secondary-color: #415474;\n  --btn-text-focus-secondary-color: #fff;\n  --btn-border-secondary-color: #fff;\n  --btn-bg-danger-secondary-color: #000;\n  --btn-text-danger-secondary-color: #ff5858;\n  --btn-border-danger-secondary-color: #ff5858;\n\n  /* Tertiary Button specific variables */\n  --btn-bg-tertiary-color: transparent;\n  --btn-bg-hover-tertiary-color: #415474;\n  --btn-text-tertiary-color: #fff;\n  --btn-text-hover-tertiary-color: #005a92;\n  --btn-bg-focus-tertiary-color: #415474;\n  --btn-text-focus-tertiary-color: #005a92;\n  --btn-border-tertiary-color: #52819e;\n  --btn-text-danger-tertiary-color: #ff5858;\n  --btn-border-danger-tertiary-color: #ff5858;\n\n  /* Secondary Button Upload specific variables */\n  --btn-up-bg-secondary-color: #fff;\n  --btn-up-bg-hover-secondary-color: #00436d1a;\n  --btn-up-text-secondary-color: #00436d;\n  --btn-up-text-hover-secondary-color: #005a92;\n  --btn-up-bg-focus-secondary-color: #52819e40;\n  --btn-up-text-focus-secondary-color: #005a92;\n  --btn-up-border-secondary-color: transparent;\n  --btn-up-text-danger-secondary-color: #cb0a0a;\n  --btn-up-border-danger-secondary-color: #cb0a0a;\n\n  /* Input variables */\n  --input-placeholder-color: #fff;\n  --input-placeholder-focus: #fff;\n  --input-bg-color: #2d2d2e;\n  --input-disabled-bg-color: #4b4b4c;\n\n  /* Table variables */\n  --background-color-table-primary: #303030;\n  --background-color-table-secondary: #4b4b4c;\n\n  /* Header variables */\n  --header-bg-main-color: #4a4a4a;\n  --header-logout-btn-color: #fff;\n  --header-logout-icon-color: #fff;\n  --header-menu-icon-color: #fff;\n  --header-menu-seta-color: #fff;\n  --header-bg-dropdown: #303030;\n  --header-font-dropdown: #fff;\n  --header-hover-dropdown: #4a4a4b;\n\n  /* Checkbox variables */\n  --checkbox-bg-main-color: #ffffff;\n  --checkbox-border-color: #c3c3c3;\n  --checkbox-hover-bg-color: #ffffff;\n  --checkbox-checked-bg-color: #ffffff;\n  --checkbox-checked-border-color: #ffffff;\n  --checkbox-checked-hover-bg-color: #ffffff;\n  --checkbox-checked-hover-border-color: #ffffff;\n  --checkbox-focus-box-shadow-color: #d9d9d980;\n  --checkbox-disabled-bg-color: #a0a0a01a;\n  --checkbox-icon-color: invert(1);\n\n  /* PaginationV2 variables */\n  --paginationv2-arrow-color: #ffffff;\n  --paginationv2-selecttrigger-bg-color: #ffffff;\n  --paginationv2-selectedValue-color: #303030;\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\n  --paginationv2-optionslist-bg-color: #4b4b4c;\n  --paginationv2-optionslist-font-color: #fff;\n  --paginationv2-optionslist-hover-bg-color: #303030;\n  --paginationv2-optionselect-bg-color: #2a2a2b;\n  --paginationv2-optionselect-text-color: #fff;\n\n  /* Table variables */\n  --table-text-color: #fff;\n\n  /* Informative box */\n  --bg-informative-success: #303030;\n  --bg-informative-alert: #303030;\n  --bg-informative-warning: #303030;\n  --bg-informative: #303030;\n\n  --footer-bg-color: #000;\n\n  /* Modal */\n  --modal-header-bg-color: #4a4a4a;\n\n  /*Loader */\n  --loader-spinning-color: #fff;\n  --loader-bg-color: #4a4a4b;\n\n    /* Upload variables */\n    --upload-border-color: #2C90CE;\n}\n\n::placeholder {\n  color: var(--input-placeholder-color);\n}\n\n:-ms-input-placeholder {\n  /* Para Internet Explorer 10-11 */\n  color: var(--input-placeholder-color);\n}\n\n::-ms-input-placeholder {\n  /* Para Microsoft Edge */\n  color: var(--input-placeholder-color);\n}\n\n/* Sobreescrevendo propriedades do input date, da lib prime react */\n\n.p-component {\n  font-family: var(--font-open-sans-serif) !important;\n  font-weight: 700;\n  color: var(--input-placeholder-color);\n  font-size: var(--font-size-14, 14px);\n  line-height: 24px;\n}\n\n.p-calendar .p-inputtext.p-component {\n  color: var(--input-placeholder-focus, #303030cc);\n}\n\n.p-inputwrapper {\n  width: 100% !important;\n}\n\n.p-button-icon-only {\n  background-color: white !important;\n  box-shadow: none !important;\n  border-top: 1px solid #d1d5db;\n  border-right: 1px solid #d1d5db;\n  border-bottom: 1px solid #d1d5db;\n  border-left: none;\n  border-top-right-radius: 6px;\n  border-bottom-right-radius: 6px;\n  max-width: 50px;\n}\n\n.buttoFocus {\n  outline: 0 none;\n  outline-offset: 0;\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\n  border-color: #06b6d4;\n}\n\n.buttoInvalid {\n  border-color: red !important;\n}\n\n.buttonHover {\n  border-color: #06b6d4;\n}\n";
 styleInject(css_248z);
 function installPrimeReactStyles() {

package/package.json CHANGED Viewed

@@ -50,7 +50,7 @@
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",
   "name": "pge-front-common",
-  "version": "14.2.40",
+  "version": "14.2.42-beta.0",
   "description": "",
   "keywords": [],
   "author": "sturmer cesar",