pge-front-common 6.0.1 → 6.0.2

package/lib/index.esm.js

@@ -4,36 +4,6 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
 import * as ReactDOM from 'react-dom';
 import ReactDOM__default from 'react-dom';
 
-function styleInject(css, ref) {
-  if ( ref === void 0 ) ref = {};
-  var insertAt = ref.insertAt;
-
-  if (!css || typeof document === 'undefined') { return; }
-
-  var head = document.head || document.getElementsByTagName('head')[0];
-  var style = document.createElement('style');
-  style.type = 'text/css';
-
-  if (insertAt === 'top') {
-    if (head.firstChild) {
-      head.insertBefore(style, head.firstChild);
-    } else {
-      head.appendChild(style);
-    }
-  } else {
-    head.appendChild(style);
-  }
-
-  if (style.styleSheet) {
-    style.styleSheet.cssText = css;
-  } else {
-    style.appendChild(document.createTextNode(css));
-  }
-}
-
-var css_248z$6 = ":root {\r\n  --color-primary: #005a92;\r\n  --color-hover: #005a92;\r\n  --color-icon: #4a4a4b;\r\n  --color-success: #198754;\r\n  --color-warning: #cb8700;\r\n  --color-alert: #cb0a0a;\r\n  --color-information: #1a95b0;\r\n  --color-border: #d9d9d9;\r\n  --color-light-grey: #c3c3c3;\r\n  --color-grey: #a0a0a0;\r\n  --color-base-white: #ffffff;\r\n  --color-base-black: #303030;\r\n}\r\n";
-styleInject(css_248z$6);
-
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -89,9 +59,6 @@ function __makeTemplateObject(cooked, raw) {
     return cooked;
 }
 
-var css_248z$5 = "/* src/styles/button.css */\r\n.styles_button__T-JG2 {\r\n  all: unset;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  gap: 4px;\r\n  cursor: pointer;\r\n  padding: 12px 16px;\r\n  border-radius: 8px;\r\n  min-width: 70px;\r\n}\r\n\r\n.styles_button__T-JG2.styles_primary__YRbjj {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  border: 1px solid var(--color-primary);\r\n  background: var(--color-primary);\r\n  color: var(--color-base-white);\r\n  font-weight: 700;\r\n}\r\n\r\n.styles_button__T-JG2.styles_primary__YRbjj:hover {\r\n  opacity: 1;\r\n  background-color: rgb(0 67 109);\r\n}\r\n\r\n.styles_button__T-JG2.styles_secondary__VLfyt {\r\n  width: fit-content;\r\n  height: fit-content;\r\n  border: 1px solid var(--color-primary);\r\n  background: transparent;\r\n  color: var(--color-primary);\r\n  font-weight: 700;\r\n}\r\n\r\n.styles_button__T-JG2:disabled {\r\n  cursor: not-allowed;\r\n}\r\n";
-styleInject(css_248z$5);
-
 function Button(_a) {
     var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
     return (React__default.createElement("button", __assign({ className: "button ".concat(variant) }, props),
@@ -3190,9 +3157,7 @@ var ModalConfirm = function (_a) {
             React__default.createElement(Button, { variant: "primary", text: "A\u00E7\u00E3o" }))));
 };
 
