pge-front-common 6.0.1 → 6.0.3

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 (7) hide show
  1. package/lib/components/Select/index.d.ts +1 -0
  2. package/lib/index.esm.js +20 -68
  3. package/lib/index.esm.js.map +1 -1
  4. package/lib/index.js +33 -81
  5. package/lib/index.js.map +1 -1
  6. package/lib/variables.css +479 -0
  7. package/package.json +2 -1
package/lib/components/Select/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
1
  import React from "react";
2
+ import "./styles.css";
2
3
  import { DropdownProps } from "./index.types";
3
4
  export declare const Select: React.FC<DropdownProps>;
package/lib/index.esm.js CHANGED
@@ -4,37 +4,7 @@ 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
 
40
10
  Permission to use, copy, modify, and/or distribute this software for any
@@ -48,7 +18,7 @@ LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
48
18
  OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
49
19
  PERFORMANCE OF THIS SOFTWARE.
50
20
  ***************************************************************************** */
51
- /* global Reflect, Promise */
21
+ /* global Reflect, Promise, SuppressedError, Symbol, Iterator */
52
22
 
53
23
 
54
24
  var __assign = function() {
@@ -87,10 +57,11 @@ function __spreadArray(to, from, pack) {
87
57
  function __makeTemplateObject(cooked, raw) {
88
58
  if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
89
59
  return cooked;
90
- }
91
-
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);
60
+ }
61
+ typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
62
+ var e = new Error(message);
63
+ return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
64
+ };
94
65
 
95
66
  function Button(_a) {
96
67
  var variant = _a.variant, _b = _a.text, text = _b === void 0 ? "" : _b, leftIcon = _a.leftIcon, props = __rest(_a, ["variant", "text", "leftIcon"]);
@@ -3190,10 +3161,6 @@ var ModalConfirm = function (_a) {
3190
3161
  React__default.createElement(Button, { variant: "primary", text: "A\u00E7\u00E3o" }))));
3191
3162
  };
3192
3163
 
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
- 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
-
3197
3164
  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
3165
  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" }))); };
3199
3166
 
@@ -3416,40 +3383,31 @@ var Select = function (_a) {
3416
3383
  setIsOpen(function (prev) { return !prev; });
3417
3384
  handleOpen();
3418
3385
  };
