pipesol-notificationbar 1.0.3 → 1.0.6
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/README.md +41 -31
- package/dist/components/NotificationStyled.d.ts +8 -0
- package/dist/components/NotificationStyled.js +45 -0
- package/dist/components/NotificationStyled.js.map +1 -0
- package/dist/components/TermsAndPrivacyCard.d.ts +55 -0
- package/dist/components/TermsAndPrivacyCard.js +114 -0
- package/dist/components/TermsAndPrivacyCard.js.map +1 -0
- package/dist/index.d.ts +4 -0
- package/dist/index.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/dist/types/TermsAndPrivacyProps.d.ts +20 -0
- package/dist/types/TermsAndPrivacyProps.js +2 -0
- package/dist/types/TermsAndPrivacyProps.js.map +1 -0
- package/dist/types/style/BorderProps.d.ts +5 -0
- package/dist/types/style/BorderProps.js +2 -0
- package/dist/types/style/BorderProps.js.map +1 -0
- package/dist/types/style/ColorProps.d.ts +7 -0
- package/dist/types/style/ColorProps.js +7 -0
- package/dist/types/style/ColorProps.js.map +1 -0
- package/dist/types/style/LayoutProps.d.ts +6 -0
- package/dist/types/style/LayoutProps.js +2 -0
- package/dist/types/style/LayoutProps.js.map +1 -0
- package/package.json +56 -47
- package/dist/components/ImageResponsive.d.ts +0 -13
- package/dist/components/ImageResponsive.js +0 -32
- package/dist/components/ImageResponsive.js.map +0 -1
- package/dist/components/Location.d.ts +0 -15
- package/dist/components/Location.js +0 -37
- package/dist/components/Location.js.map +0 -1
- package/dist/components/MensagemDeploy.d.ts +0 -7
- package/dist/components/MensagemDeploy.js +0 -54
- package/dist/components/MensagemDeploy.js.map +0 -1
- package/dist/components/NotificationBar.d.ts +0 -16
- package/dist/components/NotificationBar.js +0 -131
- package/dist/components/NotificationBar.js.map +0 -1
- package/dist/components/VideoPlayer.d.ts +0 -11
- package/dist/components/VideoPlayer.js +0 -12
- package/dist/components/VideoPlayer.js.map +0 -1
- package/dist/components/banner/BannerVideo.d.ts +0 -7
- package/dist/components/banner/BannerVideo.js +0 -20
- package/dist/components/banner/BannerVideo.js.map +0 -1
- package/dist/components/banner/ContentBannerStyled.d.ts +0 -6
- package/dist/components/banner/ContentBannerStyled.js +0 -44
- package/dist/components/banner/ContentBannerStyled.js.map +0 -1
- package/dist/components/banner/ResponsiveBanner.d.ts +0 -15
- package/dist/components/banner/ResponsiveBanner.js +0 -68
- package/dist/components/banner/ResponsiveBanner.js.map +0 -1
- package/dist/components/banner/ResponsiveBannerGradiente.d.ts +0 -12
- package/dist/components/banner/ResponsiveBannerGradiente.js +0 -38
- package/dist/components/banner/ResponsiveBannerGradiente.js.map +0 -1
- package/dist/components/banner/TitleBanner.d.ts +0 -10
- package/dist/components/banner/TitleBanner.js +0 -8
- package/dist/components/banner/TitleBanner.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentas.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentas.js +0 -39
- package/dist/components/barra_ferramentas/BarraFerramentas.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.d.ts +0 -13
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js +0 -31
- package/dist/components/barra_ferramentas/BarraFerramentasHamburguer.js.map +0 -1
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.d.ts +0 -7
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js +0 -40
- package/dist/components/barra_ferramentas/BarraFerramentasStyled.js.map +0 -1
- package/dist/components/button/ButtonStyled.d.ts +0 -18
- package/dist/components/button/ButtonStyled.js +0 -56
- package/dist/components/button/ButtonStyled.js.map +0 -1
- package/dist/components/button/NavigationButton.d.ts +0 -18
- package/dist/components/button/NavigationButton.js +0 -53
- package/dist/components/button/NavigationButton.js.map +0 -1
- package/dist/components/button/NavigationButtonMotion.d.ts +0 -19
- package/dist/components/button/NavigationButtonMotion.js +0 -64
- package/dist/components/button/NavigationButtonMotion.js.map +0 -1
- package/dist/components/button/NavigationHamburguerButton.d.ts +0 -17
- package/dist/components/button/NavigationHamburguerButton.js +0 -33
- package/dist/components/button/NavigationHamburguerButton.js.map +0 -1
- package/dist/components/button/ScrollToTopButton.d.ts +0 -10
- package/dist/components/button/ScrollToTopButton.js +0 -44
- package/dist/components/button/ScrollToTopButton.js.map +0 -1
- package/dist/components/button/WhatsAppButton.d.ts +0 -6
- package/dist/components/button/WhatsAppButton.js +0 -24
- package/dist/components/button/WhatsAppButton.js.map +0 -1
- package/dist/components/button/WhatsAppIcon.d.ts +0 -6
- package/dist/components/button/WhatsAppIcon.js +0 -18
- package/dist/components/button/WhatsAppIcon.js.map +0 -1
- package/dist/components/cards/AnimatedCardGroup.d.ts +0 -20
- package/dist/components/cards/AnimatedCardGroup.js +0 -63
- package/dist/components/cards/AnimatedCardGroup.js.map +0 -1
- package/dist/components/cards/BorderTopLeftRadiusCard.d.ts +0 -15
- package/dist/components/cards/BorderTopLeftRadiusCard.js +0 -67
- package/dist/components/cards/BorderTopLeftRadiusCard.js.map +0 -1
- package/dist/components/cards/CardLerMais.d.ts +0 -13
- package/dist/components/cards/CardLerMais.js +0 -121
- package/dist/components/cards/CardLerMais.js.map +0 -1
- package/dist/components/cards/ContentCardDescription.d.ts +0 -10
- package/dist/components/cards/ContentCardDescription.js +0 -52
- package/dist/components/cards/ContentCardDescription.js.map +0 -1
- package/dist/components/cards/GradientCard.d.ts +0 -17
- package/dist/components/cards/GradientCard.js +0 -66
- package/dist/components/cards/GradientCard.js.map +0 -1
- package/dist/components/cards/ImageCard.d.ts +0 -15
- package/dist/components/cards/ImageCard.js +0 -31
- package/dist/components/cards/ImageCard.js.map +0 -1
- package/dist/components/cards/MapCard.d.ts +0 -15
- package/dist/components/cards/MapCard.js +0 -59
- package/dist/components/cards/MapCard.js.map +0 -1
- package/dist/components/cards/ShadowCard.d.ts +0 -16
- package/dist/components/cards/ShadowCard.js +0 -25
- package/dist/components/cards/ShadowCard.js.map +0 -1
- package/dist/components/cards/TestimonialCard.d.ts +0 -22
- package/dist/components/cards/TestimonialCard.js +0 -66
- package/dist/components/cards/TestimonialCard.js.map +0 -1
- package/dist/components/cards/YoutubeCard.d.ts +0 -14
- package/dist/components/cards/YoutubeCard.js +0 -85
- package/dist/components/cards/YoutubeCard.js.map +0 -1
- package/dist/components/carousel/CarouselStyled.d.ts +0 -62
- package/dist/components/carousel/CarouselStyled.js +0 -31
- package/dist/components/carousel/CarouselStyled.js.map +0 -1
- package/dist/components/carousel/Carrossel.d.ts +0 -15
- package/dist/components/carousel/Carrossel.js +0 -113
- package/dist/components/carousel/Carrossel.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedIndex.d.ts +0 -6
- package/dist/components/containers/ContainerAnimatedIndex.js +0 -11
- package/dist/components/containers/ContainerAnimatedIndex.js.map +0 -1
- package/dist/components/containers/ContainerAnimatedScroll.d.ts +0 -9
- package/dist/components/containers/ContainerAnimatedScroll.js +0 -10
- package/dist/components/containers/ContainerAnimatedScroll.js.map +0 -1
- package/dist/components/containers/ContainerSafe.d.ts +0 -6
- package/dist/components/containers/ContainerSafe.js +0 -78
- package/dist/components/containers/ContainerSafe.js.map +0 -1
- package/dist/components/containers/containerStyled.d.ts +0 -1
- package/dist/components/containers/containerStyled.js +0 -10
- package/dist/components/containers/containerStyled.js.map +0 -1
- package/dist/components/footer/Copywrite.d.ts +0 -10
- package/dist/components/footer/Copywrite.js +0 -23
- package/dist/components/footer/Copywrite.js.map +0 -1
- package/dist/components/footer/CopywriteCenter.d.ts +0 -9
- package/dist/components/footer/CopywriteCenter.js +0 -34
- package/dist/components/footer/CopywriteCenter.js.map +0 -1
- package/dist/components/footer/Footer.d.ts +0 -10
- package/dist/components/footer/Footer.js +0 -41
- package/dist/components/footer/Footer.js.map +0 -1
- package/dist/components/footer/NotificationBar.d.ts +0 -13
- package/dist/components/footer/NotificationBar.js +0 -57
- package/dist/components/footer/NotificationBar.js.map +0 -1
- package/dist/components/footer/SiteMap.d.ts +0 -9
- package/dist/components/footer/SiteMap.js +0 -24
- package/dist/components/footer/SiteMap.js.map +0 -1
- package/dist/components/footer/footerStyled.d.ts +0 -8
- package/dist/components/footer/footerStyled.js +0 -62
- package/dist/components/footer/footerStyled.js.map +0 -1
- package/dist/components/form/Form.d.ts +0 -17
- package/dist/components/form/Form.js +0 -96
- package/dist/components/form/Form.js.map +0 -1
- package/dist/components/form/FormStyled.d.ts +0 -27
- package/dist/components/form/FormStyled.js +0 -95
- package/dist/components/form/FormStyled.js.map +0 -1
- package/dist/components/header/HeaderBarIn.d.ts +0 -15
- package/dist/components/header/HeaderBarIn.js +0 -40
- package/dist/components/header/HeaderBarIn.js.map +0 -1
- package/dist/components/header/HeaderBarTop.d.ts +0 -12
- package/dist/components/header/HeaderBarTop.js +0 -30
- package/dist/components/header/HeaderBarTop.js.map +0 -1
- package/dist/components/section/Section.d.ts +0 -9
- package/dist/components/section/Section.js +0 -19
- package/dist/components/section/Section.js.map +0 -1
- package/dist/components/section/SectionGradiente.d.ts +0 -9
- package/dist/components/section/SectionGradiente.js +0 -19
- package/dist/components/section/SectionGradiente.js.map +0 -1
- package/dist/components/section/SectionImage.d.ts +0 -7
- package/dist/components/section/SectionImage.js +0 -21
- package/dist/components/section/SectionImage.js.map +0 -1
- package/dist/components/section/SectionStyled.d.ts +0 -9
- package/dist/components/section/SectionStyled.js +0 -46
- package/dist/components/section/SectionStyled.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLink.d.ts +0 -8
- package/dist/components/social_media/SocialMediaIconLink.js +0 -13
- package/dist/components/social_media/SocialMediaIconLink.js.map +0 -1
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.d.ts +0 -12
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js +0 -18
- package/dist/components/social_media/SocialMediaIconLinkWithBorder.js.map +0 -1
- package/dist/components/substask/SubstackPage.d.ts +0 -5
- package/dist/components/substask/SubstackPage.js +0 -22
- package/dist/components/substask/SubstackPage.js.map +0 -1
- package/dist/components/substask/SubstackPosts.d.ts +0 -9
- package/dist/components/substask/SubstackPosts.js +0 -6
- package/dist/components/substask/SubstackPosts.js.map +0 -1
- package/dist/components/text/IconText.d.ts +0 -11
- package/dist/components/text/IconText.js +0 -26
- package/dist/components/text/IconText.js.map +0 -1
- package/dist/components/text/InfiniteTicker.d.ts +0 -15
- package/dist/components/text/InfiniteTicker.js +0 -49
- package/dist/components/text/InfiniteTicker.js.map +0 -1
- package/dist/components/text/SpanStyled.d.ts +0 -6
- package/dist/components/text/SpanStyled.js +0 -34
- package/dist/components/text/SpanStyled.js.map +0 -1
- package/dist/components/text/TextWithSeparador.d.ts +0 -7
- package/dist/components/text/TextWithSeparador.js +0 -9
- package/dist/components/text/TextWithSeparador.js.map +0 -1
- package/dist/hooks/useResponsive.d.ts +0 -9
- package/dist/hooks/useResponsive.js +0 -14
- package/dist/hooks/useResponsive.js.map +0 -1
- package/dist/hooks/useResponsiveCarousel.d.ts +0 -15
- package/dist/hooks/useResponsiveCarousel.js +0 -36
- package/dist/hooks/useResponsiveCarousel.js.map +0 -1
- package/dist/types/AnimatedCardData.d.ts +0 -6
- package/dist/types/AnimatedCardData.js +0 -2
- package/dist/types/AnimatedCardData.js.map +0 -1
- package/dist/types/BannerResponsiveConfig.d.ts +0 -4
- package/dist/types/BannerResponsiveConfig.js +0 -2
- package/dist/types/BannerResponsiveConfig.js.map +0 -1
- package/dist/types/ItemMenuConfig.d.ts +0 -4
- package/dist/types/ItemMenuConfig.js +0 -2
- package/dist/types/ItemMenuConfig.js.map +0 -1
- package/dist/types/ShadowConfig.d.ts +0 -6
- package/dist/types/ShadowConfig.js +0 -2
- package/dist/types/ShadowConfig.js.map +0 -1
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
//Usado para criar a area no bannner com 1 coluna alinhada ao centro.
|
|
3
|
-
export const ContentBannerCenter = styled('div')(() => ({
|
|
4
|
-
display: 'flex',
|
|
5
|
-
flexDirection: 'row',
|
|
6
|
-
justifyContent: 'center',
|
|
7
|
-
alignItems: 'center',
|
|
8
|
-
width: '100%',
|
|
9
|
-
height: '100%',
|
|
10
|
-
boxSizing: 'border-box',
|
|
11
|
-
overflow: 'hidden',
|
|
12
|
-
position: 'relative',
|
|
13
|
-
}));
|
|
14
|
-
//Usado para criar a area no bannner com 1 coluna alinhada a esquerda.
|
|
15
|
-
export const ContentBannerLeft = styled('div')(() => ({
|
|
16
|
-
display: 'flex',
|
|
17
|
-
flexDirection: 'row',
|
|
18
|
-
justifyContent: 'flex-start',
|
|
19
|
-
alignItems: 'center',
|
|
20
|
-
width: '100%',
|
|
21
|
-
height: '100%',
|
|
22
|
-
boxSizing: 'border-box',
|
|
23
|
-
overflow: 'hidden',
|
|
24
|
-
position: 'relative',
|
|
25
|
-
}));
|
|
26
|
-
//Usado para criar a area no banner com duas colunas. 50% cada coluna.
|
|
27
|
-
//Para dispositivos menores será exibido 2 linhas.
|
|
28
|
-
export const ContentBanner2Columns = styled('div', {
|
|
29
|
-
shouldForwardProp: (prop) => !['top', 'height'].includes(prop),
|
|
30
|
-
})(({ theme, top = '10px', height = '100px' }) => ({
|
|
31
|
-
display: 'grid',
|
|
32
|
-
gridTemplateRows: '1fr 1fr',
|
|
33
|
-
justifyItems: 'center',
|
|
34
|
-
alignItems: 'center',
|
|
35
|
-
width: '100%',
|
|
36
|
-
position: 'absolute',
|
|
37
|
-
top: top,
|
|
38
|
-
height: height,
|
|
39
|
-
[theme.breakpoints.up('md')]: {
|
|
40
|
-
gridTemplateRows: 'unset', // Remover gridTemplateRows para não conflitar
|
|
41
|
-
gridTemplateColumns: '50% 50%',
|
|
42
|
-
},
|
|
43
|
-
}));
|
|
44
|
-
//# sourceMappingURL=ContentBannerStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ContentBannerStyled.js","sourceRoot":"","sources":["../../../src/components/banner/ContentBannerStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,qEAAqE;AACrE,MAAM,CAAC,MAAM,mBAAmB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACtD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAEJ,sEAAsE;AACtE,MAAM,CAAC,MAAM,iBAAiB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC;IACpD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,YAAY;IAC5B,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,MAAM,EAAE,MAAM;IACd,SAAS,EAAE,YAAY;IACvB,QAAQ,EAAE,QAAQ;IAClB,QAAQ,EAAE,UAAU;CACrB,CAAC,CAAC,CAAC;AAEJ,sEAAsE;AACtE,kDAAkD;AAClD,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,KAAK,EAAE;IACjD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC,CAAC,KAAK,EAAC,QAAQ,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7C,CAAC,CAAgC,CAAC,EAAE,KAAK,EAAE,GAAG,GAAG,MAAM,EAAE,MAAM,GAAC,OAAO,EAAC,EAAE,EAAE,CAAC,CAAC;IAE7E,OAAO,EAAE,MAAM;IACf,gBAAgB,EAAE,SAAS;IAC3B,YAAY,EAAE,QAAQ;IACtB,UAAU,EAAE,QAAQ;IACpB,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,GAAG,EAAE,GAAG;IACR,MAAM,EAAE,MAAM;IAEd,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,gBAAgB,EAAE,OAAO,EAAE,8CAA8C;QACzE,mBAAmB,EAAE,SAAS;KAC/B;CAEF,CAAC,CAAC,CAAC"}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { BannerResponsiveConfig } from '@/types/BannerResponsiveConfig';
|
|
3
|
-
interface BannerSources {
|
|
4
|
-
xs: BannerResponsiveConfig;
|
|
5
|
-
sm: BannerResponsiveConfig;
|
|
6
|
-
md: BannerResponsiveConfig;
|
|
7
|
-
lg: BannerResponsiveConfig;
|
|
8
|
-
xl: BannerResponsiveConfig;
|
|
9
|
-
}
|
|
10
|
-
interface BannerProps {
|
|
11
|
-
srcSet: BannerSources;
|
|
12
|
-
children: React.ReactNode;
|
|
13
|
-
}
|
|
14
|
-
declare const ResponsiveBanner: React.FC<BannerProps>;
|
|
15
|
-
export default ResponsiveBanner;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useState, useRef, useEffect } from 'react';
|
|
3
|
-
import { useTheme } from '@mui/material/styles';
|
|
4
|
-
import { ContainerSafeSemMargem } from '../containers/ContainerSafe';
|
|
5
|
-
import { styled } from '@mui/material/styles';
|
|
6
|
-
const Container = styled('div', {
|
|
7
|
-
shouldForwardProp: (prop) => !['height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl'].includes(prop),
|
|
8
|
-
})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl }) => ({
|
|
9
|
-
width: '100%',
|
|
10
|
-
position: 'relative',
|
|
11
|
-
overflow: 'hidden',
|
|
12
|
-
display: 'flex',
|
|
13
|
-
justifyContent: 'center',
|
|
14
|
-
alignItems: 'center',
|
|
15
|
-
// Breakpoints para diferentes larguras de tela
|
|
16
|
-
[theme.breakpoints.down('sm')]: {
|
|
17
|
-
height: height_xs, // Menor que 600px
|
|
18
|
-
},
|
|
19
|
-
[theme.breakpoints.up('sm')]: {
|
|
20
|
-
height: height_sm, // Entre 600px e 960px
|
|
21
|
-
},
|
|
22
|
-
[theme.breakpoints.up('md')]: {
|
|
23
|
-
height: height_md, // Entre 960px e 1280px
|
|
24
|
-
},
|
|
25
|
-
[theme.breakpoints.up('lg')]: {
|
|
26
|
-
height: height_lg, // Entre 1280px e 1920px
|
|
27
|
-
},
|
|
28
|
-
[theme.breakpoints.up('xl')]: {
|
|
29
|
-
height: height_xl, // Acima de 1920px
|
|
30
|
-
},
|
|
31
|
-
}));
|
|
32
|
-
const ResponsiveBanner = ({ srcSet, children }) => {
|
|
33
|
-
const theme = useTheme();
|
|
34
|
-
const [isLoaded, setIsLoaded] = useState(false);
|
|
35
|
-
const imgRef = useRef(null);
|
|
36
|
-
useEffect(() => {
|
|
37
|
-
const img = imgRef.current;
|
|
38
|
-
if (!img)
|
|
39
|
-
return;
|
|
40
|
-
if (img.complete) {
|
|
41
|
-
setIsLoaded(true);
|
|
42
|
-
}
|
|
43
|
-
else {
|
|
44
|
-
const handleLoad = () => setIsLoaded(true);
|
|
45
|
-
img.addEventListener('load', handleLoad);
|
|
46
|
-
return () => img.removeEventListener('load', handleLoad);
|
|
47
|
-
}
|
|
48
|
-
}, []);
|
|
49
|
-
return (_jsxs(Container, { height_xs: srcSet.xs.height, height_sm: srcSet.sm.height, height_md: srcSet.md.height, height_lg: srcSet.lg.height, height_xl: srcSet.xl.height, children: [!isLoaded && (_jsx("div", { style: {
|
|
50
|
-
position: 'absolute',
|
|
51
|
-
zIndex: 1,
|
|
52
|
-
color: '#ededed',
|
|
53
|
-
fontSize: '1.2rem',
|
|
54
|
-
}, children: "Carregando imagem..." })), _jsxs("picture", { style: {
|
|
55
|
-
position: 'absolute',
|
|
56
|
-
inset: 0,
|
|
57
|
-
zIndex: 0,
|
|
58
|
-
width: '100%',
|
|
59
|
-
height: '100%',
|
|
60
|
-
}, children: [_jsx("source", { media: `(min-width: ${theme.breakpoints.values.xs}px) and (max-width: ${theme.breakpoints.values.sm - 1}px)`, srcSet: srcSet.xs.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.sm}px) and (max-width: ${theme.breakpoints.values.md - 1}px)`, srcSet: srcSet.sm.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.md}px) and (max-width: ${theme.breakpoints.values.lg - 1}px)`, srcSet: srcSet.md.image }), _jsx("source", { media: `(min-width: ${theme.breakpoints.values.lg}px) and (max-width: ${theme.breakpoints.values.xl - 1}px)`, srcSet: srcSet.lg.image }), _jsx("img", { ref: imgRef, src: srcSet.xl.image, alt: "Banner", style: {
|
|
61
|
-
width: '100%',
|
|
62
|
-
height: '100%',
|
|
63
|
-
objectFit: 'cover',
|
|
64
|
-
display: isLoaded ? 'block' : 'none',
|
|
65
|
-
} })] }), isLoaded && (_jsx(ContainerSafeSemMargem, { id: "areasafebanner", children: children }))] }));
|
|
66
|
-
};
|
|
67
|
-
export default ResponsiveBanner;
|
|
68
|
-
//# sourceMappingURL=ResponsiveBanner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveBanner.js","sourceRoot":"","sources":["../../../src/components/banner/ResponsiveBanner.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface BannerProps {
|
|
3
|
-
height_xs: string;
|
|
4
|
-
height_sm: string;
|
|
5
|
-
height_md: string;
|
|
6
|
-
height_lg: string;
|
|
7
|
-
height_xl: string;
|
|
8
|
-
background_gradient: string;
|
|
9
|
-
children: React.ReactNode;
|
|
10
|
-
}
|
|
11
|
-
declare const ResponsiveBannerGradiente: React.FC<BannerProps>;
|
|
12
|
-
export default ResponsiveBannerGradiente;
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
import { ContainerSafeSemMargem } from '../containers/ContainerSafe';
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
const Container = styled('div', {
|
|
5
|
-
shouldForwardProp: (prop) => ![
|
|
6
|
-
'height_xs', 'height_sm', 'height_md', 'height_lg', 'height_xl',
|
|
7
|
-
'colorStart', 'colorMiddle', 'colorEnd',
|
|
8
|
-
].includes(prop),
|
|
9
|
-
})(({ theme, height_xs, height_sm, height_md, height_lg, height_xl, background_gradient }) => ({
|
|
10
|
-
width: '100%',
|
|
11
|
-
position: 'relative',
|
|
12
|
-
overflow: 'hidden',
|
|
13
|
-
display: 'flex',
|
|
14
|
-
justifyContent: 'center',
|
|
15
|
-
alignItems: 'center',
|
|
16
|
-
background: background_gradient,
|
|
17
|
-
transition: 'background 0.3s ease',
|
|
18
|
-
[theme.breakpoints.down('sm')]: {
|
|
19
|
-
height: height_xs,
|
|
20
|
-
},
|
|
21
|
-
[theme.breakpoints.up('sm')]: {
|
|
22
|
-
height: height_sm,
|
|
23
|
-
},
|
|
24
|
-
[theme.breakpoints.up('md')]: {
|
|
25
|
-
height: height_md,
|
|
26
|
-
},
|
|
27
|
-
[theme.breakpoints.up('lg')]: {
|
|
28
|
-
height: height_lg,
|
|
29
|
-
},
|
|
30
|
-
[theme.breakpoints.up('xl')]: {
|
|
31
|
-
height: height_xl,
|
|
32
|
-
},
|
|
33
|
-
}));
|
|
34
|
-
const ResponsiveBannerGradiente = ({ height_xs, height_sm, height_md, height_lg, height_xl, background_gradient, children, }) => {
|
|
35
|
-
return (_jsx(Container, { id: "ContainerResponsiveBannerGradiente", height_xs: height_xs, height_sm: height_sm, height_md: height_md, height_lg: height_lg, height_xl: height_xl, background_gradient: background_gradient, children: _jsx(ContainerSafeSemMargem, { id: "areasafebannergradiente", children: children }) }));
|
|
36
|
-
};
|
|
37
|
-
export default ResponsiveBannerGradiente;
|
|
38
|
-
//# sourceMappingURL=ResponsiveBannerGradiente.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ResponsiveBannerGradiente.js","sourceRoot":"","sources":["../../../src/components/banner/ResponsiveBannerGradiente.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,EAAE;IAC9B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW;QAC/D,YAAY,EAAE,aAAa,EAAE,UAAU;KACxC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAOC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,mBAAmB,EAAE,EAAE,EAAE,CAAC,CAAC;IAC7F,KAAK,EAAE,MAAM;IACb,QAAQ,EAAE,UAAU;IACpB,QAAQ,EAAE,QAAQ;IAClB,OAAO,EAAE,MAAM;IACf,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,UAAU,EAAE,mBAAmB;IAC/B,UAAU,EAAE,sBAAsB;IAElC,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;IACD,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,MAAM,EAAE,SAAS;KAClB;CACF,CAAC,CAAC,CAAC;AAYJ,MAAM,yBAAyB,GAA0B,CAAC,EACxD,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EACrD,mBAAmB,EACnB,QAAQ,GACT,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IAAC,EAAE,EAAC,oCAAoC,EAChD,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,SAAS,EAAE,SAAS,EACpB,mBAAmB,EAAE,mBAAmB,YAExC,KAAC,sBAAsB,IAAC,EAAE,EAAC,yBAAyB,YACjD,QAAQ,GACc,GACf,CACb,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,yBAAyB,CAAC"}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface TitleBannerProps {
|
|
3
|
-
width: string;
|
|
4
|
-
textTitle: string;
|
|
5
|
-
textSubTitle?: string;
|
|
6
|
-
textAlign: 'left' | 'center';
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
}
|
|
9
|
-
declare const TitleBanner: React.FC<TitleBannerProps>;
|
|
10
|
-
export default TitleBanner;
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Stack, Typography } from '@mui/material';
|
|
3
|
-
const TitleBanner = ({ children, textTitle, textSubTitle, width, textAlign }) => {
|
|
4
|
-
const alignItems = textAlign == 'left' ? 'flex-start' : 'center';
|
|
5
|
-
return (_jsxs(Stack, { direction: "column", justifyContent: 'flex-start', alignItems: alignItems, gap: { xs: '16px', sm: '24px' }, width: width, children: [_jsx(Typography, { variant: 'h1', component: 'h1', textAlign: textAlign, sx: { width: '100%' }, children: textTitle }), textSubTitle && _jsx(Typography, { variant: 'h2', component: 'h2', textAlign: textAlign, sx: { width: '100%' }, children: textSubTitle }), children] }));
|
|
6
|
-
};
|
|
7
|
-
export default TitleBanner;
|
|
8
|
-
//# sourceMappingURL=TitleBanner.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"TitleBanner.js","sourceRoot":"","sources":["../../../src/components/banner/TitleBanner.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAUlD,MAAM,WAAW,GAA+B,CAAC,EAAE,QAAQ,EAAE,SAAS,EACpE,YAAY,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE;IAEpC,MAAM,UAAU,GAAG,SAAS,IAAI,MAAM,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEjE,OAAO,CACH,MAAC,KAAK,IAAC,SAAS,EAAC,QAAQ,EAAC,cAAc,EAAC,YAAY,EAAC,UAAU,EAAE,UAAU,EAC1E,GAAG,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,EAAC,EAAE,KAAK,EAAE,KAAK,aAE1C,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAE,YAAG,SAAS,GAAc,EAE3G,YAAY,IAAI,KAAC,UAAU,IAAC,OAAO,EAAC,IAAI,EAAC,SAAS,EAAC,IAAI,EAAC,SAAS,EAAE,SAAS,EAAE,EAAE,EAAE,EAAE,KAAK,EAAC,MAAM,EAAE,YAAG,YAAY,GAAc,EAE/H,QAAQ,IAEL,CACX,CAAC;AAEJ,CAAC,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ItemMenuConfig } from '../../types/ItemMenuConfig';
|
|
3
|
-
interface BarraFerramentasProps {
|
|
4
|
-
listaItemMenu: ItemMenuConfig[];
|
|
5
|
-
background_color?: string;
|
|
6
|
-
color: string;
|
|
7
|
-
color_hover: string;
|
|
8
|
-
text_decoration: 'none' | 'underline';
|
|
9
|
-
renderLogo: () => React.ReactElement;
|
|
10
|
-
renderSocialMedia: () => React.ReactElement;
|
|
11
|
-
}
|
|
12
|
-
declare const BarraFerramentas: React.FC<BarraFerramentasProps>;
|
|
13
|
-
export default BarraFerramentas;
|
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import { Bar, ContainerRedeSocialHorizontal, CustomToolbar } from './BarraFerramentasStyled';
|
|
5
|
-
import { useEffect } from 'react';
|
|
6
|
-
import NavigationButton from '../button/NavigationButton';
|
|
7
|
-
import { StyledSpanBody2 } from '../text/SpanStyled';
|
|
8
|
-
import { styled } from '@mui/material';
|
|
9
|
-
const DivStyled = styled('div')({
|
|
10
|
-
display: 'flex',
|
|
11
|
-
flex: '1',
|
|
12
|
-
});
|
|
13
|
-
const ContainerMenuHorizontal = styled('div')({
|
|
14
|
-
display: 'flex',
|
|
15
|
-
flexDirection: 'row',
|
|
16
|
-
justifyContent: 'center',
|
|
17
|
-
alignItems: 'center',
|
|
18
|
-
flexGrow: 1,
|
|
19
|
-
gap: '16px',
|
|
20
|
-
});
|
|
21
|
-
const BarraFerramentas = ({ listaItemMenu, renderLogo, renderSocialMedia, background_color, color, color_hover, text_decoration }) => {
|
|
22
|
-
const background_color_bar = background_color || 'transparent';
|
|
23
|
-
const [buttons, setButtons] = React.useState(null);
|
|
24
|
-
useEffect(() => {
|
|
25
|
-
const borderColor = (text_decoration == 'none') ? 'transparent' : color;
|
|
26
|
-
if (listaItemMenu) {
|
|
27
|
-
const constructedButtons = listaItemMenu.map((item) => (_jsx(NavigationButton, { url: item.url, color: color, color_hover: color_hover, aria_label: `item menu ${item.text}`, layout: "button", width: "auto", background_color: "transparent", border_color: borderColor, border_radius: "0px", text_decoration: text_decoration, children: item.text }, item.url)));
|
|
28
|
-
setButtons(constructedButtons);
|
|
29
|
-
}
|
|
30
|
-
}, [listaItemMenu, color, color_hover, text_decoration]);
|
|
31
|
-
if (buttons) {
|
|
32
|
-
return (_jsx(Bar, { background_color: background_color_bar, children: _jsxs(CustomToolbar, { disableGutters: true, children: [renderLogo(), _jsxs(DivStyled, { children: [_jsx(ContainerMenuHorizontal, { children: buttons }), _jsx(ContainerRedeSocialHorizontal, { children: renderSocialMedia() })] })] }) }));
|
|
33
|
-
}
|
|
34
|
-
else {
|
|
35
|
-
_jsx(Bar, { background_color: background_color_bar, children: _jsx(StyledSpanBody2, { text_color: color, children: "carregando..." }) });
|
|
36
|
-
}
|
|
37
|
-
};
|
|
38
|
-
export default BarraFerramentas;
|
|
39
|
-
//# sourceMappingURL=BarraFerramentas.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarraFerramentas.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentas.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,EAAE,GAAG,EAAE,6BAA6B,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAE7F,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,gBAAgB,MAAM,4BAA4B,CAAC;AAC1D,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,EAAE,MAAM,EAAE,MAAM,eAAe,CAAC;AAYvC,MAAM,SAAS,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC9B,OAAO,EAAE,MAAM;IACf,IAAI,EAAE,GAAG;CACV,CAAC,CAAC;AAEH,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAC5C,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,UAAU,EAAE,QAAQ;IACpB,QAAQ,EAAE,CAAC;IACX,GAAG,EAAE,MAAM;CACZ,CAAC,CAAC;AAEH,MAAM,gBAAgB,GAAoC,CAAC,EACvD,aAAa,EACb,UAAU,EACV,iBAAiB,EACjB,gBAAgB,EAAE,KAAK,EAAE,WAAW,EACpC,eAAe,EAAC,EAAE,EAAE;IAEtB,MAAM,oBAAoB,GAAG,gBAAgB,IAAI,aAAa,CAAC;IAC/D,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,KAAK,CAAC,QAAQ,CAA2B,IAAI,CAAC,CAAC;IAE3E,SAAS,CAAC,GAAG,EAAE;QAEb,MAAM,WAAW,GAAG,CAAC,eAAe,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,KAAK,CAAC;QAExE,IAAI,aAAa,EAAE,CAAC;YAChB,MAAM,kBAAkB,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnD,KAAC,gBAAgB,IAEf,GAAG,EAAE,IAAI,CAAC,GAAG,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,UAAU,EAAE,aAAa,IAAI,CAAC,IAAI,EAAE,EACpC,MAAM,EAAC,QAAQ,EACf,KAAK,EAAC,MAAM,EACZ,gBAAgB,EAAC,aAAa,EAC9B,YAAY,EAAE,WAAW,EACzB,aAAa,EAAC,KAAK,EACnB,eAAe,EAAE,eAAe,YAE/B,IAAI,CAAC,IAAI,IAZL,IAAI,CAAC,GAAG,CAaI,CACtB,CAAC,CAAC;YACH,UAAU,CAAC,kBAAkB,CAAC,CAAC;QACnC,CAAC;IACL,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,WAAW,EAAE,eAAe,CAAC,CAAC,CAAC;IAEzD,IAAI,OAAO,EAAC,CAAC;QACX,OAAO,CACL,KAAC,GAAG,IAAC,gBAAgB,EAAE,oBAAoB,YACvC,MAAC,aAAa,IAAC,cAAc,mBAC1B,UAAU,EAAE,EACb,MAAC,SAAS,eACR,KAAC,uBAAuB,cACrB,OAAO,GACgB,EAC1B,KAAC,6BAA6B,cAC3B,iBAAiB,EAAE,GACU,IACtB,IACE,GACd,CACP,CAAC;IACJ,CAAC;SACG,CAAC;QACH,KAAC,GAAG,IAAC,gBAAgB,EAAE,oBAAoB,YACzC,KAAC,eAAe,IAAC,UAAU,EAAE,KAAK,8BAAiC,GAC/D,CAAA;IACR,CAAC;AACH,CAAC,CAAA;AAED,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import * as React from 'react';
|
|
2
|
-
import { ItemMenuConfig } from '../../types/ItemMenuConfig';
|
|
3
|
-
interface BarraFerramentasHamburguerProps {
|
|
4
|
-
listaItemMenu: ItemMenuConfig[];
|
|
5
|
-
background_color?: string;
|
|
6
|
-
color: string;
|
|
7
|
-
color_hover: string;
|
|
8
|
-
renderSocialMedia: () => React.ReactElement;
|
|
9
|
-
renderImageHamburguer: () => React.ReactElement;
|
|
10
|
-
renderLogo: () => React.ReactElement;
|
|
11
|
-
}
|
|
12
|
-
declare const BarraFerramentasHamburguer: React.FC<BarraFerramentasHamburguerProps>;
|
|
13
|
-
export default BarraFerramentasHamburguer;
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
3
|
-
import * as React from 'react';
|
|
4
|
-
import Box from '@mui/material/Box';
|
|
5
|
-
import IconButton from '@mui/material/IconButton';
|
|
6
|
-
import Menu from '@mui/material/Menu';
|
|
7
|
-
import { Bar, ContainerRedeSocialHorizontal, CustomToolbar } from './BarraFerramentasStyled';
|
|
8
|
-
import NavigationHamburguerButton from '../button/NavigationHamburguerButton';
|
|
9
|
-
import { StyledSpanBody1 } from '../text/SpanStyled';
|
|
10
|
-
const BarraFerramentasHamburguer = ({ listaItemMenu, renderSocialMedia, background_color, color, color_hover, renderImageHamburguer, renderLogo }) => {
|
|
11
|
-
const [anchorElNav, setAnchorElNav] = React.useState(null);
|
|
12
|
-
const handleOpenNavMenu = (event) => {
|
|
13
|
-
setAnchorElNav(event.currentTarget);
|
|
14
|
-
};
|
|
15
|
-
const handleCloseNavMenu = () => {
|
|
16
|
-
setAnchorElNav(null);
|
|
17
|
-
};
|
|
18
|
-
const renderMenu = () => {
|
|
19
|
-
return (_jsxs(Box, { children: [_jsx(IconButton, { size: "large", "aria-label": "menu hamburguer", "aria-haspopup": "true", onClick: handleOpenNavMenu, color: "inherit", children: renderImageHamburguer() }), _jsx(Menu, { anchorEl: anchorElNav, anchorOrigin: {
|
|
20
|
-
vertical: 'bottom',
|
|
21
|
-
horizontal: 'left',
|
|
22
|
-
}, keepMounted: true, transformOrigin: {
|
|
23
|
-
vertical: 'top',
|
|
24
|
-
horizontal: 'left',
|
|
25
|
-
}, open: Boolean(anchorElNav), onClose: handleCloseNavMenu, sx: { display: { xs: 'block', md: 'none' } }, children: _jsx(Box, { display: 'flex', flexDirection: 'column', sx: { padding: "8px" }, children: listaItemMenu === null || listaItemMenu === void 0 ? void 0 : listaItemMenu.map((item) => (_jsx(NavigationHamburguerButton, { width: 'auto', url: item.url, color: color, color_hover: color_hover, text_decoration: "none", afterNavigation: handleCloseNavMenu, aria_label: 'menu ' + item.text, layout: 'button', children: _jsx(StyledSpanBody1, { text_color: color, children: item.text }) }, item.url))) }) })] }));
|
|
26
|
-
};
|
|
27
|
-
const background_color_bar = background_color || 'transparent';
|
|
28
|
-
return (_jsx(Bar, { background_color: background_color_bar, children: _jsxs(CustomToolbar, { disableGutters: true, children: [_jsx(Box, { children: listaItemMenu.length > 0 && renderMenu() }), _jsx(Box, { flex: 1, display: "flex", alignItems: "center", justifyContent: "center", children: renderLogo() }), _jsx(ContainerRedeSocialHorizontal, { children: renderSocialMedia() })] }) }));
|
|
29
|
-
};
|
|
30
|
-
export default BarraFerramentasHamburguer;
|
|
31
|
-
//# sourceMappingURL=BarraFerramentasHamburguer.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarraFerramentasHamburguer.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentasHamburguer.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export declare const CustomToolbar: import("@emotion/styled").StyledComponent<import("@mui/material/Toolbar").ToolbarOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "style" | "children" | "sx" | "className" | "classes" | "variant" | "disableGutters"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, {}, {}>;
|
|
2
|
-
export declare const ContainerRedeSocialHorizontal: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
3
|
-
interface BarProps {
|
|
4
|
-
background_color: string;
|
|
5
|
-
}
|
|
6
|
-
export declare const Bar: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & BarProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
7
|
-
export {};
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
import Toolbar from '@mui/material/Toolbar';
|
|
3
|
-
export const CustomToolbar = styled(Toolbar)(({ theme }) => ({
|
|
4
|
-
margin: '0px',
|
|
5
|
-
padding: '0px',
|
|
6
|
-
width: '100%',
|
|
7
|
-
[theme.breakpoints.down('sm')]: {
|
|
8
|
-
// Máximo de 600px
|
|
9
|
-
width: 'calc(100% - 32px)',
|
|
10
|
-
},
|
|
11
|
-
[theme.breakpoints.between('sm', 'md')]: {
|
|
12
|
-
// Entre 601px e 960px
|
|
13
|
-
width: 'calc(100% - 48px)',
|
|
14
|
-
},
|
|
15
|
-
[theme.breakpoints.up('md')]: {
|
|
16
|
-
// A partir de 960px
|
|
17
|
-
width: 'calc(100% - 54px)',
|
|
18
|
-
},
|
|
19
|
-
[theme.breakpoints.up('lg')]: {
|
|
20
|
-
// A partir de 1280px
|
|
21
|
-
width: '1200px',
|
|
22
|
-
},
|
|
23
|
-
}));
|
|
24
|
-
export const ContainerRedeSocialHorizontal = styled('div')({
|
|
25
|
-
display: 'flex',
|
|
26
|
-
flexDirection: 'row',
|
|
27
|
-
justifyContent: 'center',
|
|
28
|
-
margin: '16px 0px',
|
|
29
|
-
});
|
|
30
|
-
export const Bar = styled('div', {
|
|
31
|
-
shouldForwardProp: (prop) => !['background_color'].includes(prop),
|
|
32
|
-
})(({ background_color }) => ({
|
|
33
|
-
display: 'flex',
|
|
34
|
-
flexDirection: 'column', // Layout flex vertical
|
|
35
|
-
alignItems: 'center', // Centraliza horizontalmente
|
|
36
|
-
justifyContent: 'center', // Centraliza verticalmente
|
|
37
|
-
backgroundColor: background_color, // Define a cor de fundo
|
|
38
|
-
width: '100%', // Largura total
|
|
39
|
-
}));
|
|
40
|
-
//# sourceMappingURL=BarraFerramentasStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"BarraFerramentasStyled.js","sourceRoot":"","sources":["../../../src/components/barra_ferramentas/BarraFerramentasStyled.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,OAAO,MAAM,uBAAuB,CAAC;AAE5C,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAC3D,MAAM,EAAE,KAAK;IACb,OAAO,EAAE,KAAK;IACd,KAAK,EAAE,MAAM;IAEb,CAAC,KAAK,CAAC,WAAW,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,EAAE;QAC9B,kBAAkB;QAClB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,OAAO,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE;QACvC,sBAAsB;QACtB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,oBAAoB;QACpB,KAAK,EAAE,mBAAmB;KAC3B;IAED,CAAC,KAAK,CAAC,WAAW,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE;QAC5B,qBAAqB;QACrB,KAAK,EAAE,QAAQ;KAChB;CACF,CAAC,CAAC,CAAC;AAEJ,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IACzD,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,KAAK;IACpB,cAAc,EAAE,QAAQ;IACxB,MAAM,EAAE,UAAU;CACnB,CAAC,CAAC;AAOH,MAAM,CAAC,MAAM,GAAG,GAAG,MAAM,CAAC,KAAK,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,kBAAkB,CAAC,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC5E,CAAC,CAAW,CAAC,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CAAC;IACtC,OAAO,EAAE,MAAM;IACf,aAAa,EAAE,QAAQ,EAAE,uBAAuB;IAChD,UAAU,EAAE,QAAQ,EAAE,6BAA6B;IACnD,cAAc,EAAE,QAAQ,EAAE,2BAA2B;IACrD,eAAe,EAAE,gBAAgB,EAAE,wBAAwB;IAC3D,KAAK,EAAE,MAAM,EAAE,gBAAgB;CAChC,CAAC,CAAC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
export declare const ButtonHoverBorderBottomStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
2
|
-
background_color?: string;
|
|
3
|
-
color: string;
|
|
4
|
-
color_hover?: string;
|
|
5
|
-
type_padding: "none" | "default";
|
|
6
|
-
border_radius?: string;
|
|
7
|
-
border_color?: string;
|
|
8
|
-
width: string;
|
|
9
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
10
|
-
export declare const ButtonHoverColorStyled: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material/styles").Theme> & {
|
|
11
|
-
background_color?: string;
|
|
12
|
-
color: string;
|
|
13
|
-
color_hover?: string;
|
|
14
|
-
type_padding: "none" | "default";
|
|
15
|
-
border_radius?: string;
|
|
16
|
-
border_color?: string;
|
|
17
|
-
width: string;
|
|
18
|
-
}, import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {}>;
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { styled } from '@mui/material/styles';
|
|
2
|
-
export const ButtonHoverBorderBottomStyled = styled('button', {
|
|
3
|
-
shouldForwardProp: (prop) => ![
|
|
4
|
-
'background_color',
|
|
5
|
-
'color',
|
|
6
|
-
'color_hover',
|
|
7
|
-
'type_padding',
|
|
8
|
-
'border_radius',
|
|
9
|
-
'border_color',
|
|
10
|
-
'width',
|
|
11
|
-
].includes(prop),
|
|
12
|
-
})(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
|
|
13
|
-
width: width,
|
|
14
|
-
cursor: 'pointer',
|
|
15
|
-
textDecoration: 'none',
|
|
16
|
-
textTransform: 'none',
|
|
17
|
-
borderBottom: '2px solid transparent',
|
|
18
|
-
margin: '0px',
|
|
19
|
-
boxShadow: 'none',
|
|
20
|
-
backgroundColor: background_color || 'transparent',
|
|
21
|
-
color: color,
|
|
22
|
-
borderRadius: border_radius || '0px',
|
|
23
|
-
border: border_color ? `1px solid ${border_color}` : 'none',
|
|
24
|
-
padding: type_padding === 'default' ? '8px 24px' : '0px',
|
|
25
|
-
'&:hover': {
|
|
26
|
-
borderBottom: `2px solid ${color_hover || color}`,
|
|
27
|
-
color: color_hover || color,
|
|
28
|
-
},
|
|
29
|
-
}));
|
|
30
|
-
export const ButtonHoverColorStyled = styled('button', {
|
|
31
|
-
shouldForwardProp: (prop) => ![
|
|
32
|
-
'background_color',
|
|
33
|
-
'color',
|
|
34
|
-
'color_hover',
|
|
35
|
-
'type_padding',
|
|
36
|
-
'border_radius',
|
|
37
|
-
'border_color',
|
|
38
|
-
'width',
|
|
39
|
-
].includes(prop),
|
|
40
|
-
})(({ background_color, color, color_hover, type_padding, border_radius, border_color, width }) => ({
|
|
41
|
-
width: width,
|
|
42
|
-
cursor: 'pointer',
|
|
43
|
-
textDecoration: 'none',
|
|
44
|
-
textTransform: 'none',
|
|
45
|
-
margin: '0px',
|
|
46
|
-
boxShadow: 'none',
|
|
47
|
-
backgroundColor: background_color || 'transparent',
|
|
48
|
-
color: color,
|
|
49
|
-
borderRadius: border_radius || '0px',
|
|
50
|
-
border: border_color ? `1px solid ${border_color}` : 'none',
|
|
51
|
-
padding: type_padding === 'default' ? '8px 24px' : '0px',
|
|
52
|
-
'&:hover': {
|
|
53
|
-
color: color_hover || color,
|
|
54
|
-
},
|
|
55
|
-
}));
|
|
56
|
-
//# sourceMappingURL=ButtonStyled.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"ButtonStyled.js","sourceRoot":"","sources":["../../../src/components/button/ButtonStyled.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,CAAC,MAAM,6BAA6B,GAAG,MAAM,CAAC,QAAQ,EAAE;IAC5D,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,YAAY,EAAE,uBAAuB;IACrC,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,YAAY,EAAE,aAAa,WAAW,IAAI,KAAK,EAAE;QACjD,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC;AAGJ,MAAM,CAAC,MAAM,sBAAsB,GAAG,MAAM,CAAC,QAAQ,EAAE;IACrD,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,OAAO;QACP,aAAa;QACb,cAAc;QACd,eAAe;QACf,cAAc;QACd,OAAO;KACR,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAQC,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,WAAW,EAAE,YAAY,EAAE,aAAa,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CAAC;IAClG,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,MAAM,EAAE,KAAK;IACb,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB,IAAI,aAAa;IAClD,KAAK,EAAE,KAAK;IACZ,YAAY,EAAE,aAAa,IAAI,KAAK;IACpC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC,aAAa,YAAY,EAAE,CAAC,CAAC,CAAC,MAAM;IAC3D,OAAO,EAAE,YAAY,KAAK,SAAS,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK;IAExD,SAAS,EAAE;QACT,KAAK,EAAE,WAAW,IAAI,KAAK;KAC5B;CACF,CAAC,CAAC,CAAC"}
|
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface NavigationButtonProps {
|
|
3
|
-
url: string;
|
|
4
|
-
aria_label: string;
|
|
5
|
-
background_color?: string;
|
|
6
|
-
background_color_hover?: string;
|
|
7
|
-
color: string;
|
|
8
|
-
color_hover?: string;
|
|
9
|
-
border_color?: string;
|
|
10
|
-
border_radius?: string;
|
|
11
|
-
text_decoration: 'none' | 'underline';
|
|
12
|
-
layout: 'button' | 'link';
|
|
13
|
-
width: string;
|
|
14
|
-
margin?: string;
|
|
15
|
-
children: React.ReactNode;
|
|
16
|
-
}
|
|
17
|
-
declare const NavigationButton: React.FC<NavigationButtonProps>;
|
|
18
|
-
export default NavigationButton;
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
3
|
-
import { styled } from '@mui/material/styles';
|
|
4
|
-
const ButtonStyled = styled('a', {
|
|
5
|
-
shouldForwardProp: (prop) => ![
|
|
6
|
-
'background_color',
|
|
7
|
-
'background_color_hover',
|
|
8
|
-
'color',
|
|
9
|
-
'color_hover',
|
|
10
|
-
'padding',
|
|
11
|
-
'border_radius',
|
|
12
|
-
'border_color',
|
|
13
|
-
'border_color_underline',
|
|
14
|
-
'width',
|
|
15
|
-
'margin',
|
|
16
|
-
].includes(prop),
|
|
17
|
-
})(({ background_color, background_color_hover, color, color_hover, padding, border_radius, border_color, border_color_underline, width, margin, }) => ({
|
|
18
|
-
width: width,
|
|
19
|
-
cursor: 'pointer',
|
|
20
|
-
textDecoration: 'none',
|
|
21
|
-
textTransform: 'none',
|
|
22
|
-
textAlign: 'center',
|
|
23
|
-
boxShadow: 'none',
|
|
24
|
-
backgroundColor: background_color,
|
|
25
|
-
color: color,
|
|
26
|
-
border: `1px solid ${border_color}`,
|
|
27
|
-
borderRadius: border_radius,
|
|
28
|
-
padding: padding,
|
|
29
|
-
margin: margin,
|
|
30
|
-
'&:hover': {
|
|
31
|
-
backgroundColor: background_color_hover,
|
|
32
|
-
borderBottom: `1px solid ${border_color_underline}`,
|
|
33
|
-
color: color_hover,
|
|
34
|
-
},
|
|
35
|
-
}));
|
|
36
|
-
const NavigationButton = ({ url, aria_label, background_color, background_color_hover, color, color_hover, border_radius, border_color, text_decoration = 'none', layout, width, margin, children }) => {
|
|
37
|
-
const backgroundColor = background_color !== null && background_color !== void 0 ? background_color : 'transparent';
|
|
38
|
-
const backgroundColorHover = background_color_hover !== null && background_color_hover !== void 0 ? background_color_hover : backgroundColor;
|
|
39
|
-
const colorHover = color_hover !== null && color_hover !== void 0 ? color_hover : color;
|
|
40
|
-
const borderRadius = border_radius !== null && border_radius !== void 0 ? border_radius : '0px';
|
|
41
|
-
const padding = layout == 'button' ? '8px 24px' : '0px';
|
|
42
|
-
const borderColor = text_decoration == 'underline' ? 'transparent' : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
|
|
43
|
-
const borderColorUnderline = (text_decoration == 'underline') ? color : (border_color !== null && border_color !== void 0 ? border_color : 'transparent');
|
|
44
|
-
const marginButton = margin !== null && margin !== void 0 ? margin : '0px';
|
|
45
|
-
if (url.indexOf('http') != -1) {
|
|
46
|
-
return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, target: "_blank", rel: "noopener noreferrer", children: children }));
|
|
47
|
-
}
|
|
48
|
-
else {
|
|
49
|
-
return (_jsx(ButtonStyled, { href: url, width: width, background_color: backgroundColor, background_color_hover: backgroundColorHover, color: color, color_hover: colorHover, border_radius: borderRadius, border_color: borderColor, border_color_underline: borderColorUnderline, padding: padding, margin: marginButton, "aria-label": aria_label, children: children }));
|
|
50
|
-
}
|
|
51
|
-
};
|
|
52
|
-
export default NavigationButton;
|
|
53
|
-
//# sourceMappingURL=NavigationButton.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NavigationButton.js","sourceRoot":"","sources":["../../../src/components/button/NavigationButton.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,EAAE;IAC/B,iBAAiB,EAAE,CAAC,IAAI,EAAE,EAAE,CAC1B,CAAC;QACC,kBAAkB;QAClB,wBAAwB;QACxB,OAAO;QACP,aAAa;QACb,SAAS;QACT,eAAe;QACf,cAAc;QACd,wBAAwB;QACxB,OAAO;QACP,QAAQ;KACT,CAAC,QAAQ,CAAC,IAAc,CAAC;CAC7B,CAAC,CAWC,CAAC,EACF,gBAAgB,EAChB,sBAAsB,EACtB,KAAK,EACL,WAAW,EACX,OAAO,EACP,aAAa,EACb,YAAY,EACZ,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,EAAE,EAAE,CAAC,CAAC;IACL,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,SAAS;IACjB,cAAc,EAAE,MAAM;IACtB,aAAa,EAAE,MAAM;IACrB,SAAS,EAAE,QAAQ;IACnB,SAAS,EAAE,MAAM;IACjB,eAAe,EAAE,gBAAgB;IACjC,KAAK,EAAE,KAAK;IACZ,MAAM,EAAE,aAAa,YAAY,EAAE;IACnC,YAAY,EAAE,aAAa;IAC3B,OAAO,EAAE,OAAO;IAChB,MAAM,EAAE,MAAM;IAEd,SAAS,EAAE;QACT,eAAe,EAAE,sBAAsB;QACvC,YAAY,EAAE,aAAa,sBAAsB,EAAE;QACnD,KAAK,EAAE,WAAW;KACnB;CACF,CAAC,CAAC,CAAC;AAkBJ,MAAM,gBAAgB,GAAoC,CAAC,EACzD,GAAG,EAAE,UAAU,EAAE,gBAAgB,EAAE,sBAAsB,EACzD,KAAK,EAAE,WAAW,EAAE,aAAa,EAAE,YAAY,EAAE,eAAe,GAAG,MAAM,EACzE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IAEnC,MAAM,eAAe,GAAY,gBAAgB,aAAhB,gBAAgB,cAAhB,gBAAgB,GAAI,aAAa,CAAC;IACnE,MAAM,oBAAoB,GAAY,sBAAsB,aAAtB,sBAAsB,cAAtB,sBAAsB,GAAI,eAAe,CAAC;IAChF,MAAM,UAAU,GAAY,WAAW,aAAX,WAAW,cAAX,WAAW,GAAI,KAAK,CAAC;IACjD,MAAM,YAAY,GAAY,aAAa,aAAb,aAAa,cAAb,aAAa,GAAI,KAAK,CAAC;IACrD,MAAM,OAAO,GAAY,MAAM,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC;IAEjE,MAAM,WAAW,GAAY,eAAe,IAAI,WAAW,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC,CAAC;IAC9G,MAAM,oBAAoB,GAAY,CAAC,eAAe,IAAI,WAAW,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,YAAY,aAAZ,YAAY,cAAZ,YAAY,GAAI,aAAa,CAAC,CAAC;IACjH,MAAM,YAAY,GAAY,MAAM,aAAN,MAAM,cAAN,MAAM,GAAI,KAAK,CAAC;IAE9C,IAAI,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAAC;QAE9B,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,WAAW,EACzB,sBAAsB,EAAE,oBAAoB,EAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,gBACP,UAAU,EACvB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,YACxB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;SACG,CAAC;QAEH,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,KAAK,EAAE,KAAK,EACZ,gBAAgB,EAAE,eAAe,EACjC,sBAAsB,EAAE,oBAAoB,EAC5C,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,UAAU,EACvB,aAAa,EAAE,YAAY,EAC3B,YAAY,EAAE,WAAW,EACzB,sBAAsB,EAAE,oBAAoB,EAC5C,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,YAAY,gBACP,UAAU,YAEtB,QAAQ,GACI,CAChB,CAAC;IACJ,CAAC;AACL,CAAC,CAAC;AAEF,eAAe,gBAAgB,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface NavigationButtonProps {
|
|
3
|
-
url: string;
|
|
4
|
-
aria_label: string;
|
|
5
|
-
background_color?: string;
|
|
6
|
-
background_color_hover?: string;
|
|
7
|
-
color: string;
|
|
8
|
-
color_hover?: string;
|
|
9
|
-
border_color?: string;
|
|
10
|
-
border_radius?: string;
|
|
11
|
-
text_decoration: 'none' | 'underline';
|
|
12
|
-
layout: 'button' | 'link';
|
|
13
|
-
width: string;
|
|
14
|
-
height?: string;
|
|
15
|
-
margin?: string;
|
|
16
|
-
children: React.ReactNode;
|
|
17
|
-
}
|
|
18
|
-
declare const NavigationButtonMotion: React.FC<NavigationButtonProps>;
|
|
19
|
-
export default NavigationButtonMotion;
|