pge-front-common 14.1.8 → 14.1.9

package/lib/index.esm.js

@@ -8715,7 +8715,7 @@ var CustomClearIndicator = function (props) {
             } }) })));
 };
 
-var css_248z$f = ".styles-module__overlay___Fxkif {\r\n  position: fixed;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--background-color);\r\n  z-index: 9999;\r\n}\r\n\r\n.styles-module__hidden___Kfvvb {\r\n  display: none !important;\r\n}\r\n\r\n.styles-module__spinnerWrapper___yOA6J {\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__spinner___9vDkX {\r\n  width: 6rem;\r\n  height: 6rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__miniSpinner___6v8yL {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___nRAAy {\r\n  margin-top: 0.5rem;\r\n  color: var(--foreground);\r\n}\r\n\r\n@keyframes styles-module__spin___15zFk {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n";
+var css_248z$f = ".styles-module__overlay___Fxkif {\r\n  position: fixed;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--background-color);\r\n  z-index: 9999;\r\n}\r\n\r\n.styles-module__hidden___Kfvvb {\r\n  display: none !important;\r\n}\r\n\r\n.styles-module__spinnerWrapper___yOA6J {\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__spinner___9vDkX {\r\n  width: 6rem;\r\n  height: 6rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: var(--loader-bg-color);\r\n  fill: var(--loader-spinning-color);\r\n}\r\n\r\n.styles-module__miniSpinner___6v8yL {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___nRAAy {\r\n  margin-top: 0.5rem;\r\n  color: var(--foreground);\r\n}\r\n\r\n@keyframes styles-module__spin___15zFk {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n";
 var style$1 = {"overlay":"styles-module__overlay___Fxkif","hidden":"styles-module__hidden___Kfvvb","spinnerWrapper":"styles-module__spinnerWrapper___yOA6J","spinner":"styles-module__spinner___9vDkX","spin":"styles-module__spin___15zFk","miniSpinner":"styles-module__miniSpinner___6v8yL","text":"styles-module__text___nRAAy"};
 styleInject(css_248z$f);
 
@@ -24138,7 +24138,7 @@ var Switch = function (_a) {
                 React__default.createElement("rect", { x: "16.0645", y: "15.9998", width: "16", height: "16", rx: "8", transform: "rotate(179.527 16.0645 15.9998)", fill: "#A0A0A0" })))))));
 };
 