3419
- return (React__default.createElement("div", { className: "".concat(styles.inputContainer), style: { width: "".concat(width, "px") }, ref: dropdownRef },
3420
- React__default.createElement("label", { htmlFor: name, className: styles.label },
3386
+ return (React__default.createElement("div", { className: "inputContainer", style: { width: "".concat(width, "px") }, ref: dropdownRef },
3387
+ React__default.createElement("label", { htmlFor: name, className: "label" },
3421
3388
  label,
3422
- hasIconRequired && React__default.createElement("span", { className: styles.label__required }, "*")),
3423
- React__default.createElement("div", { className: "".concat(styles.inputWrapper, " ").concat(hasError ? styles.hasError : ""), onClick: handleOpenDropdown, style: {
3424
- borderColor: hasError ? "#cb0a0a80" : "rgba(207, 207, 207, 0.9882)",
3425
- outlineColor: hasError ? "#cb0a0a60" : "rgba(207, 207, 207, 0.9882)",
3426
- } },
3427
- React__default.createElement("div", { className: styles.inputContent },
3428
- 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),
3429
- React__default.createElement("div", { className: "".concat(styles.arrowIcon, " ").concat(isOpen ? styles.open : "") },
3389
+ hasIconRequired && React__default.createElement("span", { className: "label__required" }, "*")),
3390
+ React__default.createElement("div", { className: "inputWrapper ".concat(hasError ? "hasError" : ""), onClick: handleOpenDropdown },
3391
+ React__default.createElement("div", { className: "inputContent" },
3392
+ React__default.createElement("div", { className: "styledInput ".concat(textAlign === "end" ? "textAlignEnd" : textAlign === "center" ? "textAlignCenter" : "textAlignStart") }, (_c = selectedLabel !== null && selectedLabel !== void 0 ? selectedLabel : defaultValue) !== null && _c !== void 0 ? _c : placeholder),
3393
+ React__default.createElement("div", { className: "arrowIcon ".concat(isOpen ? "open" : "") },
3430
3394
  React__default.createElement(IconTriangleRecall, { fill: "#30303080" })))),
3431
- isOpen && (React__default.createElement("div", { className: "".concat(styles.dropDownContainer, " ").concat(isOpen ? styles.open : "") },
3432
- React__default.createElement("div", { className: styles.dropDownContent },
3433
- defaultValue && (React__default.createElement("div", { key: "default", className: styles.dropDownItem, onClick: function (e) {
3395
+ isOpen && (React__default.createElement("div", { className: "dropDownContainer ".concat(isOpen ? "open" : "") },
3396
+ React__default.createElement("div", { className: "dropDownContent" },
3397
+ defaultValue && (React__default.createElement("div", { key: "default", className: "dropDownItem", onClick: function (e) {
3434
3398
  e.stopPropagation();
3435
3399
  handleSelect(defaultValue);
3436
3400
  setIsOpen(false);
3437
3401
  } }, defaultValue)),
3438
- options.map(function (op, index) { return (React__default.createElement("div", { className: "".concat(styles.dropDownItem, " ").concat(op.value === selectedValue ? styles.active : ""), key: "".concat(index, "-").concat(op.value), onClick: function (e) {
3402
+ options.map(function (op, index) { return (React__default.createElement("div", { className: "dropDownItem ".concat(op.value === selectedValue ? "active" : ""), key: "".concat(index, "-").concat(op.value), onClick: function (e) {
3439
3403
  e.stopPropagation();
3440
3404
  handleSelect(op.value);
3441
3405
  setIsOpen(false);
3442
3406
  } }, op.label)); })))),
3443
- textError && hasError && (React__default.createElement("p", { className: "".concat(styles.message, " ").concat(styles.hasError) }, textError)),
3444
- !hasError && message && React__default.createElement("p", { className: styles.message }, message)));
3407
+ textError && hasError && (React__default.createElement("p", { className: "message hasError" }, textError)),
3408
+ !hasError && message && React__default.createElement("p", { className: "message" }, message)));
3445
3409
  };
3446
3410
 
3447
- 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";
3448
- styleInject(css_248z$3);
3449
-
3450
- 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";
3451
- styleInject(css_248z$2);
3452
-
3453
3411
  var DropDown = function (_a) {
3454
3412
  var options = _a.options, optionSelection = _a.optionSelection, restProps = __rest(_a, ["options", "optionSelection"]);
3455
3413
  var _b = useState(false), showSubMenu = _b[0], setShowSubMenu = _b[1];
@@ -3519,9 +3477,6 @@ var Menu = function (_a) {
3519
3477
  showDropDown && (React__default.createElement(DropDown, { options: options, showDropDown: showDropDown, toggleDropDown: toggleDropDown, optionSelection: handleSelectOption }))));
3520
3478
  };
3521
3479
 
3522
- 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";
3523
- styleInject(css_248z$1);
3524
-
3525
3480
  function UserButton(_a) {
3526
3481
  var name = _a.name, userName = _a.userName, handleLogout = _a.handleLogout;
3527
3482
  var _b = useState(false), isDropdownOpen = _b[0], setIsDropdownOpen = _b[1];
@@ -3569,9 +3524,6 @@ var Header = function (_a) {
3569
3524
  React__default.createElement(UserButton, { name: name, userName: userName, handleLogout: handleLogout })))));
3570
3525
  };
3571
3526
 
3572
- 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";
3573
- styleInject(css_248z);
3574
-
3575
3527
  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),
3576
3528
  React__default.createElement("rect", { y: "0.981201", width: "165", height: "62.6506", fill: "url(#pattern0_3766_1228)" }),
3577
3529
  React__default.createElement("defs", null,