pge-front-common 14.0.41 → 14.0.42

package/lib/index.js

@@ -135,9 +135,9 @@ var InputBase = function (_a) {
                     _b[styles$y.textInputDanger] = restrictionMessage,
                     _b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.name, value: value }, props, { disabled: disabled })),
             rightIcon && (React.createElement("button", { tabIndex: -1, type: "button", className: styles$y.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))),
-        React.createElement("div", { className: styles$y.messageContainer },
+        (restrictionMessage || showCounter) && (React.createElement("div", { className: styles$y.messageContainer },
             React.createElement("div", { className: styles$y.messageWrapper }, restrictionMessage && (React.createElement("div", { className: styles$y.restrictionMessage }, restrictionMessage))),
-            showCounter && (React.createElement("div", { className: "".concat(styles$y.counter, " ").concat(restrictionMessage ? styles$y.messageError : "") }, characterCount)))));
+            showCounter && (React.createElement("div", { className: "".concat(styles$y.counter, " ").concat(restrictionMessage ? styles$y.messageError : "") }, characterCount))))));
 };
 
 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),
@@ -760,11 +760,11 @@ var TextareaBase = function (_a) {
                                 : "0"
                             : "8px",
                     }, rows: rows, required: required })))),
-        React.createElement("div", { className: styles$r.messageContainer },
+        (textError && hasError || !hasError && message || showCounter) && (React.createElement("div", { className: styles$r.messageContainer },
             React.createElement("div", { className: styles$r.messageWrapper },
                 textError && hasError && (React.createElement("div", { className: "".concat(styles$r.message, " ").concat(styles$r.messageError) }, textError)),
                 !hasError && message && (React.createElement("div", { className: styles$r.message }, message))),
-            showCounter && (React.createElement("div", { className: "".concat(styles$r.counter, " ").concat(textError && hasError ? styles$r.messageError : "") }, characterCount)))));
+            showCounter && (React.createElement("div", { className: "".concat(styles$r.counter, " ").concat(textError && hasError ? styles$r.messageError : "") }, characterCount))))));
 };
 
 var css_248z$t = ".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: 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  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";