pge-front-common 14.1.1 → 14.1.3

package/lib/index.js

@@ -125,14 +125,14 @@ styleInject(css_248z$B);
 
 var InputBase = function (_a) {
     var _b;
-    var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, required = _a.required; _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var showCounter = _a.showCounter, value = _a.value, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className", "showCounter", "value"]);
+    var customClass = _a.customClass, restrictionMessage = _a.restrictionMessage, label = _a.label, leftIcon = _a.leftIcon, rightIcon = _a.rightIcon, onRightIconClick = _a.onRightIconClick, style = _a.style, required = _a.required, error = _a.error; _a.helperText; var disabled = _a.disabled; _a.readOnly; _a.className; var showCounter = _a.showCounter, value = _a.value, props = __rest(_a, ["customClass", "restrictionMessage", "label", "leftIcon", "rightIcon", "onRightIconClick", "style", "required", "error", "helperText", "disabled", "readOnly", "className", "showCounter", "value"]);
     var characterCount = (value === null || value === void 0 ? void 0 : value.toString().length) || 0;
     return (React.createElement("div", { className: styles$y.inputContainer },
         label && (React.createElement("label", { tabIndex: disabled ? -1 : 0, htmlFor: props.name, className: "".concat(styles$y.labelInput, " ").concat(required ? styles$y.labelRequired : "") }, label)),
         React.createElement("div", { className: styles$y.inputContent },
             leftIcon && React.createElement("div", { className: styles$y.iconWrapperLeft }, leftIcon),
             React.createElement("input", __assign({ className: clsx(styles$y.textInput, customClass, (_b = {},
-                    _b[styles$y.textInputDanger] = restrictionMessage,
+                    _b[styles$y.textInputDanger] = restrictionMessage || error,
                     _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))),
         (restrictionMessage || showCounter) && (React.createElement("div", { className: styles$y.messageContainer },
@@ -837,8 +837,8 @@ var RadioGroupBase = function (_a) {
         !hasError && message && React.createElement("p", { className: styles$q.message }, message)));
 };
 
-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";
-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-"};
+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";
+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-"};
 styleInject(css_248z$s);
 
 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";
@@ -1103,7 +1103,7 @@ var Header = function (_a) {
     return (React.createElement(React.Fragment, null,
         React.createElement("div", { className: styles$p.separator_background }),
         React.createElement("header", { className: getContainerClasses() },
-            React.createElement("div", { className: "".concat(styles$p.container, " ").concat(isCASC ? styles$p.limitedWidth : "") },
+            React.createElement("div", { className: "".concat(styles$p.container, " ").concat(isCASC ? styles$p.limitedWidth : "", " ").concat(isPortalBeneficios ? styles$p.limitedWidthBeneficios : "") },
                 React.createElement("div", { className: styles$p.wrapperMenu },
                     React.createElement("div", { className: styles$p.IconMenu },
                         React.createElement(Menu$2, { options: options, optionSelection: optionSelection })),