-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\nbutton,\r\ninput,\r\ntextarea {\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n:root {\r\n  --font-scale: 0px;\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  --color-weaker-blue: #52819e;\r\n  --color-dark-gray: #363632;\r\n  --color-gray-medium: #495057;\r\n  --color-red-light: #dc354580;\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: 24px;\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  /* Font sizes */\r\n  --font-size-32: calc(32px + var(--font-scale));\r\n  --font-size-24: calc(24px + var(--font-scale));\r\n  --font-size-20: calc(20px + var(--font-scale));\r\n  --font-size-16: calc(16px + var(--font-scale));\r\n  --font-size-14: calc(14px + var(--font-scale));\r\n  --font-size-12: calc(12px + var(--font-scale));\r\n  --font-size-10: calc(10px + var(--font-scale));\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: #005a92d9;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #005a92;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-focus: #303030cc;\r\n  --input-placeholder-color: #30303066;\r\n  --input-bg-color: #fff;\r\n  --input-disabled-bg-color: #eeeeee;\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  /* Primary Button specific variables */\r\n  --btn-bg-primary-color: #005a92;\r\n  --btn-text-primary-color: #fff;\r\n  --btn-text-hover-primary-color: #fff;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #fff;\r\n  --btn-bg-hover-secondary-color: #00436d1a;\r\n  --btn-text-secondary-color: #00436d;\r\n  --btn-text-hover-secondary-color: #005a92;\r\n  --btn-bg-focus-secondary-color: #52819e40;\r\n  --btn-text-focus-secondary-color: #005a92;\r\n  --btn-border-secondary-color: #52819e;\r\n  --btn-text-danger-secondary-color: #CB0A0A;\r\n  --btn-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: transparent;\r\n  --btn-text-tertiary-color: #005a92;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #0b81ca47;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #CB0A0A;\r\n  --btn-border-danger-tertiary-color: #CB0A0A;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: #52819e;\r\n  --btn-up-text-danger-secondary-color: #CB0A0A;\r\n  --btn-up-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #fff;\r\n  --header-logout-btn-color: #005a92;\r\n  --header-logout-icon-color: #005a92;\r\n  --header-menu-icon-color: #005a92;\r\n  --header-bg-dropdown: #fff;\r\n  --header-font-dropdown: #303030;\r\n  --header-hover-dropdown: #005a921a;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #005a921a;\r\n  --checkbox-checked-bg-color: #005a92;\r\n  --checkbox-checked-border-color: #005a92;\r\n  --checkbox-checked-hover-bg-color: #005a92;\r\n  --checkbox-checked-hover-border-color: #005a92;\r\n  --checkbox-focus-box-shadow-color: #5e92b3;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #005a92;\r\n  --paginationv2-selecttrigger-bg-color: #fff;\r\n  --paginationv2-selectedValue-color: #303030b2;\r\n  --paginationv2-selecttrigger-border-color: #dee2e6;\r\n  --paginationv2-optionslist-bg-color: #fff;\r\n  --paginationv2-optionslist-font-color: #333;\r\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n  --paginationv2-optionselect-bg-color: #e6f3f9;\r\n  --paginationv2-optionselect-text-color: #005a92;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #1987541a;\r\n  --bg-informative-alert: #cb0a0a1a;\r\n  --bg-informative-warning: #cb87001a;\r\n  --bg-informative: #005a9214;\r\n\r\n  --footer-bg-color: #005a92;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #005a92;\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: #1A95B0;\r\n  --color-label: #fff;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #37ADF6;\r\n\r\n  /* Button specific variables */\r\n  --btn-bg-primary-color: #fff;\r\n  --btn-text-primary-color: #005a92;\r\n  --btn-text-hover-primary-color: #005a92;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #000;\r\n  --btn-bg-hover-secondary-color: #fff;\r\n  --btn-text-secondary-color: #fff;\r\n  --btn-text-hover-secondary-color: #000;\r\n  --btn-bg-focus-secondary-color: #415474;\r\n  --btn-text-focus-secondary-color: #fff;\r\n  --btn-border-secondary-color: #fff;\r\n  --btn-bg-danger-secondary-color: #000;\r\n  --btn-text-danger-secondary-color: #ff5858;\r\n  --btn-border-danger-secondary-color: #ff5858;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: #415474;\r\n  --btn-text-tertiary-color: #fff;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #415474;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: transparent;\r\n  --btn-up-text-danger-secondary-color: #CB0A0A;\r\n  --btn-up-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-color: #fff;\r\n  --input-placeholder-focus: #fff;\r\n  --input-bg-color: #2d2d2e;\r\n  --input-disabled-bg-color: #4b4b4c;\r\n\r\n  /* Table variables */\r\n  --background-color-table-primary: #303030;\r\n  --background-color-table-secondary: #4b4b4c;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #4a4a4a;\r\n  --header-logout-btn-color: #fff;\r\n  --header-logout-icon-color: #fff;\r\n  --header-menu-icon-color: #fff;\r\n  --header-bg-dropdown: #303030;\r\n  --header-font-dropdown: #fff;\r\n  --header-hover-dropdown: #4a4a4b;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #ffffff;\r\n  --checkbox-checked-bg-color: #ffffff;\r\n  --checkbox-checked-border-color: #ffffff;\r\n  --checkbox-checked-hover-bg-color: #ffffff;\r\n  --checkbox-checked-hover-border-color: #ffffff;\r\n  --checkbox-focus-box-shadow-color: #d9d9d980;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n  --checkbox-icon-color: invert(1);\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #ffffff;\r\n  --paginationv2-selecttrigger-bg-color: #ffffff;\r\n  --paginationv2-selectedValue-color: #303030;\r\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\r\n  --paginationv2-optionslist-bg-color: #4b4b4c;\r\n  --paginationv2-optionslist-font-color: #fff;\r\n  --paginationv2-optionslist-hover-bg-color: #303030;\r\n  --paginationv2-optionselect-bg-color: #2a2a2b;\r\n  --paginationv2-optionselect-text-color: #fff;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #303030;\r\n  --bg-informative-alert: #303030;\r\n  --bg-informative-warning: #303030;\r\n  --bg-informative: #303030;\r\n\r\n  --footer-bg-color: #000;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #4a4a4a;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n  /* Para Internet Explorer 10-11 */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n  /* Para Microsoft Edge */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n  font-family: var(--font-open-sans-serif) !important;\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n.p-inputwrapper {\r\n  width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n  background-color: white !important;\r\n  box-shadow: none !important;\r\n  border-top: 1px solid #d1d5db;\r\n  border-right: 1px solid #d1d5db;\r\n  border-bottom: 1px solid #d1d5db;\r\n  border-left: none;\r\n  border-top-right-radius: 6px;\r\n  border-bottom-right-radius: 6px;\r\n  max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n  outline: 0 none;\r\n  outline-offset: 0;\r\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n  border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n  border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n  border-color: #06b6d4;\r\n}\r\n";
+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\nbutton,\r\ninput,\r\ntextarea {\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n:root {\r\n  --font-scale: 0px;\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  --color-weaker-blue: #52819e;\r\n  --color-dark-gray: #363632;\r\n  --color-gray-medium: #495057;\r\n  --color-red-light: #dc354580;\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: 24px;\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  /* Font sizes */\r\n  --font-size-32: calc(32px + var(--font-scale));\r\n  --font-size-24: calc(24px + var(--font-scale));\r\n  --font-size-20: calc(20px + var(--font-scale));\r\n  --font-size-16: calc(16px + var(--font-scale));\r\n  --font-size-14: calc(14px + var(--font-scale));\r\n  --font-size-12: calc(12px + var(--font-scale));\r\n  --font-size-10: calc(10px + var(--font-scale));\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: #005a92d9;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #005a92;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-focus: #303030cc;\r\n  --input-placeholder-color: #30303066;\r\n  --input-bg-color: #fff;\r\n  --input-disabled-bg-color: #eeeeee;\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  /* Primary Button specific variables */\r\n  --btn-bg-primary-color: #005a92;\r\n  --btn-text-primary-color: #fff;\r\n  --btn-text-hover-primary-color: #fff;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #fff;\r\n  --btn-bg-hover-secondary-color: #00436d1a;\r\n  --btn-text-secondary-color: #00436d;\r\n  --btn-text-hover-secondary-color: #005a92;\r\n  --btn-bg-focus-secondary-color: #52819e40;\r\n  --btn-text-focus-secondary-color: #005a92;\r\n  --btn-border-secondary-color: #52819e;\r\n  --btn-text-danger-secondary-color: #cb0a0a;\r\n  --btn-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: transparent;\r\n  --btn-text-tertiary-color: #005a92;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #0b81ca47;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #cb0a0a;\r\n  --btn-border-danger-tertiary-color: #cb0a0a;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: #52819e;\r\n  --btn-up-text-danger-secondary-color: #cb0a0a;\r\n  --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #fff;\r\n  --header-logout-btn-color: #005a92;\r\n  --header-logout-icon-color: #005a92;\r\n  --header-menu-icon-color: #005a92;\r\n  --header-bg-dropdown: #fff;\r\n  --header-font-dropdown: #303030;\r\n  --header-hover-dropdown: #005a921a;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #005a921a;\r\n  --checkbox-checked-bg-color: #005a92;\r\n  --checkbox-checked-border-color: #005a92;\r\n  --checkbox-checked-hover-bg-color: #005a92;\r\n  --checkbox-checked-hover-border-color: #005a92;\r\n  --checkbox-focus-box-shadow-color: #5e92b3;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #005a92;\r\n  --paginationv2-selecttrigger-bg-color: #fff;\r\n  --paginationv2-selectedValue-color: #303030b2;\r\n  --paginationv2-selecttrigger-border-color: #dee2e6;\r\n  --paginationv2-optionslist-bg-color: #fff;\r\n  --paginationv2-optionslist-font-color: #333;\r\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n  --paginationv2-optionselect-bg-color: #e6f3f9;\r\n  --paginationv2-optionselect-text-color: #005a92;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #1987541a;\r\n  --bg-informative-alert: #cb0a0a1a;\r\n  --bg-informative-warning: #cb87001a;\r\n  --bg-informative: #005a9214;\r\n\r\n  --footer-bg-color: #005a92;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #005a92;\r\n\r\n  /*Loader */\r\n  --loader-spinning-color: #005a92;\r\n  --loader-bg-color: #005a921a;\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: #1a95b0;\r\n  --color-label: #fff;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #37adf6;\r\n\r\n  /* Button specific variables */\r\n  --btn-bg-primary-color: #fff;\r\n  --btn-text-primary-color: #005a92;\r\n  --btn-text-hover-primary-color: #005a92;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #000;\r\n  --btn-bg-hover-secondary-color: #fff;\r\n  --btn-text-secondary-color: #fff;\r\n  --btn-text-hover-secondary-color: #000;\r\n  --btn-bg-focus-secondary-color: #415474;\r\n  --btn-text-focus-secondary-color: #fff;\r\n  --btn-border-secondary-color: #fff;\r\n  --btn-bg-danger-secondary-color: #000;\r\n  --btn-text-danger-secondary-color: #ff5858;\r\n  --btn-border-danger-secondary-color: #ff5858;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: #415474;\r\n  --btn-text-tertiary-color: #fff;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #415474;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: transparent;\r\n  --btn-up-text-danger-secondary-color: #cb0a0a;\r\n  --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-color: #fff;\r\n  --input-placeholder-focus: #fff;\r\n  --input-bg-color: #2d2d2e;\r\n  --input-disabled-bg-color: #4b4b4c;\r\n\r\n  /* Table variables */\r\n  --background-color-table-primary: #303030;\r\n  --background-color-table-secondary: #4b4b4c;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #4a4a4a;\r\n  --header-logout-btn-color: #fff;\r\n  --header-logout-icon-color: #fff;\r\n  --header-menu-icon-color: #fff;\r\n  --header-bg-dropdown: #303030;\r\n  --header-font-dropdown: #fff;\r\n  --header-hover-dropdown: #4a4a4b;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #ffffff;\r\n  --checkbox-checked-bg-color: #ffffff;\r\n  --checkbox-checked-border-color: #ffffff;\r\n  --checkbox-checked-hover-bg-color: #ffffff;\r\n  --checkbox-checked-hover-border-color: #ffffff;\r\n  --checkbox-focus-box-shadow-color: #d9d9d980;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n  --checkbox-icon-color: invert(1);\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #ffffff;\r\n  --paginationv2-selecttrigger-bg-color: #ffffff;\r\n  --paginationv2-selectedValue-color: #303030;\r\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\r\n  --paginationv2-optionslist-bg-color: #4b4b4c;\r\n  --paginationv2-optionslist-font-color: #fff;\r\n  --paginationv2-optionslist-hover-bg-color: #303030;\r\n  --paginationv2-optionselect-bg-color: #2a2a2b;\r\n  --paginationv2-optionselect-text-color: #fff;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #303030;\r\n  --bg-informative-alert: #303030;\r\n  --bg-informative-warning: #303030;\r\n  --bg-informative: #303030;\r\n\r\n  --footer-bg-color: #000;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #4a4a4a;\r\n\r\n  /*Loader */\r\n  --loader-spinning-color: #fff;\r\n  --loader-bg-color: #4a4a4b;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n  /* Para Internet Explorer 10-11 */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n  /* Para Microsoft Edge */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n  font-family: var(--font-open-sans-serif) !important;\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n.p-inputwrapper {\r\n  width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n  background-color: white !important;\r\n  box-shadow: none !important;\r\n  border-top: 1px solid #d1d5db;\r\n  border-right: 1px solid #d1d5db;\r\n  border-bottom: 1px solid #d1d5db;\r\n  border-left: none;\r\n  border-top-right-radius: 6px;\r\n  border-bottom-right-radius: 6px;\r\n  max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n  outline: 0 none;\r\n  outline-offset: 0;\r\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n  border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n  border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n  border-color: #06b6d4;\r\n}\r\n";
 styleInject(css_248z);
 
 function installPrimeReactStyles() {

package/lib/index.js

@@ -8735,7 +8735,7 @@ var CustomClearIndicator = function (props) {
             } }) })));
 };
 
