pge-front-common 14.1.22 → 14.1.24

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

@@ -1,4 +1,4 @@
 import * as React from "react";
 import { SelectDefaultProps } from "./index.types";
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel }: SelectDefaultProps) => React.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React.JSX.Element;
 export default SelectDefault;

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

@@ -15,6 +15,7 @@ export interface SelectDefaultProps {
     hasError?: boolean;
     control?: Control<any>;
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
+    isClearable?: boolean;
 }
 export type OptionsProps = {
     label: string;

package/lib/index.d.ts

@@ -690,6 +690,7 @@ interface SelectDefaultProps {
     hasError?: boolean;
     control?: Control<any>;
     formatOptionLabel?: ((data: any, formatOptionLabelMeta: FormatOptionLabelMeta<any>) => React.ReactNode) | undefined;
+    isClearable?: boolean;
 }
 type OptionsProps = {
     label: string;
@@ -697,7 +698,7 @@ type OptionsProps = {
     isDisabled?: boolean;
 };
 
-declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel }: SelectDefaultProps) => React$1.JSX.Element;
+declare const SelectDefault: ({ name, control, optionsSelect, placeholder, isDisabled, label, hasError, handleChange, isRequired, value, handleInputChange, formatOptionLabel, isClearable, }: SelectDefaultProps) => React$1.JSX.Element;
 
 interface ModalProps$1 {
     isModalOpen: boolean;

package/lib/index.esm.js

@@ -632,7 +632,7 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
 });
 PgeButton.displayName = "PgeButton";
 
-var css_248z$y = ".styles-module__container___9pLua {\r\n  width: 100%;\r\n  height: fit-content;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var( --color-label);\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .styles-module__label___AWyTG {\r\n  font-size: var(--font-size-12);\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var( --color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n  font-size: var(--font-size-12);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var( --color-label);\r\n}\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n  width: 100%;\r\n  height: 58px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n  border: 2px dashed var(--primary-color, #005a92);\r\n  border-radius: 16px;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__inputContainer___tsCfV{\r\n    height: 52px;\r\n  }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n  width: fit-content;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 7px 13px;\r\n  gap: 8px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .styles-module__button___1GicM {\r\n    min-width: 91px;\r\n    height: 32px;\r\n  }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n  display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px){\r\n  .styles-module__description___S1vZj {\r\n  font-size: var(--font-size-12);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-primary-color);\r\n  border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-hover-primary-color);\r\n  outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n  border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n  box-shadow: 0px 4px 4px 0px #00000040;\r\n  background: var(--btn-bg-focus-primary-color, #00436d);\r\n  color: var(--btn-text-focus-primary-color);\r\n  outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n  background: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  background: var(--btn-up-bg-secondary-color);\r\n  color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n  background: var(--btn-up-bg-hover-secondary-color);\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n  background: #00436d1a;\r\n  border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n  background: var(--btn-up-bg-focus-secondary-color);\r\n  color: var(--btn-up-text-focus-secondary-color);\r\n  outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n  border: 1px solid var(--light-grey-color, #c3c3c3);\r\n  color: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n  border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n  color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__errorText___1LAhk {\r\n  font-size: var(--font-size-10);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n  font-size: var(--font-size-10);\r\n}\r\n}\r\n";
+var css_248z$y = ".styles-module__container___9pLua {\r\n  width: 100%;\r\n  height: fit-content;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 600;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__label___AWyTG {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 600;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n\r\n  .styles-module__labelUpload___LOAO- {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--color-label);\r\n  }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n  width: 100%;\r\n  height: 58px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 4px;\r\n  border: 2px dashed var(--primary-color-whit-opacity, #005a9280);\r\n  border-radius: 16px;\r\n  padding: 10px;\r\n  margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__inputContainer___tsCfV {\r\n    height: 52px;\r\n  }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n  width: fit-content;\r\n  height: 38px;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 7px 13px;\r\n  gap: 8px;\r\n  border-radius: 10px;\r\n  cursor: pointer;\r\n  white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__button___1GicM {\r\n    min-width: 91px;\r\n    height: 32px;\r\n  }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n  display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 400;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__description___S1vZj {\r\n    font-size: var(--font-size-12);\r\n    font-weight: 400;\r\n    line-height: 24px;\r\n    text-align: left;\r\n    color: var(--foreground);\r\n  }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n  font-size: var(--font-size-16);\r\n  font-weight: 500;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-primary-color);\r\n  border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n  background-color: var(--btn-bg-primary-color);\r\n  color: var(--btn-text-hover-primary-color);\r\n  outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n  border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n  box-shadow: 0px 4px 4px 0px #00000040;\r\n  background: var(--btn-bg-focus-primary-color, #00436d);\r\n  color: var(--btn-text-focus-primary-color);\r\n  outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n  background: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  background: var(--btn-up-bg-secondary-color);\r\n  color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n  background: var(--btn-up-bg-hover-secondary-color);\r\n  border: 1px solid var(--btn-up-border-secondary-color);\r\n  color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n  background: #00436d1a;\r\n  border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n  background: var(--btn-up-bg-focus-secondary-color);\r\n  color: var(--btn-up-text-focus-secondary-color);\r\n  outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n  border: 1px solid var(--light-grey-color, #c3c3c3);\r\n  color: var(--light-grey-color, #c3c3c3);\r\n  cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n  border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n  color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n  font-size: var(--font-size-14);\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n  .styles-module__errorText___1LAhk {\r\n    font-size: var(--font-size-10);\r\n  }\r\n\r\n  .styles-module__successText___s1G4K {\r\n    font-size: var(--font-size-10);\r\n  }\r\n}\r\n";
 var styles$u = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
 styleInject(css_248z$y);
 
