pge-front-common 14.0.22 → 14.0.24
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/Form/Form.stories.d.ts +11 -0
- package/lib/index.esm.js +11 -13
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +11 -13
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from "@storybook/react";
|
|
2
|
+
declare const meta: Meta;
|
|
3
|
+
export default meta;
|
|
4
|
+
type Story = StoryObj;
|
|
5
|
+
export interface FormProps {
|
|
6
|
+
required?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
restrictionMessage?: string;
|
|
9
|
+
checked?: boolean;
|
|
10
|
+
}
|
|
11
|
+
export declare const FormularioCompleto: Story;
|
package/lib/index.esm.js
CHANGED
|
@@ -107,7 +107,7 @@ var InputBase = function (_a) {
|
|
|
107
107
|
var _b;
|
|
108
108
|
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"]);
|
|
109
109
|
return (React__default.createElement("div", { className: styles$w.inputContainer },
|
|
110
|
-
label && (React__default.createElement("label", { tabIndex: 0, htmlFor: props.name, className: "".concat(styles$w.labelInput, " ").concat(required ? styles$w.labelRequired : "") }, label)),
|
|
110
|
+
label && (React__default.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.name, className: "".concat(styles$w.labelInput, " ").concat(required ? styles$w.labelRequired : "") }, label)),
|
|
111
111
|
React__default.createElement("div", { className: styles$w.inputContent },
|
|
112
112
|
leftIcon && React__default.createElement("div", { className: styles$w.iconWrapperLeft }, leftIcon),
|
|
113
113
|
React__default.createElement("input", __assign({ className: clsx(styles$w.textInput, customClass, (_b = {},
|
|
@@ -450,7 +450,7 @@ var IconView = function (props) { return (React__default.createElement("svg", __
|
|
|
450
450
|
var IconUploadFile2 = function (props) { return (React__default.createElement("svg", { width: "12", height: "14", viewBox: "0 0 12 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
|
|
451
451
|
React__default.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" }))); };
|
|
452
452
|
|
|
453
|
-
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:
|
|
453
|
+
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 ";
|
|
454
454
|
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"};
|
|
455
455
|
styleInject(css_248z$y);
|
|
456
456
|
|
|
@@ -511,8 +511,8 @@ var Checkbox = function (_a) {
|
|
|
511
511
|
return (React__default.createElement("div", { className: "".concat(styles$u.checkbox, " ").concat(checked ? styles$u.checked : "", " ").concat(disabled ? styles$u.disabled : "", " \n ").concat(isHovered ? styles$u.hover : "", " ").concat(isFocused ? styles$u.focus : ""), tabIndex: disabled ? -1 : 0, role: "checkbox", "aria-checked": checked, "aria-disabled": disabled, onClick: handleClick, onKeyDown: handleKeyDown, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, onFocus: function () { return setIsFocused(true); }, onBlur: function () { return setIsFocused(false); } }, checked && React__default.createElement(IconCheck, { className: styles$u.icon })));
|
|
512
512
|
};
|
|
513
513
|
|
|
514
|
-
var css_248z$w = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\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\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-
|
|
515
|
-
var styles$t = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","
|
|
514
|
+
var css_248z$w = ".styles-module__textInput___wHRWE {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n.styles-module__inputContainer___g57h7 {\r\n width: 100%;\r\n color: #30303090;\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___E7smd {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___R7QFU::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___5TSoO {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: 46px;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___Jsy6t {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___eqPUg {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___wHRWE:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___wHRWE::placeholder {\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\r\n.styles-module__textInputDanger___GDXT3 {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__passwordInputContainer___-De-m {\r\n position: relative;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___Ceign::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___aK999 {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconEye___-ywWa {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___BhxxE {\r\n color: #cb0a0a;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n";
|
|
515
|
+
var styles$t = {"textInput":"styles-module__textInput___wHRWE","inputContainer":"styles-module__inputContainer___g57h7","iconWrapper":"styles-module__iconWrapper___E7smd","labelRequired":"styles-module__labelRequired___R7QFU","inputContent":"styles-module__inputContent___5TSoO","titleLabel":"styles-module__titleLabel___Jsy6t","labelInput":"styles-module__labelInput___eqPUg","textInputDanger":"styles-module__textInputDanger___GDXT3","passwordInputContainer":"styles-module__passwordInputContainer___-De-m","inputTextPswUser":"styles-module__inputTextPswUser___Ceign","buttonTextPswUser":"styles-module__buttonTextPswUser___aK999","iconEye":"styles-module__iconEye___-ywWa","restrictionMessage":"styles-module__restrictionMessage___BhxxE"};
|
|
516
516
|
styleInject(css_248z$w);
|
|
517
517
|
|
|
518
518
|
var IconEyeOpen = function (props) { return (React__default.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor" }, props),
|
|
@@ -522,7 +522,7 @@ var IconEyeClose = function (props) { return (React__default.createElement("svg"
|
|
|
522
522
|
React__default.createElement("path", { d: "m644-428-58-58q9-47-27-88t-93-32l-58-58q17-8 34.5-12t37.5-4q75 0 127.5 52.5T660-500q0 20-4 37.5T644-428Zm128 126-58-56q38-29 67.5-63.5T832-500q-50-101-143.5-160.5T480-720q-29 0-57 4t-55 12l-62-62q41-17 84-25.5t90-8.5q151 0 269 83.5T920-500q-23 59-60.5 109.5T772-302Zm20 246L624-222q-35 11-70.5 16.5T480-200q-151 0-269-83.5T40-500q21-53 53-98.5t73-81.5L56-792l56-56 736 736-56 56ZM222-624q-29 26-53 57t-41 67q50 101 143.5 160.5T480-280q20 0 39-2.5t39-5.5l-36-38q-11 3-21 4.5t-21 1.5q-75 0-127.5-52.5T300-500q0-11 1.5-21t4.5-21l-84-82Zm319 93Zm-151 75Z" }))); };
|
|
523
523
|
|
|
524
524
|
var PasswordInput = function (_a) {
|
|
525
|
-
var _b
|
|
525
|
+
var _b;
|
|
526
526
|
var togglePasswordVisibility = _a.togglePasswordVisibility, showPassword = _a.showPassword, restrictionMessage = _a.restrictionMessage, customClass = _a.customClass, inputRef = _a.inputRef; _a.style; var required = _a.required, label = _a.label, disabled = _a.disabled, props = __rest(_a, ["togglePasswordVisibility", "showPassword", "restrictionMessage", "customClass", "inputRef", "style", "required", "label", "disabled"]);
|
|
527
527
|
var handleInputChange = function (e) {
|
|
528
528
|
if (props.onChange) {
|
|
@@ -535,10 +535,8 @@ var PasswordInput = function (_a) {
|
|
|
535
535
|
React__default.createElement("input", __assign({ id: "psw", name: props.name || "psw", type: showPassword ? "text" : "password", autoComplete: "off", placeholder: "Digite sua senha", maxLength: 100, minLength: 5, onChange: handleInputChange, className: clsx(styles$t.textInput, customClass, (_b = {},
|
|
536
536
|
_b[styles$t.textInputDanger] = restrictionMessage,
|
|
537
537
|
_b)), ref: inputRef }, props, { disabled: disabled })),
|
|
538
|
-
React__default.createElement("button", { type: "button", className:
|
|
539
|
-
|
|
540
|
-
_c)), onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React__default.createElement(IconEyeOpen, { className: styles$t.iconEye })) : (React__default.createElement(IconEyeClose, { className: styles$t.iconEye }))),
|
|
541
|
-
restrictionMessage && (React__default.createElement("div", { className: clsx(styles$t.restrictionMessage) }, restrictionMessage)))));
|
|
538
|
+
React__default.createElement("button", { type: "button", className: styles$t.buttonTextPswUser, onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React__default.createElement(IconEyeOpen, { className: styles$t.iconEye })) : (React__default.createElement(IconEyeClose, { className: styles$t.iconEye })))),
|
|
539
|
+
restrictionMessage && (React__default.createElement("div", { className: clsx(styles$t.restrictionMessage) }, restrictionMessage))));
|
|
542
540
|
};
|
|
543
541
|
|
|
544
542
|
var css_248z$v = ".styles-module__button___ak3jK {\r\n display: flex;\r\n justify-content: center;\r\n align-items: center;\r\n padding: 12px 16px;\r\n gap: var(--small-space, 8px);\r\n border-radius: 10px;\r\n font-size: var(--font-size-14);\r\n cursor: pointer;\r\n transition: all 0.2s ease-in-out;\r\n max-height: 40px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__button___ak3jK {\r\n font-size: var(--font-size-12);\r\n max-height: 35px;\r\n }\r\n}\r\n\r\n.styles-module__fullWidth___hkrRe {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__fitContent___h16Hv {\r\n width: fit-content;\r\n}\r\n\r\n.styles-module__primary___0Lugn {\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___0Lugn: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___0Lugn:active {\r\n border: 1.8px solid var(--Pressed-button, #3AB0F3);\r\n}\r\n\r\n.styles-module__primary___0Lugn: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___0Lugn:disabled {\r\n background: var(--light-grey-color, #C3C3C3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___C7rZE {\r\n border: 1px solid var(--btn-border-secondary-color);\r\n background: var(--btn-bg-secondary-color);\r\n color: var(--btn-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:hover {\r\n background: var(--btn-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-border-secondary-color);\r\n color: var(--btn-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE:active {\r\n background: #00436D1A;\r\n border: 2px solid #3AB0F3CC;\r\n}\r\n\r\n.styles-module__secondary___C7rZE:focus {\r\n background: var(--btn-bg-focus-secondary-color);\r\n color: var(--btn-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___C7rZE: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___C7rZE.styles-module__danger___kcS09 {\r\n border: 1px solid var(--btn-border-danger-secondary-color, #CB0A0A);\r\n color: var(--btn-text-danger-secondary-color, #CB0A0A);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD {\r\n border: none;\r\n background: var(--btn-bg-tertiary-color);\r\n color: var(--btn-text-tertiary-color);\r\n font-weight: 400;\r\n font-size: var(--font-size-14);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:active {\r\n background: var(--terciary-button-background, #0B81CA47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:hover {\r\n background: var(--btn-bg-hover-tertiary-color, #0B81CA47);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:focus {\r\n background: var(--btn-bg-focus-tertiary-color);\r\n outline: 2px solid #52819E;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD:disabled {\r\n background: var(--light-grey-color, #C3C3C3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09 {\r\n border: none;\r\n color: var(--btn-text-danger-tertiary-color, #CB0A0A);\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:hover {\r\n border: none;\r\n background: none;\r\n}\r\n\r\n.styles-module__tertiary___xMgwD.styles-module__danger___kcS09:focus {\r\n border: none;\r\n background: none;\r\n}\r\n";
|
|
@@ -664,7 +662,7 @@ var Tooltip$1 = function (_a) {
|
|
|
664
662
|
React__default.createElement("span", { className: styles$q.textContent }, text)))));
|
|
665
663
|
};
|
|
666
664
|
|
|
667
|
-
var css_248z$s = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: var(--input-border-danger) !important;\r\n outline: var(--input-outline-danger) !important;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\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\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n
|
|
665
|
+
var css_248z$s = ".textarea-module__inputContainer___lpM5d {\r\n color: var(--color-input);\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__label___qDTpX {\r\n color: var(--color-label);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__labelRequired___bl2ew::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__labelError___f0hpM {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\r\n border-radius: var(--input-border-radius);\r\n border: var(--input-border);\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: var(--input-font-size);\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__inputWrapperError___0gA5w {\r\n border: var(--input-border-danger) !important;\r\n outline: var(--input-outline-danger) !important;\r\n}\r\n\r\n.textarea-module__inputWrapper___WFx7P:focus,\r\n.textarea-module__inputWrapper___WFx7P:focus-visible,\r\n.textarea-module__inputWrapper___WFx7P:focus-within {\r\n border: var(--input-border-focus);\r\n outline: var(--input-outline-focus);\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea {\r\n padding: 8px 0;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f {\r\n color: var(--color-input);\r\n cursor: pointer;\r\n width: 100%;\r\n border: none;\r\n border-radius: 8px;\r\n padding: 8px 0;\r\n resize: none;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea::placeholder {\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 font-family: \"Open Sans\", sans-serif;\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n background-color: var(--input-bg-color);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc textarea:disabled {\r\n background-color: #eeeeee;\r\n border-radius: 8px;\r\n cursor: not-allowed;\r\n}\r\n\r\n.textarea-module__styledInput___fPp-f:focus,\r\n.textarea-module__styledInput___fPp-f:focus-visible,\r\n.textarea-module__styledInput___fPp-f:focus-within {\r\n outline: none;\r\n}\r\n\r\n.textarea-module__message___ys-dL {\r\n color: var(--color-label);\r\n margin-left: 8px;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.textarea-module__messageError___ubeLK {\r\n color: var(--color-danger);\r\n}\r\n\r\n.textarea-module__inputContent___kdVmc svg {\r\n padding-left: 8px;\r\n}\r\n";
|
|
668
666
|
var styles$p = {"inputContainer":"textarea-module__inputContainer___lpM5d","label":"textarea-module__label___qDTpX","labelRequired":"textarea-module__labelRequired___bl2ew","labelError":"textarea-module__labelError___f0hpM","inputWrapper":"textarea-module__inputWrapper___WFx7P","inputWrapperError":"textarea-module__inputWrapperError___0gA5w","inputContent":"textarea-module__inputContent___kdVmc","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
|
|
669
667
|
styleInject(css_248z$s);
|
|
670
668
|
|
|
@@ -677,7 +675,7 @@ var TextareaBase = function (_a) {
|
|
|
677
675
|
Icon && Icon,
|
|
678
676
|
React__default.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$p.styledInput, style: {
|
|
679
677
|
textAlign: textAlign,
|
|
680
|
-
|
|
678
|
+
paddingLeft: hasIcon
|
|
681
679
|
? textAlign === "start"
|
|
682
680
|
? "8px"
|
|
683
681
|
: "0"
|
|
@@ -8581,7 +8579,7 @@ var TableComponent = function (_a) {
|
|
|
8581
8579
|
React__default.createElement("td", { colSpan: columns.length + (onActionClick ? 1 : 0), className: styles$a.noRecords }, noRecordsMessage)))))));
|
|
8582
8580
|
};
|
|
8583
8581
|
|
|
8584
|
-
var css_248z$9 = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n
|
|
8582
|
+
var css_248z$9 = ".styles-module__textInput___gaz7I {\r\n width: 100%;\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: 13px;\r\n border: 1px solid var(--color-border);\r\n color: var(--color-dark-gray);\r\n outline: none;\r\n transition: all 0.5s;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP {\r\n width: 100%;\r\n color: var(--color-input);\r\n position: relative;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input {\r\n border-top-left-radius: 8px;\r\n border-bottom-left-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled {\r\n border-radius: 8px;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-calendar-disabled,\r\n.styles-module__inputContainer___fmTYP .p-button.p-disabled,\r\n.styles-module__inputContainer___fmTYP input:disabled {\r\n background-color: #eeeeee !important;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP input::placeholder {\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\r\n.styles-module__inputContainer___fmTYP .p-inputtext {\r\n border-color: var(--color-border);\r\n}\r\n\r\n.styles-module__inputContainer___fmTYP .p-button {\r\n line-height: 22px;\r\n border-color: var(--color-border);\r\n border-top-right-radius: 8px;\r\n border-bottom-right-radius: 8px;\r\n}\r\n\r\n.styles-module__iconWrapper___H3Icv {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__labelRequired___4ewKH::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__titleLabel___6M8ua {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___wWffN {\r\n color: var(--color-label);\r\n line-height: 24px;\r\n font-size: 16px;\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:disabled {\r\n background: var(--background-color-table-primary);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___gaz7I:focus {\r\n color: var(--color-gray-medium);\r\n outline: none;\r\n border: 1px solid var(--color-primary);\r\n box-shadow: 0px 0px 0px 2px var(--color-focus-outline);\r\n}\r\n\r\n.styles-module__textInput___gaz7I::placeholder {\r\n font-weight: bold;\r\n color: var(--color-input) 33;\r\n}\r\n\r\n.styles-module__textInputDanger___YqaWP {\r\n border: 1px solid var(--alert-color);\r\n box-shadow: 0px 0px 0px 2px var(--color-red-light);\r\n}\r\n\r\n.styles-module__password-input-container___o0AsP {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:focus {\r\n border-color: var(--color-primary);\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh:disabled {\r\n background-color: var(--light-grey-color);\r\n border: var(--color-border);\r\n}\r\n\r\n.styles-module__inputTextPswUser___0xWHh::placeholder {\r\n font-weight: 587;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___-UY3m.styles-module__error___Uy-55 {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___MiJMN {\r\n width: 24px;\r\n height: 24px;\r\n color: var(--light-grey-color);\r\n}\r\n\r\n.styles-module__restrictionMessage___QA5v7 {\r\n color: var(--alert-color);\r\n font-size: 12px;\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n margin-left: 8px;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___mzyII {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___-s-pG {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n\r\n#styles-module__inputwrapper___4UacS {\r\n height: 48px;\r\n padding: 14px 8px 14px 8px;\r\n}\r\n\r\n#styles-module__buttonDisplay___tNJLk {\r\n width: 100%;\r\n}\r\n\r\n.styles-module__errorRequired___YsP4q {\r\n font-size: 16px;\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";
|
|
8585
8583
|
var styles$9 = {"textInput":"styles-module__textInput___gaz7I","inputContainer":"styles-module__inputContainer___fmTYP","iconWrapper":"styles-module__iconWrapper___H3Icv","labelRequired":"styles-module__labelRequired___4ewKH","titleLabel":"styles-module__titleLabel___6M8ua","labelInput":"styles-module__labelInput___wWffN","textInputDanger":"styles-module__textInputDanger___YqaWP","password-input-container":"styles-module__password-input-container___o0AsP","inputTextPswUser":"styles-module__inputTextPswUser___0xWHh","buttonTextPswUser":"styles-module__buttonTextPswUser___-UY3m","error":"styles-module__error___Uy-55","iconEye":"styles-module__iconEye___MiJMN","restrictionMessage":"styles-module__restrictionMessage___QA5v7","iconWrapperLeft":"styles-module__iconWrapperLeft___mzyII","iconWrapperRight":"styles-module__iconWrapperRight___-s-pG","inputwrapper":"styles-module__inputwrapper___4UacS","buttonDisplay":"styles-module__buttonDisplay___tNJLk","errorRequired":"styles-module__errorRequired___YsP4q"};
|
|
8586
8584
|
styleInject(css_248z$9);
|
|
8587
8585
|
|
|
@@ -23675,7 +23673,7 @@ var TableFooter = function (_a) {
|
|
|
23675
23673
|
return (React__default.createElement("tfoot", __assign({ className: "".concat(styles.tableFooter) }, props), children));
|
|
23676
23674
|
};
|
|
23677
23675
|
|
|
23678
|
-
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";
|
|
23676
|
+
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";
|
|
23679
23677
|
styleInject(css_248z);
|
|
23680
23678
|
|
|
23681
23679
|
function installPrimeReactStyles() {
|