pge-front-common 14.1.0 → 14.1.2
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 +21 -16
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +21 -16
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
package/lib/index.esm.js
CHANGED
|
@@ -388,17 +388,22 @@ var IconCheck = function (props) { return (React__default.createElement("svg", _
|
|
|
388
388
|
var IconPrint = function (props) { return (React__default.createElement("svg", __assign({ width: "16", height: "14", viewBox: "0 0 16 14", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" }, props),
|
|
389
389
|
React__default.createElement("path", { d: "M12.2595 3.01279H3.09292V0.787938C3.09292 0.577813 3.17205 0.393959 3.33031 0.236375C3.48856 0.0787918 3.6733 0 3.88452 0H11.4646C11.6794 0 11.8656 0.0791253 12.0231 0.237375C12.1807 0.395625 12.2595 0.579729 12.2595 0.789688V3.01279ZM12.516 7.31244C12.7521 7.31244 12.9569 7.22563 13.1305 7.05202C13.3042 6.87841 13.391 6.67355 13.391 6.43744C13.391 6.20133 13.3042 5.99647 13.1305 5.82285C12.9569 5.64924 12.7521 5.56244 12.516 5.56244C12.2798 5.56244 12.075 5.64924 11.9014 5.82285C11.7278 5.99647 11.641 6.20133 11.641 6.43744C11.641 6.67355 11.7278 6.87841 11.9014 7.05202C12.075 7.22563 12.2798 7.31244 12.516 7.31244ZM4.68267 12.5769H10.6698C10.7446 12.5769 10.806 12.5528 10.8541 12.5048C10.9022 12.4567 10.9262 12.3952 10.9262 12.3204V9.43583H4.42623V12.3204C4.42623 12.3952 4.45027 12.4567 4.49835 12.5048C4.54644 12.5528 4.60787 12.5769 4.68267 12.5769ZM4.68267 13.9102C4.24549 13.9102 3.87124 13.7545 3.55992 13.4432C3.24858 13.1319 3.09292 12.7576 3.09292 12.3204V10.8477H0.789688C0.579729 10.8477 0.395625 10.7686 0.237375 10.6103C0.0791249 10.452 0 10.263 0 10.043V5.93744C0 5.34717 0.207729 4.84197 0.623187 4.42183C1.03865 4.00171 1.54618 3.79165 2.14579 3.79165H13.2067C13.7969 3.79165 14.3021 4.00171 14.7223 4.42183C15.1424 4.84197 15.3525 5.34717 15.3525 5.93744V10.043C15.3525 10.263 15.2733 10.452 15.1151 10.6103C14.9568 10.7686 14.7727 10.8477 14.5628 10.8477H12.2595V12.3204C12.2595 12.7576 12.1039 13.1319 11.7925 13.4432C11.4812 13.7545 11.107 13.9102 10.6698 13.9102H4.68267Z", fill: "currentColor" }))); };
|
|
390
390
|
|
|
391
|
-
var IconUploadFile = function (props) {
|
|
392
|
-
|
|
393
|
-
|
|
394
|
-
|
|
395
|
-
|
|
396
|
-
|
|
397
|
-
|
|
398
|
-
|
|
399
|
-
|
|
400
|
-
|
|
401
|
-
|
|
391
|
+
var IconUploadFile = function (props) {
|
|
392
|
+
var id = useId$1();
|
|
393
|
+
var clipA = "clip0-".concat(id);
|
|
394
|
+
var clipB = "clip1-".concat(id);
|
|
395
|
+
return (React__default.createElement("svg", { width: "16", height: "17", viewBox: "0 0 16 17", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg" },
|
|
396
|
+
React__default.createElement("g", { "clip-path": "url(#".concat(clipA, ")") },
|
|
397
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)", fill: "none", "fill-opacity": "0.01" }),
|
|
398
|
+
React__default.createElement("g", { "clip-path": "url(#".concat(clipB, ")") },
|
|
399
|
+
React__default.createElement("path", { d: "M0.5 10.3992C0.632608 10.3992 0.759785 10.4519 0.853553 10.5456C0.947322 10.6394 1 10.7666 1 10.8992V13.3992C1 13.6644 1.10536 13.9188 1.29289 14.1063C1.48043 14.2938 1.73478 14.3992 2 14.3992H14C14.2652 14.3992 14.5196 14.2938 14.7071 14.1063C14.8946 13.9188 15 13.6644 15 13.3992V10.8992C15 10.7666 15.0527 10.6394 15.1464 10.5456C15.2402 10.4519 15.3674 10.3992 15.5 10.3992C15.6326 10.3992 15.7598 10.4519 15.8536 10.5456C15.9473 10.6394 16 10.7666 16 10.8992V13.3992C16 13.9296 15.7893 14.4383 15.4142 14.8134C15.0391 15.1885 14.5304 15.3992 14 15.3992H2C1.46957 15.3992 0.960859 15.1885 0.585786 14.8134C0.210714 14.4383 0 13.9296 0 13.3992V10.8992C0 10.7666 0.0526784 10.6394 0.146447 10.5456C0.240215 10.4519 0.367392 10.3992 0.5 10.3992Z", fill: "currentColor" }),
|
|
400
|
+
React__default.createElement("path", { d: "M7.646 1.64518C7.69245 1.59862 7.74762 1.56168 7.80837 1.53647C7.86911 1.51127 7.93423 1.49829 8 1.49829C8.06577 1.49829 8.13089 1.51127 8.19163 1.53647C8.25238 1.56168 8.30755 1.59862 8.354 1.64518L11.354 4.64518C11.4479 4.73907 11.5006 4.86641 11.5006 4.99918C11.5006 5.13196 11.4479 5.2593 11.354 5.35318C11.2601 5.44707 11.1328 5.49982 11 5.49982C10.8672 5.49982 10.7399 5.44707 10.646 5.35318L8.5 3.20618V11.9992C8.5 12.1318 8.44732 12.259 8.35355 12.3527C8.25979 12.4465 8.13261 12.4992 8 12.4992C7.86739 12.4992 7.74021 12.4465 7.64645 12.3527C7.55268 12.259 7.5 12.1318 7.5 11.9992V3.20618L5.354 5.35318C5.30751 5.39967 5.25232 5.43655 5.19158 5.46171C5.13084 5.48687 5.06574 5.49982 5 5.49982C4.93426 5.49982 4.86916 5.48687 4.80842 5.46171C4.74768 5.43655 4.69249 5.39967 4.646 5.35318C4.59951 5.3067 4.56264 5.25151 4.53748 5.19077C4.51232 5.13003 4.49937 5.06493 4.49937 4.99918C4.49937 4.93344 4.51232 4.86834 4.53748 4.8076C4.56264 4.74686 4.59951 4.69167 4.646 4.64518L7.646 1.64518Z", fill: "currentColor" }))),
|
|
401
|
+
React__default.createElement("defs", null,
|
|
402
|
+
React__default.createElement("clipPath", { id: "#".concat(clipA) },
|
|
403
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)" })),
|
|
404
|
+
React__default.createElement("clipPath", { id: "#".concat(clipB) },
|
|
405
|
+
React__default.createElement("rect", { width: "16", height: "16", transform: "translate(0 0.5)" })))));
|
|
406
|
+
};
|
|
402
407
|
|
|
403
408
|
var IconUploadV2 = function (props) {
|
|
404
409
|
var _a, _b;
|
|
@@ -526,7 +531,7 @@ var InformativeBox = function (_a) {
|
|
|
526
531
|
title && message && (React__default.createElement(React__default.Fragment, null,
|
|
527
532
|
React__default.createElement("strong", { className: "".concat(styles$x.title, " ").concat(styles$x[infoType]) }, title),
|
|
528
533
|
React__default.createElement("span", { className: styles$x.textContent }, message))))),
|
|
529
|
-
hasDismissButton && (React__default.createElement("button", { className: styles$x.closeButton, onClick: function (e) {
|
|
534
|
+
hasDismissButton && (React__default.createElement("button", { "aria-label": "Fechar campo informativo para ".concat(title || message), className: styles$x.closeButton, onClick: function (e) {
|
|
530
535
|
e.stopPropagation();
|
|
531
536
|
onClose === null || onClose === void 0 ? void 0 : onClose();
|
|
532
537
|
} },
|
|
@@ -687,7 +692,7 @@ var FileUpload = forwardRef(function (_a, ref) {
|
|
|
687
692
|
}, "aria-label": "".concat(typeof title === "string" ? title : descricaoLabel, ". Tipos permitidos: ").concat(fileTypes.join(", "), ". Tamanho m\u00E1ximo: ").concat(maxFileSize, ".") },
|
|
688
693
|
React__default.createElement(IconUploadFile, { "aria-hidden": "true" }),
|
|
689
694
|
descricaoLabel),
|
|
690
|
-
React__default.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$t.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-invalid": !!errorText }),
|
|
695
|
+
React__default.createElement("input", { id: inputId, type: "file", ref: fileInputRef, className: styles$t.hiddenInput, onChange: handleFileChange, accept: fileTypes.join(","), "aria-describedby": "".concat(helperId, " ").concat(errorText ? errorId : ""), "aria-label": "Campo de input para selecionar arquivo", "aria-invalid": !!errorText }),
|
|
691
696
|
React__default.createElement("span", { className: styles$t.description }, fileName || noSelectedFileText)),
|
|
692
697
|
React__default.createElement("span", { id: errorText ? errorId : helperId, role: "alert", "aria-live": "polite", className: errorText
|
|
693
698
|
? styles$t.errorText
|
|
@@ -812,8 +817,8 @@ var RadioGroupBase = function (_a) {
|
|
|
812
817
|
!hasError && message && React__default.createElement("p", { className: styles$q.message }, message)));
|
|
813
818
|
};
|
|
814
819
|
|
|
815
|
-
var css_248z$s = ".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.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__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n";
|
|
816
|
-
var styles$p = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","IconMenu":"header-module__IconMenu___7JWj-"};
|
|
820
|
+
var css_248z$s = ".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.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 padding-left: 141px !important;\r\n padding-right: 136px !important;\r\n}\r\n\r\n.header-module__IconMenu___7JWj- {\r\n display: flex;\r\n max-height: 48px;\r\n}\r\n";
|
|
821
|
+
var styles$p = {"separator_background":"header-module__separator_background___lYfCd","container":"header-module__container___eaqPg","wrapperMenu":"header-module__wrapperMenu___m5rLa","iconLogo":"header-module__iconLogo___pcEoN","verticalDivider":"header-module__verticalDivider___4JMWc","containerHeaderIndex":"header-module__containerHeaderIndex___ueqa-","set_shadow":"header-module__set_shadow___UUN7Y","limitedWidth":"header-module__limitedWidth___fsCel","iconLogoCASC":"header-module__iconLogoCASC___3YUG6","iconLogoPGE":"header-module__iconLogoPGE___HK3gX","responsiveCASC":"header-module__responsiveCASC___KL8jM","limitedWidthBeneficios":"header-module__limitedWidthBeneficios___-Jcji","IconMenu":"header-module__IconMenu___7JWj-"};
|
|
817
822
|
styleInject(css_248z$s);
|
|
818
823
|
|
|
819
824
|
var css_248z$r = ".dropdown-module__dropdown___EIaq- {\r\n position: absolute;\r\n border: 1px solid rgb(197, 197, 197);\r\n background: var(--header-bg-dropdown);\r\n padding: 8px 0;\r\n color: #0062cc;\r\n border-radius: 4px;\r\n z-index: 400;\r\n min-width: 280px;\r\n box-shadow: rgba(197, 164, 164, 0.35) 0px 5px 15px;\r\n cursor: pointer;\r\n margin-right: 5px;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas {\r\n margin: 0;\r\n padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n min-width: 280px;\r\n color: var(--header-font-dropdown);\r\n font-size: var(--font-size-16, 16px);\r\n font-weight: 600;\r\n text-align: left;\r\n display: flex;\r\n align-items: center;\r\n justify-content: space-between;\r\n cursor: pointer;\r\n min-height: 50px;\r\n border: none;\r\n\r\n -webkit-appearance: button;\r\n background-color: transparent;\r\n background-image: none;\r\n}\r\n\r\n.dropdown-module__primaryDropdown___I7kas:hover {\r\n background-color: var(--header-hover-dropdown);\r\n width: 100%;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__disabled___McFgs {\r\n color: #c3c3c3;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__home___4Odwr {\r\n font-weight: 700;\r\n}\r\n\r\n.dropdown-module__primaryDropdown__submenu___eXCiN {\r\n font-size: var(--font-size-16, 16px);\r\n line-height: 24px;\r\n text-align: left;\r\n padding-left: 30px;\r\n font-weight: 100;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89 {\r\n transition: transform 0.3s ease;\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__active___RRrmk {\r\n transform: rotate(0deg);\r\n}\r\n\r\n.dropdown-module__contentIcon___aqI89.dropdown-module__inactive___AQdLm {\r\n transform: rotate(180deg);\r\n}\r\n";
|
|
@@ -1078,7 +1083,7 @@ var Header = function (_a) {
|
|
|
1078
1083
|
return (React__default.createElement(React__default.Fragment, null,
|
|
1079
1084
|
React__default.createElement("div", { className: styles$p.separator_background }),
|
|
1080
1085
|
React__default.createElement("header", { className: getContainerClasses() },
|
|
1081
|
-
React__default.createElement("div", { className: "".concat(styles$p.container, " ").concat(isCASC ? styles$p.limitedWidth : "") },
|
|
1086
|
+
React__default.createElement("div", { className: "".concat(styles$p.container, " ").concat(isCASC ? styles$p.limitedWidth : "", " ").concat(isPortalBeneficios ? styles$p.limitedWidthBeneficios : "") },
|
|
1082
1087
|
React__default.createElement("div", { className: styles$p.wrapperMenu },
|
|
1083
1088
|
React__default.createElement("div", { className: styles$p.IconMenu },
|
|
1084
1089
|
React__default.createElement(Menu$2, { options: options, optionSelection: optionSelection })),
|