-var css_248z$4 = ".styles-module_inputContainer__UqKBT {\r\n  width: 100%;\r\n  height: 100px;\r\n  color: #30303090;\r\n  position: relative;\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 8px;\r\n}\r\n\r\n.styles-module_label__OLYaS {\r\n  color: #303030;\r\n  width: 100%;\r\n  font-size: 16px;\r\n  font-weight: 700;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module_label__required__japG0 {\r\n  color: red;\r\n}\r\n\r\n.styles-module_inputWrapper__xWB8I {\r\n  background-color: #fff;\r\n  cursor: pointer;\r\n  width: 100%;\r\n  border-radius: 8px;\r\n  border: 1px solid #cfcfcffc;\r\n  font-size: 14px;\r\n  font-weight: 700;\r\n  line-height: 21px;\r\n  text-align: left;\r\n  border: 1px solid var(--border-color, #00436d85);\r\n  outline: solid var(--outline-color, #005a9275) 1.5px;\r\n}\r\n\r\n.styles-module_inputWrapper__xWB8I.styles-module_hasError__N6gUR {\r\n  border-color: #cb0a0a80;\r\n  outline-color: #cb0a0a60;\r\n}\r\n\r\n.styles-module_inputWrapper__xWB8I:focus,\r\n.styles-module_inputWrapper__xWB8I:focus-visible,\r\n.styles-module_inputWrapper__xWB8I:focus-within {\r\n  border: 1px solid var(--border-focus-color, #1a95b0);\r\n  outline: solid var(--outline-focus-color, #0091ea80) 1.5px;\r\n}\r\n\r\n.styles-module_inputContent__p14K7 {\r\n  display: flex;\r\n  align-items: center;\r\n  position: relative;\r\n  width: 100%;\r\n  height: 46px;\r\n}\r\n\r\n.styles-module_icon__GAUEl {\r\n  width: 20px;\r\n  height: 20px;\r\n  margin: 14px 8px;\r\n  position: absolute;\r\n}\r\n\r\n.styles-module_styledInput__Oa3PP {\r\n  color: #30303090;\r\n  cursor: pointer;\r\n  padding: 14px 0 14px 10px;\r\n  width: 90%;\r\n  border: none;\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.styles-module_styledInput__Oa3PP.styles-module_textAlignEnd__Qho-s {\r\n  text-align: right;\r\n  margin-left: 25px;\r\n  margin-right: 20px;\r\n}\r\n\r\n.styles-module_styledInput__Oa3PP.styles-module_textAlignCenter__aaOjR {\r\n  text-align: center;\r\n  margin: auto;\r\n  padding-right: 10px;\r\n}\r\n\r\n.styles-module_styledInput__Oa3PP.styles-module_textAlignStart__Lvlsd {\r\n  text-align: left;\r\n}\r\n\r\n.styles-module_styledInput__Oa3PP::placeholder {\r\n  color: #30303020;\r\n  line-height: 20px;\r\n}\r\n\r\n.styles-module_message__pIc9S {\r\n  color: #303030;\r\n  margin-left: 10px;\r\n  margin-top: 4px;\r\n  font-size: 10px;\r\n  font-weight: 700;\r\n  line-height: 15px;\r\n  text-align: left;\r\n}\r\n\r\n.styles-module_message__pIc9S.styles-module_hasError__N6gUR {\r\n  color: #cb0a0a;\r\n}\r\n\r\n.styles-module_arrowIcon__etzlF {\r\n  position: absolute;\r\n  margin: auto;\r\n  margin-right: 8px;\r\n  right: 6px;\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.styles-module_arrowIcon__etzlF.styles-module_open__a1-h0 {\r\n  transform: rotate(180deg);\r\n}\r\n\r\n.styles-module_dropDownContainer__zM5RA {\r\n  display: none;\r\n  flex-direction: column;\r\n  width: 100%;\r\n  background-color: #fff;\r\n  margin-top: 5px;\r\n  outline: solid #cfcfcffc 1.5px;\r\n  box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;\r\n  border-radius: 8px;\r\n}\r\n\r\n.styles-module_dropDownContainer__zM5RA.styles-module_open__a1-h0 {\r\n  display: flex;\r\n  position: absolute;\r\n  z-index: 999;\r\n  min-height: 56px;\r\n  top: 80px;\r\n}\r\n\r\n.styles-module_dropDownContent__c1eeO {\r\n  width: 95%;\r\n  display: flex;\r\n  flex-direction: column;\r\n  align-self: center;\r\n  margin-top: 5px;\r\n  border-radius: 8px;\r\n  background-color: #005a9200;\r\n}\r\n\r\n.styles-module_dropDownItem__CRE2Z {\r\n  display: flex;\r\n  min-height: 46px;\r\n  align-items: center;\r\n  justify-content: start;\r\n  background-color: #fff;\r\n  border-radius: 4px;\r\n  padding-left: 15px;\r\n  margin-bottom: 5px;\r\n  cursor: pointer;\r\n}\r\n\r\n.styles-module_dropDownItem__CRE2Z:hover {\r\n  background-color: #005a921a;\r\n  width: 100%;\r\n}\r\n\r\n.styles-module_dropDownItem__CRE2Z.styles-module_active__iVFrj {\r\n  background-color: #005a921a;\r\n}\r\n";
 var styles = {"inputContainer":"styles-module_inputContainer__UqKBT","label":"styles-module_label__OLYaS","label__required":"styles-module_label__required__japG0","inputWrapper":"styles-module_inputWrapper__xWB8I","hasError":"styles-module_hasError__N6gUR","inputContent":"styles-module_inputContent__p14K7","icon":"styles-module_icon__GAUEl","styledInput":"styles-module_styledInput__Oa3PP","textAlignEnd":"styles-module_textAlignEnd__Qho-s","textAlignCenter":"styles-module_textAlignCenter__aaOjR","textAlignStart":"styles-module_textAlignStart__Lvlsd","message":"styles-module_message__pIc9S","arrowIcon":"styles-module_arrowIcon__etzlF","open":"styles-module_open__a1-h0","dropDownContainer":"styles-module_dropDownContainer__zM5RA","dropDownContent":"styles-module_dropDownContent__c1eeO","dropDownItem":"styles-module_dropDownItem__CRE2Z","active":"styles-module_active__iVFrj"};