@@ -21666,9 +21666,9 @@ var selectColourStyles = function (isInvalid, isMobile) { return ({
     },
 }); };
 var SelectDefault = function (_a) {
-    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel;
-    var _d = useController({ name: name, control: control }), _e = _d.field; _e.onChange; _e.value; var rest = __rest(_e, ["onChange", "value"]), error = _d.fieldState.error;
-    var _f = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _f[0], setIsMobile = _f[1];
+    var name = _a.name, control = _a.control, optionsSelect = _a.optionsSelect, placeholder = _a.placeholder, _b = _a.isDisabled, isDisabled = _b === void 0 ? false : _b, label = _a.label, _c = _a.hasError, hasError = _c === void 0 ? false : _c, handleChange = _a.handleChange, isRequired = _a.isRequired, value = _a.value, handleInputChange = _a.handleInputChange, formatOptionLabel = _a.formatOptionLabel, _d = _a.isClearable, isClearable = _d === void 0 ? true : _d;
+    var _e = useController({ name: name, control: control }), _f = _e.field; _f.onChange; _f.value; var rest = __rest(_f, ["onChange", "value"]), error = _e.fieldState.error;
+    var _g = React.useState(typeof window !== "undefined" && window.innerWidth <= 768), isMobile = _g[0], setIsMobile = _g[1];
     var CustomDropdownIndicator = function () {
         return (React.createElement("div", { className: styles$7.contentIcon },
             React.createElement(IconTriangleRecall, { className: styles$7.iconChefron })));
@@ -21690,7 +21690,7 @@ var SelectDefault = function (_a) {
                     if (inputValue) {
                         handleInputChange === null || handleInputChange === void 0 ? void 0 : handleInputChange(inputValue);
                     }
-                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: true, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
+                }, placeholder: placeholder, styles: selectColourStyles(hasError || !!error, isMobile), isClearable: isClearable, isSearchable: true, formatOptionLabel: formatOptionLabel, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": label || placeholder || "Campo para seleção", inputId: "".concat(name, "-input") }, rest))),
         error && React.createElement("span", { className: styles$7.errorText }, error.message)));
 };
 
@@ -24196,7 +24196,7 @@ function ProgressCircle(_a) {
             (message === null || message === void 0 ? void 0 : message.trim()) && React__default.createElement("p", { className: styles.message }, message))));
 }
 
-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-menu-seta-color: #000;\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  /* Table variables */\r\n  --table-text-color: #777;\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-menu-seta-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    /* Table variables */\r\n  --table-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";
+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  --primary-color-with-opacity: #005a9280;\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-menu-seta-color: #000;\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  /* Table variables */\r\n  --table-text-color: #777;\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-menu-seta-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  /* Table variables */\r\n  --table-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() {