pge-front-common 14.2.5-beta.4 → 14.2.5-beta.6
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/RadioButton/RadioButton.d.ts +3 -0
- package/lib/components/RadioButton/RadioButton.stories.d.ts +11 -0
- package/lib/components/RadioButton/radioButton.types.d.ts +16 -0
- package/lib/index.d.ts +19 -1
- package/lib/index.esm.js +139 -107
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +139 -106
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -106,38 +106,38 @@ function styleInject(css, ref) {
|
|
|
106
106
|
}
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
var css_248z$
|
|
110
|
-
var styles$
|
|
111
|
-
styleInject(css_248z$
|
|
109
|
+
var css_248z$K = ".button-module__button___JyfZW {\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n gap: 4px;\r\n cursor: pointer;\r\n padding: 12px 16px;\r\n border-radius: 8px;\r\n min-width: 70px;\r\n height: 38px;\r\n width: 100%;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO {\r\n border: 1px solid #005a92;\r\n background: #005a92;\r\n color: #ffffff;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__primary___ggjlO:hover {\r\n opacity: 1;\r\n background-color: rgb(0 67 109);\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__secondary___Q4I1z {\r\n border: 1px solid #005a92;\r\n background: transparent;\r\n color: #005a92;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt {\r\n border: 1px solid #dc3545;\r\n background: transparent;\r\n color: #dc3545;\r\n font-weight: 400;\r\n}\r\n\r\n.button-module__button___JyfZW.button-module__outline-danger___lK8Xt:hover {\r\n background-color: #dc3545;\r\n color: #ffffff;\r\n}\r\n\r\n.button-module__button___JyfZW:disabled {\r\n cursor: not-allowed;\r\n}\r\n";
|
|
110
|
+
var styles$G = {"button":"button-module__button___JyfZW","primary":"button-module__primary___ggjlO","secondary":"button-module__secondary___Q4I1z","outline-danger":"button-module__outline-danger___lK8Xt"};
|
|
111
|
+
styleInject(css_248z$K);
|
|
112
112
|
|
|
113
113
|
function Button$1(_a) {
|
|
114
114
|
var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
|
|
115
|
-
return (React.createElement("button", __assign({ className: "".concat(styles$
|
|
115
|
+
return (React.createElement("button", __assign({ className: "".concat(styles$G.button, " ").concat(styles$G[variant]) }, props),
|
|
116
116
|
leftIcon,
|
|
117
117
|
text));
|
|
118
118
|
}
|
|
119
119
|
|
|
120
120
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
121
121
|
|
|
122
|
-
var css_248z$
|
|
123
|
-
var styles$
|
|
124
|
-
styleInject(css_248z$
|
|
122
|
+
var css_248z$J = ".styles-module__textInput___zRDx3 {\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@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\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___5jskS {\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___S-Q5b::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\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___LHLDU {\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@media (max-width: 480px) {\r\n .styles-module__labelInput___LHLDU {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: var(--input-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3: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___zRDx3::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@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\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___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n font-size: var(--font-size-12, 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___AIWNV {\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___WV43d {\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__messageContainer___bVBqh {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.styles-module__messageWrapper___gvioZ {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__counter___-yIJv {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\r\n}\r\n\r\n.styles-module__messageError___QtCRI {\r\n color: var(--color-danger);\r\n}\r\n";
|
|
123
|
+
var styles$F = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","labelRequired":"styles-module__labelRequired___S-Q5b","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d","messageContainer":"styles-module__messageContainer___bVBqh","messageWrapper":"styles-module__messageWrapper___gvioZ","counter":"styles-module__counter___-yIJv","messageError":"styles-module__messageError___QtCRI"};
|
|
124
|
+
styleInject(css_248z$J);
|
|
125
125
|
|
|
126
126
|
var InputBase = function (_a) {
|
|
127
127
|
var _b;
|
|
128
128
|
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, error = _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var showCounter = _a.showCounter, value = _a.value, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className", "showCounter", "value"]);
|
|
129
129
|
var characterCount = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
|
|
130
|
-
return (React.createElement("div", { className: styles$
|
|
131
|
-
label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$
|
|
132
|
-
React.createElement("div", { className: styles$
|
|
133
|
-
leftIcon && React.createElement("div", { className: styles$
|
|
134
|
-
React.createElement("input", __assign({ className: clsx(styles$
|
|
135
|
-
_b[styles$
|
|
130
|
+
return (React.createElement("div", { className: styles$F.inputContainer },
|
|
131
|
+
label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.id || props.name, className: "".concat(styles$F.labelInput, " ").concat(required ? styles$F.labelRequired : "") }, label)),
|
|
132
|
+
React.createElement("div", { className: styles$F.inputContent },
|
|
133
|
+
leftIcon && React.createElement("div", { className: styles$F.iconWrapperLeft }, leftIcon),
|
|
134
|
+
React.createElement("input", __assign({ className: clsx(styles$F.textInput, customClass, (_b = {},
|
|
135
|
+
_b[styles$F.textInputDanger] = restrictionMessage || error,
|
|
136
136
|
_b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.id || props.name, value: value }, props, { disabled: disabled })),
|
|
137
|
-
rightIcon && (React.createElement("button", { tabIndex: -1, type: "button", className: styles$
|
|
138
|
-
(restrictionMessage || showCounter) && (React.createElement("div", { className: styles$
|
|
139
|
-
React.createElement("div", { className: styles$
|
|
140
|
-
showCounter && (React.createElement("div", { className: "".concat(styles$
|
|
137
|
+
rightIcon && (React.createElement("button", { tabIndex: -1, type: "button", className: styles$F.iconWrapperRight, onClick: function () { return onRightIconClick === null || onRightIconClick === void 0 ? void 0 : onRightIconClick(); }, "aria-label": "A\u00E7\u00E3o ao clicar no \u00EDcone ao lado direito" }, rightIcon))),
|
|
138
|
+
(restrictionMessage || showCounter) && (React.createElement("div", { className: styles$F.messageContainer },
|
|
139
|
+
React.createElement("div", { className: styles$F.messageWrapper }, restrictionMessage && (React.createElement("div", { className: styles$F.restrictionMessage }, restrictionMessage))),
|
|
140
|
+
showCounter && (React.createElement("div", { className: "".concat(styles$F.counter, " ").concat(restrictionMessage ? styles$F.messageError : "") }, characterCount))))));
|
|
141
141
|
};
|
|
142
142
|
|
|
143
143
|
var IconDownload = function (props) { return (React.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
@@ -552,54 +552,54 @@ var IconCalculate = function (props) { return (React.createElement("svg", __assi
|
|
|
552
552
|
var IconUpArrow = function (props) { return (React.createElement("svg", __assign({ width: "8", height: "9", viewBox: "0 0 8 9", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
553
553
|
React.createElement("path", { d: "M3.5 8.5V2.4125L0.7 5.2125L0 4.5L4 0.5L8 4.5L7.3 5.2125L4.5 2.4125V8.5H3.5Z", fill: "currentColor" }))); };
|
|
554
554
|
|
|
555
|
-
var css_248z$
|
|
556
|
-
var styles$
|
|
557
|
-
styleInject(css_248z$
|
|
555
|
+
var css_248z$I = ".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.styles-module__textContent___S1KEv.styles-module__success___-BEJb {\r\n font-weight: 700;\r\n color: var(--success-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__alert___Gum-6 {\r\n font-weight: 700;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__textContent___S1KEv.styles-module__warning___CVMAV {\r\n font-weight: 700;\r\n color: var(--warning-color);\r\n}\r\n.styles-module__textContent___S1KEv.styles-module__informative___0nyLv {\r\n color: var(--information-color);\r\n font-weight: 700;\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.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";
|
|
556
|
+
var styles$E = {"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"};
|
|
557
|
+
styleInject(css_248z$I);
|
|
558
558
|
|
|
559
559
|
var InformativeBox = function (_a) {
|
|
560
560
|
var _b;
|
|
561
561
|
var infoType = _a.infoType, title = _a.title, message = _a.message, onClose = _a.onClose, _c = _a.widthType, widthType = _c === void 0 ? "fitContent" : _c, _d = _a.hasDismissButton, hasDismissButton = _d === void 0 ? false : _d, props = __rest(_a, ["infoType", "title", "message", "onClose", "widthType", "hasDismissButton"]);
|
|
562
562
|
var getIcon = function () {
|
|
563
|
-
var iconClass = "".concat(styles$
|
|
563
|
+
var iconClass = "".concat(styles$E.icon, " ").concat(styles$E[infoType] || "");
|
|
564
564
|
switch (infoType) {
|
|
565
565
|
case "success":
|
|
566
|
-
return (React.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$
|
|
566
|
+
return (React.createElement(IconCheckSuccess, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) }));
|
|
567
567
|
case "alert":
|
|
568
|
-
return React.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$
|
|
568
|
+
return React.createElement(IconAlert, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) });
|
|
569
569
|
case "warning":
|
|
570
|
-
return React.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$
|
|
570
|
+
return React.createElement(IconAttention, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) });
|
|
571
571
|
case "informative":
|
|
572
|
-
return (React.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$
|
|
572
|
+
return (React.createElement(IconInformative, { className: "".concat(iconClass, " ").concat(styles$E.iconSize) }));
|
|
573
573
|
default:
|
|
574
574
|
return null;
|
|
575
575
|
}
|
|
576
576
|
};
|
|
577
577
|
return (React.createElement("div", __assign({}, props),
|
|
578
|
-
React.createElement("div", { className: "".concat(styles$
|
|
579
|
-
React.createElement("div", { className: styles$
|
|
580
|
-
React.createElement("div", { className: styles$
|
|
578
|
+
React.createElement("div", { className: "".concat(styles$E.toast, " ").concat(styles$E[infoType], " ").concat(styles$E[widthType]) },
|
|
579
|
+
React.createElement("div", { className: styles$E.content },
|
|
580
|
+
React.createElement("div", { className: styles$E.info },
|
|
581
581
|
getIcon(),
|
|
582
|
-
React.createElement("div", { className: styles$
|
|
583
|
-
title && !message && (React.createElement("strong", { className: "".concat(styles$
|
|
584
|
-
!title && message && (React.createElement("span", { className: clsx(styles$
|
|
585
|
-
_b[styles$
|
|
586
|
-
_b[styles$
|
|
587
|
-
_b[styles$
|
|
588
|
-
_b[styles$
|
|
582
|
+
React.createElement("div", { className: styles$E.text },
|
|
583
|
+
title && !message && (React.createElement("strong", { className: "".concat(styles$E.title, " ").concat(styles$E[infoType]) }, title)),
|
|
584
|
+
!title && message && (React.createElement("span", { className: clsx(styles$E.textContent, (_b = {},
|
|
585
|
+
_b[styles$E.success] = infoType === "success",
|
|
586
|
+
_b[styles$E.alert] = infoType === "alert",
|
|
587
|
+
_b[styles$E.warning] = infoType === "warning",
|
|
588
|
+
_b[styles$E.informative] = infoType === "informative",
|
|
589
589
|
_b)) }, message)),
|
|
590
590
|
title && message && (React.createElement(React.Fragment, null,
|
|
591
|
-
React.createElement("strong", { className: "".concat(styles$
|
|
592
|
-
React.createElement("span", { className: styles$
|
|
593
|
-
hasDismissButton && (React.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$
|
|
591
|
+
React.createElement("strong", { className: "".concat(styles$E.title, " ").concat(styles$E[infoType]) }, title),
|
|
592
|
+
React.createElement("span", { className: styles$E.textContent }, message))))),
|
|
593
|
+
hasDismissButton && (React.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$E.closeButton, onClick: function (e) {
|
|
594
594
|
e.stopPropagation();
|
|
595
595
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
596
596
|
} },
|
|
597
|
-
React.createElement(IconCLose, { className: styles$
|
|
597
|
+
React.createElement(IconCLose, { className: styles$E.iconClose })))))));
|
|
598
598
|
};
|
|
599
599
|
|
|
600
|
-
var css_248z$
|
|
601
|
-
var styles$
|
|
602
|
-
styleInject(css_248z$
|
|
600
|
+
var css_248z$H = "\r\n.styles-module__checkbox___AOdO1 {\r\n width: 16px;\r\n height: 16px;\r\n border-radius: 2px;\r\n background: var(--checkbox-bg-main-color);\r\n border: 1px solid var(--light-grey-color, --checkbox-border-color);\r\n display: flex;\r\n align-items: center;\r\n justify-content: center;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__hover___a-QfL {\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB.styles-module__hover___a-QfL {\r\n background: var(--checkbox-checked-hover-bg-color);\r\n border: 1px solid var(--checkbox-checked-hover-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__focus___yGjAN {\r\n box-shadow: 0px 0px 0px 2px var(--checkbox-focus-box-shadow-color);\r\n background: var(--checkbox-hover-bg-color);\r\n border: 1px solid var(--checkbox-border-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__disabled___bTmRr {\r\n border: 1px solid var(--checkbox-border-color);\r\n background: var(--checkbox-disabled-bg-color);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__icon___F-Rd5 {\r\n width: 10px;\r\n height: 9px;\r\n filter: var(--checkbox-icon-color);\r\n}\r\n\r\n.styles-module__checkbox___AOdO1.styles-module__checked___kDWfB {\r\n background: var(--checkbox-checked-bg-color);\r\n border: 1px solid var(--checkbox-checked-border-color);\r\n}";
|
|
601
|
+
var styles$D = {"checkbox":"styles-module__checkbox___AOdO1","hover":"styles-module__hover___a-QfL","checked":"styles-module__checked___kDWfB","focus":"styles-module__focus___yGjAN","disabled":"styles-module__disabled___bTmRr","icon":"styles-module__icon___F-Rd5"};
|
|
602
|
+
styleInject(css_248z$H);
|
|
603
603
|
|
|
604
604
|
var Checkbox$1 = function (_a) {
|
|
605
605
|
var _b = _a.checked, checked = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, onChange = _a.onChange;
|
|
@@ -616,12 +616,12 @@ var Checkbox$1 = function (_a) {
|
|
|
616
616
|
handleClick();
|
|
617
617
|
}
|
|
618
618
|
};
|
|
619
|
-
return (React.createElement("div", { className: "".concat(styles$
|
|
619
|
+
return (React.createElement("div", { className: "".concat(styles$D.checkbox, " ").concat(checked ? styles$D.checked : "", " ").concat(disabled ? styles$D.disabled : "", " \n ").concat(isHovered ? styles$D.hover : "", " ").concat(isFocused ? styles$D.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.createElement(IconCheck, { className: styles$D.icon })));
|
|
620
620
|
};
|
|
621
621
|
|
|
622
|
-
var css_248z$
|
|
623
|
-
var styles$
|
|
624
|
-
styleInject(css_248z$
|
|
622
|
+
var css_248z$G = ".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";
|
|
623
|
+
var styles$C = {"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"};
|
|
624
|
+
styleInject(css_248z$G);
|
|
625
625
|
|
|
626
626
|
var IconEyeOpen = function (props) { return (React.createElement("svg", __assign({ xmlns: "http://www.w3.org/2000/svg", height: "24px", viewBox: "0 -960 960 960", width: "24px", fill: "currentColor" }, props),
|
|
627
627
|
React.createElement("path", { d: "M480-320q75 0 127.5-52.5T660-500q0-75-52.5-127.5T480-680q-75 0-127.5 52.5T300-500q0 75 52.5 127.5T480-320Zm0-72q-45 0-76.5-31.5T372-500q0-45 31.5-76.5T480-608q45 0 76.5 31.5T588-500q0 45-31.5 76.5T480-392Zm0 192q-146 0-266-81.5T40-500q54-137 174-218.5T480-800q146 0 266 81.5T920-500q-54 137-174 218.5T480-200Zm0-300Zm0 220q113 0 207.5-59.5T832-500q-50-101-144.5-160.5T480-720q-113 0-207.5 59.5T128-500q50 101 144.5 160.5T480-280Z" }))); };
|
|
@@ -637,28 +637,28 @@ var PasswordInput = function (_a) {
|
|
|
637
637
|
props.onChange(e);
|
|
638
638
|
}
|
|
639
639
|
};
|
|
640
|
-
return (React.createElement("div", { className: styles$
|
|
641
|
-
label && (React.createElement("label", { htmlFor: props.name, className: "".concat(styles$
|
|
642
|
-
React.createElement("div", { className: styles$
|
|
643
|
-
React.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$
|
|
644
|
-
_b[styles$
|
|
640
|
+
return (React.createElement("div", { className: styles$C.inputContainer },
|
|
641
|
+
label && (React.createElement("label", { htmlFor: props.name, className: "".concat(styles$C.labelInput, " ").concat(required ? styles$C.labelRequired : "") }, label)),
|
|
642
|
+
React.createElement("div", { className: styles$C.passwordInputContainer },
|
|
643
|
+
React.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$C.textInput, customClass, (_b = {},
|
|
644
|
+
_b[styles$C.textInputDanger] = restrictionMessage,
|
|
645
645
|
_b)), ref: inputRef }, props, { disabled: disabled })),
|
|
646
|
-
React.createElement("button", { type: "button", className: styles$
|
|
647
|
-
restrictionMessage && (React.createElement("div", { className: clsx(styles$
|
|
646
|
+
React.createElement("button", { type: "button", className: styles$C.buttonTextPswUser, onClick: togglePasswordVisibility, name: "icone", "aria-label": "icone" }, showPassword ? (React.createElement(IconEyeOpen, { className: styles$C.iconEye })) : (React.createElement(IconEyeClose, { className: styles$C.iconEye })))),
|
|
647
|
+
restrictionMessage && (React.createElement("div", { className: clsx(styles$C.restrictionMessage) }, restrictionMessage))));
|
|
648
648
|
};
|
|
649
649
|
|
|
650
|
-
var css_248z$
|
|
651
|
-
var styles$
|
|
652
|
-
styleInject(css_248z$
|
|
650
|
+
var css_248z$F = ".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 height: 40px;\r\n font-family: var(--font-open-sans-serif);\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 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";
|
|
651
|
+
var styles$B = {"button":"styles-module__button___ak3jK","fullWidth":"styles-module__fullWidth___hkrRe","fitContent":"styles-module__fitContent___h16Hv","primary":"styles-module__primary___0Lugn","secondary":"styles-module__secondary___C7rZE","danger":"styles-module__danger___kcS09","tertiary":"styles-module__tertiary___xMgwD"};
|
|
652
|
+
styleInject(css_248z$F);
|
|
653
653
|
|
|
654
654
|
var PgeButton = React.forwardRef(function (_a, ref) {
|
|
655
655
|
var _b;
|
|
656
656
|
var variant = _a.variant, _c = _a.danger, danger = _c === void 0 ? false : _c, _d = _a.disabled, disabled = _d === void 0 ? false : _d, _e = _a.widthType, widthType = _e === void 0 ? "fit-content" : _e, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, _f = _a.title, title = _f === void 0 ? "" : _f, className = _a.className, props = __rest(_a, ["variant", "danger", "disabled", "widthType", "leftIcon", "rightIcon", "title", "className"]);
|
|
657
|
-
var buttonClass = clsx(styles$
|
|
658
|
-
_b[styles$
|
|
659
|
-
_b[styles$
|
|
660
|
-
_b[styles$
|
|
661
|
-
_b[styles$
|
|
657
|
+
var buttonClass = clsx(styles$B.button, styles$B[variant], (_b = {},
|
|
658
|
+
_b[styles$B.danger] = danger && variant !== "primary",
|
|
659
|
+
_b[styles$B.disabled] = disabled,
|
|
660
|
+
_b[styles$B.fullWidth] = widthType === "full-width",
|
|
661
|
+
_b[styles$B.fitContent] = widthType === "fit-content",
|
|
662
662
|
_b), className);
|
|
663
663
|
return (React.createElement("button", __assign({ ref: ref, className: buttonClass, disabled: disabled }, props),
|
|
664
664
|
leftIcon && leftIcon,
|
|
@@ -667,9 +667,9 @@ var PgeButton = React.forwardRef(function (_a, ref) {
|
|
|
667
667
|
});
|
|
668
668
|
PgeButton.displayName = "PgeButton";
|
|
669
669
|
|
|
670
|
-
var css_248z$
|
|
671
|
-
var styles$
|
|
672
|
-
styleInject(css_248z$
|
|
670
|
+
var css_248z$E = ".styles-module__container___9pLua {\r\n width: 100%;\r\n height: fit-content;\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.styles-module__label___AWyTG {\r\n font-size: var(--font-size-16);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n.styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__label___AWyTG {\r\n font-size: var(--font-size-12);\r\n font-weight: 600;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n\r\n .styles-module__labelUpload___LOAO- {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--color-label);\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___tsCfV {\r\n width: 100%;\r\n height: 58px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n gap: 10px;\r\n border: 2px dotted var(--primary-color-with-opacity, #005a9280);\r\n border-radius: 16px;\r\n padding: 10px;\r\n margin-top: 5px;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__inputContainer___tsCfV {\r\n height: 52px;\r\n }\r\n}\r\n\r\n.styles-module__button___1GicM {\r\n width: fit-content;\r\n height: 38px;\r\n display: flex;\r\n align-items: center;\r\n padding: 7px 13px;\r\n gap: 8px;\r\n border-radius: 10px;\r\n cursor: pointer;\r\n white-space: nowrap;\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__button___1GicM {\r\n min-width: 91px;\r\n height: 32px;\r\n }\r\n}\r\n\r\n.styles-module__hiddenInput___lDoAG {\r\n display: none;\r\n}\r\n\r\n.styles-module__description___S1vZj {\r\n font-size: var(--font-size-16);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__description___S1vZj {\r\n font-size: var(--font-size-12);\r\n font-weight: 400;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--input-placeholder-focus);\r\n }\r\n}\r\n\r\n.styles-module__instructionText___fa9r4 {\r\n font-size: var(--font-size-16);\r\n font-weight: 500;\r\n line-height: 24px;\r\n text-align: left;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__primary___AtNI- {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-primary-color);\r\n border: none;\r\n}\r\n\r\n.styles-module__primary___AtNI-:hover {\r\n background-color: var(--btn-bg-primary-color);\r\n color: var(--btn-text-hover-primary-color);\r\n outline: 3px solid var(--btn-bg-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:active {\r\n border: 1.8px solid var(--Pressed-button, #3ab0f3);\r\n}\r\n\r\n.styles-module__primary___AtNI-:focus {\r\n box-shadow: 0px 4px 4px 0px #00000040;\r\n background: var(--btn-bg-focus-primary-color, #00436d);\r\n color: var(--btn-text-focus-primary-color);\r\n outline: 2px solid var(--btn-text-focus-primary-color);\r\n}\r\n\r\n.styles-module__primary___AtNI-:disabled {\r\n background: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq {\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n background: var(--btn-up-bg-secondary-color);\r\n color: var(--btn-up-text-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:hover {\r\n background: var(--btn-up-bg-hover-secondary-color);\r\n border: 1px solid var(--btn-up-border-secondary-color);\r\n color: var(--btn-up-text-hover-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:active {\r\n background: #00436d1a;\r\n border: 2px solid #3ab0f3cc;\r\n}\r\n\r\n.styles-module__secondary___-anJq:focus {\r\n background: var(--btn-up-bg-focus-secondary-color);\r\n color: var(--btn-up-text-focus-secondary-color);\r\n outline: 2.5px solid var(--btn-up-border-secondary-color);\r\n}\r\n\r\n.styles-module__secondary___-anJq:disabled {\r\n border: 1px solid var(--light-grey-color, #c3c3c3);\r\n color: var(--light-grey-color, #c3c3c3);\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__secondary___-anJq.styles-module__danger___RwQhk {\r\n border: 1px solid var(--btn-up-border-danger-secondary-color, #cb0a0a);\r\n color: var(--btn-up-text-danger-secondary-color, #cb0a0a);\r\n}\r\n\r\n.styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--alert-color);\r\n}\r\n\r\n.styles-module__successText___s1G4K {\r\n font-size: var(--font-size-14);\r\n font-weight: 400;\r\n line-height: 21px;\r\n text-align: left;\r\n color: var(--success-color);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .styles-module__errorText___1LAhk {\r\n font-size: var(--font-size-10);\r\n }\r\n\r\n .styles-module__successText___s1G4K {\r\n font-size: var(--font-size-10);\r\n }\r\n}\r\n";
|
|
671
|
+
var styles$A = {"container":"styles-module__container___9pLua","label":"styles-module__label___AWyTG","labelUpload":"styles-module__labelUpload___LOAO-","inputContainer":"styles-module__inputContainer___tsCfV","button":"styles-module__button___1GicM","hiddenInput":"styles-module__hiddenInput___lDoAG","description":"styles-module__description___S1vZj","instructionText":"styles-module__instructionText___fa9r4","primary":"styles-module__primary___AtNI-","secondary":"styles-module__secondary___-anJq","danger":"styles-module__danger___RwQhk","errorText":"styles-module__errorText___1LAhk","successText":"styles-module__successText___s1G4K"};
|
|
672
|
+
styleInject(css_248z$E);
|
|
673
673
|
|
|
674
674
|
var parseSizeToBytes = function (size) {
|
|
675
675
|
if (!size)
|
|
@@ -693,8 +693,8 @@ var parseSizeToBytes = function (size) {
|
|
|
693
693
|
var FileUpload = React.forwardRef(function (_a, ref) {
|
|
694
694
|
var _b;
|
|
695
695
|
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 ? React.createElement(React.Fragment, null, "Upload de Arquivos:") : _e, _f = _a.descricaoLabel, descricaoLabel = _f === void 0 ? "Escolher arquivo" : _f, className = _a.className, _g = _a.errorText, errorText = _g === void 0 ? "" : _g, _h = _a.noSelectedFileText, noSelectedFileText = _h === void 0 ? "Nenhum arquivo selecionado" : _h, _j = _a.helperText, helperText = _j === void 0 ? "" : _j, _k = _a.maxFileSize, maxFileSize = _k === void 0 ? "" : _k; __rest(_a, ["variant", "danger", "fileTypes", "onFileSelect", "title", "descricaoLabel", "className", "errorText", "noSelectedFileText", "helperText", "maxFileSize"]);
|
|
696
|
-
var buttonClass = clsx(styles$
|
|
697
|
-
_b[styles$
|
|
696
|
+
var buttonClass = clsx(styles$A.labelUpload, styles$A.button, styles$A[variant], (_b = {},
|
|
697
|
+
_b[styles$A.danger] = danger && variant !== "primary",
|
|
698
698
|
_b), className);
|
|
699
699
|
var inputId = React.useId();
|
|
700
700
|
var helperId = React.useId();
|
|
@@ -740,9 +740,9 @@ var FileUpload = React.forwardRef(function (_a, ref) {
|
|
|
740
740
|
},
|
|
741
741
|
}); });
|
|
742
742
|
var openFileDialog = function () { var _a; return (_a = fileInputRef.current) === null || _a === void 0 ? void 0 : _a.click(); };
|
|
743
|
-
return (React.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$
|
|
744
|
-
React.createElement("span", { id: "".concat(inputId, "-label"), className: styles$
|
|
745
|
-
React.createElement("div", { className: styles$
|
|
743
|
+
return (React.createElement("div", { role: "group", "aria-labelledby": "".concat(inputId, "-label"), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), className: styles$A.container },
|
|
744
|
+
React.createElement("span", { id: "".concat(inputId, "-label"), className: styles$A.label }, title),
|
|
745
|
+
React.createElement("div", { className: styles$A.inputContainer },
|
|
746
746
|
React.createElement("button", { type: "button", className: buttonClass, onClick: openFileDialog, onKeyDown: function (e) {
|
|
747
747
|
if (e.key === "Enter" || e.key === " ") {
|
|
748
748
|
e.preventDefault();
|
|
@@ -751,18 +751,18 @@ var FileUpload = React.forwardRef(function (_a, ref) {
|
|
|
751
751
|
}, "aria-label": "".concat(typeof title === "string" ? title : descricaoLabel, ". Tipos permitidos: ").concat(fileTypes.join(", "), ". Tamanho m\u00E1ximo: ").concat(maxFileSize, ".") },
|
|
752
752
|
React.createElement(IconUploadFile, { "aria-hidden": "true" }),
|
|
753
753
|
descricaoLabel),
|
|
754
|
-
React.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$
|
|
755
|
-
React.createElement("span", { className: styles$
|
|
754
|
+
React.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$A.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
|
|
755
|
+
React.createElement("span", { className: styles$A.description }, fileName || noSelectedFileText)),
|
|
756
756
|
React.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
|
|
757
|
-
? styles$
|
|
757
|
+
? styles$A.errorText
|
|
758
758
|
: fileName
|
|
759
|
-
? styles$
|
|
760
|
-
: styles$
|
|
759
|
+
? styles$A.successText
|
|
760
|
+
: styles$A.instructionText }, errorText || helperText)));
|
|
761
761
|
});
|
|
762
762
|
|
|
763
|
-
var css_248z$
|
|
764
|
-
var styles$
|
|
765
|
-
styleInject(css_248z$
|
|
763
|
+
var css_248z$D = ".styles-module__container___YGeVk {\r\n position: relative;\r\n display: flex;\r\n}\r\n\r\n.styles-module__tooltip___mnnfp {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n}\r\n\r\n.styles-module__textContent___F6Omr {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__top-right___KAK6B {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__bottom-right___2qH8T {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__bottom-left___9jLIE {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__top-left___wu3BB {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__mobile___jimue {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__container___YGeVk {\r\n position: static;\r\n }\r\n\r\n .styles-module__tooltip___mnnfp {\r\n width: max-content;\r\n max-width: 92vw;\r\n left: 0;\r\n bottom: 90%;\r\n text-align: start;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n border-radius: 8px;\r\n }\r\n\r\n .styles-module__textContent___F6Omr {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n";
|
|
764
|
+
var styles$z = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB","mobile":"styles-module__mobile___jimue"};
|
|
765
|
+
styleInject(css_248z$D);
|
|
766
766
|
|
|
767
767
|
var Tooltip$1 = function (_a) {
|
|
768
768
|
var text = _a.text, children = _a.children, forceVisible = _a.forceVisible;
|
|
@@ -820,25 +820,25 @@ var Tooltip$1 = function (_a) {
|
|
|
820
820
|
setInternalVisible(function (prev) { return !prev; });
|
|
821
821
|
}
|
|
822
822
|
};
|
|
823
|
-
return (React.createElement("div", { className: styles$
|
|
823
|
+
return (React.createElement("div", { className: styles$z.container, ref: containerRef, onMouseEnter: handleDesktopMouseEnter, onMouseLeave: handleDesktopMouseLeave, onClick: handleClick, onTouchStart: handleMobileTouch, role: "button", "aria-haspopup": "true", "aria-expanded": visible },
|
|
824
824
|
children,
|
|
825
|
-
visible && (React.createElement("div", { ref: tooltipRef, className: "".concat(styles$
|
|
826
|
-
React.createElement("span", { className: styles$
|
|
825
|
+
visible && (React.createElement("div", { ref: tooltipRef, className: "".concat(styles$z.tooltip, " ").concat(styles$z[position]), "aria-hidden": !visible },
|
|
826
|
+
React.createElement("span", { className: styles$z.textContent }, text)))));
|
|
827
827
|
};
|
|
828
828
|
|
|
829
|
-
var css_248z$
|
|
830
|
-
var styles$
|
|
831
|
-
styleInject(css_248z$
|
|
829
|
+
var css_248z$C = ".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@media (max-width: 480px) {\r\n .textarea-module__label___qDTpX {\r\n font-size: var(--font-size-12, 12px);\r\n }\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: var(--font-open-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: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\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: flex-start;\r\n position: relative;\r\n width: 100%;\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 flex: 1;\r\n background-color: var(--input-bg-color);\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media (max-width: 480px) {\r\n .textarea-module__inputContent___kdVmc textarea {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n\r\n.textarea-module__messageContainer___akVKQ {\r\n display: flex;\r\n justify-content: space-between;\r\n align-items: center;\r\n width: 100%;\r\n}\r\n\r\n.textarea-module__messageWrapper___2mdmw {\r\n display: flex;\r\n flex-direction: column;\r\n gap: 4px;\r\n}\r\n\r\n.textarea-module__counter___zHZ86 {\r\n font-size: var(--font-size-12, 12px);\r\n color: var(--color-label);\r\n font-weight: 700;\r\n text-align: right;\r\n min-width: 60px;\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 font-size: var(--font-size-14, 14px);\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: var(--font-open-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@media (max-width: 480px) {\r\n .textarea-module__styledInput___fPp-f {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n\r\n .textarea-module__inputContent___kdVmc textarea:focus {\r\n font-size: var(--font-size-12, 12px);\r\n }\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: var(--font-open-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 margin-top: 11px;\r\n}\r\n";
|
|
830
|
+
var styles$y = {"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","messageContainer":"textarea-module__messageContainer___akVKQ","messageWrapper":"textarea-module__messageWrapper___2mdmw","counter":"textarea-module__counter___zHZ86","styledInput":"textarea-module__styledInput___fPp-f","message":"textarea-module__message___ys-dL","messageError":"textarea-module__messageError___ubeLK"};
|
|
831
|
+
styleInject(css_248z$C);
|
|
832
832
|
|
|
833
833
|
var TextareaBase = function (_a) {
|
|
834
834
|
var name = _a.name, label = _a.label, value = _a.value; _a.type; var Icon = _a.Icon, placeholder = _a.placeholder, message = _a.message, textAlign = _a.textAlign, textError = _a.textError, hasError = _a.hasError, rows = _a.rows, hasIcon = _a.hasIcon, required = _a.required, showCounter = _a.showCounter, props = __rest(_a, ["name", "label", "value", "type", "Icon", "placeholder", "message", "textAlign", "textError", "hasError", "rows", "hasIcon", "required", "showCounter"]);
|
|
835
835
|
var characterCount = (value === null || value === void 0 ? void 0 : value.length) || 0;
|
|
836
|
-
return (React.createElement("div", { className: styles$
|
|
837
|
-
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$
|
|
838
|
-
React.createElement("div", { className: "".concat(styles$
|
|
839
|
-
React.createElement("div", { className: styles$
|
|
836
|
+
return (React.createElement("div", { className: styles$y.inputContainer },
|
|
837
|
+
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$y.label, " ").concat(required ? styles$y.labelRequired : "") }, label)),
|
|
838
|
+
React.createElement("div", { className: "".concat(styles$y.inputWrapper, " ").concat(hasError ? styles$y.inputWrapperError : "") },
|
|
839
|
+
React.createElement("div", { className: styles$y.inputContent },
|
|
840
840
|
Icon && Icon,
|
|
841
|
-
React.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$
|
|
841
|
+
React.createElement("textarea", __assign({}, props, { id: name, placeholder: placeholder, value: value, className: styles$y.styledInput, style: {
|
|
842
842
|
textAlign: textAlign,
|
|
843
843
|
paddingLeft: hasIcon
|
|
844
844
|
? textAlign === "start"
|
|
@@ -846,35 +846,67 @@ var TextareaBase = function (_a) {
|
|
|
846
846
|
: "0"
|
|
847
847
|
: "8px",
|
|
848
848
|
}, rows: rows })))),
|
|
849
|
-
((textError && hasError) || (!hasError && message) || showCounter) && (React.createElement("div", { className: styles$
|
|
850
|
-
React.createElement("div", { className: styles$
|
|
851
|
-
textError && hasError && (React.createElement("div", { className: "".concat(styles$
|
|
852
|
-
!hasError && message && (React.createElement("div", { className: styles$
|
|
853
|
-
showCounter && (React.createElement("div", { className: "".concat(styles$
|
|
849
|
+
((textError && hasError) || (!hasError && message) || showCounter) && (React.createElement("div", { className: styles$y.messageContainer },
|
|
850
|
+
React.createElement("div", { className: styles$y.messageWrapper },
|
|
851
|
+
textError && hasError && (React.createElement("div", { className: "".concat(styles$y.message, " ").concat(styles$y.messageError) }, textError)),
|
|
852
|
+
!hasError && message && (React.createElement("div", { className: styles$y.message }, message))),
|
|
853
|
+
showCounter && (React.createElement("div", { className: "".concat(styles$y.counter, " ").concat(textError && hasError ? styles$y.messageError : "") }, characterCount))))));
|
|
854
854
|
};
|
|
855
855
|
|
|
856
|
-
var css_248z$
|
|
857
|
-
var styles$
|
|
858
|
-
styleInject(css_248z$
|
|
856
|
+
var css_248z$B = ".radioGroup-module__inputContainer___0cHBx {\r\n width: 306px;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioGroup-module__label___Ziyuh {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\r\n font-size: 16px;\r\n font-weight: var(--input-font-weight);\r\n line-height: var(--input-line-height);\r\n text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__labelRequired___q7SOr::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__labelError___Ulm2e {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__inputWrapper___wbpEu {\r\n background-color: #fff;\r\n cursor: pointer;\r\n width: 100%;\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.radioGroup-module__inputContent___g2v-v {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioGroup-module__message___FoIYt {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioGroup-module__messageError___5BsQY {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb {\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n padding: 0.4rem 0rem;\r\n font-size: 14px;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n font-weight: 400;\r\n transition: border-color 0.3s;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__horizontal___J4nzL {\r\n flex-direction: row;\r\n}\r\n\r\n.radioGroup-module__radioGroup___YpgFb.radioGroup-module__vertical___t-DLk {\r\n flex-direction: column;\r\n}\r\n\r\n.radioGroup-module__radioLabel___wJDuM {\r\n margin-right: 10px;\r\n display: flex;\r\n align-items: center;\r\n font-size: 14px;\r\n font-weight: 400;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputContainer___0cHBx input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioGroup-module__inputWrapperError___91QS1 input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n";
|
|
857
|
+
var styles$x = {"inputContainer":"radioGroup-module__inputContainer___0cHBx","label":"radioGroup-module__label___Ziyuh","labelRequired":"radioGroup-module__labelRequired___q7SOr","labelError":"radioGroup-module__labelError___Ulm2e","inputWrapper":"radioGroup-module__inputWrapper___wbpEu","inputContent":"radioGroup-module__inputContent___g2v-v","message":"radioGroup-module__message___FoIYt","messageError":"radioGroup-module__messageError___5BsQY","radioGroup":"radioGroup-module__radioGroup___YpgFb","horizontal":"radioGroup-module__horizontal___J4nzL","vertical":"radioGroup-module__vertical___t-DLk","radioLabel":"radioGroup-module__radioLabel___wJDuM","inputWrapperError":"radioGroup-module__inputWrapperError___91QS1"};
|
|
858
|
+
styleInject(css_248z$B);
|
|
859
859
|
|
|
860
860
|
var RadioGroupBase = function (_a) {
|
|
861
861
|
var name = _a.name, label = _a.label, value = _a.value, options = _a.options, message = _a.message, textError = _a.textError, hasError = _a.hasError, orientation = _a.orientation, required = _a.required, disabled = _a.disabled, onInput = _a.onInput, customClass = _a.customClass; __rest(_a, ["name", "label", "value", "options", "message", "textError", "hasError", "orientation", "required", "disabled", "onInput", "customClass"]);
|
|
862
862
|
var classes = customClass
|
|
863
|
-
? "".concat(styles$
|
|
864
|
-
: styles$
|
|
863
|
+
? "".concat(styles$x.inputContainer, " ").concat(customClass)
|
|
864
|
+
: styles$x.inputContainer;
|
|
865
865
|
return (React.createElement("div", { className: classes },
|
|
866
|
-
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$
|
|
867
|
-
React.createElement("div", { className: "".concat(styles$
|
|
868
|
-
React.createElement("div", { className: styles$
|
|
866
|
+
label && (React.createElement("label", { htmlFor: name, className: "".concat(styles$x.label, " ").concat(required ? styles$x.labelRequired : "") }, label)),
|
|
867
|
+
React.createElement("div", { className: "".concat(styles$x.inputWrapper, " ").concat(hasError ? styles$x.inputWrapperError : "") },
|
|
868
|
+
React.createElement("div", { className: styles$x.inputContent },
|
|
869
869
|
React.createElement("div", { className: "".concat(orientation === "vertical"
|
|
870
|
-
? styles$
|
|
871
|
-
: styles$
|
|
870
|
+
? styles$x[orientation]
|
|
871
|
+
: styles$x.radioGroup) }, options.map(function (option) { return (React.createElement("label", { key: option.value, className: "".concat(styles$x.radioLabel, " ").concat(hasError ? styles$x.labelError : "") },
|
|
872
872
|
React.createElement("input", { type: "radio", name: name, value: option.value, checked: value === option.value, onChange: function (event) {
|
|
873
873
|
onInput(event);
|
|
874
874
|
}, disabled: disabled }),
|
|
875
875
|
option.label)); })))),
|
|
876
|
-
textError && hasError && (React.createElement("p", { className: "".concat(styles$
|
|
877
|
-
!hasError && message && React.createElement("p", { className: styles$
|
|
876
|
+
textError && hasError && (React.createElement("p", { className: "".concat(styles$x.message, " ").concat(styles$x.messageError) }, textError)),
|
|
877
|
+
!hasError && message && React.createElement("p", { className: styles$x.message }, message)));
|
|
878
|
+
};
|
|
879
|
+
|
|
880
|
+
var css_248z$A = ".radioButton-module__containerInput___cdZaq {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__rotulo___TV0t1 {\r\n color: var(--color-label);\r\n width: 100%;\r\n font-family: var(--font-open-sans-serif);\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 text-align: left;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__rotuloObrigatorio___Zv-yv::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__rotuloErro___8spv2 {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__envoltorioInput___-ufNu {\r\n cursor: pointer;\r\n width: 100%;\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.radioButton-module__envoltorioInputErro___ZM-dn {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__conteudoInput___XBbFe {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__mensagem___IatBv {\r\n color: var(--color-label);\r\n margin-left: 10px;\r\n margin-top: 0;\r\n font-family: \"Open Sans\", sans-serif;\r\n font-size: 10px;\r\n font-weight: 700;\r\n line-height: 14px;\r\n text-align: left;\r\n}\r\n\r\n.radioButton-module__mensagemErro___KXTQD {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__rotuloRadio___v2g1B {\r\n display: flex;\r\n align-items: center;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 400;\r\n cursor: pointer;\r\n width: fit-content;\r\n padding: 0.4rem 0rem;\r\n font-family: var(--font-open-sans-regular);\r\n outline: none;\r\n line-height: 24px;\r\n transition: border-color 0.3s;\r\n gap: 10px;\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i] {\r\n background-color: initial;\r\n cursor: pointer;\r\n appearance: auto;\r\n box-sizing: border-box;\r\n margin: 1px 5px 0px 5px;\r\n padding: initial;\r\n border: initial;\r\n transform: scale(1.25); /* tamanho do radio */\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i]:focus-visible {\r\n outline: 2px solid var(--color-primary, #0066cc);\r\n outline-offset: 2px;\r\n border-radius: 50%;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"] {\r\n border: 1px solid var(--color-danger);\r\n appearance: none;\r\n width: 13px;\r\n height: 13px;\r\n border-radius: 50%;\r\n background-color: transparent;\r\n cursor: pointer;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"]:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__envoltorioInputErro___ZM-dn input[type=\"radio\"]:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__containerInput___cdZaq input[type=\"radio\" i]:disabled {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.radioButton-module__rotuloRadio___v2g1B:has(input[type=\"radio\"]:disabled) {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n";
|
|
881
|
+
var styles$w = {"containerInput":"radioButton-module__containerInput___cdZaq","rotulo":"radioButton-module__rotulo___TV0t1","rotuloObrigatorio":"radioButton-module__rotuloObrigatorio___Zv-yv","rotuloErro":"radioButton-module__rotuloErro___8spv2","envoltorioInput":"radioButton-module__envoltorioInput___-ufNu","envoltorioInputErro":"radioButton-module__envoltorioInputErro___ZM-dn","conteudoInput":"radioButton-module__conteudoInput___XBbFe","mensagem":"radioButton-module__mensagem___IatBv","mensagemErro":"radioButton-module__mensagemErro___KXTQD","rotuloRadio":"radioButton-module__rotuloRadio___v2g1B"};
|
|
882
|
+
styleInject(css_248z$A);
|
|
883
|
+
|
|
884
|
+
var RadioButton = function (_a) {
|
|
885
|
+
var name = _a.name, label = _a.label, value = _a.value, _b = _a.checked, checked = _b === void 0 ? false : _b, message = _a.message, textError = _a.textError, _c = _a.hasError, hasError = _c === void 0 ? false : _c, _d = _a.required, required = _d === void 0 ? false : _d, _e = _a.disabled, disabled = _e === void 0 ? false : _e, onChange = _a.onChange, customClass = _a.customClass, id = _a.id, ariaLabel = _a["aria-label"], ariaDescribedBy = _a["aria-describedby"], props = __rest(_a, ["name", "label", "value", "checked", "message", "textError", "hasError", "required", "disabled", "onChange", "customClass", "id", "aria-label", "aria-describedby"]);
|
|
886
|
+
var generatedId = React.useId();
|
|
887
|
+
var radioId = id || "radio-".concat(generatedId);
|
|
888
|
+
var errorId = "radio-error-".concat(generatedId);
|
|
889
|
+
var messageId = "radio-message-".concat(generatedId);
|
|
890
|
+
var classes = customClass
|
|
891
|
+
? "".concat(styles$w.containerInput, " ").concat(customClass)
|
|
892
|
+
: styles$w.containerInput;
|
|
893
|
+
var ariaDescribedByValue = [
|
|
894
|
+
hasError && textError ? errorId : null,
|
|
895
|
+
!hasError && message ? messageId : null,
|
|
896
|
+
ariaDescribedBy,
|
|
897
|
+
]
|
|
898
|
+
.filter(Boolean)
|
|
899
|
+
.join(" ") || undefined;
|
|
900
|
+
return (React.createElement("div", { className: classes },
|
|
901
|
+
React.createElement("div", { className: "".concat(styles$w.envoltorioInput, " ").concat(hasError ? styles$w.envoltorioInputErro : "") },
|
|
902
|
+
React.createElement("div", { className: styles$w.conteudoInput },
|
|
903
|
+
React.createElement("label", { htmlFor: radioId, className: "".concat(styles$w.rotuloRadio, " ").concat(hasError ? styles$w.rotuloErro : "") },
|
|
904
|
+
React.createElement("input", __assign({ type: "radio", id: radioId, name: name, value: value, checked: checked, onChange: function (event) {
|
|
905
|
+
onChange(event);
|
|
906
|
+
}, disabled: disabled, required: required, "aria-label": ariaLabel || (typeof label === "string" ? label : undefined), "aria-describedby": ariaDescribedByValue, "aria-invalid": hasError, "aria-errormessage": hasError && textError ? errorId : undefined }, props)),
|
|
907
|
+
label && (React.createElement("span", { className: "".concat(styles$w.rotulo, " ").concat(required ? styles$w.rotuloObrigatorio : "") }, label))))),
|
|
908
|
+
textError && hasError && (React.createElement("p", { id: errorId, className: "".concat(styles$w.mensagem, " ").concat(styles$w.mensagemErro), role: "alert", "aria-live": "polite" }, textError)),
|
|
909
|
+
!hasError && message && (React.createElement("p", { id: messageId, className: styles$w.mensagem }, message))));
|
|
878
910
|
};
|
|
879
911
|
|
|
880
912
|
var css_248z$z = ".header-module__separator_background___lYfCd {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__container___eaqPg {\r\n height: 100%;\r\n width: 100%;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n padding: 28px 72px;\r\n min-width: 1024px;\r\n\r\n @media (max-width: 1024px) {\r\n padding: 22px 16px;\r\n min-width: 100%;\r\n }\r\n}\r\n\r\n.header-module__wrapperMenu___m5rLa {\r\n display: flex;\r\n gap: 24px;\r\n align-items: center;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}\r\n\r\n.header-module__iconLogo___pcEoN {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___4JMWc {\r\n content: \"\";\r\n display: inline-block;\r\n height: 50px;\r\n width: 1px;\r\n background-color: #ccc;\r\n margin: 0px 0px 0px 0px;\r\n}\r\n\r\n.header-module__containerHeaderIndex___ueqa- {\r\n width: 100%;\r\n max-height: 6rem;\r\n font-size: 2rem;\r\n box-shadow: 0px 15px 10px -15px rgba(0, 0, 0, 0.19);\r\n}\r\n\r\n.header-module__set_shadow___UUN7Y {\r\n border-radius: 0px 0px 16px 16px;\r\n box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.25);\r\n}\r\n\r\n.header-module__limitedWidth___fsCel {\r\n max-width: 1440px;\r\n margin: 0 auto;\r\n}\r\n\r\n@media (min-width: 640px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___ueqa- {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___3YUG6 {\r\n height: 65px;\r\n width: auto;\r\n}\r\n\r\n.header-module__iconLogoPGE___HK3gX {\r\n margin-right: 20px;\r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___KL8jM {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 45px;\r\n width: auto;\r\n }\r\n }\r\n\r\n @media (max-width: 600px) {\r\n .header-module__iconLogoCASC___3YUG6 {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__limitedWidthBeneficios___-Jcji {\r\n max-width: 1440px !important;\r\n margin: 0 auto !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n\r\n.header-module__wrapperUserButton___M-CBj {\r\n display: flex;\r\n align-items: center;\r\n gap: 24px;\r\n\r\n @media (max-width: 1024px) {\r\n gap: 8px;\r\n }\r\n}";
|
|
@@ -23945,7 +23977,7 @@ var Cancel = AlertDialogCancel;
|
|
|
23945
23977
|
var Title2 = AlertDialogTitle;
|
|
23946
23978
|
var Description2 = AlertDialogDescription;
|
|
23947
23979
|
|
|
23948
|
-
var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n
|
|
23980
|
+
var css_248z$d = ".styles-module__alertOverlay___eoTQD {\r\n background: #00000080;\r\n position: fixed;\r\n inset: 0;\r\n animation: styles-module__overlayShow___hSH5g 300ms cubic-bezier(0.16, 1, 0.3, 1);\r\n}\r\n\r\n@keyframes styles-module__overlayShow___hSH5g {\r\n from {\r\n opacity: 0;\r\n }\r\n to {\r\n opacity: 1;\r\n }\r\n}\r\n\r\n.styles-module__modalHeaderContainer___zqcC3 {\r\n width: 100%;\r\n height: 56px;\r\n border-radius: 20px 20px 0px 0px;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n justify-content: space-between;\r\n background: var(--modal-header-bg-color);\r\n padding-left: 16px;\r\n padding-right: 16px;\r\n}\r\n\r\n.styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-20, 20px);\r\n font-weight: 700;\r\n line-height: 27px;\r\n text-align: left;\r\n color: #fff;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__modalHeaderText___is1Qg {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 21px;\r\n }\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz {\r\n all: unset;\r\n cursor: pointer;\r\n}\r\n\r\n.styles-module__customIcon___8Ly4h {\r\n color: #ffffff;\r\n}\r\n\r\n.styles-module__contentContainer___tiBil {\r\n border-radius: 20px;\r\n position: fixed;\r\n top: 50%;\r\n left: 50%;\r\n transform: translate(-50%, -50%);\r\n max-width: 500px;\r\n max-height: 85vh;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__contentContainer___tiBil {\r\n width: 295px;\r\n }\r\n}\r\n\r\n.styles-module__childrenContainer___BgV1l {\r\n padding: 16px;\r\n background-color: var(--background-color);\r\n border-radius: 0px 0px 20px 20px;\r\n max-height: 500px;\r\n overflow-y: auto;\r\n}\r\n\r\n.styles-module__iconClose___Veq4Y {\r\n color: #fff;\r\n}\r\n\r\n.styles-module__closeBtn___VOQjz:focus-visible {\r\n outline: 2px solid var(--background-color);\r\n outline-offset: 4px;\r\n border-radius: 4px;\r\n}\r\n";
|
|
23949
23981
|
var styles$b = {"alertOverlay":"styles-module__alertOverlay___eoTQD","overlayShow":"styles-module__overlayShow___hSH5g","modalHeaderContainer":"styles-module__modalHeaderContainer___zqcC3","modalHeaderText":"styles-module__modalHeaderText___is1Qg","closeBtn":"styles-module__closeBtn___VOQjz","customIcon":"styles-module__customIcon___8Ly4h","contentContainer":"styles-module__contentContainer___tiBil","childrenContainer":"styles-module__childrenContainer___BgV1l","iconClose":"styles-module__iconClose___Veq4Y"};
|
|
23950
23982
|
styleInject(css_248z$d);
|
|
23951
23983
|
|
|
@@ -27742,6 +27774,7 @@ exports.PaginationV2 = Pagination;
|
|
|
27742
27774
|
exports.PasswordInput = PasswordInput;
|
|
27743
27775
|
exports.PgeButton = PgeButton;
|
|
27744
27776
|
exports.ProgressCircle = ProgressCircle;
|
|
27777
|
+
exports.RadioButton = RadioButton;
|
|
27745
27778
|
exports.RadioGroupBase = RadioGroupBase;
|
|
27746
27779
|
exports.SelectDefault = SelectDefault;
|
|
27747
27780
|
exports.SelectMult = SelectMult;
|