pge-front-common 10.4.13 → 10.4.15
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/components/Tooltip/index.d.ts +0 -21
- package/lib/components/Tooltip/index.type.d.ts +1 -1
- package/lib/index.d.ts +0 -22
- package/lib/index.esm.js +13 -26
- package/lib/index.esm.js.map +1 -1
- package/lib/index.js +13 -26
- package/lib/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -1,24 +1,3 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Elemento de tooltip, que aparecerá na tela de forma dinâmica quando o usuário passar o mouse sob o item
|
|
3
|
-
*
|
|
4
|
-
* @component
|
|
5
|
-
* @example
|
|
6
|
-
* ```tsx
|
|
7
|
-
* import { Tooltip } from 'pge-front-common';
|
|
8
|
-
*
|
|
9
|
-
* const App = () => (
|
|
10
|
-
* <Tooltip text="Texto que aparecerá na tooltip">
|
|
11
|
-
* <span>Passe o mouse aqui</span>
|
|
12
|
-
* </Tooltip>
|
|
13
|
-
* );
|
|
14
|
-
* ```
|
|
15
|
-
*
|
|
16
|
-
* @param {TooltipProps} props - Props para o componente de tooltip
|
|
17
|
-
* @param {string} props.text - O texto que será exibido dentro da tooltip
|
|
18
|
-
* @param {React.ReactNode} props.children - O elemento html que mostrará a tooltip quando o mouse passar por cima
|
|
19
|
-
*
|
|
20
|
-
* @returns {JSX.Element} O retorno é um JSX Element
|
|
21
|
-
*/
|
|
22
1
|
import React from "react";
|
|
23
2
|
import { TooltipProps } from "./index.type";
|
|
24
3
|
export declare const Tooltip: ({ text, children }: TooltipProps) => React.JSX.Element;
|
package/lib/index.d.ts
CHANGED
|
@@ -82,28 +82,6 @@ interface TooltipProps {
|
|
|
82
82
|
children: React.ReactNode;
|
|
83
83
|
}
|
|
84
84
|
|
|
85
|
-
/**
|
|
86
|
-
* Elemento de tooltip, que aparecerá na tela de forma dinâmica quando o usuário passar o mouse sob o item
|
|
87
|
-
*
|
|
88
|
-
* @component
|
|
89
|
-
* @example
|
|
90
|
-
* ```tsx
|
|
91
|
-
* import { Tooltip } from 'pge-front-common';
|
|
92
|
-
*
|
|
93
|
-
* const App = () => (
|
|
94
|
-
* <Tooltip text="Texto que aparecerá na tooltip">
|
|
95
|
-
* <span>Passe o mouse aqui</span>
|
|
96
|
-
* </Tooltip>
|
|
97
|
-
* );
|
|
98
|
-
* ```
|
|
99
|
-
*
|
|
100
|
-
* @param {TooltipProps} props - Props para o componente de tooltip
|
|
101
|
-
* @param {string} props.text - O texto que será exibido dentro da tooltip
|
|
102
|
-
* @param {React.ReactNode} props.children - O elemento html que mostrará a tooltip quando o mouse passar por cima
|
|
103
|
-
*
|
|
104
|
-
* @returns {JSX.Element} O retorno é um JSX Element
|
|
105
|
-
*/
|
|
106
|
-
|
|
107
85
|
declare const Tooltip: ({ text, children }: TooltipProps) => React__default.JSX.Element;
|
|
108
86
|
|
|
109
87
|
type TextAlignType = "start" | "end" | "center";
|
package/lib/index.esm.js
CHANGED
|
@@ -87,7 +87,7 @@ function Button(_a) {
|
|
|
87
87
|
|
|
88
88
|
function r(e){var t,f,n="";if("string"==typeof e||"number"==typeof e)n+=e;else if("object"==typeof e)if(Array.isArray(e))for(t=0;t<e.length;t++)e[t]&&(f=r(e[t]))&&(n&&(n+=" "),n+=f);else for(t in e)e[t]&&(n&&(n+=" "),n+=t);return n}function clsx(){for(var e,t,f=0,n="";f<arguments.length;)(e=arguments[f++])&&(t=r(e))&&(n&&(n+=" "),n+=t);return n}
|
|
89
89
|
|
|
90
|
-
var css_248z$q = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 40px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n margin-right: 0.25rem;\r\n font-weight: 700;\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\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__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: #303030;\r\n line-height: 21px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color, #30303059);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n margin-top: 6px;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n";
|
|
90
|
+
var css_248z$q = ".styles-module__textInput___zRDx3 {\r\n width: 100%;\r\n height: 40px;\r\n padding: 14px 8px 14px 8px;\r\n border-radius: 8px;\r\n gap: 4px;\r\n font-size: var(--font-size-14, 14px);\r\n border: 1px solid #cfcfcffc;\r\n outline: none;\r\n transition: all 0.5s;\r\n margin-right: 0.25rem;\r\n font-weight: 700;\r\n color: var(--input-placeholder-focus, #303030cc);\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3 {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__inputContainer___fTYpT {\r\n width: 100%;\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__iconWrapper___5jskS {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__inputContent___jakTk {\r\n display: flex;\r\n align-items: center;\r\n position: relative;\r\n height: fit-content;\r\n\r\n > svg {\r\n position: fixed;\r\n }\r\n}\r\n.styles-module__titleLabel___9RzJM {\r\n display: flex;\r\n align-items: center;\r\n margin-bottom: 5px;\r\n justify-content: space-between;\r\n}\r\n\r\n.styles-module__labelInput___LHLDU {\r\n color: #303030;\r\n line-height: 21px;\r\n font-size: var(--font-size-16, 16px);\r\n bottom: 5px;\r\n font-weight: 700;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:disabled {\r\n background: #eeeeee;\r\n cursor: not-allowed;\r\n}\r\n\r\n.styles-module__textInput___zRDx3:focus {\r\n color: var(--input-placeholder-focus, #303030cc);\r\n outline: none;\r\n border: 1px solid #1a95b0;\r\n box-shadow: 0px 0px 0px 2px #0091ea80;\r\n}\r\n\r\n.styles-module__textInput___zRDx3::placeholder {\r\n font-weight: 700;\r\n color: var(--input-placeholder-color, #30303059);\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__textInput___zRDx3::placeholder {\r\n font-size: var(--font-size-12, 12px);\r\n line-height: 18px;\r\n }\r\n}\r\n\r\n.styles-module__textInputDanger___s-nLl {\r\n border: 1px solid #cb0a0a;\r\n box-shadow: 0px 0px 0px 2px #dc354580;\r\n}\r\n\r\n.styles-module__password-input-container___9tvR7 {\r\n position: relative;\r\n width: 360px;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:focus {\r\n border-color: #005a92;\r\n box-shadow: none;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T:disabled {\r\n background-color: #c3c3c3;\r\n border: #cfcfcffc;\r\n}\r\n\r\n.styles-module__inputTextPswUser___KYL7T::placeholder {\r\n font-weight: 587;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn {\r\n position: absolute;\r\n top: 50%;\r\n right: 15px;\r\n transform: translateY(-50%);\r\n cursor: pointer;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__buttonTextPswUser___j2bLn.styles-module__error___PCtVt {\r\n top: 35%;\r\n}\r\n\r\n.styles-module__iconEye___pj-wO {\r\n width: 24px;\r\n height: 24px;\r\n color: #c3c3c3;\r\n}\r\n\r\n.styles-module__restrictionMessage___eCquS {\r\n color: #cb0a0a;\r\n margin-top: 6px;\r\n font-size: var(--font-size-14, 14px);\r\n font-weight: 700;\r\n line-height: 15px;\r\n text-align: left;\r\n}\r\n\r\n.styles-module__iconWrapperLeft___AIWNV {\r\n position: absolute;\r\n left: 8px;\r\n display: flex;\r\n align-items: center;\r\n}\r\n\r\n.styles-module__iconWrapperRight___WV43d {\r\n position: absolute;\r\n right: 8px;\r\n display: flex;\r\n align-items: center;\r\n background: none;\r\n border: none;\r\n padding: 0;\r\n cursor: pointer;\r\n color: inherit;\r\n}\r\n";
|
|
91
91
|
var styles$l = {"textInput":"styles-module__textInput___zRDx3","inputContainer":"styles-module__inputContainer___fTYpT","iconWrapper":"styles-module__iconWrapper___5jskS","inputContent":"styles-module__inputContent___jakTk","titleLabel":"styles-module__titleLabel___9RzJM","labelInput":"styles-module__labelInput___LHLDU","textInputDanger":"styles-module__textInputDanger___s-nLl","password-input-container":"styles-module__password-input-container___9tvR7","inputTextPswUser":"styles-module__inputTextPswUser___KYL7T","buttonTextPswUser":"styles-module__buttonTextPswUser___j2bLn","error":"styles-module__error___PCtVt","iconEye":"styles-module__iconEye___pj-wO","restrictionMessage":"styles-module__restrictionMessage___eCquS","iconWrapperLeft":"styles-module__iconWrapperLeft___AIWNV","iconWrapperRight":"styles-module__iconWrapperRight___WV43d"};
|
|
92
92
|
styleInject(css_248z$q);
|
|
93
93
|
|
|
@@ -542,31 +542,10 @@ var FileUpload = function (_a) {
|
|
|
542
542
|
React__default.createElement("p", { className: error ? styles$g.errorText : file ? styles$g.successText : styles$g.instructionText }, error || (file ? "Campo correto" : "Clique ou arraste os arquivos para cima do componente de Upload"))));
|
|
543
543
|
};
|
|
544
544
|
|
|
545
|
-
var css_248z$k = ".styles-module__container___YGeVk {\r\n
|
|
546
|
-
var styles$f = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB"};
|
|
545
|
+
var css_248z$k = ".styles-module__container___YGeVk {\r\n position: relative;\r\n display: inline-block;\r\n}\r\n\r\n.styles-module__tooltip___mnnfp {\r\n position: absolute;\r\n width: max-content;\r\n height: fit-content;\r\n max-width: 480px;\r\n border-radius: 8px;\r\n word-wrap: break-word;\r\n background: var(--background-color);\r\n padding: 10px;\r\n border: 1px solid #c3c3c3;\r\n z-index: 1000;\r\n}\r\n\r\n.styles-module__textContent___F6Omr {\r\n font-weight: 400;\r\n font-size: var(--font-size-14, 14px);\r\n line-height: 21px;\r\n color: var(--foreground);\r\n}\r\n\r\n.styles-module__top-right___KAK6B {\r\n bottom: 100%;\r\n left: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__bottom-right___2qH8T {\r\n top: 100%;\r\n left: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__bottom-left___9jLIE {\r\n top: 100%;\r\n right: 100%;\r\n margin-top: 8px;\r\n}\r\n\r\n.styles-module__top-left___wu3BB {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n.styles-module__mobile___jimue {\r\n bottom: 100%;\r\n right: 100%;\r\n margin-bottom: 8px;\r\n}\r\n\r\n@media screen and (max-width: 480px) {\r\n .styles-module__container___YGeVk {\r\n position: static;\r\n }\r\n\r\n .styles-module__tooltip___mnnfp {\r\n width: max-content;\r\n max-width: 95vw;\r\n left: 0;\r\n top: 50%;\r\n text-align: start;\r\n border-radius: 0;\r\n padding: 10px;\r\n position: absolute;\r\n flex-wrap: wrap;\r\n }\r\n\r\n .styles-module__textContent___F6Omr {\r\n font-size: var(--font-size-12, 12px);\r\n }\r\n}\r\n";
|
|
546
|
+
var styles$f = {"container":"styles-module__container___YGeVk","tooltip":"styles-module__tooltip___mnnfp","textContent":"styles-module__textContent___F6Omr","top-right":"styles-module__top-right___KAK6B","bottom-right":"styles-module__bottom-right___2qH8T","bottom-left":"styles-module__bottom-left___9jLIE","top-left":"styles-module__top-left___wu3BB","mobile":"styles-module__mobile___jimue"};
|
|
547
547
|
styleInject(css_248z$k);
|
|
548
548
|
|
|
549
|
-
/**
|
|
550
|
-
* Elemento de tooltip, que aparecerá na tela de forma dinâmica quando o usuário passar o mouse sob o item
|
|
551
|
-
*
|
|
552
|
-
* @component
|
|
553
|
-
* @example
|
|
554
|
-
* ```tsx
|
|
555
|
-
* import { Tooltip } from 'pge-front-common';
|
|
556
|
-
*
|
|
557
|
-
* const App = () => (
|
|
558
|
-
* <Tooltip text="Texto que aparecerá na tooltip">
|
|
559
|
-
* <span>Passe o mouse aqui</span>
|
|
560
|
-
* </Tooltip>
|
|
561
|
-
* );
|
|
562
|
-
* ```
|
|
563
|
-
*
|
|
564
|
-
* @param {TooltipProps} props - Props para o componente de tooltip
|
|
565
|
-
* @param {string} props.text - O texto que será exibido dentro da tooltip
|
|
566
|
-
* @param {React.ReactNode} props.children - O elemento html que mostrará a tooltip quando o mouse passar por cima
|
|
567
|
-
*
|
|
568
|
-
* @returns {JSX.Element} O retorno é um JSX Element
|
|
569
|
-
*/
|
|
570
549
|
var Tooltip = function (_a) {
|
|
571
550
|
var text = _a.text, children = _a.children;
|
|
572
551
|
var _b = useState("top-right"), position = _b[0], setPosition = _b[1];
|
|
@@ -576,6 +555,11 @@ var Tooltip = function (_a) {
|
|
|
576
555
|
useEffect(function () {
|
|
577
556
|
if (!visible || !tooltipRef.current || !containerRef.current)
|
|
578
557
|
return;
|
|
558
|
+
var isMobile = window.innerWidth <= 480;
|
|
559
|
+
if (isMobile) {
|
|
560
|
+
setPosition("mobile");
|
|
561
|
+
return;
|
|
562
|
+
}
|
|
579
563
|
var tooltipRect = tooltipRef.current.getBoundingClientRect();
|
|
580
564
|
var containerRect = containerRef.current.getBoundingClientRect();
|
|
581
565
|
var spaceAbove = containerRect.top;
|
|
@@ -597,7 +581,10 @@ var Tooltip = function (_a) {
|
|
|
597
581
|
}
|
|
598
582
|
setPosition(newPosition);
|
|
599
583
|
}, [visible]);
|
|
600
|
-
|
|
584
|
+
var handleInteraction = function () {
|
|
585
|
+
setVisible(function (prev) { return !prev; });
|
|
586
|
+
};
|
|
587
|
+
return (React__default.createElement("div", { className: styles$f.container, ref: containerRef, onMouseEnter: function () { return setVisible(true); }, onMouseLeave: function () { return setVisible(false); }, onClick: handleInteraction },
|
|
601
588
|
children,
|
|
602
589
|
visible && (React__default.createElement("div", { ref: tooltipRef, className: "".concat(styles$f.tooltip, " ").concat(styles$f[position]) },
|
|
603
590
|
React__default.createElement("span", { className: styles$f.textContent }, text)))));
|
|
@@ -8487,7 +8474,7 @@ var SelectMult = function (_a) {
|
|
|
8487
8474
|
error && React.createElement("span", { className: styles$3.errorText }, error.message)));
|
|
8488
8475
|
};
|
|
8489
8476
|
|
|
8490
|
-
var css_248z$3 = ".header-module__separator_background___Sicie {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__headerContentWrapper___3CWPS {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n max-width: 1440px;\r\n padding: 0px 72px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .header-module__headerContentWrapper___3CWPS {\r\n padding: 0px 4px;\r\n }\r\n}\r\n\r\n.header-module__container___pv1f6 {\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 0px;\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___qgf2- {\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___Sr8Ih {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .header-module__iconLogo___Sr8Ih {\r\n width: 64px;\r\n height: 25px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___j6I1p {\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___6ddUY {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\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
|
|
8477
|
+
var css_248z$3 = ".header-module__separator_background___Sicie {\r\n background-color: rgb(188, 157, 50);\r\n width: 100%;\r\n height: 4px;\r\n opacity: 1;\r\n}\r\n\r\n.header-module__headerContentWrapper___3CWPS {\r\n height: 100%;\r\n display: flex;\r\n flex-direction: row;\r\n align-items: center;\r\n width: 100%;\r\n max-width: 1440px;\r\n padding: 0px 72px;\r\n}\r\n\r\n@media (max-width: 600px) {\r\n .header-module__headerContentWrapper___3CWPS {\r\n padding: 0px 4px;\r\n }\r\n}\r\n\r\n.header-module__container___pv1f6 {\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 0px;\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___qgf2- {\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___Sr8Ih {\r\n @media (max-width: 1024px) {\r\n width: 100px;\r\n }\r\n}\r\n\r\n@media (max-width: 768px) {\r\n .header-module__iconLogo___Sr8Ih {\r\n width: 64px;\r\n height: 25px;\r\n }\r\n}\r\n\r\n.header-module__verticalDivider___j6I1p {\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___6ddUY {\r\n display: flex;\r\n flex-direction: column;\r\n justify-content: center;\r\n align-items: center;\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___Wwh0E {\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___PhM7B {\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___6ddUY {\r\n max-height: 6rem;\r\n }\r\n}\r\n\r\n@media (min-width: 768px) {\r\n .header-module__containerHeaderIndex___6ddUY {\r\n max-height: 13rem;\r\n }\r\n}\r\n\r\n.header-module__iconLogoCASC___HX7YL {\r\n height: 65px; \r\n width: auto; \r\n}\r\n\r\n.header-module__iconLogoPGE___II1i2 {\r\n margin-right: 20px; \r\n}\r\n\r\n@media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___HX7YL {\r\n height: 45px; \r\n width: auto;\r\n }\r\n}\r\n\r\n.header-module__responsiveCASC___nqE60 {\r\n @media (max-width: 1024px) {\r\n .header-module__iconLogoCASC___HX7YL {\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___HX7YL {\r\n height: 40px;\r\n width: auto;\r\n }\r\n }\r\n}\r\n\r\n.header-module__dividaAtivaLogoContainer___k6PDu {\r\n display: flex;\r\n flex-direction: row;\r\n justify-content: space-between;\r\n align-items: center;\r\n gap: 4px;\r\n}";
|
|
8491
8478
|
var styles$2 = {"separator_background":"header-module__separator_background___Sicie","headerContentWrapper":"header-module__headerContentWrapper___3CWPS","container":"header-module__container___pv1f6","wrapperMenu":"header-module__wrapperMenu___qgf2-","iconLogo":"header-module__iconLogo___Sr8Ih","verticalDivider":"header-module__verticalDivider___j6I1p","containerHeaderIndex":"header-module__containerHeaderIndex___6ddUY","set_shadow":"header-module__set_shadow___Wwh0E","limitedWidth":"header-module__limitedWidth___PhM7B","iconLogoCASC":"header-module__iconLogoCASC___HX7YL","iconLogoPGE":"header-module__iconLogoPGE___II1i2","responsiveCASC":"header-module__responsiveCASC___nqE60","dividaAtivaLogoContainer":"header-module__dividaAtivaLogoContainer___k6PDu"};
|
|
8492
8479
|
styleInject(css_248z$3);
|
|
8493
8480
|
|