pge-front-common 14.2.5-beta.7 → 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 +11 -11
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +11 -11
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -857,8 +857,8 @@ var RadioGroupBase = function (_a) {
|
|
|
857
857
|
!hasError && message && React__default.createElement("p", { className: styles$x.message }, message)));
|
|
858
858
|
};
|
|
859
859
|
|
|
860
|
-
var css_248z$A = ".radioButton-
|
|
861
|
-
var styles$w = {"
|
|
860
|
+
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";
|
|
861
|
+
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"};
|
|
862
862
|
styleInject(css_248z$A);
|
|
863
863
|
|
|
864
864
|
var RadioButton = function (_a) {
|
|
@@ -867,8 +867,8 @@ var RadioButton = function (_a) {
|
|
|
867
867
|
var errorId = "radio-error-".concat(generatedId);
|
|
868
868
|
var messageId = "radio-message-".concat(generatedId);
|
|
869
869
|
var classes = customClass
|
|
870
|
-
? "".concat(styles$w.
|
|
871
|
-
: styles$w.
|
|
870
|
+
? "".concat(styles$w.inputContainerItem, " ").concat(customClass)
|
|
871
|
+
: styles$w.inputContainerItem;
|
|
872
872
|
var ariaDescribedByValue = [
|
|
873
873
|
hasError && textError ? errorId : null,
|
|
874
874
|
!hasError && message ? messageId : null,
|
|
@@ -877,15 +877,15 @@ var RadioButton = function (_a) {
|
|
|
877
877
|
.filter(Boolean)
|
|
878
878
|
.join(" ") || undefined;
|
|
879
879
|
return (React__default.createElement("div", { className: classes },
|
|
880
|
-
React__default.createElement("div", { className: "".concat(styles$w.
|
|
881
|
-
React__default.createElement("div", { className: styles$w.
|
|
882
|
-
React__default.createElement("label", { htmlFor: name, className: "".concat(styles$w.
|
|
880
|
+
React__default.createElement("div", { className: "".concat(styles$w.inputWrapper, " ").concat(hasError ? styles$w.inputWrapperErrorItem : "") },
|
|
881
|
+
React__default.createElement("div", { className: styles$w.inputContent },
|
|
882
|
+
React__default.createElement("label", { htmlFor: name, className: "".concat(styles$w.radioLabelItem, " ").concat(hasError ? styles$w.labelError : "", " ").concat(disabled ? styles$w.radioLabelItemDisabled : "") },
|
|
883
883
|
React__default.createElement("input", __assign({ type: "radio", id: name, name: name, value: value, checked: checked, onChange: function (event) {
|
|
884
884
|
onChange(event);
|
|
885
|
-
}, 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)),
|
|
886
|
-
label && (React__default.createElement("span", { className: "".concat(styles$w.
|
|
887
|
-
textError && hasError && (React__default.createElement("p", { id: errorId, className: "".concat(styles$w.
|
|
888
|
-
!hasError && message && (React__default.createElement("p", { id: messageId, className: styles$w.
|
|
885
|
+
}, 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)),
|
|
886
|
+
label && (React__default.createElement("span", { className: "".concat(styles$w.label, " ").concat(required ? styles$w.labelRequired : "") }, label))))),
|
|
887
|
+
textError && hasError && (React__default.createElement("p", { id: errorId, className: "".concat(styles$w.message, " ").concat(styles$w.messageError), role: "alert", "aria-live": "polite" }, textError)),
|
|
888
|
+
!hasError && message && (React__default.createElement("p", { id: messageId, className: styles$w.message }, message))));
|
|
889
889
|
};
|
|
890
890
|
|
|
891
891
|
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}";
|