@npm_leadtech/legal-lib-components 7.45.0 → 7.46.0

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -10,17 +11,23 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
+export * from './ContactInfoBox';
+export * from './ContactInfoBoxMobile';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -30,9 +37,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
-export * from './RatafiaSubscriptionCard';
+export * from './RatafiaResultCardList';
+export * from './RatafiaResultTabList';
+export * from './SocialLinks';
+export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -43,3 +55,6 @@ export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';
 export * from './WarningBox';
+export * from './InfoBarFooter';
+export * from './HelpSection';
+export * from './HelpPanelList';

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem';
 export * from './ActionButtonHeaderRatafiaCardList';
 export * from './AlsoKnownAs';
+export * from './AllTypeDocumentsItemMenu';
 export * from './Article';
 export * from './BaseBoxList';
 export * from './BenefitRatafiaCardList';
@@ -10,17 +11,23 @@ export * from './BoxForm';
 export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContactCardList';
+export * from './ContactInfo';
+export * from './ContactInfoBox';
+export * from './ContactInfoBoxMobile';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './DocumentListMenuSection';
 export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './FeatureRatafiaCardList';
 export * from './Feedback';
+export * from './FooterMenu';
 export * from './FreeDocModalContent';
 export * from './HeaderRatafia';
 export * from './KeyFactCardListRatafia';
 export * from './MenuItemsSection';
+export * from './MenuSectionTitle';
 export * from './MidBannerRatafiaContent';
 export * from './MidBannerRatafiaSample';
 export * from './MoreDocsDesktop';
@@ -30,9 +37,14 @@ export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
 export * from './PopularDocs';
+export * from './ProductListMenu';
 export * from './PricingCard';
-export * from './RatafiaSubscriptionCard';
+export * from './RatafiaResultCardList';
+export * from './RatafiaResultTabList';
+export * from './SocialLinks';
+export * from './SubscriptionCard';
 export * from './Snackbar';
+export * from './SearchBar';
 export * from './StepGetForm';
 export * from './StepRatafiaCardList';
 export * from './SubtypeDocumentCard';
@@ -43,3 +55,6 @@ export * from './TrustworthyWebsites';
 export * from './TypeModulesList';
 export * from './UploadRatafiaZone';
 export * from './WarningBox';
+export * from './InfoBarFooter';
+export * from './HelpSection';
+export * from './HelpPanelList';

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

@@ -1,6 +1,7 @@
 export * from './AccordionItem'
 export * from './ActionButtonHeaderRatafiaCardList'
 export * from './AlsoKnownAs'
+export * from './AllTypeDocumentsItemMenu'
 export * from './Article'
 export * from './BaseBoxList'
 export * from './BenefitRatafiaCardList'
@@ -10,17 +11,23 @@ export * from './BoxForm'
 export * from './Breadcrumb'
 export * from './ContactBox'
 export * from './ContactCardList'
+export * from './ContactInfo'
+export * from './ContactInfoBox'
+export * from './ContactInfoBoxMobile'
 export * from './ContinueEditingBanner'
 export * from './CountDownMessage'
+export * from './DocumentListMenuSection'
 export * from './EmailContactBox'
 export * from './ExpertCardList'
 export * from './FaqItem'
 export * from './FeatureRatafiaCardList'
 export * from './Feedback'
+export * from './FooterMenu'
 export * from './FreeDocModalContent'
 export * from './HeaderRatafia'
 export * from './KeyFactCardListRatafia'
 export * from './MenuItemsSection'
+export * from './MenuSectionTitle'
 export * from './MidBannerRatafiaContent'
 export * from './MidBannerRatafiaSample'
 export * from './MoreDocsDesktop'
@@ -30,9 +37,14 @@ export * from './Pagination'
 export * from './PhoneContactBoxDesktop'
 export * from './PhoneContactBoxMobile'
 export * from './PopularDocs'
+export * from './ProductListMenu'
 export * from './PricingCard'
-export * from './RatafiaSubscriptionCard'
+export * from './RatafiaResultCardList'
+export * from './RatafiaResultTabList'
+export * from './SocialLinks'
+export * from './SubscriptionCard'
 export * from './Snackbar'
+export * from './SearchBar'
 export * from './StepGetForm'
 export * from './StepRatafiaCardList'
 export * from './SubtypeDocumentCard'
@@ -43,3 +55,6 @@ export * from './TrustworthyWebsites'
 export * from './TypeModulesList'
 export * from './UploadRatafiaZone'
 export * from './WarningBox'