-var css_248z$f = ".styles-module__overlay___Fxkif {\r\n  position: fixed;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--background-color);\r\n  z-index: 9999;\r\n}\r\n\r\n.styles-module__hidden___Kfvvb {\r\n  display: none !important;\r\n}\r\n\r\n.styles-module__spinnerWrapper___yOA6J {\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__spinner___9vDkX {\r\n  width: 6rem;\r\n  height: 6rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__miniSpinner___6v8yL {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___nRAAy {\r\n  margin-top: 0.5rem;\r\n  color: var(--foreground);\r\n}\r\n\r\n@keyframes styles-module__spin___15zFk {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n";
+var css_248z$f = ".styles-module__overlay___Fxkif {\r\n  position: fixed;\r\n  inset: 0;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-items: center;\r\n  justify-content: center;\r\n  background: var(--background-color);\r\n  z-index: 9999;\r\n}\r\n\r\n.styles-module__hidden___Kfvvb {\r\n  display: none !important;\r\n}\r\n\r\n.styles-module__spinnerWrapper___yOA6J {\r\n  margin: 0;\r\n}\r\n\r\n.styles-module__spinner___9vDkX {\r\n  width: 6rem;\r\n  height: 6rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: var(--loader-bg-color);\r\n  fill: var(--loader-spinning-color);\r\n}\r\n\r\n.styles-module__miniSpinner___6v8yL {\r\n  width: 2.5rem;\r\n  height: 2.5rem;\r\n  animation: styles-module__spin___15zFk 1s linear infinite;\r\n  color: #e5e7eb;\r\n  fill: #3b82f6;\r\n}\r\n\r\n.styles-module__text___nRAAy {\r\n  margin-top: 0.5rem;\r\n  color: var(--foreground);\r\n}\r\n\r\n@keyframes styles-module__spin___15zFk {\r\n  to {\r\n    transform: rotate(360deg);\r\n  }\r\n}\r\n";
 var style$1 = {"overlay":"styles-module__overlay___Fxkif","hidden":"styles-module__hidden___Kfvvb","spinnerWrapper":"styles-module__spinnerWrapper___yOA6J","spinner":"styles-module__spinner___9vDkX","spin":"styles-module__spin___15zFk","miniSpinner":"styles-module__miniSpinner___6v8yL","text":"styles-module__text___nRAAy"};
 styleInject(css_248z$f);
 