-styleInject(css_248z$4);
 
 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),
     React__default.createElement("path", { d: "M8.6665 12.5L3.6665 7.5L5.0665 6.05L7.6665 8.65V0.5H9.6665V8.65L12.2665 6.05L13.6665 7.5L8.6665 12.5ZM2.6665 16.5C2.1165 16.5 1.64567 16.3042 1.254 15.9125C0.862337 15.5208 0.666504 15.05 0.666504 14.5V11.5H2.6665V14.5H14.6665V11.5H16.6665V14.5C16.6665 15.05 16.4707 15.5208 16.079 15.9125C15.6873 16.3042 15.2165 16.5 14.6665 16.5H2.6665Z", fill: "#4A4A4B" }))); };
@@ -3444,12 +3409,6 @@ var Select = function (_a) {
         !hasError && message && React__default.createElement("p", { className: styles.message }, message)));
 };
 
-var css_248z$3 = ".styles_separator_background__QX6BG {\r\n  background-color: rgb(188 157 50);\r\n  width: 100%;\r\n  height: 4px;\r\n  opacity: 1;\r\n}\r\n.styles_container__ycKYa {\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\r\n.styles_wrapper-menu__oQpjm {\r\n  display: flex;\r\n  gap: 33px;\r\n  align-items: center;\r\n}\r\n\r\n.styles_container-header-index__-Pa9k {\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  margin-bottom: 32px;\r\n}\r\n\r\n.styles_container-header-index__-Pa9k.styles_set_shadow__FXuDU {\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@media (min-width: 640px) {\r\n  .styles_container-header-index__-Pa9k {\r\n    max-height: 6rem;\r\n  }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n  .styles_container-header-index__-Pa9k {\r\n    max-height: 13rem;\r\n  }\r\n}\r\n";
-styleInject(css_248z$3);
-
-var css_248z$2 = ".styles_dropdown__pU9jo {\r\n  position: absolute;\r\n  border: 1px solid rgb(197, 197, 197);\r\n  background: #fff;\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}\r\n\r\n.styles_primary-dropdown__66Txs {\r\n  margin: 0;\r\n  padding: 0.375rem 0.88rem 0.88rem 0.88rem;\r\n  min-width: 280px;\r\n  color: #303030;\r\n  font-size: 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.styles_primary-dropdown__66Txs:hover {\r\n  background-color: #005a921a;\r\n  width: 100%;\r\n}\r\n\r\n.styles_primary-dropdown__disabled__LEZoI {\r\n  color: #c3c3c3;\r\n}\r\n\r\n.styles_primary-dropdown__home__jlcCu {\r\n  font-weight: 700;\r\n}\r\n\r\n.styles_primary-dropdown__submenu__ptYz- {\r\n  font-size: 16px;\r\n  line-height: 24px;\r\n  text-align: left;\r\n  padding-left: 30px;\r\n}\r\n\r\n.styles_content-icon__3llz- {\r\n  transition: transform 0.3s ease;\r\n}\r\n\r\n.styles_content-icon__3llz-.styles_active__13D2A {\r\n  transform: rotate(0deg);\r\n}\r\n\r\n.styles_content-icon__3llz-.styles_inactive__yD8HP {\r\n  transform: rotate(180deg);\r\n}\r\n";
-styleInject(css_248z$2);
-
 var DropDown = function (_a) {
     var options = _a.options, optionSelection = _a.optionSelection, restProps = __rest(_a, ["options", "optionSelection"]);
     var _b = useState(false), showSubMenu = _b[0], setShowSubMenu = _b[1];
@@ -3519,9 +3478,6 @@ var Menu = function (_a) {
         showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
 };
 
-var css_248z$1 = ".styles_wrapperButtonUser__xVbU8 {\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 30px;\r\n}\r\n\r\n.styles_contentUser__lKm0b {\r\n  background-color: #ffffff;\r\n  min-width: 200px;\r\n  width: 100%;\r\n  height: 56px;\r\n  border-radius: 10px;\r\n  border: 1px solid #d9d9d9;\r\n  display: flex;\r\n  align-items: center;\r\n  padding: 4px 0;\r\n  gap: 25px;\r\n  box-shadow: 0px 2px 2px 0px #00000040;\r\n  justify-content: center;\r\n}\r\n\r\n.styles_wrappername__DAq-w {\r\n  display: flex;\r\n  flex-direction: column;\r\n}\r\n\r\n.styles_name__SCiMg {\r\n  padding: 0;\r\n  font-size: 14px;\r\n  color: #303030;\r\n  line-height: 20px;\r\n  text-align: left;\r\n}\r\n\r\n.styles_custom-button__Fv6wt {\r\n  cursor: pointer;\r\n  display: block;\r\n  font-size: 0.875rem;\r\n  border: none;\r\n  transition: font-weight 0.3s ease;\r\n  background: transparent;\r\n}\r\n\r\n.styles_custom-button__Fv6wt:hover {\r\n  font-weight: bold;\r\n}\r\n\r\n.styles_button-content__Bs7wd {\r\n  display: flex;\r\n  align-items: center;\r\n}\r\n\r\n.styles_button-text__PAV-c {\r\n  margin-left: 0.625rem;\r\n  margin-top: -0.125rem;\r\n  color: #005a92;\r\n  font-size: 14px;\r\n  font-weight: 400;\r\n  line-height: 21px;\r\n  text-align: center;\r\n}\r\n";
-styleInject(css_248z$1);
-
 function UserButton(_a) {
     var name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout;
     var _b = useState(false), isDropdownOpen = _b[0], setIsDropdownOpen = _b[1];
@@ -3569,9 +3525,6 @@ var Header = function (_a) {
                 React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout })))));
 };
 