+export * from './InfoBarFooter'
+export * from './HelpSection'
+export * from './HelpPanelList'

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

@@ -16,6 +16,13 @@ export const AsSeenInContentStyled = styled.div `
       a {
         color: var(--primary-main-light-1);
         font-weight: 400 !important;
+        text-decoration: underline;
+      }
+
+      .m-richText {
+        p {
+          margin-bottom: 1.5rem;
+        }
       }
     }
   }

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

@@ -17,6 +17,13 @@ export const AsSeenInContentStyled = styled.div`
       a {
         color: var(--primary-main-light-1);
         font-weight: 400 !important;
+        text-decoration: underline;
+      }
+
+      .m-richText {
+        p {
+          margin-bottom: 1.5rem;
+        }
       }
     }
   }

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', isLoadingLazy: true }), 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;
+`

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

@@ -0,0 +1,51 @@
+import {
+  BottomFooterStyled,
+  BottomFooterText,
+  BottomFooterWrapper,
+  CompanyLink,
+  CompanyList,
+  LogoSocialsWrapper
+} from './BottomFooter.styled'
+import { BottomFooterProps } from './BottomFooterProps.types'
+import { Logo } from '../../atoms/Logo/Logo'
+import React from 'react'
+import { SocialLinks } from '../../molecules/SocialLinks'
+
+export const BottomFooter: React.FC<BottomFooterProps> = ({
+  siteName,
+  companyLinks,
+  socialLinks,
+  disclaimerText,
+  copyrightText
+}) => {
+  return (
+    <BottomFooterWrapper>
+      <BottomFooterStyled>
+        <LogoSocialsWrapper className={'footer__logo'}>
+          <Logo
+            className='footer__lawdistrict'
+            siteName={siteName}
+            width='138'
+            height='24'
+            type='white'
+            isLoadingLazy
+          />
+          {socialLinks && <SocialLinks links={socialLinks} />}
+        </LogoSocialsWrapper>
+        <div>
+          <CompanyList>
+            {companyLinks?.map((link) => (
+              <li key={link.url}>
+                <CompanyLink href={link.url} className='sans-serif --extra-small' data-qa={link.dataQa} rel={link.rel}>
+                  {link.name}
+                </CompanyLink>
+              </li>
+            ))}
+          </CompanyList>
+        </div>
+        <BottomFooterText className='sans-serif --extra-small'>{disclaimerText}</BottomFooterText>
+        <BottomFooterText className='sans-serif --extra-small'>{copyrightText}</BottomFooterText>
+      </BottomFooterStyled>
+    </BottomFooterWrapper>
+  )
+}

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

@@ -0,0 +1,9 @@
+import { Link } from 'src/components/molecules/FooterMenu/FooterMenuProps.types';
+import { SocialLink } from 'src/components/molecules/SocialLinks/SocialLinksProps.types';
+export interface BottomFooterProps {
+    siteName: string;
+    companyLinks: Link[];
+    socialLinks?: SocialLink[];
+    disclaimerText: string;
+    copyrightText: string;
+}

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

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

package/dist/src/components/organisms/BottomFooter/BottomFooterProps.types.ts

@@ -0,0 +1,10 @@
+import { Link } from 'src/components/molecules/FooterMenu/FooterMenuProps.types'
+import { SocialLink } from 'src/components/molecules/SocialLinks/SocialLinksProps.types'
+
+export interface BottomFooterProps {
+  siteName: string
+  companyLinks: Link[]
+  socialLinks?: SocialLink[]
+  disclaimerText: string
+  copyrightText: string
+}

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

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

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

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

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

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

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

@@ -4,6 +4,6 @@ import { ContactContentStyled } from './ContactContent.styled';
 const ContactContent = ({ title, text, contactCards = [] }) => {
     if (contactCards.length === 0)
         return null;
-    return (_jsxs(ContactContentStyled, { className: 'contact-content', children: [_jsx("h2", { className: 'contact-content__title', children: title }), _jsx("p", { className: 'contact-content__text', children: text }), _jsx(ContactCardList, { contactCards: contactCards })] }));
+    return (_jsx(ContactContentStyled, { className: 'contact-content', children: _jsx("div", { className: 'wrapper', children: _jsxs("div", { className: 'contact-content__body', children: [_jsx("h2", { className: 'contact-content__title', children: title }), _jsx("p", { className: 'contact-content__text', children: text }), _jsx(ContactCardList, { contactCards: contactCards })] }) }) }));
 };
 export default ContactContent;

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

@@ -1,21 +1,34 @@
+import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
 export const ContactContentStyled = styled.div `
