pge-front-common 14.2.5-beta.8 → 14.2.5-beta.9
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/index.esm.js +4 -4
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +4 -4
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.js
CHANGED
|
@@ -877,8 +877,8 @@ var RadioGroupBase = function (_a) {
|
|
|
877
877
|
!hasError && message && React.createElement("p", { className: styles$x.message }, message)));
|
|
878
878
|
};
|
|
879
879
|
|
|
880
|
-
var css_248z$A = ".radioButton-module__inputContainerItem___5DkxX {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__label___wVR78 {\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__labelRequired___nXMVZ::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__labelError___-3YGd {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputWrapper___0J8bD {\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__inputWrapperErrorItem___thRCT {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputContent___gOApv {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__message___lFQac {\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__messageError___0mNqy {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__radioLabelItem___XIwXd {\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-
|
|
881
|
-
var styles$w = {"inputContainerItem":"radioButton-module__inputContainerItem___5DkxX","label":"radioButton-module__label___wVR78","labelRequired":"radioButton-module__labelRequired___nXMVZ","labelError":"radioButton-module__labelError___-3YGd","inputWrapper":"radioButton-module__inputWrapper___0J8bD","inputWrapperErrorItem":"radioButton-module__inputWrapperErrorItem___thRCT","inputContent":"radioButton-module__inputContent___gOApv","message":"radioButton-module__message___lFQac","messageError":"radioButton-module__messageError___0mNqy","radioLabelItem":"radioButton-module__radioLabelItem___XIwXd"};
|
|
880
|
+
var css_248z$A = ".radioButton-module__inputContainerItem___5DkxX {\r\n width: fit-content;\r\n color: var(--color-label);\r\n}\r\n\r\n.radioButton-module__label___wVR78 {\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__labelRequired___nXMVZ::after {\r\n content: \" *\";\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__labelError___-3YGd {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputWrapper___0J8bD {\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__inputWrapperErrorItem___thRCT {\r\n border-color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__inputContent___gOApv {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n}\r\n\r\n.radioButton-module__message___lFQac {\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__messageError___0mNqy {\r\n color: var(--color-danger);\r\n}\r\n\r\n.radioButton-module__radioLabelItem___XIwXd {\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__radioInput___G8GTH {\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__radioInput___G8GTH: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__radioInputDisabled___awcjj {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n.radioButton-module__radioInputError___eTPz2 {\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__radioInputError___eTPz2:checked {\r\n accent-color: var(--color-danger);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__radioInputError___eTPz2:disabled {\r\n accent-color: var(--color-border);\r\n appearance: auto;\r\n}\r\n\r\n.radioButton-module__radioLabelItemDisabled___Q-YvV {\r\n cursor: not-allowed;\r\n opacity: 0.6;\r\n}\r\n\r\n";
|
|
881
|
+
var styles$w = {"inputContainerItem":"radioButton-module__inputContainerItem___5DkxX","label":"radioButton-module__label___wVR78","labelRequired":"radioButton-module__labelRequired___nXMVZ","labelError":"radioButton-module__labelError___-3YGd","inputWrapper":"radioButton-module__inputWrapper___0J8bD","inputWrapperErrorItem":"radioButton-module__inputWrapperErrorItem___thRCT","inputContent":"radioButton-module__inputContent___gOApv","message":"radioButton-module__message___lFQac","messageError":"radioButton-module__messageError___0mNqy","radioLabelItem":"radioButton-module__radioLabelItem___XIwXd","radioInput":"radioButton-module__radioInput___G8GTH","radioInputDisabled":"radioButton-module__radioInputDisabled___awcjj","radioInputError":"radioButton-module__radioInputError___eTPz2","radioLabelItemDisabled":"radioButton-module__radioLabelItemDisabled___Q-YvV"};
|
|
882
882
|
styleInject(css_248z$A);
|
|
883
883
|
|
|
884
884
|
var RadioButton = function (_a) {
|
|
@@ -899,10 +899,10 @@ var RadioButton = function (_a) {
|
|
|
899
899
|
return (React.createElement("div", { className: classes },
|
|
900
900
|
React.createElement("div", { className: "".concat(styles$w.inputWrapper, " ").concat(hasError ? styles$w.inputWrapperErrorItem : "") },
|
|
901
901
|
React.createElement("div", { className: styles$w.inputContent },
|
|
902
|
-
React.createElement("label", { htmlFor: name, className: "".concat(styles$w.radioLabelItem, " ").concat(hasError ? styles$w.labelError : "") },
|
|
902
|
+
React.createElement("label", { htmlFor: name, className: "".concat(styles$w.radioLabelItem, " ").concat(hasError ? styles$w.labelError : "", " ").concat(disabled ? styles$w.radioLabelItemDisabled : "") },
|
|
903
903
|
React.createElement("input", __assign({ type: "radio", id: name, name: name, value: value, checked: checked, onChange: function (event) {
|
|
904
904
|
onChange(event);
|
|
905
|
-
}, 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)),
|
|
905
|
+
}, disabled: disabled, required: required, className: "".concat(styles$w.radioInput, " ").concat(hasError ? styles$w.radioInputError : "", " ").concat(disabled ? styles$w.radioInputDisabled : ""), "aria-label": ariaLabel || (typeof label === "string" ? label : undefined), "aria-describedby": ariaDescribedByValue, "aria-invalid": hasError, "aria-errormessage": hasError && textError ? errorId : undefined }, props)),
|
|
906
906
|
label && (React.createElement("span", { className: "".concat(styles$w.label, " ").concat(required ? styles$w.labelRequired : "") }, label))))),
|
|
907
907
|
textError && hasError && (React.createElement("p", { id: errorId, className: "".concat(styles$w.message, " ").concat(styles$w.messageError), role: "alert", "aria-live": "polite" }, textError)),
|
|
908
908
|
!hasError && message && (React.createElement("p", { id: messageId, className: styles$w.message }, message))));
|