pge-front-common 14.0.21 → 14.0.23

package/lib/index.js

@@ -127,7 +127,7 @@ var InputBase = function (_a) {
     var _b;
     var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, required = _a.required; _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className"]);
     return (React.createElement("div", { className: styles$w.inputContainer },
-        label && (React.createElement("label", { tabIndex: 0, htmlFor: props.name, className: "".concat(styles$w.labelInput, " ").concat(required ? styles$w.labelRequired : "") }, label)),
+        label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.name, className: "".concat(styles$w.labelInput, " ").concat(required ? styles$w.labelRequired : "") }, label)),
         React.createElement("div", { className: styles$w.inputContent },
             leftIcon && React.createElement("div", { className: styles$w.iconWrapperLeft }, leftIcon),
             React.createElement("input", __assign({ className: clsx(styles$w.textInput, customClass, (_b = {},
@@ -470,7 +470,7 @@ var IconView = function (props) { return (React.createElement("svg", __assign({
 var IconUploadFile2 = function (props) { return (React.createElement("svg", { width: "12", height: "14", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
     React.createElement("path", { d: "M5.33366 11.6666H6.66699V8.88325L7.73366 9.94992L8.66699 8.99992L6.00033 6.33325L3.33366 8.99992L4.28366 9.93325L5.33366 8.88325V11.6666ZM2.00033 13.6666C1.63366 13.6666 1.31977 13.536 1.05866 13.2749C0.797548 13.0138 0.666992 12.6999 0.666992 12.3333V1.66659C0.666992 1.29992 0.797548 0.98603 1.05866 0.724919C1.31977 0.463807 1.63366 0.333252 2.00033 0.333252H7.33366L11.3337 4.33325V12.3333C11.3337 12.6999 11.2031 13.0138 10.942 13.2749C10.6809 13.536 10.367 13.6666 10.0003 13.6666H2.00033ZM6.66699 4.99992V1.66659H2.00033V12.3333H10.0003V4.99992H6.66699Z", fill: "currentColor" }))); };
 
-var css_248z$y = ".styles-module__toast___JCV9s {\r\n    height: auto;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n    width: 100%;\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n    width: fit-content;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n    background-color: var(--bg-informative-success);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n    color: var(--success-color);\r\n    line-height: 120%;\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n    background-color: var(--bg-informative-alert);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n    color: var(--alert-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n    background-color: var(--bg-informative-warning);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n    color: var(--warning-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n    background-color: #005a9214;\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n    color: var(--information-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__content___AING8 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    gap: 8px;\r\n  }\r\n  \r\n  .styles-module__info___g8ce2 {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .styles-module__iconSize___os5JS {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__iconSize___os5JS {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n    color: var(--success-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n    color: var(--alert-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n    color: var(--warning-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n    color: var(--information-color);\r\n  }\r\n  \r\n  .styles-module__text___UCxPH {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 4px;\r\n  }\r\n  \r\n  .styles-module__text___UCxPH strong {\r\n    font-size: var(--font-size-16, 16px);\r\n    font-weight: 700;\r\n    line-height: 16px;\r\n    text-align: left;\r\n    text-decoration-skip-ink: none;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__text___UCxPH strong {\r\n      font-size: var(--font-size-12, 12px);\r\n    }\r\n  }\r\n  \r\n  .styles-module__text___UCxPH span {\r\n    font-weight: 400;\r\n    text-align: left;\r\n    text-decoration-skip-ink: none;\r\n  }\r\n\r\n  .styles-module__textContent___S1KEv {\r\n    color: var(--foreground);\r\n    font-size: var(--font-size-16);\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__textContent___S1KEv {\r\n      font-size: var(--font-size-12);\r\n    }\r\n  }\r\n\r\n  \r\n  .styles-module__closeButton___ELkqN {\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: var(--font-size-20, 20px);;\r\n    color: var(--foreground);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n  \r\n  .styles-module__closeButton___ELkqN:hover {\r\n    color: var(--foreground);\r\n  }\r\n\r\n  .styles-module__iconClose___OPoN8 {\r\n    color: var(--foreground);\r\n  }\r\n\r\n  ";
+var css_248z$y = ".styles-module__toast___JCV9s {\r\n    height: auto;\r\n    border-radius: 8px;\r\n    padding: 12px;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__fullWidth___LJFXr {\r\n    width: 100%;\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__fitContent___9F6bX {\r\n    width: fit-content;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__success___-BEJb {\r\n    background-color: var(--bg-informative-success);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__success___-BEJb {\r\n    color: var(--success-color);\r\n    line-height: 120%;\r\n  }\r\n\r\n  .styles-module__toast___JCV9s.styles-module__alert___Gum-6 {\r\n    background-color: var(--bg-informative-alert);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__alert___Gum-6 {\r\n    color: var(--alert-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__warning___CVMAV {\r\n    background-color: var(--bg-informative-warning);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__warning___CVMAV {\r\n    color: var(--warning-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__toast___JCV9s.styles-module__informative___0nyLv {\r\n    background-color: var(--bg-informative);\r\n  }\r\n\r\n  .styles-module__title___TK6Kt.styles-module__informative___0nyLv {\r\n    color: var(--information-color);\r\n    line-height: 120%;\r\n  }\r\n  \r\n  .styles-module__content___AING8 {\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: space-between;\r\n    width: 100%;\r\n    gap: 8px;\r\n  }\r\n  \r\n  .styles-module__info___g8ce2 {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 8px;\r\n  }\r\n\r\n  .styles-module__iconSize___os5JS {\r\n    width: 20px;\r\n    height: 20px;\r\n    flex-shrink: 0;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__iconSize___os5JS {\r\n      width: 20px;\r\n      height: 20px;\r\n    }\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__success___-BEJb {\r\n    color: var(--success-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__alert___Gum-6 {\r\n    color: var(--alert-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__warning___CVMAV {\r\n    color: var(--warning-color);\r\n  }\r\n\r\n  .styles-module__icon___uiYA-.styles-module__informative___0nyLv {\r\n    color: var(--information-color);\r\n  }\r\n  \r\n  .styles-module__text___UCxPH {\r\n    display: flex;\r\n    flex-direction: column;\r\n    justify-content: space-between;\r\n    gap: 4px;\r\n  }\r\n  \r\n  .styles-module__text___UCxPH strong {\r\n    font-size: var(--font-size-16, 16px);\r\n    font-weight: 700;\r\n    line-height: 16px;\r\n    text-align: left;\r\n    text-decoration-skip-ink: none;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__text___UCxPH strong {\r\n      font-size: var(--font-size-12, 12px);\r\n    }\r\n  }\r\n  \r\n  .styles-module__text___UCxPH span {\r\n    font-weight: 400;\r\n    text-align: left;\r\n    text-decoration-skip-ink: none;\r\n  }\r\n\r\n  .styles-module__textContent___S1KEv {\r\n    color: var(--foreground);\r\n    font-size: var(--font-size-16);\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__textContent___S1KEv {\r\n      font-size: var(--font-size-12);\r\n    }\r\n  }\r\n\r\n  \r\n  .styles-module__closeButton___ELkqN {\r\n    background: none;\r\n    border: none;\r\n    cursor: pointer;\r\n    font-size: var(--font-size-20, 20px);;\r\n    color: var(--foreground);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n  }\r\n\r\n  @media screen and (max-width: 480px) {\r\n    .styles-module__closeButton___ELkqN {\r\n      display: none;\r\n    }\r\n  }\r\n  \r\n  .styles-module__closeButton___ELkqN:hover {\r\n    color: var(--foreground);\r\n  }\r\n\r\n  .styles-module__iconClose___OPoN8 {\r\n    color: var(--foreground);\r\n  }\r\n\r\n  ";
 var styles$v = {"toast":"styles-module__toast___JCV9s","fullWidth":"styles-module__fullWidth___LJFXr","fitContent":"styles-module__fitContent___9F6bX","success":"styles-module__success___-BEJb","title":"styles-module__title___TK6Kt","alert":"styles-module__alert___Gum-6","warning":"styles-module__warning___CVMAV","informative":"styles-module__informative___0nyLv","content":"styles-module__content___AING8","info":"styles-module__info___g8ce2","iconSize":"styles-module__iconSize___os5JS","icon":"styles-module__icon___uiYA-","text":"styles-module__text___UCxPH","textContent":"styles-module__textContent___S1KEv","closeButton":"styles-module__closeButton___ELkqN","iconClose":"styles-module__iconClose___OPoN8"};
 styleInject(css_248z$y);
 
@@ -20968,14 +20968,13 @@ var isWeb = typeof window !== 'undefined' &&
 function cloneObject(data) {
     let copy;
     const isArray = Array.isArray(data);
-    const isFileListInstance = typeof FileList !== 'undefined' ? data instanceof FileList : false;
     if (data instanceof Date) {
         copy = new Date(data);
     }
     else if (data instanceof Set) {
         copy = new Set(data);
     }
-    else if (!(isWeb && (data instanceof Blob || isFileListInstance)) &&
+    else if (!(isWeb && (data instanceof Blob || data instanceof FileList)) &&
         (isArray || isObject(data))) {
         copy = isArray ? [] : {};
         if (!isArray && !isPlainObject(data)) {
@@ -21034,7 +21033,7 @@ var set = (object, path, value) => {
                         ? []
                         : {};
         }
-        if (key === '__proto__' || key === 'constructor' || key === 'prototype') {
+        if (key === '__proto__') {
             return;
         }
         object[key] = newValue;
@@ -21210,7 +21209,7 @@ function useFormState(props) {
             _mounted.current = false;
         };
     }, [control]);
-    return React.useMemo(() => getProxyFormState(formState, control, _localProxyFormState.current, false), [formState, control]);
+    return getProxyFormState(formState, control, _localProxyFormState.current, false);
 }
 
 var isString = (value) => typeof value === 'string';
@@ -21304,67 +21303,6 @@ function useController(props) {
         value,
         ...(isBoolean(props.disabled) ? { disabled: props.disabled } : {}),
     }));
-    const fieldState = React.useMemo(() => Object.defineProperties({}, {
-        invalid: {
-            enumerable: true,
-            get: () => !!get(formState.errors, name),
-        },
-        isDirty: {
-            enumerable: true,
-            get: () => !!get(formState.dirtyFields, name),
-        },
-        isTouched: {
-            enumerable: true,
-            get: () => !!get(formState.touchedFields, name),
-        },
-        isValidating: {
-            enumerable: true,
-            get: () => !!get(formState.validatingFields, name),
-        },
-        error: {
-            enumerable: true,
-            get: () => get(formState.errors, name),
-        },
-    }), [formState, name]);
-    const field = React.useMemo(() => ({
-        name,
-        value,
-        ...(isBoolean(disabled) || formState.disabled
-            ? { disabled: formState.disabled || disabled }
-            : {}),
-        onChange: (event) => _registerProps.current.onChange({
-            target: {
-                value: getEventValue(event),
-                name: name,
-            },
-            type: EVENTS.CHANGE,
-        }),
-        onBlur: () => _registerProps.current.onBlur({
-            target: {
-                value: get(control._formValues, name),
-                name: name,
-            },
-            type: EVENTS.BLUR,
-        }),
-        ref: (elm) => {
-            const field = get(control._fields, name);
-            if (field && elm) {
-                field._f.ref = {
-                    focus: () => elm.focus(),
-                    select: () => elm.select(),
-                    setCustomValidity: (message) => elm.setCustomValidity(message),
-                    reportValidity: () => elm.reportValidity(),
-                };
-            }
-        },
-    }), [
-        name,
-        control._formValues,
-        disabled,
-        formState.disabled,
-        value,
-        control._fields,
-    ]);
     React.useEffect(() => {
         const _shouldUnregisterField = control._options.shouldUnregister || shouldUnregister;
         const updateMounted = (name, value) => {
@@ -21381,7 +21319,6 @@ function useController(props) {
                 set(control._formValues, name, value);
             }
         }
-        !isArrayField && control.register(name);
         return () => {
             (isArrayField
                 ? _shouldUnregisterField && !control._state.action
@@ -21391,17 +21328,72 @@ function useController(props) {
         };
     }, [name, control, isArrayField, shouldUnregister]);
     React.useEffect(() => {
-        control._updateDisabledField({
-            disabled,
-            fields: control._fields,
-            name,
-        });
+        if (get(control._fields, name)) {
+            control._updateDisabledField({
+                disabled,
+                fields: control._fields,
+                name,
+                value: get(control._fields, name)._f.value,
+            });
+        }
     }, [disabled, name, control]);
-    return React.useMemo(() => ({
-        field,
+    return {
+        field: {
+            name,
+            value,
+            ...(isBoolean(disabled) || formState.disabled
+                ? { disabled: formState.disabled || disabled }
+                : {}),
+            onChange: React.useCallback((event) => _registerProps.current.onChange({
+                target: {
+                    value: getEventValue(event),
+                    name: name,
+                },
+                type: EVENTS.CHANGE,
+            }), [name]),
+            onBlur: React.useCallback(() => _registerProps.current.onBlur({
+                target: {
+                    value: get(control._formValues, name),
+                    name: name,
+                },
+                type: EVENTS.BLUR,
+            }), [name, control]),
+            ref: React.useCallback((elm) => {
+                const field = get(control._fields, name);
+                if (field && elm) {
+                    field._f.ref = {
+                        focus: () => elm.focus(),
+                        select: () => elm.select(),
+                        setCustomValidity: (message) => elm.setCustomValidity(message),
+                        reportValidity: () => elm.reportValidity(),
+                    };
+                }
+            }, [control._fields, name]),
+        },
         formState,
-        fieldState,
-    }), [field, formState, fieldState]);
+        fieldState: Object.defineProperties({}, {
+            invalid: {
+                enumerable: true,
+                get: () => !!get(formState.errors, name),
+            },
+            isDirty: {
+                enumerable: true,
+                get: () => !!get(formState.dirtyFields, name),
+            },
+            isTouched: {
+                enumerable: true,
+                get: () => !!get(formState.touchedFields, name),
+            },
+            isValidating: {
+                enumerable: true,
+                get: () => !!get(formState.validatingFields, name),
+            },
+            error: {
+                enumerable: true,
+                get: () => get(formState.errors, name),
+            },
+        }),
+    };
 }
 
 var selectColourStyles = function (isInvalid) { return ({
@@ -23589,7 +23581,7 @@ var ModalUI = function (_a) {
                 React.createElement("div", { className: styles$3.childrenContainer }, children)))));
 };
 
-var css_248z$4 = "@keyframes styles-module__fadeIn___09YGY {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n  overflow-y: hidden;\r\n  animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n  z-index: 10000;\r\n  background: white;\r\n  border-radius: 16px;\r\n  position: relative;\r\n  margin: auto;\r\n  max-width: 500px;\r\n  width: 100%;\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n  display: flex;\r\n  text-align: justify;\r\n  background-color: var(--modal-header-bg-color);\r\n  color: rgba(255, 255, 255, 0.96);\r\n  border-top-left-radius: 16px;\r\n  border-top-right-radius: 16px;\r\n  padding: 1rem 1.5rem;\r\n  justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 0 1 auto;\r\n  font-family: Open Sans;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  line-height: 100%;\r\n  letter-spacing: 0px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n  opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n  margin: 16px 0 16px 16px;\r\n  max-height: 500px;\r\n  padding-right: 16px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 1rem;\r\n  padding: 0 16px 16px;\r\n  justify-content: flex-end;\r\n}\r\n";
+var css_248z$4 = "@keyframes styles-module__fadeIn___09YGY {\r\n  from {\r\n    opacity: 0;\r\n  }\r\n  to {\r\n    opacity: 1;\r\n  }\r\n}\r\n\r\n.styles-module__modalOverlay___zIq-T {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  right: 0;\r\n  bottom: 0;\r\n  background: rgba(0, 0, 0, 0.5);\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  z-index: 1000;\r\n  overflow-y: hidden;\r\n  animation: styles-module__fadeIn___09YGY 0.3s ease-in-out;\r\n}\r\n\r\n.styles-module__modal___4vuMK {\r\n  z-index: 10000;\r\n  background: white;\r\n  border-radius: 16px;\r\n  position: relative;\r\n  margin: auto;\r\n  max-width: 500px;\r\n  width: 100%;\r\n}\r\n\r\n@media screen and (max-width: 768px) {\r\n  .styles-module__modal___4vuMK {\r\n    max-width: 95vw;\r\n  }\r\n}\r\n\r\n.styles-module__modalHeader___P-TK7 {\r\n  display: flex;\r\n  text-align: justify;\r\n  background-color: var(--modal-header-bg-color);\r\n  color: rgba(255, 255, 255, 0.96);\r\n  border-top-left-radius: 16px;\r\n  border-top-right-radius: 16px;\r\n  padding: 1rem 1.5rem;\r\n  justify-content: space-between;\r\n}\r\n\r\n.styles-module__modalHeaderContent___i6CzG {\r\n  display: flex;\r\n  flex-direction: column;\r\n  flex: 0 1 auto;\r\n  font-family: Open Sans;\r\n  font-weight: 700;\r\n  font-size: 20px;\r\n  line-height: 100%;\r\n  letter-spacing: 0px;\r\n  vertical-align: middle;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B {\r\n  vertical-align: middle;\r\n  cursor: pointer;\r\n  height: 20px;\r\n}\r\n\r\n.styles-module__closeButton___F4c5B:hover,\r\n.styles-module__closeButton___F4c5B:active {\r\n  opacity: 0.8;\r\n}\r\n\r\n.styles-module__modalBody___jzSq1 {\r\n  margin: 16px 0 16px 16px;\r\n  max-height: 500px;\r\n  padding-right: 16px;\r\n  overflow-x: hidden;\r\n  overflow-y: auto;\r\n}\r\n\r\n.styles-module__modalFooter___keSWl {\r\n  display: flex;\r\n  flex-direction: row;\r\n  gap: 1rem;\r\n  padding: 0 16px 16px;\r\n  justify-content: flex-end;\r\n}\r\n";
 var styl = {"modalOverlay":"styles-module__modalOverlay___zIq-T","fadeIn":"styles-module__fadeIn___09YGY","modal":"styles-module__modal___4vuMK","modalHeader":"styles-module__modalHeader___P-TK7","modalHeaderContent":"styles-module__modalHeaderContent___i6CzG","closeButton":"styles-module__closeButton___F4c5B","modalBody":"styles-module__modalBody___jzSq1","modalFooter":"styles-module__modalFooter___keSWl"};
 styleInject(css_248z$4);
 
@@ -23703,7 +23695,7 @@ var TableFooter = function (_a) {
     return (React.createElement("tfoot", __assign({ className: "".concat(styles.tableFooter) }, props), children));
 };
 
-var css_248z = "/* src/global.css */\r\n@import url(\"https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&display=swap\");\r\n*,\r\n*::before,\r\n*::after {\r\n  box-sizing: border-box;\r\n}\r\n\r\nbody {\r\n  font-family: var(--font-open-sans-serif);\r\n  margin: 0;\r\n  padding: 0;\r\n}\r\n\r\n:root {\r\n  --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: #1a95b0;\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: #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: 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: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\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\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: #37adf6;\r\n  --color-label: #fff;\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  /* 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\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  border-right: none;\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\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: #1a95b0;\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: #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: 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: #ff5858;\r\n  --btn-border-danger-tertiary-color: #ff5858;\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: #37adf6;\r\n  --color-label: #fff;\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  /* 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  border-right: none;\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() {