@npm_leadtech/legal-lib-components 7.7.3 → 7.8.2

package/dist/css/styles.css

@@ -228,8 +228,6 @@ html {
   --snackbar-success-border: #34b2a7;
   --snackbar-reminder-bg: #f2bd6a;
   --snackbar-reminder-border: #cd9a4c;
-}
-html {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;

package/dist/src/components/atoms/FixedFooter/FixedFooter.d.ts

@@ -1,3 +1,7 @@
 import { FixedFooterProps } from './FixedFooterProps';
 import React from 'react';
+/**
+ * @deprecated Este componentes será removido en el futuro. Use `Footer` en su lugar.
+ * @deprecatedSince 7.8.0
+ */
 export declare const FixedFooter: React.FC<FixedFooterProps>;

package/dist/src/components/atoms/FixedFooter/FixedFooter.js

@@ -12,6 +12,10 @@ import linkedin from '../../../../images/svg/linkedin.svg';
 import pinterest from '../../../../images/svg/pinterest.svg';
 import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.svg';
 import x from '../../../../images/svg/x.svg';
+/**
+ * @deprecated Este componentes será removido en el futuro. Use `Footer` en su lugar.
+ * @deprecatedSince 7.8.0
+ */
 export const FixedFooter = ({ footerData = {
     findUs: 'Find Us'
 }, config = {

package/dist/src/components/atoms/FixedFooter/FixedFooter.tsx

@@ -14,6 +14,10 @@ import pinterest from '../../../../images/svg/pinterest.svg'
 import securityIconBlack from '../../../../images/svg/icon-24-px-security_black.svg'
 import x from '../../../../images/svg/x.svg'
 
+/**
+ * @deprecated Este componentes será removido en el futuro. Use `Footer` en su lugar.
+ * @deprecatedSince 7.8.0
+ */
 export const FixedFooter: React.FC<FixedFooterProps> = ({
   footerData = {
     findUs: 'Find Us'

package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.styled.js

@@ -25,10 +25,6 @@ export const PopularDocsItemStyled = styled.a `
     margin-left: 0.5rem;
   }
 
-  @media ${device.mobile} {
-    gap: 1rem;
-  }
-
   .category-icon svg {
     fill: var(--primary-main-dark-1);
   }
@@ -49,11 +45,6 @@ export const PopularDocsItemStyled = styled.a `
       line-height: 1.33;
       margin-top: 0.3rem;
     }
-    media ${device.mobile} {
-      strong {
-        font-size: 0.9rem;
-      }
-    }
   }
 
   .icon-left svg {

package/dist/src/components/atoms/PopularDocsItem/PopularDocsItem.styled.ts

@@ -26,10 +26,6 @@ export const PopularDocsItemStyled = styled.a`
     margin-left: 0.5rem;
   }
 
-  @media ${device.mobile} {
-    gap: 1rem;
-  }
-
   .category-icon svg {
     fill: var(--primary-main-dark-1);
   }
@@ -50,11 +46,6 @@ export const PopularDocsItemStyled = styled.a`
       line-height: 1.33;
       margin-top: 0.3rem;
     }
-    media ${device.mobile} {
-      strong {
-        font-size: 0.9rem;
-      }
-    }
   }
 
   .icon-left svg {

package/dist/src/components/molecules/ContactInfo/ContactInfo.d.ts

@@ -0,0 +1,3 @@
+import { ContactInfoProps } from './ContactInfoProps.types';
+import React from 'react';
+export declare const ContactInfo: React.FC<ContactInfoProps>;

package/dist/src/components/molecules/ContactInfo/ContactInfo.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ContactInformation, PhoneButton } from './ContactInfo.styled';
+import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon';
+export const ContactInfo = ({ phoneNumber, schedule, languageSelector }) => (_jsxs(ContactInformation, { children: [Boolean(languageSelector) && _jsx("div", { className: 'language-selector-mobile-container', children: languageSelector }), _jsx("b", { className: 'sans-serif --extra-small --bold-weight site-phone', children: phoneNumber }), _jsxs(PhoneButton, { children: [_jsx(PhoneIcon, { fill: 'white', width: 20, height: 20 }), _jsx("span", { children: phoneNumber })] }), _jsx("span", { className: 'sans-serif --extra-small site-schedule', children: schedule })] }));

package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.d.ts

@@ -0,0 +1,2 @@
+export declare const ContactInformation: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const PhoneButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.js

@@ -0,0 +1,49 @@
+import styled from 'styled-components';
+export const ContactInformation = styled.div `
+  display: flex;
+  flex-direction: column;
+  color: var(--neutral-neutral-6);
+  @media (max-width: 575px) {
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+  }
+  .language-selector-mobile-container {
+    background-color: var(--primary-main-dark-1);
+    margin-bottom: 2rem;
+    width: 100%;
+
+    @media (min-width: 768px) {
+      display: none;
+    }
+  }
+  .site-phone {
+    @media (max-width: 575px) {
+      display: none;
+    }
+  }
+  .site-schedule {
+    @media (max-width: 575px) {
+      font-size: 1rem;
+      margin-top: 1rem;
+    }
+  }
+`;
+export const PhoneButton = styled.a `
+  @media (min-width: 575px) {
+    display: none;
+  }
+  width: 100%;
+  background-color: var(--primary-main);
+  padding: 0.7rem 1rem 0.7rem 1rem;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+
+  span {
+    color: var(--neutral-neutral-6);
+    font-weight: 700;
+  }
+`;

package/dist/src/components/molecules/ContactInfo/ContactInfo.styled.ts

@@ -0,0 +1,51 @@
+import styled from 'styled-components'
+
+export const ContactInformation = styled.div`
+  display: flex;
+  flex-direction: column;
+  color: var(--neutral-neutral-6);
+  @media (max-width: 575px) {
+    width: 100%;
+    justify-content: center;
+    align-items: center;
+  }
+  .language-selector-mobile-container {
+    background-color: var(--primary-main-dark-1);
+    margin-bottom: 2rem;
+    width: 100%;
+
+    @media (min-width: 768px) {
+      display: none;
+    }
+  }
+  .site-phone {
+    @media (max-width: 575px) {
+      display: none;
+    }
+  }
+  .site-schedule {
+    @media (max-width: 575px) {
+      font-size: 1rem;
+      margin-top: 1rem;
+    }
+  }
+`
+
+export const PhoneButton = styled.a`
+  @media (min-width: 575px) {
+    display: none;
+  }
+  width: 100%;
+  background-color: var(--primary-main);
+  padding: 0.7rem 1rem 0.7rem 1rem;
+  border-radius: 4px;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  gap: 0.5rem;
+
+  span {
+    color: var(--neutral-neutral-6);
+    font-weight: 700;
+  }
+`

package/dist/src/components/molecules/ContactInfo/ContactInfo.tsx

@@ -0,0 +1,16 @@
+import { ContactInformation, PhoneButton } from './ContactInfo.styled'
+import { ContactInfoProps } from './ContactInfoProps.types'
+import { PhoneIcon } from '../../../../images/componentsSvg/PhoneIcon'
+import React from 'react'
+
+export const ContactInfo: React.FC<ContactInfoProps> = ({ phoneNumber, schedule, languageSelector }) => (
+  <ContactInformation>
+    {Boolean(languageSelector) && <div className='language-selector-mobile-container'>{languageSelector}</div>}
+    <b className='sans-serif --extra-small --bold-weight site-phone'>{phoneNumber}</b>
+    <PhoneButton>
+      <PhoneIcon fill='white' width={20} height={20} />
+      <span>{phoneNumber}</span>
+    </PhoneButton>
+    <span className='sans-serif --extra-small site-schedule'>{schedule}</span>
+  </ContactInformation>
+)

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.d.ts

@@ -0,0 +1,5 @@
+export interface ContactInfoProps {
+    phoneNumber: string;
+    schedule: string;
+    languageSelector?: React.ReactNode;
+}

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/ContactInfo/ContactInfoProps.types.ts

@@ -0,0 +1,5 @@
+export interface ContactInfoProps {
+  phoneNumber: string
+  schedule: string
+  languageSelector?: React.ReactNode
+}

package/dist/src/components/molecules/ContactInfo/index.d.ts

@@ -0,0 +1,2 @@
+export { ContactInfo } from './ContactInfo';
+export { type ContactInfoProps } from './ContactInfoProps.types';

package/dist/src/components/molecules/ContactInfo/index.js

@@ -0,0 +1 @@
+export { ContactInfo } from './ContactInfo';

package/dist/src/components/molecules/ContactInfo/index.ts

@@ -0,0 +1,2 @@
+export { ContactInfo } from './ContactInfo'
+export { type ContactInfoProps } from './ContactInfoProps.types'

package/dist/src/components/molecules/FooterMenu/FooterMenu.d.ts

@@ -0,0 +1,3 @@
+import { FooterMenuProps } from './FooterMenuProps.types';
+import React from 'react';
+export declare const FooterMenu: React.FC<FooterMenuProps>;

package/dist/src/components/molecules/FooterMenu/FooterMenu.js

@@ -0,0 +1,3 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { FooterMenuList, FooterMenuStyled, FooterMenuTitle, FooterStyledLink } from './FooterMenu.styled';
+export const FooterMenu = ({ title, links }) => (_jsxs(FooterMenuStyled, { children: [_jsx(FooterMenuTitle, { className: 'sans-serif --small --bold-weight', children: title }), _jsx(FooterMenuList, { children: links.map((link) => (_jsx("li", { children: _jsx(FooterStyledLink, { href: link.url, className: 'sans-serif --extra-small', "data-qa": link.dataQa, children: link.name }) }, link.url))) })] }));

package/dist/src/components/molecules/FooterMenu/FooterMenu.styled.d.ts

@@ -0,0 +1,4 @@
+export declare const FooterMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const FooterMenuTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const FooterMenuList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const FooterStyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/dist/src/components/molecules/FooterMenu/FooterMenu.styled.js

@@ -0,0 +1,19 @@
+import styled from 'styled-components';
+export const FooterMenuStyled = styled.div `
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+  color: var(--neutral-neutral-6);
+`;
+export const FooterMenuTitle = styled.p `
+  color: var(--primary-main-light-4);
+`;
+export const FooterMenuList = styled.ul `
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+`;
+export const FooterStyledLink = styled.a `
+  color: var(--neutral-neutral-6);
+  text-decoration: none;
+`;

package/dist/src/components/molecules/FooterMenu/FooterMenu.styled.ts

@@ -0,0 +1,23 @@
+import styled from 'styled-components'
+
+export const FooterMenuStyled = styled.div`
+  display: flex;
+  flex-direction: column;
+  gap: 0.8rem;
+  color: var(--neutral-neutral-6);
+`
+
+export const FooterMenuTitle = styled.p`
+  color: var(--primary-main-light-4);
+`
+
+export const FooterMenuList = styled.ul`
+  display: flex;
+  flex-direction: column;
+  gap: 0.6rem;
+`
+
+export const FooterStyledLink = styled.a`
+  color: var(--neutral-neutral-6);
+  text-decoration: none;
+`

package/dist/src/components/molecules/FooterMenu/FooterMenu.tsx

@@ -0,0 +1,18 @@
+import { FooterMenuList, FooterMenuStyled, FooterMenuTitle, FooterStyledLink } from './FooterMenu.styled'
+import { FooterMenuProps } from './FooterMenuProps.types'
+import React from 'react'
+
+export const FooterMenu: React.FC<FooterMenuProps> = ({ title, links }) => (
+  <FooterMenuStyled>
+    <FooterMenuTitle className='sans-serif --small --bold-weight'>{title}</FooterMenuTitle>
+    <FooterMenuList>
+      {links.map((link) => (
+        <li key={link.url}>
+          <FooterStyledLink href={link.url} className='sans-serif --extra-small' data-qa={link.dataQa}>
+            {link.name}
+          </FooterStyledLink>
+        </li>
+      ))}
+    </FooterMenuList>
+  </FooterMenuStyled>
+)

package/dist/src/components/molecules/FooterMenu/FooterMenuProps.types.d.ts

@@ -0,0 +1,10 @@
+export interface Link {
+    name: string;
+    url: string;
+    dataQa?: string;
+    rel?: string;
+}
+export interface FooterMenuProps {
+    title: string;
+    links: Link[];
+}

package/dist/src/components/molecules/FooterMenu/FooterMenuProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/FooterMenu/FooterMenuProps.types.ts

@@ -0,0 +1,11 @@
+export interface Link {
+  name: string
+  url: string
+  dataQa?: string
+  rel?: string
+}
+
+export interface FooterMenuProps {
+  title: string
+  links: Link[]
+}

package/dist/src/components/molecules/FooterMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { FooterMenu } from './FooterMenu';
+export type { FooterMenuProps } from './FooterMenuProps.types';

package/dist/src/components/molecules/FooterMenu/index.js

@@ -0,0 +1 @@
+export { FooterMenu } from './FooterMenu';

package/dist/src/components/molecules/FooterMenu/index.ts

@@ -0,0 +1,2 @@
+export { FooterMenu } from './FooterMenu'
+export type { FooterMenuProps } from './FooterMenuProps.types'

package/dist/src/components/molecules/SocialLinks/SocialLinks.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SocialLinksProps } from './SocialLinksProps.types';
+export declare const SocialLinks: React.FC<SocialLinksProps>;

package/dist/src/components/molecules/SocialLinks/SocialLinks.js

@@ -0,0 +1,5 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SocialList } from './SocialLinks.styled';
+export const SocialLinks = ({ links }) => {
+    return (_jsx(SocialList, { children: links.map((social) => (_jsx("li", { children: _jsx("a", { href: social.url, rel: 'noopener noreferrer', target: '_blank', children: _jsx("img", { src: social.iconSrc, alt: social.alt, width: '20', height: '20' }) }) }, social.url))) }));
+};

package/dist/src/components/molecules/SocialLinks/SocialLinks.styled.d.ts

@@ -0,0 +1 @@
+export declare const SocialList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;

package/dist/src/components/molecules/SocialLinks/SocialLinks.styled.js

@@ -0,0 +1,5 @@
+import styled from 'styled-components';
+export const SocialList = styled.ul `
+  display: flex;
+  gap: 1rem;
+`;

package/dist/src/components/molecules/SocialLinks/SocialLinks.styled.ts

@@ -0,0 +1,6 @@
+import styled from 'styled-components'
+
+export const SocialList = styled.ul`
+  display: flex;
+  gap: 1rem;
+`

package/dist/src/components/molecules/SocialLinks/SocialLinks.tsx

@@ -0,0 +1,17 @@
+import React from 'react'
+import { SocialLinksProps } from './SocialLinksProps.types'
+import { SocialList } from './SocialLinks.styled'
+
+export const SocialLinks: React.FC<SocialLinksProps> = ({ links }) => {
+  return (
+    <SocialList>
+      {links.map((social) => (
+        <li key={social.url}>
+          <a href={social.url} rel='noopener noreferrer' target='_blank'>
+            <img src={social.iconSrc} alt={social.alt} width='20' height='20' />
+          </a>
+        </li>
+      ))}
+    </SocialList>
+  )
+}

package/dist/src/components/molecules/SocialLinks/SocialLinksProps.types.d.ts

@@ -0,0 +1,8 @@
+export interface SocialLink {
+    url: string;
+    iconSrc: string;
+    alt: string;
+}
+export interface SocialLinksProps {
+    links: SocialLink[];
+}

package/dist/src/components/molecules/SocialLinks/SocialLinksProps.types.js

@@ -0,0 +1 @@
+export {};

package/dist/src/components/molecules/SocialLinks/SocialLinksProps.types.ts

@@ -0,0 +1,9 @@
+export interface SocialLink {
+  url: string
+  iconSrc: string
+  alt: string
+}
+
+export interface SocialLinksProps {
+  links: SocialLink[]
+}

package/dist/src/components/molecules/SocialLinks/index.d.ts

@@ -0,0 +1,2 @@
+export { SocialLinks } from './SocialLinks';
+export { type SocialLinksProps } from './SocialLinksProps.types';

package/dist/src/components/molecules/SocialLinks/index.js

@@ -0,0 +1 @@
+export { SocialLinks } from './SocialLinks';

package/dist/src/components/molecules/SocialLinks/index.ts

@@ -0,0 +1,2 @@
+export { SocialLinks } from './SocialLinks'
+export { type SocialLinksProps } from './SocialLinksProps.types'

package/dist/src/components/molecules/index.d.ts

@@ -10,6 +10,7 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
 export * from './EmailContactBox';
@@ -17,6 +18,7 @@ export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
@@ -33,6 +35,7 @@ export * from './PopularDocs';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
+export * from './SocialLinks';
 export * from './SubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.js

@@ -10,6 +10,7 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
 export * from './EmailContactBox';
@@ -17,6 +18,7 @@ export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
@@ -33,6 +35,7 @@ export * from './PopularDocs';
 export * from './PricingCard';
 export * from './RatafiaResultCardList';
 export * from './RatafiaResultTabList';
+export * from './SocialLinks';
 export * from './SubscriptionCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/src/components/molecules/index.ts

@@ -10,6 +10,7 @@ export * from './BoxForm'
 export * from './Breadcrumb'
 export * from './ContactBox'
 export * from './ContactCardList'
+export * from './ContactInfo'
 export * from './ContinueEditingBanner'
 export * from './CountDownMessage'
 export * from './EmailContactBox'
@@ -17,6 +18,7 @@ export * from './ExpertCardList'
 export * from './FaqItem'
 export * from './FeatureRatafiaCardList'
 export * from './Feedback'
+export * from './FooterMenu'
 export * from './FreeDocModalContent'
 export * from './HeaderRatafia'
 export * from './KeyFactCardListRatafia'
@@ -33,6 +35,7 @@ export * from './PopularDocs'
 export * from './PricingCard'
 export * from './RatafiaResultCardList'
 export * from './RatafiaResultTabList'
+export * from './SocialLinks'
 export * from './SubscriptionCard'
 export * from './Snackbar'
 export * from './StepGetForm'

package/dist/src/components/organisms/BottomFooter/BottomFooter.d.ts

@@ -0,0 +1,3 @@
+import { BottomFooterProps } from './BottomFooterProps.types';
+import React from 'react';
+export declare const BottomFooter: React.FC<BottomFooterProps>;

package/dist/src/components/organisms/BottomFooter/BottomFooter.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BottomFooterStyled, BottomFooterText, BottomFooterWrapper, CompanyLink, CompanyList, LogoSocialsWrapper } from './BottomFooter.styled';
+import { Logo } from '../../atoms/Logo/Logo';
+import { SocialLinks } from '../../molecules/SocialLinks';
+export const BottomFooter = ({ siteName, companyLinks, socialLinks, disclaimerText, copyrightText }) => {
+    return (_jsx(BottomFooterWrapper, { children: _jsxs(BottomFooterStyled, { children: [_jsxs(LogoSocialsWrapper, { className: 'footer__logo', children: [_jsx(Logo, { className: 'footer__lawdistrict', siteName: siteName, width: '138', height: '24', type: 'white' }), socialLinks && _jsx(SocialLinks, { links: socialLinks })] }), _jsx("div", { children: _jsx(CompanyList, { children: companyLinks?.map((link) => (_jsx("li", { children: _jsx(CompanyLink, { href: link.url, className: 'sans-serif --extra-small', "data-qa": link.dataQa, rel: link.rel, children: link.name }) }, link.url))) }) }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: disclaimerText }), _jsx(BottomFooterText, { className: 'sans-serif --extra-small', children: copyrightText })] }) }));
+};