@@ -24158,7 +24158,7 @@ var Switch = function (_a) {
                 React.createElement("rect", { x: "16.0645", y: "15.9998", width: "16", height: "16", rx: "8", transform: "rotate(179.527 16.0645 15.9998)", fill: "#A0A0A0" })))))));
 };
 
-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\nbutton,\r\ninput,\r\ntextarea {\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n:root {\r\n  --font-scale: 0px;\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  --color-weaker-blue: #52819e;\r\n  --color-dark-gray: #363632;\r\n  --color-gray-medium: #495057;\r\n  --color-red-light: #dc354580;\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: 24px;\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  /* Font sizes */\r\n  --font-size-32: calc(32px + var(--font-scale));\r\n  --font-size-24: calc(24px + var(--font-scale));\r\n  --font-size-20: calc(20px + var(--font-scale));\r\n  --font-size-16: calc(16px + var(--font-scale));\r\n  --font-size-14: calc(14px + var(--font-scale));\r\n  --font-size-12: calc(12px + var(--font-scale));\r\n  --font-size-10: calc(10px + var(--font-scale));\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: #005a92d9;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #005a92;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-focus: #303030cc;\r\n  --input-placeholder-color: #30303066;\r\n  --input-bg-color: #fff;\r\n  --input-disabled-bg-color: #eeeeee;\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  /* Primary Button specific variables */\r\n  --btn-bg-primary-color: #005a92;\r\n  --btn-text-primary-color: #fff;\r\n  --btn-text-hover-primary-color: #fff;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #fff;\r\n  --btn-bg-hover-secondary-color: #00436d1a;\r\n  --btn-text-secondary-color: #00436d;\r\n  --btn-text-hover-secondary-color: #005a92;\r\n  --btn-bg-focus-secondary-color: #52819e40;\r\n  --btn-text-focus-secondary-color: #005a92;\r\n  --btn-border-secondary-color: #52819e;\r\n  --btn-text-danger-secondary-color: #CB0A0A;\r\n  --btn-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: transparent;\r\n  --btn-text-tertiary-color: #005a92;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #0b81ca47;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #CB0A0A;\r\n  --btn-border-danger-tertiary-color: #CB0A0A;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: #52819e;\r\n  --btn-up-text-danger-secondary-color: #CB0A0A;\r\n  --btn-up-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #fff;\r\n  --header-logout-btn-color: #005a92;\r\n  --header-logout-icon-color: #005a92;\r\n  --header-menu-icon-color: #005a92;\r\n  --header-bg-dropdown: #fff;\r\n  --header-font-dropdown: #303030;\r\n  --header-hover-dropdown: #005a921a;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #005a921a;\r\n  --checkbox-checked-bg-color: #005a92;\r\n  --checkbox-checked-border-color: #005a92;\r\n  --checkbox-checked-hover-bg-color: #005a92;\r\n  --checkbox-checked-hover-border-color: #005a92;\r\n  --checkbox-focus-box-shadow-color: #5e92b3;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #005a92;\r\n  --paginationv2-selecttrigger-bg-color: #fff;\r\n  --paginationv2-selectedValue-color: #303030b2;\r\n  --paginationv2-selecttrigger-border-color: #dee2e6;\r\n  --paginationv2-optionslist-bg-color: #fff;\r\n  --paginationv2-optionslist-font-color: #333;\r\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n  --paginationv2-optionselect-bg-color: #e6f3f9;\r\n  --paginationv2-optionselect-text-color: #005a92;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #1987541a;\r\n  --bg-informative-alert: #cb0a0a1a;\r\n  --bg-informative-warning: #cb87001a;\r\n  --bg-informative: #005a9214;\r\n\r\n  --footer-bg-color: #005a92;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #005a92;\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: #1A95B0;\r\n  --color-label: #fff;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #37ADF6;\r\n\r\n  /* Button specific variables */\r\n  --btn-bg-primary-color: #fff;\r\n  --btn-text-primary-color: #005a92;\r\n  --btn-text-hover-primary-color: #005a92;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #000;\r\n  --btn-bg-hover-secondary-color: #fff;\r\n  --btn-text-secondary-color: #fff;\r\n  --btn-text-hover-secondary-color: #000;\r\n  --btn-bg-focus-secondary-color: #415474;\r\n  --btn-text-focus-secondary-color: #fff;\r\n  --btn-border-secondary-color: #fff;\r\n  --btn-bg-danger-secondary-color: #000;\r\n  --btn-text-danger-secondary-color: #ff5858;\r\n  --btn-border-danger-secondary-color: #ff5858;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: #415474;\r\n  --btn-text-tertiary-color: #fff;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #415474;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: transparent;\r\n  --btn-up-text-danger-secondary-color: #CB0A0A;\r\n  --btn-up-border-danger-secondary-color: #CB0A0A;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-color: #fff;\r\n  --input-placeholder-focus: #fff;\r\n  --input-bg-color: #2d2d2e;\r\n  --input-disabled-bg-color: #4b4b4c;\r\n\r\n  /* Table variables */\r\n  --background-color-table-primary: #303030;\r\n  --background-color-table-secondary: #4b4b4c;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #4a4a4a;\r\n  --header-logout-btn-color: #fff;\r\n  --header-logout-icon-color: #fff;\r\n  --header-menu-icon-color: #fff;\r\n  --header-bg-dropdown: #303030;\r\n  --header-font-dropdown: #fff;\r\n  --header-hover-dropdown: #4a4a4b;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #ffffff;\r\n  --checkbox-checked-bg-color: #ffffff;\r\n  --checkbox-checked-border-color: #ffffff;\r\n  --checkbox-checked-hover-bg-color: #ffffff;\r\n  --checkbox-checked-hover-border-color: #ffffff;\r\n  --checkbox-focus-box-shadow-color: #d9d9d980;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n  --checkbox-icon-color: invert(1);\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #ffffff;\r\n  --paginationv2-selecttrigger-bg-color: #ffffff;\r\n  --paginationv2-selectedValue-color: #303030;\r\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\r\n  --paginationv2-optionslist-bg-color: #4b4b4c;\r\n  --paginationv2-optionslist-font-color: #fff;\r\n  --paginationv2-optionslist-hover-bg-color: #303030;\r\n  --paginationv2-optionselect-bg-color: #2a2a2b;\r\n  --paginationv2-optionselect-text-color: #fff;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #303030;\r\n  --bg-informative-alert: #303030;\r\n  --bg-informative-warning: #303030;\r\n  --bg-informative: #303030;\r\n\r\n  --footer-bg-color: #000;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #4a4a4a;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n  /* Para Internet Explorer 10-11 */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n  /* Para Microsoft Edge */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n  font-family: var(--font-open-sans-serif) !important;\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n.p-inputwrapper {\r\n  width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n  background-color: white !important;\r\n  box-shadow: none !important;\r\n  border-top: 1px solid #d1d5db;\r\n  border-right: 1px solid #d1d5db;\r\n  border-bottom: 1px solid #d1d5db;\r\n  border-left: none;\r\n  border-top-right-radius: 6px;\r\n  border-bottom-right-radius: 6px;\r\n  max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n  outline: 0 none;\r\n  outline-offset: 0;\r\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n  border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n  border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n  border-color: #06b6d4;\r\n}\r\n";
+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\nbutton,\r\ninput,\r\ntextarea {\r\n  font-family: var(--font-open-sans-serif);\r\n}\r\n\r\n:root {\r\n  --font-scale: 0px;\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  --color-weaker-blue: #52819e;\r\n  --color-dark-gray: #363632;\r\n  --color-gray-medium: #495057;\r\n  --color-red-light: #dc354580;\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: 24px;\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  /* Font sizes */\r\n  --font-size-32: calc(32px + var(--font-scale));\r\n  --font-size-24: calc(24px + var(--font-scale));\r\n  --font-size-20: calc(20px + var(--font-scale));\r\n  --font-size-16: calc(16px + var(--font-scale));\r\n  --font-size-14: calc(14px + var(--font-scale));\r\n  --font-size-12: calc(12px + var(--font-scale));\r\n  --font-size-10: calc(10px + var(--font-scale));\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: #005a92d9;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #005a92;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-focus: #303030cc;\r\n  --input-placeholder-color: #30303066;\r\n  --input-bg-color: #fff;\r\n  --input-disabled-bg-color: #eeeeee;\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  /* Primary Button specific variables */\r\n  --btn-bg-primary-color: #005a92;\r\n  --btn-text-primary-color: #fff;\r\n  --btn-text-hover-primary-color: #fff;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #fff;\r\n  --btn-bg-hover-secondary-color: #00436d1a;\r\n  --btn-text-secondary-color: #00436d;\r\n  --btn-text-hover-secondary-color: #005a92;\r\n  --btn-bg-focus-secondary-color: #52819e40;\r\n  --btn-text-focus-secondary-color: #005a92;\r\n  --btn-border-secondary-color: #52819e;\r\n  --btn-text-danger-secondary-color: #cb0a0a;\r\n  --btn-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: transparent;\r\n  --btn-text-tertiary-color: #005a92;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #0b81ca47;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #cb0a0a;\r\n  --btn-border-danger-tertiary-color: #cb0a0a;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: #52819e;\r\n  --btn-up-text-danger-secondary-color: #cb0a0a;\r\n  --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #fff;\r\n  --header-logout-btn-color: #005a92;\r\n  --header-logout-icon-color: #005a92;\r\n  --header-menu-icon-color: #005a92;\r\n  --header-bg-dropdown: #fff;\r\n  --header-font-dropdown: #303030;\r\n  --header-hover-dropdown: #005a921a;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #005a921a;\r\n  --checkbox-checked-bg-color: #005a92;\r\n  --checkbox-checked-border-color: #005a92;\r\n  --checkbox-checked-hover-bg-color: #005a92;\r\n  --checkbox-checked-hover-border-color: #005a92;\r\n  --checkbox-focus-box-shadow-color: #5e92b3;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #005a92;\r\n  --paginationv2-selecttrigger-bg-color: #fff;\r\n  --paginationv2-selectedValue-color: #303030b2;\r\n  --paginationv2-selecttrigger-border-color: #dee2e6;\r\n  --paginationv2-optionslist-bg-color: #fff;\r\n  --paginationv2-optionslist-font-color: #333;\r\n  --paginationv2-optionslist-hover-bg-color: #f5f5f5;\r\n  --paginationv2-optionselect-bg-color: #e6f3f9;\r\n  --paginationv2-optionselect-text-color: #005a92;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #1987541a;\r\n  --bg-informative-alert: #cb0a0a1a;\r\n  --bg-informative-warning: #cb87001a;\r\n  --bg-informative: #005a9214;\r\n\r\n  --footer-bg-color: #005a92;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #005a92;\r\n\r\n  /*Loader */\r\n  --loader-spinning-color: #005a92;\r\n  --loader-bg-color: #005a921a;\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: #1a95b0;\r\n  --color-label: #fff;\r\n\r\n  /* Switch variables */\r\n  --switch-bg-main-color: #37adf6;\r\n\r\n  /* Button specific variables */\r\n  --btn-bg-primary-color: #fff;\r\n  --btn-text-primary-color: #005a92;\r\n  --btn-text-hover-primary-color: #005a92;\r\n  --btn-bg-focus-primary-color: #00436d;\r\n  --btn-text-focus-primary-color: #fff;\r\n\r\n  /* Secondary Button specific variables */\r\n  --btn-bg-secondary-color: #000;\r\n  --btn-bg-hover-secondary-color: #fff;\r\n  --btn-text-secondary-color: #fff;\r\n  --btn-text-hover-secondary-color: #000;\r\n  --btn-bg-focus-secondary-color: #415474;\r\n  --btn-text-focus-secondary-color: #fff;\r\n  --btn-border-secondary-color: #fff;\r\n  --btn-bg-danger-secondary-color: #000;\r\n  --btn-text-danger-secondary-color: #ff5858;\r\n  --btn-border-danger-secondary-color: #ff5858;\r\n\r\n  /* Tertiary Button specific variables */\r\n  --btn-bg-tertiary-color: transparent;\r\n  --btn-bg-hover-tertiary-color: #415474;\r\n  --btn-text-tertiary-color: #fff;\r\n  --btn-text-hover-tertiary-color: #005a92;\r\n  --btn-bg-focus-tertiary-color: #415474;\r\n  --btn-text-focus-tertiary-color: #005a92;\r\n  --btn-border-tertiary-color: #52819e;\r\n  --btn-text-danger-tertiary-color: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\r\n\r\n  /* Secondary Button Upload specific variables */\r\n  --btn-up-bg-secondary-color: #fff;\r\n  --btn-up-bg-hover-secondary-color: #00436d1a;\r\n  --btn-up-text-secondary-color: #00436d;\r\n  --btn-up-text-hover-secondary-color: #005a92;\r\n  --btn-up-bg-focus-secondary-color: #52819e40;\r\n  --btn-up-text-focus-secondary-color: #005a92;\r\n  --btn-up-border-secondary-color: transparent;\r\n  --btn-up-text-danger-secondary-color: #cb0a0a;\r\n  --btn-up-border-danger-secondary-color: #cb0a0a;\r\n\r\n  /* Input variables */\r\n  --input-placeholder-color: #fff;\r\n  --input-placeholder-focus: #fff;\r\n  --input-bg-color: #2d2d2e;\r\n  --input-disabled-bg-color: #4b4b4c;\r\n\r\n  /* Table variables */\r\n  --background-color-table-primary: #303030;\r\n  --background-color-table-secondary: #4b4b4c;\r\n\r\n  /* Header variables */\r\n  --header-bg-main-color: #4a4a4a;\r\n  --header-logout-btn-color: #fff;\r\n  --header-logout-icon-color: #fff;\r\n  --header-menu-icon-color: #fff;\r\n  --header-bg-dropdown: #303030;\r\n  --header-font-dropdown: #fff;\r\n  --header-hover-dropdown: #4a4a4b;\r\n\r\n  /* Checkbox variables */\r\n  --checkbox-bg-main-color: #ffffff;\r\n  --checkbox-border-color: #c3c3c3;\r\n  --checkbox-hover-bg-color: #ffffff;\r\n  --checkbox-checked-bg-color: #ffffff;\r\n  --checkbox-checked-border-color: #ffffff;\r\n  --checkbox-checked-hover-bg-color: #ffffff;\r\n  --checkbox-checked-hover-border-color: #ffffff;\r\n  --checkbox-focus-box-shadow-color: #d9d9d980;\r\n  --checkbox-disabled-bg-color: #a0a0a01a;\r\n  --checkbox-icon-color: invert(1);\r\n\r\n  /* PaginationV2 variables */\r\n  --paginationv2-arrow-color: #ffffff;\r\n  --paginationv2-selecttrigger-bg-color: #ffffff;\r\n  --paginationv2-selectedValue-color: #303030;\r\n  --paginationv2-selecttrigger-border-color: #d9d9d9fc;\r\n  --paginationv2-optionslist-bg-color: #4b4b4c;\r\n  --paginationv2-optionslist-font-color: #fff;\r\n  --paginationv2-optionslist-hover-bg-color: #303030;\r\n  --paginationv2-optionselect-bg-color: #2a2a2b;\r\n  --paginationv2-optionselect-text-color: #fff;\r\n\r\n  /* Informative box */\r\n  --bg-informative-success: #303030;\r\n  --bg-informative-alert: #303030;\r\n  --bg-informative-warning: #303030;\r\n  --bg-informative: #303030;\r\n\r\n  --footer-bg-color: #000;\r\n\r\n  /* Modal */\r\n  --modal-header-bg-color: #4a4a4a;\r\n\r\n  /*Loader */\r\n  --loader-spinning-color: #fff;\r\n  --loader-bg-color: #4a4a4b;\r\n}\r\n\r\n::placeholder {\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n:-ms-input-placeholder {\r\n  /* Para Internet Explorer 10-11 */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n::-ms-input-placeholder {\r\n  /* Para Microsoft Edge */\r\n  color: var(--input-placeholder-color);\r\n}\r\n\r\n/* Sobreescrevendo propriedades do input date, da lib prime react */\r\n\r\n.p-component {\r\n  font-family: var(--font-open-sans-serif) !important;\r\n  font-weight: 700;\r\n  color: var(--input-placeholder-color);\r\n  font-size: var(--font-size-14, 14px);\r\n  line-height: 24px;\r\n}\r\n.p-inputwrapper {\r\n  width: 100% !important;\r\n}\r\n\r\n.p-button-icon-only {\r\n  background-color: white !important;\r\n  box-shadow: none !important;\r\n  border-top: 1px solid #d1d5db;\r\n  border-right: 1px solid #d1d5db;\r\n  border-bottom: 1px solid #d1d5db;\r\n  border-left: none;\r\n  border-top-right-radius: 6px;\r\n  border-bottom-right-radius: 6px;\r\n  max-width: 50px;\r\n}\r\n\r\n.buttoFocus {\r\n  outline: 0 none;\r\n  outline-offset: 0;\r\n  box-shadow: 0 0 0 0.2rem #a5f3fc !important;\r\n  border-color: #06b6d4;\r\n}\r\n\r\n.buttoInvalid {\r\n  border-color: red !important;\r\n}\r\n\r\n.buttonHover {\r\n  border-color: #06b6d4;\r\n}\r\n";
 styleInject(css_248z);
 
 function installPrimeReactStyles() {

package/package.json

@@ -49,7 +49,7 @@
   "module": "lib/index.esm.js",
   "types": "lib/index.d.ts",
   "name": "pge-front-common",
-  "version": "14.1.8",
+  "version": "14.1.9",
   "description": "",
   "keywords": [],
   "author": "sturmer cesar",