pge-front-common 14.0.51 → 14.0.52
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/components/BasicSelect/index.types.d.ts +1 -1
- package/lib/components/Upload/index.d.ts +9 -2
- package/lib/components/Upload/index.type.d.ts +6 -2
- package/lib/index.d.ts +9 -8
- package/lib/index.esm.js +27 -23
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +27 -23
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -6,7 +6,7 @@ export interface SelectDefaultProps {
|
|
|
6
6
|
placeholder?: string;
|
|
7
7
|
className?: string;
|
|
8
8
|
label?: React.ReactNode;
|
|
9
|
-
handleChange: (selectedOptions: OptionsProps
|
|
9
|
+
handleChange: (selectedOptions: OptionsProps) => void;
|
|
10
10
|
handleInputChange?: (inputValue: string) => void;
|
|
11
11
|
isDisabled?: boolean;
|
|
12
12
|
isRequired?: boolean;
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
import React from "react";
|
|
2
|
-
import { FileUploadHandle
|
|
3
|
-
export declare const FileUpload: React.ForwardRefExoticComponent<
|
|
2
|
+
import { FileUploadHandle } from "./index.type";
|
|
3
|
+
export declare const FileUpload: React.ForwardRefExoticComponent<{
|
|
4
|
+
variant: "primary" | "secondary";
|
|
5
|
+
danger?: boolean;
|
|
6
|
+
fileTypes: string[];
|
|
7
|
+
onFileSelect: (file: File | null) => void;
|
|
8
|
+
title?: string;
|
|
9
|
+
descricaoLabel?: string;
|
|
10
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<FileUploadHandle>>;
|
|
@@ -1,9 +1,13 @@
|
|
|
1
|
-
|
|
1
|
+
type ButtonVariant = "primary" | "secondary";
|
|
2
|
+
export type UploadFileProps = {
|
|
3
|
+
variant: ButtonVariant;
|
|
4
|
+
danger?: boolean;
|
|
2
5
|
fileTypes: string[];
|
|
3
6
|
onFileSelect: (file: File | null) => void;
|
|
4
7
|
title?: string;
|
|
5
8
|
descricaoLabel?: string;
|
|
6
|
-
}
|
|
9
|
+
} & React.ButtonHTMLAttributes<HTMLButtonElement>;
|
|
7
10
|
export type FileUploadHandle = {
|
|
8
11
|
reset: () => void;
|
|
9
12
|
};
|
|
13
|
+
export {};
|
package/lib/index.d.ts
CHANGED
|
@@ -73,17 +73,18 @@ declare const PgeButton: React__default.ForwardRefExoticComponent<{
|
|
|
73
73
|
widthType?: "fit-content" | "full-width";
|
|
74
74
|
} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<HTMLButtonElement>>;
|
|
75
75
|
|
|
76
|
-
interface UploadFileProps {
|
|
77
|
-
fileTypes: string[];
|
|
78
|
-
onFileSelect: (file: File | null) => void;
|
|
79
|
-
title?: string;
|
|
80
|
-
descricaoLabel?: string;
|
|
81
|
-
}
|
|
82
76
|
type FileUploadHandle = {
|
|
83
77
|
reset: () => void;
|
|
84
78
|
};
|
|
85
79
|
|
|
86
|
-
declare const FileUpload: React__default.ForwardRefExoticComponent<
|
|
80
|
+
declare const FileUpload: React__default.ForwardRefExoticComponent<{
|
|
81
|
+
variant: "primary" | "secondary";
|
|
82
|
+
danger?: boolean;
|
|
83
|
+
fileTypes: string[];
|
|
84
|
+
onFileSelect: (file: File | null) => void;
|
|
85
|
+
title?: string;
|
|
86
|
+
descricaoLabel?: string;
|
|
87
|
+
} & React__default.ButtonHTMLAttributes<HTMLButtonElement> & React__default.RefAttributes<FileUploadHandle>>;
|
|
87
88
|
|
|
88
89
|
interface TooltipProps$1 {
|
|
89
90
|
text: string;
|
|
@@ -253,7 +254,7 @@ interface SelectDefaultProps$1 {
|
|
|
253
254
|
placeholder?: string;
|
|
254
255
|
className?: string;
|
|
255
256
|
label?: React__default.ReactNode;
|
|
256
|
-
handleChange: (selectedOptions: OptionsProps$1
|
|
257
|
+
handleChange: (selectedOptions: OptionsProps$1) => void;
|
|
257
258
|
handleInputChange?: (inputValue: string) => void;
|
|
258
259
|
isDisabled?: boolean;
|
|
259
260
|
isRequired?: boolean;
|
package/lib/index.esm.js
CHANGED
|
@@ -388,17 +388,17 @@ var IconCheck = function (props) { return (React__default.createElement("svg", _
|
|
|
388
388
|
var IconPrint = function (props) { return (React__default.createElement("svg", __assign({ width: "16", height: "14", viewBox: "0 0 16 14", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
389
389
|
React__default.createElement("path", { d: "M12.2595 3.01279H3.09292V0.787938C3.09292 0.577813 3.17205 0.393959 3.33031 0.236375C3.48856 0.0787918 3.6733 0 3.88452 0H11.4646C11.6794 0 11.8656 0.0791253 12.0231 0.237375C12.1807 0.395625 12.2595 0.579729 12.2595 0.789688V3.01279ZM12.516 7.31244C12.7521 7.31244 12.9569 7.22563 13.1305 7.05202C13.3042 6.87841 13.391 6.67355 13.391 6.43744C13.391 6.20133 13.3042 5.99647 13.1305 5.82285C12.9569 5.64924 12.7521 5.56244 12.516 5.56244C12.2798 5.56244 12.075 5.64924 11.9014 5.82285C11.7278 5.99647 11.641 6.20133 11.641 6.43744C11.641 6.67355 11.7278 6.87841 11.9014 7.05202C12.075 7.22563 12.2798 7.31244 12.516 7.31244ZM4.68267 12.5769H10.6698C10.7446 12.5769 10.806 12.5528 10.8541 12.5048C10.9022 12.4567 10.9262 12.3952 10.9262 12.3204V9.43583H4.42623V12.3204C4.42623 12.3952 4.45027 12.4567 4.49835 12.5048C4.54644 12.5528 4.60787 12.5769 4.68267 12.5769ZM4.68267 13.9102C4.24549 13.9102 3.87124 13.7545 3.55992 13.4432C3.24858 13.1319 3.09292 12.7576 3.09292 12.3204V10.8477H0.789688C0.579729 10.8477 0.395625 10.7686 0.237375 10.6103C0.0791249 10.452 0 10.263 0 10.043V5.93744C0 5.34717 0.207729 4.84197 0.623187 4.42183C1.03865 4.00171 1.54618 3.79165 2.14579 3.79165H13.2067C13.7969 3.79165 14.3021 4.00171 14.7223 4.42183C15.1424 4.84197 15.3525 5.34717 15.3525 5.93744V10.043C15.3525 10.263 15.2733 10.452 15.1151 10.6103C14.9568 10.7686 14.7727 10.8477 14.5628 10.8477H12.2595V12.3204C12.2595 12.7576 12.1039 13.1319 11.7925 13.4432C11.4812 13.7545 11.107 13.9102 10.6698 13.9102H4.68267Z", fill: "currentColor" }))); };
|
|
390
390
|
|
|
391
|
-
var IconUploadFile = function (props) { return (React__default.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "
|
|
391
|
+
var IconUploadFile = function (props) { return (React__default.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
|
|
392
392
|
React__default.createElement("g", { "clip-path": "url(#clip0_1357_403)" },
|
|
393
|
-
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "
|
|
393
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none", "fill-opacity": "0.01" }),
|
|
394
394
|
React__default.createElement("g", { "clip-path": "url(#clip1_1357_403)" },
|
|
395
|
-
React__default.createElement("path", { d: "M0.5 10.3992C0.632608 10.3992 0.759785 10.4519 0.853553 10.5456C0.947322 10.6394 1 10.7666 1 10.8992V13.3992C1 13.6644 1.10536 13.9188 1.29289 14.1063C1.48043 14.2938 1.73478 14.3992 2 14.3992H14C14.2652 14.3992 14.5196 14.2938 14.7071 14.1063C14.8946 13.9188 15 13.6644 15 13.3992V10.8992C15 10.7666 15.0527 10.6394 15.1464 10.5456C15.2402 10.4519 15.3674 10.3992 15.5 10.3992C15.6326 10.3992 15.7598 10.4519 15.8536 10.5456C15.9473 10.6394 16 10.7666 16 10.8992V13.3992C16 13.9296 15.7893 14.4383 15.4142 14.8134C15.0391 15.1885 14.5304 15.3992 14 15.3992H2C1.46957 15.3992 0.960859 15.1885 0.585786 14.8134C0.210714 14.4383 0 13.9296 0 13.3992V10.8992C0 10.7666 0.0526784 10.6394 0.146447 10.5456C0.240215 10.4519 0.367392 10.3992 0.5 10.3992Z", fill: "
|
|
396
|
-
React__default.createElement("path", { d: "M7.646 1.64518C7.69245 1.59862 7.74762 1.56168 7.80837 1.53647C7.86911 1.51127 7.93423 1.49829 8 1.49829C8.06577 1.49829 8.13089 1.51127 8.19163 1.53647C8.25238 1.56168 8.30755 1.59862 8.354 1.64518L11.354 4.64518C11.4479 4.73907 11.5006 4.86641 11.5006 4.99918C11.5006 5.13196 11.4479 5.2593 11.354 5.35318C11.2601 5.44707 11.1328 5.49982 11 5.49982C10.8672 5.49982 10.7399 5.44707 10.646 5.35318L8.5 3.20618V11.9992C8.5 12.1318 8.44732 12.259 8.35355 12.3527C8.25979 12.4465 8.13261 12.4992 8 12.4992C7.86739 12.4992 7.74021 12.4465 7.64645 12.3527C7.55268 12.259 7.5 12.1318 7.5 11.9992V3.20618L5.354 5.35318C5.30751 5.39967 5.25232 5.43655 5.19158 5.46171C5.13084 5.48687 5.06574 5.49982 5 5.49982C4.93426 5.49982 4.86916 5.48687 4.80842 5.46171C4.74768 5.43655 4.69249 5.39967 4.646 5.35318C4.59951 5.3067 4.56264 5.25151 4.53748 5.19077C4.51232 5.13003 4.49937 5.06493 4.49937 4.99918C4.49937 4.93344 4.51232 4.86834 4.53748 4.8076C4.56264 4.74686 4.59951 4.69167 4.646 4.64518L7.646 1.64518Z", fill: "
|
|
395
|
+
React__default.createElement("path", { d: "M0.5 10.3992C0.632608 10.3992 0.759785 10.4519 0.853553 10.5456C0.947322 10.6394 1 10.7666 1 10.8992V13.3992C1 13.6644 1.10536 13.9188 1.29289 14.1063C1.48043 14.2938 1.73478 14.3992 2 14.3992H14C14.2652 14.3992 14.5196 14.2938 14.7071 14.1063C14.8946 13.9188 15 13.6644 15 13.3992V10.8992C15 10.7666 15.0527 10.6394 15.1464 10.5456C15.2402 10.4519 15.3674 10.3992 15.5 10.3992C15.6326 10.3992 15.7598 10.4519 15.8536 10.5456C15.9473 10.6394 16 10.7666 16 10.8992V13.3992C16 13.9296 15.7893 14.4383 15.4142 14.8134C15.0391 15.1885 14.5304 15.3992 14 15.3992H2C1.46957 15.3992 0.960859 15.1885 0.585786 14.8134C0.210714 14.4383 0 13.9296 0 13.3992V10.8992C0 10.7666 0.0526784 10.6394 0.146447 10.5456C0.240215 10.4519 0.367392 10.3992 0.5 10.3992Z", fill: "currentColor" }),
|
|
396
|
+
React__default.createElement("path", { d: "M7.646 1.64518C7.69245 1.59862 7.74762 1.56168 7.80837 1.53647C7.86911 1.51127 7.93423 1.49829 8 1.49829C8.06577 1.49829 8.13089 1.51127 8.19163 1.53647C8.25238 1.56168 8.30755 1.59862 8.354 1.64518L11.354 4.64518C11.4479 4.73907 11.5006 4.86641 11.5006 4.99918C11.5006 5.13196 11.4479 5.2593 11.354 5.35318C11.2601 5.44707 11.1328 5.49982 11 5.49982C10.8672 5.49982 10.7399 5.44707 10.646 5.35318L8.5 3.20618V11.9992C8.5 12.1318 8.44732 12.259 8.35355 12.3527C8.25979 12.4465 8.13261 12.4992 8 12.4992C7.86739 12.4992 7.74021 12.4465 7.64645 12.3527C7.55268 12.259 7.5 12.1318 7.5 11.9992V3.20618L5.354 5.35318C5.30751 5.39967 5.25232 5.43655 5.19158 5.46171C5.13084 5.48687 5.06574 5.49982 5 5.49982C4.93426 5.49982 4.86916 5.48687 4.80842 5.46171C4.74768 5.43655 4.69249 5.39967 4.646 5.35318C4.59951 5.3067 4.56264 5.25151 4.53748 5.19077C4.51232 5.13003 4.49937 5.06493 4.49937 4.99918C4.49937 4.93344 4.51232 4.86834 4.53748 4.8076C4.56264 4.74686 4.59951 4.69167 4.646 4.64518L7.646 1.64518Z", fill: "currentColor" }))),
|
|
397
397
|
React__default.createElement("defs", null,
|
|
398
398
|
React__default.createElement("clipPath", { id: "clip0_1357_403" },
|
|
399
|
-
React__default.createElement("rect", { width: "16", height: "16",
|
|
399
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)" })),
|
|
400
400
|
React__default.createElement("clipPath", { id: "clip1_1357_403" },
|
|
401
|
-
React__default.createElement("rect", { width: "16", height: "16",
|
|
401
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)" }))))); };
|
|
402
402
|
|
|
403
403
|
var IconUploadV2 = function (props) {
|
|
404
404
|
var _a, _b;
|
|
@@ -603,14 +603,18 @@ var PgeButton = React__default.forwardRef(function (_a, ref) {
|
|
|
603
603
|
});
|
|
604
604
|
PgeButton.displayName = "PgeButton";
|
|
605
605
|
|
|
606
|
-
var css_248z$w = ".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: 16px;\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color:
|
|
607
|
-
var styles$t = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","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","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
|
|
606
|
+
var css_248z$w = ".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: 16px;\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__inputContainer___tsCfV {\r\n width: 100%;\r\n height: fit-content;\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}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV {\r\n flex-direction: column;\r\n align-items: flex-start;\r\n }\r\n \r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\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}\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: 16px;\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.styles-module__instructionText___fa9r4 {\r\n font-size: 16px;\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: 14px;\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: 14px;\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";
|
|
607
|
+
var styles$t = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","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"};
|
|
608
608
|
styleInject(css_248z$w);
|
|
609
609
|
|
|
610
610
|
var FileUpload = forwardRef(function (_a, ref) {
|
|
611
|
-
var
|
|
612
|
-
var _d =
|
|
613
|
-
var
|
|
611
|
+
var _b;
|
|
612
|
+
var _c = _a.variant, variant = _c === void 0 ? "primary" : _c, _d = _a.danger, danger = _d === void 0 ? false : _d, fileTypes = _a.fileTypes, onFileSelect = _a.onFileSelect, _e = _a.title, title = _e === void 0 ? "Upload de Arquivos:" : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className"]);
|
|
613
|
+
var buttonClass = clsx(styles$t.button, styles$t[variant], (_b = {},
|
|
614
|
+
_b[styles$t.danger] = danger && variant !== "primary",
|
|
615
|
+
_b), className);
|
|
616
|
+
var _g = useState(null), file = _g[0], setFile = _g[1];
|
|
617
|
+
var _h = useState(""), error = _h[0], setError = _h[1];
|
|
614
618
|
var fileInputRef = useRef(null);
|
|
615
619
|
var handleFileChange = function (event) {
|
|
616
620
|
var _a, _b;
|
|
@@ -646,8 +650,8 @@ var FileUpload = forwardRef(function (_a, ref) {
|
|
|
646
650
|
React__default.createElement("label", { className: styles$t.label },
|
|
647
651
|
title,
|
|
648
652
|
React__default.createElement("div", { className: styles$t.inputContainer },
|
|
649
|
-
React__default.createElement("label", { className:
|
|
650
|
-
React__default.createElement(IconUploadFile,
|
|
653
|
+
React__default.createElement("label", { className: buttonClass },
|
|
654
|
+
React__default.createElement(IconUploadFile, { className: buttonClass }),
|
|
651
655
|
descricaoLabel,
|
|
652
656
|
React__default.createElement("input", { type: "file", ref: fileInputRef, className: styles$t.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(",") })),
|
|
653
657
|
React__default.createElement("span", { className: styles$t.description }, file ? file.name : "Nenhum arquivo selecionado"))),
|
|
@@ -8548,7 +8552,7 @@ var SelectMult = function (_a) {
|
|
|
8548
8552
|
!hasError && message && React__default.createElement("p", { className: styles$g.message }, message)));
|
|
8549
8553
|
};
|
|
8550
8554
|
|
|
8551
|
-
var css_248z$f = ".styles-module__selectContainer___uFP2d {\r\n width: 100%;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___grCcq {\r\n font-size: var(--font-size-12);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___PNeLN {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___SAMFM {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___Cp81j {\r\n color: var(--color-label);\r\n}\r\n";
|
|
8555
|
+
var css_248z$f = ".styles-module__selectContainer___uFP2d {\r\n width: 100%;\r\n font-size: var(--font-size-14);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__selectContainer___uFP2d label {\r\n font-size: var(--font-size-12);\r\n }\r\n\r\n .styles-module__selectContainer___uFP2d {\r\n font-size: var(--font-size-12);\r\n }\r\n}\r\n\r\n.styles-module__errorText___grCcq {\r\n font-size: var(--font-size-12);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__errorRequired___PNeLN {\r\n font-size: var(--font-size-16);\r\n font-weight: 700;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__contentIcon___SAMFM {\r\n display: flex;\r\n align-items: center;\r\n padding: 8px;\r\n}\r\n\r\n.styles-module__iconChefron___Cp81j {\r\n color: var(--color-label);\r\n}\r\n";
|
|
8552
8556
|
var styles$f = {"selectContainer":"styles-module__selectContainer___uFP2d","errorText":"styles-module__errorText___grCcq","errorRequired":"styles-module__errorRequired___PNeLN","contentIcon":"styles-module__contentIcon___SAMFM","iconChefron":"styles-module__iconChefron___Cp81j"};
|
|
8553
8557
|
styleInject(css_248z$f);
|
|
8554
8558
|
|
|
@@ -8597,18 +8601,18 @@ function useIsMobile(breakpoint) {
|
|
|
8597
8601
|
|
|
8598
8602
|
var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return ({
|
|
8599
8603
|
control: function (styles, _a) {
|
|
8600
|
-
var isFocused = _a.isFocused;
|
|
8601
|
-
return (__assign(__assign({}, styles), { alignItems: "center", cursor: "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", boxShadow: isInvalid
|
|
8604
|
+
var isFocused = _a.isFocused, isDisabled = _a.isDisabled;
|
|
8605
|
+
return (__assign(__assign({}, styles), { alignItems: "center", cursor: isDisabled ? "not-allowed" : "pointer", display: "flex", flexWrap: "wrap", justifyContent: "space-between", minHeight: "48px", outline: "0", position: "relative", transition: "all 100ms", borderColor: isInvalid ? "#CB0A0A" : isFocused ? "#1a95b0" : "#cfcfcffc", borderRadius: "9px", borderStyle: "solid", borderWidth: "1px", boxSizing: "border-box", fontSize: "inherit", boxShadow: isInvalid
|
|
8602
8606
|
? "0px 0px 0px 2px #DC354580"
|
|
8603
8607
|
: isFocused
|
|
8604
8608
|
? "0px 0px 0px 2px #0091ea80"
|
|
8605
|
-
: "0px hsl(0, 0%, 96%)", backgroundColor: isDarkMode ? "#2D2D2E" : "#fff" }));
|
|
8609
|
+
: "0px hsl(0, 0%, 96%)", backgroundColor: isDarkMode ? "#2D2D2E" : isDisabled ? "#eeeeee" : "#fff" }));
|
|
8606
8610
|
},
|
|
8607
8611
|
option: function (styles, _a) {
|
|
8608
8612
|
var isDisabled = _a.isDisabled, isFocused = _a.isFocused;
|
|
8609
8613
|
return (__assign(__assign({}, styles), { cursor: isDisabled ? "not-allowed" : "default", color: isDisabled ? "white" : isDarkMode ? "#fff" : "#303030CC", backgroundColor: isDarkMode
|
|
8610
8614
|
? isFocused ? "#303030" : "#4B4B4C"
|
|
8611
|
-
: isFocused ? "#005A921A" : "#fff", fontSize:
|
|
8615
|
+
: isFocused ? "#005A921A" : "#fff", fontSize: "inherit", ":hover": {
|
|
8612
8616
|
backgroundColor: isDarkMode
|
|
8613
8617
|
? isFocused ? "#303030" : "#4B4B4C"
|
|
8614
8618
|
: isFocused ? "#005A921A" : "#fff",
|
|
@@ -8620,8 +8624,8 @@ var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return (
|
|
|
8620
8624
|
backgroundColor: "#005a921a",
|
|
8621
8625
|
color: "#30303090",
|
|
8622
8626
|
} })); },
|
|
8623
|
-
placeholder: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : isDarkMode ? "#fff" : "#30303066", fontSize:
|
|
8624
|
-
singleValue: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : isDarkMode ? "#fff" : "#303030CC", fontSize:
|
|
8627
|
+
placeholder: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : isDarkMode ? "#fff" : "#30303066", fontSize: "inherit", fontWeight: "700", lineHeight: "24px" })); },
|
|
8628
|
+
singleValue: function (styles) { return (__assign(__assign({}, styles), { color: isInvalid ? "#CB0A0A" : isDarkMode ? "#fff" : "#303030CC", fontSize: "inherit", fontWeight: "700", lineHeight: "24px" })); },
|
|
8625
8629
|
indicatorSeparator: function (styles, _a) {
|
|
8626
8630
|
var hasValue = _a.hasValue;
|
|
8627
8631
|
return (__assign(__assign({}, styles), { display: hasValue ? "block" : "none" }));
|
|
@@ -8632,7 +8636,7 @@ var selectColourStyles$1 = function (isInvalid, isDarkMode, isMobile) { return (
|
|
|
8632
8636
|
var BasicSelect = function (_a) {
|
|
8633
8637
|
var name = _a.name, 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;
|
|
8634
8638
|
var isDarkMode = useDarkMode();
|
|
8635
|
-
|
|
8639
|
+
useIsMobile();
|
|
8636
8640
|
var CustomDropdownIndicator = function () { return (React.createElement("div", { className: styles$f.contentIcon },
|
|
8637
8641
|
React.createElement(IconTriangleRecall, { className: styles$f.iconChefron }))); };
|
|
8638
8642
|
return (React.createElement("div", { className: "".concat(styles$f.selectContainer) },
|
|
@@ -8640,7 +8644,7 @@ var BasicSelect = function (_a) {
|
|
|
8640
8644
|
label,
|
|
8641
8645
|
isRequired ? React.createElement("span", { className: styles$f.errorRequired }, "*") : null)),
|
|
8642
8646
|
React.createElement("div", { className: styles$f.selectElement },
|
|
8643
|
-
React.createElement(StateManagedSelect$1, { inputId: name, isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: selectColourStyles$1(hasError, isDarkMode
|
|
8647
|
+
React.createElement(StateManagedSelect$1, { inputId: name, isMulti: false, isDisabled: isDisabled, options: optionsSelect, value: optionsSelect.find(function (opt) { return opt.value === value; }) || value, onChange: handleChange, placeholder: placeholder, styles: selectColourStyles$1(hasError, isDarkMode), isClearable: true, isSearchable: true, noOptionsMessage: function () { return "Nenhuma opção disponível"; }, components: { DropdownIndicator: CustomDropdownIndicator }, "aria-label": typeof label === 'string' ? label : (placeholder || "Campo para seleção") })),
|
|
8644
8648
|
hasError && (React.createElement("span", { className: styles$f.errorText }, "Campo obrigat\u00F3rio ou inv\u00E1lido"))));
|
|
8645
8649
|
};
|
|
8646
8650
|
|
|
@@ -24020,7 +24024,7 @@ var Switch = function (_a) {
|
|
|
24020
24024
|
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" })))))));
|
|
24021
24025
|
};
|
|
24022
24026
|
|
|
24023
|
-
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 /* 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 /* 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";
|
|
24027
|
+
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";
|
|
24024
24028
|
styleInject(css_248z);
|
|
24025
24029
|
|
|
24026
24030
|
function installPrimeReactStyles() {
|