-var css_248z = "/* styles.css */\r\n\r\n.styles_containerDivIndex__KWh21 {\r\n  display: flex;\r\n  flex-direction: column;\r\n  min-height: 10px;\r\n  max-width: 1240px;\r\n  margin: 0 auto;\r\n  width: 100%;\r\n  padding: 20px;\r\n  margin-top: -32px;\r\n  margin-bottom: -32px;\r\n  position: relative;\r\n  z-index: 1;\r\n}\r\n\r\n.styles_footerImageWrapper__rFToe {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  position: absolute;\r\n  width: 100%;\r\n  bottom: 20px;\r\n}\r\n\r\n.styles_footerImage__SkIAK {\r\n  width: 100%;\r\n  height: auto;\r\n}\r\n\r\n.styles_footer__jBEM2 {\r\n  width: 100%;\r\n  position: relative;\r\n  z-index: 0;\r\n}\r\n\r\n.styles_footerLogoWrapper__NvZoW {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  padding-top: 32px;\r\n  background-color: #005a92;\r\n}\r\n\r\n.styles_footerLogo__BsTtO {\r\n  max-width: 144px;\r\n}\r\n\r\n.styles_footerVersion__-AxRH {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: #d1d5db;\r\n  font-size: 9px;\r\n  background-color: #005a92;\r\n}\r\n\r\n.styles_footerAddress__meYUC {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: white;\r\n  font-size: 12px;\r\n  background-color: #005a92; /* Substitua com a cor primária */\r\n  padding-top: 8px;\r\n  padding-bottom: 8px;\r\n}\r\n\r\n.styles_footerCopyright__0iqa3 {\r\n  display: flex;\r\n  margin: 0;\r\n  justify-content: center;\r\n  color: white;\r\n  font-size: 10px;\r\n  background-color: #000000;\r\n  padding-top: 8px;\r\n  padding-bottom: 12px;\r\n}\r\n";
-styleInject(css_248z);
-
 var LogoFooterLight = function (props) { return (React__default.createElement("svg", __assign({ width: "165", height: "64", viewBox: "0 0 165 64", fill: "none", xmlns: "http://www.w3.org/2000/svg", xmlnsXlink: "http://www.w3.org/1999/xlink" }, props),
     React__default.createElement("rect", { y: "0.981201", width: "165", height: "62.6506", fill: "url(#pattern0_3766_1228)" }),
     React__default.createElement("defs", null,