@npm_leadtech/legal-lib-components 7.7.3 → 7.8.2

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

@@ -2,6 +2,7 @@ export * from './HeroContent'
 export * from './Accordion'
 export * from './ArticlesList'
 export * from './AsSeeInContent'
+export * from './BottomFooter'
 export * from './CardFunctionality'
 export * from './ContactContent'
 export * from './ContactJumbotron'
@@ -23,6 +24,7 @@ export * from './MobileBottomBar'
 export * from './RatafiaLoadingResultContent'
 export * from './RatafiaResultContent'
 export * from './StepsRatafiaContent'
+export * from './TopFooter'
 export * from './TryOurFreeLegalBlogsContent'
 export * from './Wizard'
 export * from './HowWeHelp'

package/dist/src/components/sections/CardStorySection/CardStorySection.styled.js

@@ -7,9 +7,10 @@ export const CardStorySectionStyled = styled.div `
   .card-story-section {
     &__title {
       font-weight: 700;
-      font-size: 1.8rem;
+      font-size: 1.75rem;
       color: var(--neutral-neutral-1);
       font-family: var(--font-sans);
+      letter-spacing: -0.3px;
       padding-bottom: 1.5rem;
     }
     &__text {

package/dist/src/components/sections/CardStorySection/CardStorySection.styled.ts

@@ -8,9 +8,10 @@ export const CardStorySectionStyled = styled.div`
   .card-story-section {
     &__title {
       font-weight: 700;
-      font-size: 1.8rem;
+      font-size: 1.75rem;
       color: var(--neutral-neutral-1);
       font-family: var(--font-sans);
+      letter-spacing: -0.3px;
       padding-bottom: 1.5rem;
     }
     &__text {

package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.js

@@ -14,7 +14,8 @@ export const ExpertsSectionStyled = styled.div `
   .experts-section {
     &__title {
       font-family: var(--font-sans);
-      font-size: 32px;
+      font-size: 1.75rem;
+      color: var(--neutral-neutral-1);
       font-weight: 700;
       line-height: 42px;
       letter-spacing: -0.3px;

package/dist/src/components/sections/ExpertsSection/ExpertsSection.styled.ts

@@ -15,7 +15,8 @@ export const ExpertsSectionStyled = styled.div`
   .experts-section {
     &__title {
       font-family: var(--font-sans);
-      font-size: 32px;
+      font-size: 1.75rem;
+      color: var(--neutral-neutral-1);
       font-weight: 700;
       line-height: 42px;
       letter-spacing: -0.3px;

package/dist/src/components/sections/Footer/Footer.d.ts

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

package/dist/src/components/sections/Footer/Footer.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BottomFooter } from '../../organisms/BottomFooter/BottomFooter';
+import { FooterStyled } from './Footer.styled';
+import { TopFooter } from '../../organisms/TopFooter/TopFooter';
+export const Footer = ({ footerTopProps, footerBottomProps }) => {
+    return (_jsxs(FooterStyled, { className: 'footer', children: [_jsx(TopFooter, { ...footerTopProps }), footerBottomProps && _jsx(BottomFooter, { ...footerBottomProps })] }));
+};

package/dist/src/components/sections/Footer/Footer.mocks.d.ts

@@ -0,0 +1,10 @@
+import { BottomFooterProps } from 'src/components/organisms/BottomFooter';
+import { ContactInfoProps } from '../../molecules/ContactInfo/ContactInfoProps.types';
+import { FooterMenuProps } from '../../molecules/FooterMenu/FooterMenuProps.types';
+import { SocialLink } from '../../molecules/SocialLinks/SocialLinksProps.types';
+import { TopFooterProps } from 'src/components/organisms/TopFooter';
+export declare const mockMenu: FooterMenuProps;
+export declare const mockSocialLinks: SocialLink[];
+export declare const mockContactInfo: ContactInfoProps;
+export declare const mockTopFooterArgs: TopFooterProps;
+export declare const mockBottomFooterArgs: BottomFooterProps;

package/dist/src/components/sections/Footer/Footer.mocks.js

@@ -0,0 +1,65 @@
+import facebookIcon from '../../../../images/svg/facebook.svg';
+import linkedinIcon from '../../../../images/svg/linkedin.svg';
+import pinterestIcon from '../../../../images/svg/pinterest.svg';
+import xIcon from '../../../../images/svg/x.svg';
+export const mockMenu = {
+    title: 'SERVICES',
+    links: [
+        { name: 'Legal Documents and Forms', url: '#' },
+        { name: 'LawGenius', url: '#' },
+        { name: 'eSignature', url: '#' }
+    ]
+};
+export const mockSocialLinks = [
+    { url: 'https://facebook.com', iconSrc: facebookIcon, alt: 'Facebook' },
+    { url: 'https://twitter.com', iconSrc: xIcon, alt: 'Twitter' },
+    { url: 'https://pinterest.com', iconSrc: pinterestIcon, alt: 'Pinterest' },
+    { url: 'https://linkedin.com', iconSrc: linkedinIcon, alt: 'LinkedIn' }
+];
+export const mockContactInfo = {
+    phoneNumber: '1-800-123-4567',
+    schedule: 'Contact Hours: Sun-Sat 9am - 7pm ET',
+    languageSelector: ''
+};
+export const mockTopFooterArgs = {
+    menus: [
+        mockMenu,
+        {
+            title: 'POPULAR DOCUMENTS',
+            links: [
+                { name: 'Bill of Sale', url: '#' },
+                { name: 'Living Will', url: '#' },
+                { name: 'Power of Attorney', url: '#' },
+                { name: 'Residential Lease Agreement', url: '#' }
+            ]
+        },
+        {
+            title: 'RESOURCES',
+            links: [
+                { name: 'Articles', url: '#', rel: 'nofollow' },
+                { name: 'Legal Dictionary', url: '#', dataQa: 'legal-dictionary' }
+            ]
+        },
+        {
+            title: 'Help',
+            links: [
+                { name: 'FAQs', url: '#' },
+                { name: 'Contact Us', url: '#' },
+                { name: 'Pricing', url: '#' }
+            ]
+        }
+    ],
+    contactInfo: mockContactInfo,
+    trustPilotWidget: 'TRUSTPILOTWIDGET'
+};
+export const mockBottomFooterArgs = {
+    siteName: 'LawDistrict',
+    companyLinks: [
+        { name: 'Terms of Service', url: '#' },
+        { name: 'Privacy Policy', url: '#' },
+        { name: 'Cookie Policy', url: '#' }
+    ],
+    socialLinks: mockSocialLinks,
+    disclaimerText: 'Lawdistrict.com offers various models of legal documents, as well as additional functionalities, for different needs and purposes. By using our online document editor you will obtain a completely customized legal document for a fee. We are not a law firm and, therefore, do not provide official legal advice. If you need further legal assistance, we suggest consulting an attorney or a law firm in your jurisdiction that specializes in your specific legal matter. You take sole responsibility for the use of the legal documents and information provided.',
+    copyrightText: `© ${new Date().getFullYear()} www.lawdistrict.com All Rights Reserved.`
+};

package/dist/src/components/sections/Footer/Footer.mocks.ts

@@ -0,0 +1,77 @@
+import { BottomFooterProps } from 'src/components/organisms/BottomFooter'
+import { ContactInfoProps } from '../../molecules/ContactInfo/ContactInfoProps.types'
+import { FooterMenuProps } from '../../molecules/FooterMenu/FooterMenuProps.types'
+import { SocialLink } from '../../molecules/SocialLinks/SocialLinksProps.types'
+import { TopFooterProps } from 'src/components/organisms/TopFooter'
+
+import facebookIcon from '../../../../images/svg/facebook.svg'
+import linkedinIcon from '../../../../images/svg/linkedin.svg'
+import pinterestIcon from '../../../../images/svg/pinterest.svg'
+import xIcon from '../../../../images/svg/x.svg'
+
+export const mockMenu: FooterMenuProps = {
+  title: 'SERVICES',
+  links: [
+    { name: 'Legal Documents and Forms', url: '#' },
+    { name: 'LawGenius', url: '#' },
+    { name: 'eSignature', url: '#' }
+  ]
+}
+
+export const mockSocialLinks: SocialLink[] = [
+  { url: 'https://facebook.com', iconSrc: facebookIcon, alt: 'Facebook' },
+  { url: 'https://twitter.com', iconSrc: xIcon, alt: 'Twitter' },
+  { url: 'https://pinterest.com', iconSrc: pinterestIcon, alt: 'Pinterest' },
+  { url: 'https://linkedin.com', iconSrc: linkedinIcon, alt: 'LinkedIn' }
+]
+
+export const mockContactInfo: ContactInfoProps = {
+  phoneNumber: '1-800-123-4567',
+  schedule: 'Contact Hours: Sun-Sat 9am - 7pm ET',
+  languageSelector: ''
+}
+
+export const mockTopFooterArgs: TopFooterProps = {
+  menus: [
+    mockMenu,
+    {
+      title: 'POPULAR DOCUMENTS',
+      links: [
+        { name: 'Bill of Sale', url: '#' },
+        { name: 'Living Will', url: '#' },
+        { name: 'Power of Attorney', url: '#' },
+        { name: 'Residential Lease Agreement', url: '#' }
+      ]
+    },
+    {
+      title: 'RESOURCES',
+      links: [
+        { name: 'Articles', url: '#', rel: 'nofollow' },
+        { name: 'Legal Dictionary', url: '#', dataQa: 'legal-dictionary' }
+      ]
+    },
+    {
+      title: 'Help',
+      links: [
+        { name: 'FAQs', url: '#' },
+        { name: 'Contact Us', url: '#' },
+        { name: 'Pricing', url: '#' }
+      ]
+    }
+  ],
+  contactInfo: mockContactInfo,
+  trustPilotWidget: 'TRUSTPILOTWIDGET'
+}
+
+export const mockBottomFooterArgs: BottomFooterProps = {
+  siteName: 'LawDistrict',
+  companyLinks: [
+    { name: 'Terms of Service', url: '#' },
+    { name: 'Privacy Policy', url: '#' },
+    { name: 'Cookie Policy', url: '#' }
+  ],
+  socialLinks: mockSocialLinks,
+  disclaimerText:
+    'Lawdistrict.com offers various models of legal documents, as well as additional functionalities, for different needs and purposes. By using our online document editor you will obtain a completely customized legal document for a fee. We are not a law firm and, therefore, do not provide official legal advice. If you need further legal assistance, we suggest consulting an attorney or a law firm in your jurisdiction that specializes in your specific legal matter. You take sole responsibility for the use of the legal documents and information provided.',
+  copyrightText: `© ${new Date().getFullYear()} www.lawdistrict.com All Rights Reserved.`
+}

package/dist/src/components/sections/Footer/Footer.styled.d.ts

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

package/dist/src/components/sections/Footer/Footer.styled.js

@@ -0,0 +1,9 @@
+import styled from 'styled-components';
+export const FooterStyled = styled.footer `
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--primary-main-dark-2);
+  width: 100%;
+  margin: 0 auto;
+`;

package/dist/src/components/sections/Footer/Footer.styled.ts

@@ -0,0 +1,10 @@
+import styled from 'styled-components'
+
+export const FooterStyled = styled.footer`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  background: var(--primary-main-dark-2);
+  width: 100%;
+  margin: 0 auto;
+`

package/dist/src/components/sections/Footer/Footer.tsx

@@ -0,0 +1,14 @@
+import { BottomFooter } from '../../organisms/BottomFooter/BottomFooter'
+import { FooterProps } from './FooterProps.types'
+import { FooterStyled } from './Footer.styled'
+import React from 'react'
+import { TopFooter } from '../../organisms/TopFooter/TopFooter'
+
+export const Footer: React.FC<FooterProps> = ({ footerTopProps, footerBottomProps }) => {
+  return (
+    <FooterStyled className='footer'>
+      <TopFooter {...footerTopProps} />
+      {footerBottomProps && <BottomFooter {...footerBottomProps} />}
+    </FooterStyled>
+  )
+}

package/dist/src/components/sections/Footer/FooterProps.types.d.ts

@@ -0,0 +1,6 @@
+import { BottomFooterProps } from 'src/components/organisms/BottomFooter';
+import { TopFooterProps } from 'src/components/organisms/TopFooter';
+export interface FooterProps {
+    footerTopProps: TopFooterProps;
+    footerBottomProps?: BottomFooterProps;
+}

package/dist/src/components/sections/Footer/FooterProps.types.js

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

package/dist/src/components/sections/Footer/FooterProps.types.ts

@@ -0,0 +1,7 @@
+import { BottomFooterProps } from 'src/components/organisms/BottomFooter'
+import { TopFooterProps } from 'src/components/organisms/TopFooter'
+
+export interface FooterProps {
+  footerTopProps: TopFooterProps
+  footerBottomProps?: BottomFooterProps
+}

package/dist/src/components/sections/Footer/index.d.ts

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

package/dist/src/components/sections/Footer/index.js

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

package/dist/src/components/sections/Footer/index.ts

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

package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.js

@@ -2,6 +2,6 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { GuidelinesContent } from '../../organisms/GuidelinesContent';
 import { GuidelinesSectionStyled } from './GuidelinesSection.styled';
 const GuidelinesSection = ({ contentGuidelines }) => {
-    return (_jsx(GuidelinesSectionStyled, { className: 'guidelines-section', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, detail: contentGuidelines.detail, children: contentGuidelines.children }) }));
+    return (_jsx(GuidelinesSectionStyled, { className: 'guidelines-section', children: _jsx(GuidelinesContent, { title: contentGuidelines.title, image: contentGuidelines.image, detail: contentGuidelines.detail, tryNowText: contentGuidelines.tryNowText, tryNowButtonText: contentGuidelines.tryNowButtonText, tryNowButtonLink: contentGuidelines.tryNowButtonLink, tryNowButtonDataQa: contentGuidelines.tryNowButtonDataQa, tryNowImage: contentGuidelines.tryNowImage, children: contentGuidelines.children }) }));
 };
 export default GuidelinesSection;

package/dist/src/components/sections/GuidelinesSection/GuidelinesSection.tsx

@@ -11,6 +11,11 @@ const GuidelinesSection: FC<GuidelinesSectionProps> = ({ contentGuidelines }) =>
         title={contentGuidelines.title}
         image={contentGuidelines.image}
         detail={contentGuidelines.detail}
+        tryNowText={contentGuidelines.tryNowText}
+        tryNowButtonText={contentGuidelines.tryNowButtonText}
+        tryNowButtonLink={contentGuidelines.tryNowButtonLink}
+        tryNowButtonDataQa={contentGuidelines.tryNowButtonDataQa}
+        tryNowImage={contentGuidelines.tryNowImage}
       >
         {contentGuidelines.children}
       </GuidelinesContent>

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.styled.js

@@ -17,8 +17,6 @@ export const HowGetYourFormsSectionStyled = styled.section `
     font-family: var(--font-serif);
     text-align: center;
     padding-top: 4rem;
-    padding-right: 1.5rem;
-    padding-left: 1.5rem;
     @media only screen and (max-width: ${size.md}) {
       padding-top: 2.5rem;
     }

package/dist/src/components/sections/HowGetYourFormsSection/HowGetYourFormsSection.styled.ts

@@ -18,8 +18,6 @@ export const HowGetYourFormsSectionStyled = styled.section`
     font-family: var(--font-serif);
     text-align: center;
     padding-top: 4rem;
-    padding-right: 1.5rem;
-    padding-left: 1.5rem;
     @media only screen and (max-width: ${size.md}) {
       padding-top: 2.5rem;
     }

package/dist/src/components/sections/LearnMoreSection/LearnMoreSection.styled.js

@@ -18,7 +18,7 @@ export const LearnMoreSectionStyled = styled.section `
 
   .learn-more__info {
     width: 100%;
-    padding: 0 1.5rem;
+    padding: 0 1rem;
     display: flex;
     flex-flow: column wrap;
     justify-content: center;

package/dist/src/components/sections/LearnMoreSection/LearnMoreSection.styled.ts

@@ -19,7 +19,7 @@ export const LearnMoreSectionStyled = styled.section`
 
   .learn-more__info {
     width: 100%;
-    padding: 0 1.5rem;
+    padding: 0 1rem;
     display: flex;
     flex-flow: column wrap;
     justify-content: center;

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.js

@@ -16,7 +16,6 @@ export const WhyLawDistrictSectionStyled = styled.section `
 
   .whyLawDistrictSection {
     &__title {
-      padding: 0 1.5rem;
       @media ${device.laptop} {
         padding: 0;
       }

package/dist/src/components/sections/WhyLawDistrictSection/WhyLawDistrictSection.styled.ts

@@ -17,7 +17,6 @@ export const WhyLawDistrictSectionStyled = styled.section`
 
   .whyLawDistrictSection {
     &__title {
-      padding: 0 1.5rem;
       @media ${device.laptop} {
         padding: 0;
       }

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

@@ -7,6 +7,7 @@ export * from './CardBoxSection';
 export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
+export * from './Footer';
 export * from './FeaturesRatafiaSection';
 export * from './FunctionalityCardsSection';
 export * from './GuidelinesSection';
@@ -25,3 +26,4 @@ export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
+export * from './Footer';

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

@@ -7,6 +7,7 @@ export * from './CardBoxSection';
 export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
+export * from './Footer';
 export * from './FeaturesRatafiaSection';
 export * from './FunctionalityCardsSection';
 export * from './GuidelinesSection';
@@ -25,3 +26,4 @@ export * from './UnsubscribeSection';
 export * from './WhyLawDistrictSection';
 export * from './LearnMoreSection';
 export * from './CardStorySection';
+export * from './Footer';

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

@@ -7,6 +7,7 @@ export * from './CardBoxSection'
 export * from './ContactSection'
 export * from './ExpertsSection'
 export * from './FaqSection'
+export * from './Footer'
 export * from './FeaturesRatafiaSection'
 export * from './FunctionalityCardsSection'
 export * from './GuidelinesSection'
@@ -25,3 +26,4 @@ export * from './UnsubscribeSection'
 export * from './WhyLawDistrictSection'
 export * from './LearnMoreSection'
 export * from './CardStorySection'
+export * from './Footer'

package/dist/src/globalStyles/themes.scss

@@ -20,9 +20,7 @@ html {
 
   --snackbar-reminder-bg: #f2bd6a;
   --snackbar-reminder-border: #cd9a4c;
-}
 
-html {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;