-  display: flex;
-  flex-direction: column;
-  transform: translateY(-5rem);
-  color: var(--neutral-neutral-1);
-  margin-top: 1rem;
+  background: var(--neutral-neutral-6);
+  padding: 0 1.5rem;
+
+  @media ${device.laptop} {
+    padding: 0;
+  }
 
   .contact-content {
+    &__body {
+      display: flex;
+      flex-direction: column;
+      color: var(--neutral-neutral-1);
+      padding-top: 2rem;
+      padding-bottom: 5rem;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+      }
+    }
     &__title {
       text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
+      font-size: 1.75rem;
+      font-family: var(--font-sans);
       font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
+      font-weight: 700;
+      line-height: 1.2;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      padding-bottom: 1.5rem;
     }
 
     &__text {
@@ -23,6 +36,10 @@ export const ContactContentStyled = styled.div `
       font-style: normal;
       font-weight: 400;
       margin: 0 0 2rem 0;
+
+      @media ${device['landscape-tablets']} {
+        letter-spacing: -0.2px;
+      }
     }
   }
 `;

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

@@ -1,22 +1,35 @@
+import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
 export const ContactContentStyled = styled.div`
-  display: flex;
-  flex-direction: column;
-  transform: translateY(-5rem);
-  color: var(--neutral-neutral-1);
-  margin-top: 1rem;
+  background: var(--neutral-neutral-6);
+  padding: 0 1.5rem;
+
+  @media ${device.laptop} {
+    padding: 0;
+  }
 
   .contact-content {
+    &__body {
+      display: flex;
+      flex-direction: column;
+      color: var(--neutral-neutral-1);
+      padding-top: 2rem;
+      padding-bottom: 5rem;
+
+      @media ${device['landscape-tablets']} {
+        padding-top: 3rem;
+      }
+    }
     &__title {
       text-align: center;
-      font-size: 32px;
-      font-family: var(--font-serif);
+      font-size: 1.75rem;
+      font-family: var(--font-sans);
       font-style: normal;
-      font-weight: 400;
-      line-height: 42px;
+      font-weight: 700;
+      line-height: 1.2;
       letter-spacing: -0.3px;
-      margin: 1rem 0;
+      padding-bottom: 1.5rem;
     }
 
     &__text {
@@ -24,6 +37,10 @@ export const ContactContentStyled = styled.div`
       font-style: normal;
       font-weight: 400;
       margin: 0 0 2rem 0;
+
+      @media ${device['landscape-tablets']} {
+        letter-spacing: -0.2px;
+      }
     }
   }
 `

package/dist/src/components/organisms/ContactContent/ContactContent.tsx

@@ -11,9 +11,13 @@ const ContactContent: FC<ContactContentProps> = ({ title, text, contactCards = [
 
   return (
     <ContactContentStyled className='contact-content'>
-      <h2 className='contact-content__title'>{title}</h2>
-      <p className='contact-content__text'>{text}</p>
-      <ContactCardList contactCards={contactCards} />
+      <div className='wrapper'>
+        <div className='contact-content__body'>
+          <h2 className='contact-content__title'>{title}</h2>
+          <p className='contact-content__text'>{text}</p>
+          <ContactCardList contactCards={contactCards} />
+        </div>
+      </div>
     </ContactContentStyled>
   )
 }

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

@@ -1,7 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EmailContactBox, PhoneContactBoxDesktop } from '../../molecules';
 import { Button } from '../../atoms';
+import { ContactInfoBox } from '../../molecules/ContactInfoBox';
 import { ContactJumbotronStyled } from './ContactJumbotron.styled';
-export const ContactJumbotron = ({ phoneBoxDesktopProps, emailContactBoxProps, faqsTitle, visitFaqPageLabel, children, isJonSnow = false }) => {
-    return (_jsxs(ContactJumbotronStyled, { children: [!isJonSnow && _jsx(PhoneContactBoxDesktop, { ...phoneBoxDesktopProps }), _jsx("h2", { className: 'contact__text__title sans-serif', children: faqsTitle }), _jsx("div", { className: 'contact__text__subtitle sans-serif', children: children }), !isJonSnow && (_jsx(Button, { givenClass: 'faq-button', color: 'secondary', label: visitFaqPageLabel, link: '/faqs/', dataQa: 'visitFaq' })), _jsx(EmailContactBox, { ...emailContactBoxProps })] }));
+export const ContactJumbotron = ({ faqsTitle, visitFaqPageLabel, children, isJonSnow = false, items }) => {
+    return (_jsxs(ContactJumbotronStyled, { children: [_jsx(ContactInfoBox, { items: items }), _jsx("h2", { className: 'contact__text__title sans-serif', children: faqsTitle }), _jsx("div", { className: 'contact__text__subtitle sans-serif', children: children }), !isJonSnow && (_jsx(Button, { givenClass: 'faq-button', color: 'secondary', label: visitFaqPageLabel, link: '/faqs/', dataQa: 'visitFaq' }))] }));
 };

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

@@ -35,7 +35,6 @@ export const ContactJumbotronStyled = styled.article `
   .faq-button {
     display: inline-block;
     margin-top: 1rem;
-    width: 100%;
     @media ${device['portrait-tablets']} {
       width: 10rem;
     }

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

@@ -36,7 +36,6 @@ export const ContactJumbotronStyled = styled.article`
   .faq-button {
     display: inline-block;
     margin-top: 1rem;
-    width: 100%;
     @media ${device['portrait-tablets']} {
       width: 10rem;
     }

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotron.tsx

@@ -1,21 +1,20 @@
 import React from 'react'
 
-import { EmailContactBox, PhoneContactBoxDesktop } from '../../molecules'
 import { Button } from '../../atoms'
+import { ContactInfoBox } from '../../molecules/ContactInfoBox'
 import { type ContactJumbotronProps } from './ContactJumbotronProps.types'
 import { ContactJumbotronStyled } from './ContactJumbotron.styled'
 
 export const ContactJumbotron: React.FC<ContactJumbotronProps> = ({
-  phoneBoxDesktopProps,
-  emailContactBoxProps,
   faqsTitle,
   visitFaqPageLabel,
   children,
-  isJonSnow = false
+  isJonSnow = false,
+  items
 }) => {
   return (
     <ContactJumbotronStyled>
-      {!isJonSnow && <PhoneContactBoxDesktop {...phoneBoxDesktopProps} />}
+      <ContactInfoBox items={items} />
       <h2 className='contact__text__title sans-serif'>{faqsTitle}</h2>
       <div className='contact__text__subtitle sans-serif'>{children}</div>
       {!isJonSnow && (
@@ -27,7 +26,6 @@ export const ContactJumbotron: React.FC<ContactJumbotronProps> = ({
           dataQa={'visitFaq'}
         />
       )}
-      <EmailContactBox {...emailContactBoxProps} />
     </ContactJumbotronStyled>
   )
 }

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.d.ts

@@ -1,10 +1,9 @@
+import { ContactInfoCardProps } from 'src/components/molecules/ContactInfoCard';
 import type React from 'react';
-import { type EmailContactBoxProps, type PhoneContactBoxDesktopProps } from '../../molecules';
 export interface ContactJumbotronProps {
-    phoneBoxDesktopProps: PhoneContactBoxDesktopProps;
-    emailContactBoxProps: EmailContactBoxProps;
     faqsTitle: string;
     visitFaqPageLabel: string;
     children: React.ReactNode;
     isJonSnow?: boolean;
+    items: ContactInfoCardProps[];
 }

package/dist/src/components/organisms/ContactJumbotron/ContactJumbotronProps.types.ts

@@ -1,12 +1,10 @@
+import { ContactInfoCardProps } from 'src/components/molecules/ContactInfoCard'
 import type React from 'react'
 
-import { type EmailContactBoxProps, type PhoneContactBoxDesktopProps } from '../../molecules'
-
 export interface ContactJumbotronProps {
-  phoneBoxDesktopProps: PhoneContactBoxDesktopProps
-  emailContactBoxProps: EmailContactBoxProps
   faqsTitle: string
   visitFaqPageLabel: string
   children: React.ReactNode
   isJonSnow?: boolean
+  items: ContactInfoCardProps[]
 }

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

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

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

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DesktopMenuStyled } from './DesktopMenu.styled';
+import { HelpSection } from '../../molecules';
+import { PhoneNumberDisplay } from '../../atoms';
+export const DesktopMenu = ({ phoneNumber, menuList, userActions, homeUrl }) => {
+    return (_jsxs(DesktopMenuStyled, { children: [phoneNumber && _jsx(PhoneNumberDisplay, { phoneNumber: phoneNumber }), menuList?.items?.length && _jsx(HelpSection, { ...menuList, homeUrl: homeUrl }), userActions] }));
+};

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

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