package/dist/src/components/organisms/BottomFooter/BottomFooter.styled.d.ts

@@ -0,0 +1,6 @@
+export declare const BottomFooterStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomFooterWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomFooterText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>> & string;
+export declare const LogoSocialsWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CompanyList: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
+export declare const CompanyLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;

package/dist/src/components/organisms/BottomFooter/BottomFooter.styled.js

@@ -0,0 +1,35 @@
+import styled from 'styled-components';
+export const BottomFooterStyled = styled.div `
+  display: flex;
+  padding: 1.5rem 1.5rem;
+  flex-direction: column;
+  width: 100%;
+  gap: 1rem;
+  max-width: 1200px;
+`;
+export const BottomFooterWrapper = styled.div `
+  width: 100%;
+  background-color: var(--neutral-main);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`;
+export const BottomFooterText = styled.p `
+  color: var(--neutral-neutral-3);
+`;
+export const LogoSocialsWrapper = styled.div `
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--neutral-neutral-2);
+  padding-bottom: 1rem;
+`;
+export const CompanyList = styled.ul `
+  display: flex;
+  text-decoration: none;
+  gap: 1rem;
+  flex-wrap: wrap;
+`;
+export const CompanyLink = styled.a `
+  color: var(--neutral-neutral-3);
+  text-decoration: none;
+`;

package/dist/src/components/organisms/BottomFooter/BottomFooter.styled.ts

@@ -0,0 +1,41 @@
+import styled from 'styled-components'
+
+export const BottomFooterStyled = styled.div`
+  display: flex;
+  padding: 1.5rem 1.5rem;
+  flex-direction: column;
+  width: 100%;
+  gap: 1rem;
+  max-width: 1200px;
+`
+
+export const BottomFooterWrapper = styled.div`
+  width: 100%;
+  background-color: var(--neutral-main);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+`
+
+export const BottomFooterText = styled.p`
+  color: var(--neutral-neutral-3);
+`
+
+export const LogoSocialsWrapper = styled.div`
+  display: flex;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--neutral-neutral-2);
+  padding-bottom: 1rem;
+`
+
+export const CompanyList = styled.ul`
+  display: flex;
+  text-decoration: none;
+  gap: 1rem;
+  flex-wrap: wrap;
+`
+
+export const CompanyLink = styled.a`
+  color: var(--neutral-neutral-3);
+  text-decoration: none;
+`