pge-front-common 14.0.41 → 14.0.42

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.
Files changed (5) hide show
  1. package/lib/index.esm.js +4 -4
  2. package/lib/index.esm.js.map +1 -1
  3. package/lib/index.js +4 -4
  4. package/lib/index.js.map +1 -1
  5. package/package.json +1 -1
package/lib/index.esm.js CHANGED
@@ -115,9 +115,9 @@ var InputBase = function (_a) {
115
115
  _b[styles$y.textInputDanger] = restrictionMessage,
116
116
  _b)), style: __assign({ paddingLeft: leftIcon ? "36px" : "8px", paddingRight: rightIcon ? "36px" : "8px" }, style), id: props.name, value: value }, props, { disabled: disabled })),
117
117
  rightIcon && (React__default.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))),
118
- React__default.createElement("div", { className: styles$y.messageContainer },
118
+ (restrictionMessage || showCounter) && (React__default.createElement("div", { className: styles$y.messageContainer },
119
119
  React__default.createElement("div", { className: styles$y.messageWrapper }, restrictionMessage && (React__default.createElement("div", { className: styles$y.restrictionMessage }, restrictionMessage))),
120
- showCounter && (React__default.createElement("div", { className: "".concat(styles$y.counter, " ").concat(restrictionMessage ? styles$y.messageError : "") }, characterCount)))));
120
+ showCounter && (React__default.createElement("div", { className: "".concat(styles$y.counter, " ").concat(restrictionMessage ? styles$y.messageError : "") }, characterCount))))));
121
121
  };
122
122
 
123
123
  var IconDownload = function (props) { return (React__default.createElement("svg", __assign({ width: "17", height: "17", viewBox: "0 0 17 17", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
@@ -740,11 +740,11 @@ var TextareaBase = function (_a) {
740
740
  : "0"
741
741
  : "8px",
742
742
  }, rows: rows, required: required })))),
743
- React__default.createElement("div", { className: styles$r.messageContainer },
743
+ (textError && hasError || !hasError && message || showCounter) && (React__default.createElement("div", { className: styles$r.messageContainer },
744
744
  React__default.createElement("div", { className: styles$r.messageWrapper },
745
745
  textError && hasError && (React__default.createElement("div", { className: "".concat(styles$r.message, " ").concat(styles$r.messageError) }, textError)),
746
746
  !hasError && message && (React__default.createElement("div", { className: styles$r.message }, message))),
747
- showCounter && (React__default.createElement("div", { className: "".concat(styles$r.counter, " ").concat(textError && hasError ? styles$r.messageError : "") }, characterCount)))));
747
+ showCounter && (React__default.createElement("div", { className: "".concat(styles$r.counter, " ").concat(textError && hasError ? styles$r.messageError : "") }, characterCount))))));
748
748
  };
749
749
 
750
750
  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";