pge-front-common 6.0.0 → 6.0.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.
Files changed (10) hide show
  1. package/lib/components/Select/index.types.d.ts +2 -1
  2. package/lib/index.d.ts +2 -1
  3. package/lib/index.esm.js +7 -53
  4. package/lib/index.esm.js.map +1 -1
  5. package/lib/index.js +20 -66
  6. package/lib/index.js.map +1 -1
  7. package/lib/variables.css +210 -38
  8. package/package.json +1 -1
  9. package/lib/components/Button/styles.d.ts +0 -3
  10. package/lib/components/Select/styles.d.ts +0 -26
package/lib/components/Select/index.types.d.ts CHANGED
@@ -9,7 +9,7 @@ export interface DropdownProps {
9
9
  placeholder?: string;
10
10
  hasIcon?: boolean;
11
11
  Icon?: string | React.ReactNode;
12
- textAling?: "start" | "end" | "center";
12
+ textAlign?: "start" | "end" | "center";
13
13
  width?: number;
14
14
  defaultValue?: string;
15
15
  options: OptionsProps[];
@@ -18,6 +18,7 @@ export interface DropdownProps {
18
18
  handleSelect: (value: string) => void;
19
19
  open: boolean;
20
20
  handleOpen: () => void;
21
+ hasIconRequired?: boolean;
21
22
  }
22
23
  export type OptionsProps = {
23
24
  label: string;
package/lib/index.d.ts CHANGED
@@ -47,7 +47,7 @@ interface DropdownProps {
47
47
  placeholder?: string;
48
48
  hasIcon?: boolean;
49
49
  Icon?: string | React.ReactNode;
50
- textAling?: "start" | "end" | "center";
50
+ textAlign?: "start" | "end" | "center";
51
51
  width?: number;
52
52
  defaultValue?: string;
53
53
  options: OptionsProps[];
@@ -56,6 +56,7 @@ interface DropdownProps {
56
56
  handleSelect: (value: string) => void;
57
57
  open: boolean;
58
58
  handleOpen: () => void;
59
+ hasIconRequired?: boolean;
59
60
  }
60
61
  type OptionsProps = {
61
62
  label: string;
package/lib/index.esm.js CHANGED
@@ -4,36 +4,6 @@ import { jsx, Fragment, jsxs } from 'react/jsx-runtime';
4
4
  import * as ReactDOM from 'react-dom';
5
5
  import ReactDOM__default from 'react-dom';
6
6
 
7
- function styleInject(css, ref) {
8
- if ( ref === void 0 ) ref = {};
9
- var insertAt = ref.insertAt;
10
-
11
- if (!css || typeof document === 'undefined') { return; }
12
-
13
- var head = document.head || document.getElementsByTagName('head')[0];
14
- var style = document.createElement('style');
15
- style.type = 'text/css';
16
-
17
- if (insertAt === 'top') {
18
- if (head.firstChild) {
19
- head.insertBefore(style, head.firstChild);
20
- } else {
21
- head.appendChild(style);
22
- }
23
- } else {
24
- head.appendChild(style);
25
- }
26
-
27
- if (style.styleSheet) {
28
- style.styleSheet.cssText = css;
29
- } else {
30
- style.appendChild(document.createTextNode(css));
31
- }
32
- }
33
-
34
- 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";
35
- styleInject(css_248z$6);
36
-
37
7
  /*! *****************************************************************************
38
8
  Copyright (c) Microsoft Corporation.
39
9
 
@@ -89,9 +59,6 @@ function __makeTemplateObject(cooked, raw) {
89
59
  return cooked;
90
60
  }
91
61
 
92
- 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";
93
- styleInject(css_248z$5);
94
-
95
62
  function Button(_a) {
96
63
  var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
97
64
  return (React__default.createElement("button", __assign({ className: "button ".concat(variant) }, props),
@@ -3190,9 +3157,7 @@ var ModalConfirm = function (_a) {
3190
3157
  React__default.createElement(Button, { variant: "primary", text: "A\u00E7\u00E3o" }))));
3191
3158
  };
3192
3159
 
3193
- 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";
3194
3160
  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"};
3195
- styleInject(css_248z$4);
3196
3161
 
3197
3162
  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),
3198
3163
  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" }))); };
@@ -3394,8 +3359,8 @@ var LogoPGERG = function (props) { return (React__default.createElement("svg", _
3394
3359
 
3395
3360
  var Select = function (_a) {
3396
3361
  var _b, _c;
3397
- var name = _a.name, label = _a.label, placeholder = _a.placeholder, message = _a.message, textAling = _a.textAling, textError = _a.textError, hasError = _a.hasError, width = _a.width, defaultValue = _a.defaultValue, options = _a.options, selectedValue = _a.selectedValue, handleSelect = _a.handleSelect, open = _a.open, handleOpen = _a.handleOpen;
3398
- var _d = useState(open), isOpen = _d[0], setIsOpen = _d[1];
3362
+ var name = _a.name, label = _a.label, placeholder = _a.placeholder, message = _a.message, textAlign = _a.textAlign, textError = _a.textError, hasError = _a.hasError, width = _a.width, defaultValue = _a.defaultValue, options = _a.options, selectedValue = _a.selectedValue, handleSelect = _a.handleSelect, open = _a.open, handleOpen = _a.handleOpen, _d = _a.hasIconRequired, hasIconRequired = _d === void 0 ? false : _d;
3363
+ var _e = useState(open), isOpen = _e[0], setIsOpen = _e[1];
3399
3364
  var dropdownRef = useRef(null);
3400
3365
  useEffect(function () {
3401
3366
  var handleClickOutside = function (event) {
@@ -3419,14 +3384,13 @@ var Select = function (_a) {
3419
3384
  return (React__default.createElement("div", { className: "".concat(styles.inputContainer), style: { width: "".concat(width, "px") }, ref: dropdownRef },
3420
3385
  React__default.createElement("label", { htmlFor: name, className: styles.label },
3421
3386
  label,
3422
- ": ",
3423
- React__default.createElement("span", { className: styles.label__required }, "*")),
3387
+ hasIconRequired && React__default.createElement("span", { className: styles.label__required }, "*")),
3424
3388
  React__default.createElement("div", { className: "".concat(styles.inputWrapper, " ").concat(hasError ? styles.hasError : ""), onClick: handleOpenDropdown, style: {
3425
3389
  borderColor: hasError ? "#cb0a0a80" : "rgba(207, 207, 207, 0.9882)",
3426
3390
  outlineColor: hasError ? "#cb0a0a60" : "rgba(207, 207, 207, 0.9882)",
3427
3391
  } },
3428
3392
  React__default.createElement("div", { className: styles.inputContent },
3429
- React__default.createElement("div", { className: "".concat(styles.styledInput, " ").concat(textAling === "end" ? styles.textAlignEnd : textAling === "center" ? styles.textAlignCenter : styles.textAlignStart) }, (_c = selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : defaultValue) !== null && _c !== void 0 ? _c : placeholder),
3393
+ React__default.createElement("div", { className: "".concat(styles.styledInput, " ").concat(textAlign === "end" ? styles.textAlignEnd : textAlign === "center" ? styles.textAlignCenter : styles.textAlignStart) }, (_c = selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : defaultValue) !== null && _c !== void 0 ? _c : placeholder),
3430
3394
  React__default.createElement("div", { className: "".concat(styles.arrowIcon, " ").concat(isOpen ? styles.open : "") },
3431
3395
  React__default.createElement(IconTriangleRecall, { fill: "#30303080" })))),
3432
3396
  isOpen && (React__default.createElement("div", { className: "".concat(styles.dropDownContainer, " ").concat(isOpen ? styles.open : "") },
@@ -3445,12 +3409,6 @@ var Select = function (_a) {
3445
3409
  !hasError && message && React__default.createElement("p", { className: styles.message }, message)));
3446
3410
  };
3447
3411
 
3448
- 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";
3449
- styleInject(css_248z$3);
3450
-
3451
- 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";
3452
- styleInject(css_248z$2);
3453
-
3454
3412
  var DropDown = function (_a) {
3455
3413
  var options = _a.options, optionSelection = _a.optionSelection, restProps = __rest(_a, ["options", "optionSelection"]);
3456
3414
  var _b = useState(false), showSubMenu = _b[0], setShowSubMenu = _b[1];
@@ -3467,7 +3425,9 @@ var DropDown = function (_a) {
3467
3425
  if (checked) {
3468
3426
  setShowSubMenu(true);
3469
3427
  setKeyMenu(keyMenu === id ? 0 : id);
3470
- onClickHandler(chave, id);
3428
+ if (submenu.length < 0) {
3429
+ onClickHandler(chave, id);
3430
+ }
3471
3431
  ev.stopPropagation();
3472
3432
  }
3473
3433
  }, disabled: !checked },
@@ -3518,9 +3478,6 @@ var Menu = function (_a) {
3518
3478
  showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
3519
3479
  };
3520
3480
 
3521
- 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";
3522
- styleInject(css_248z$1);
3523
-
3524
3481
  function UserButton(_a) {
3525
3482
  var name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout;
3526
3483
  var _b = useState(false), isDropdownOpen = _b[0], setIsDropdownOpen = _b[1];
@@ -3568,9 +3525,6 @@ var Header = function (_a) {
3568
3525
  React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout })))));
3569
3526
  };
3570
3527
 
3571
- 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";
3572
- styleInject(css_248z);
3573
-
3574
3528
  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),
3575
3529
  React__default.createElement("rect", { y: "0.981201", width: "165", height: "62.6506", fill: "url(#pattern0_3766_1228)" }),
3576
3530
  React__default.createElement("defs", null,