@npm_leadtech/legal-lib-components 2.35.7 → 2.36.0

package/dist/cjs/legal-lib-components.css

@@ -2739,6 +2739,19 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 .spinner--primary .path {
   stroke: var(--primary-main); }
 
+.tagline {
+  margin-bottom: 1rem; }
+
+.tagline__text {
+  border-bottom: solid 1px var(--neutral-neutral-3);
+  color: var(--neutral-neutral-2);
+  display: inline-block;
+  font-family: "Inter", sans-serif;
+  font-weight: bold;
+  letter-spacing: 0;
+  padding-bottom: 0.5rem;
+  text-transform: uppercase; }
+
 .e-textarea {
   display: flex;
   flex-direction: column-reverse; }
@@ -2972,7 +2985,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   display: flex;
   justify-content: center;
   border-radius: 4px;
-  box-shadow: 1px 2px 4px var(--neutral-neutral-4);
   background: var(--secondary-main-light-4);
   padding: 8px; }
   @media (min-width: 960px) {
@@ -2982,8 +2994,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     width: 24px;
     fill: var(--secondary-main-dark-1);
     margin-right: 8px; }
-    .message-information__icon.hide {
-      display: none; }
     .message-information__icon svg {
       display: block; }
   .message-information__text {
@@ -2991,9 +3001,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     letter-spacing: -0.3px;
     padding-top: 1px; }
     .message-information__text__time {
-      font-weight: 600; }
-      .message-information__text__time.regular {
-        font-weight: 400; }
+      font-weight: bold; }
 
 .article {
   display: flex;
@@ -3332,11 +3340,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .count-down-message {
       padding: 8px 0 24px 0;
       text-align: left; } }
-  .count-down-message.extra-margin {
-    margin: 0 1.5rem; }
-    @media (min-width: 960px) {
-      .count-down-message.extra-margin {
-        margin: 0; } }
 
 .count-down-message-fixed {
   display: none; }
@@ -3349,6 +3352,29 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     right: 0;
     padding: 8px; }
 
+.email-contact-box-container {
+  width: 100%;
+  border: 1px solid var(--neutral-neutral-3);
+  border-radius: 4px;
+  margin-top: 2rem;
+  margin-bottom: 6rem;
+  display: flex;
+  padding: 1rem 1.5rem; }
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      .email-contact-box-container {
+        letter-spacing: -1px; } } }
+  .email-contact-box-container .email-icon {
+    width: 30px;
+    margin-right: 1rem; }
+    .email-contact-box-container .email-icon path {
+      fill: var(--primary-main-light-1); }
+  .email-contact-box-container .email-contact-mail {
+    color: var(--primary-main-light-1);
+    font-weight: bold; }
+  .email-contact-box-container .email-contact-text {
+    color: var(--neutral-neutral-2); }
+
 .expert-card-list {
   display: flex;
   flex-direction: column;
@@ -3385,7 +3411,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       display: flex;
       align-items: center;
       gap: 1rem;
-      justify-content: space-between; }
+      justify-content: space-between;
+      cursor: pointer; }
       .faqItem .content .question .title {
         flex: 1 0 0;
         color: var(--neutral-neutral-1);
@@ -3641,6 +3668,72 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .pagination__page--ellipsis {
       cursor: default; }
 
+.phone-contact-box-container {
+  background-color: var(--others-white);
+  width: 100%;
+  border-radius: 4px;
+  margin-bottom: 2rem;
+  display: none;
+  padding: 2rem 1.5rem;
+  text-decoration: none;
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25); }
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      .phone-contact-box-container {
+        letter-spacing: -1px; } } }
+  @media (min-width: 720px) {
+    .phone-contact-box-container {
+      display: flex; } }
+  .phone-contact-box-container img {
+    align-self: center; }
+    .phone-contact-box-container img:not(.onlyIE) {
+      display: block; }
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        .phone-contact-box-container img:not(.onlyIE) {
+          display: none; } }
+    .phone-contact-box-container img.onlyIE {
+      display: none; }
+      @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
+        .phone-contact-box-container img.onlyIE {
+          display: block; } }
+
+.phone-contact-info {
+  margin-left: 1.5rem; }
+
+.phone-contact-phone {
+  font-size: 1.5rem;
+  color: var(--primary-main-dark-1);
+  font-weight: bold;
+  text-decoration: none; }
+  @media (min-width: 960px) {
+    .phone-contact-phone {
+      font-size: 1.7rem; } }
+
+.phone-contact-text {
+  color: var(--neutral-neutral-2); }
+
+.phone-mobile-contact-box-container {
+  display: block;
+  padding-top: 1rem; }
+  @media (min-width: 720px) {
+    .phone-mobile-contact-box-container {
+      display: none; } }
+
+.phone-mobile-contact-button {
+  display: flex;
+  justify-content: center; }
+  .phone-mobile-contact-button:before {
+    content: '';
+    width: 20px;
+    height: 20px;
+    background-image: url("data:image/svg+xml,%3Csvg xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22 xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22 width%3D%2224%22 height%3D%2224%22 viewBox%3D%220 0 24 24%22%3E    %3Cdefs%3E        %3Cpath id%3D%22ep7tr2p7ra%22 d%3D%22M20.01 15.38c-1.23 0-2.42-.2-3.53-.56-.35-.12-.74-.03-1.01.24l-1.57 1.97c-2.83-1.35-5.48-3.9-6.89-6.83l1.95-1.66c.27-.28.35-.67.24-1.02-.37-1.11-.56-2.3-.56-3.53 0-.54-.45-.99-.99-.99H4.19C3.65 3 3 3.24 3 3.99 3 13.28 10.73 21 20.01 21c.71 0 .99-.63.99-1.18v-3.45c0-.54-.45-.99-.99-.99z%22%2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cg%3E            %3Cg%3E                %3Cg%3E                    %3Cg transform%3D%22translate(-376.000000%2C -314.000000) translate(328.000000%2C 205.000000) translate(32.000000%2C 90.000000) translate(16.000000%2C 19.000000)%22%3E                        %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E                        %3Cmask id%3D%227tvbvoimzb%22 fill%3D%22%23fff%22%3E                            %3Cuse xlink%3Ahref%3D%22%23ep7tr2p7ra%22%2F%3E                        %3C%2Fmask%3E                        %3Cg class%3D%22icon-web-24-p%22 fill%3D%22%23fff%22 mask%3D%22url(%237tvbvoimzb)%22%3E                            %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E                        %3C%2Fg%3E                    %3C%2Fg%3E                %3C%2Fg%3E            %3C%2Fg%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E");
+    margin-right: 0.5rem; }
+
+.phone-mobile-contact-text {
+  color: var(--neutral-neutral-2);
+  text-align: center;
+  margin: 0.5rem 0 2rem; }
+
 .pricing-card {
   position: relative;
   max-width: 400px;
@@ -4144,6 +4237,39 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       color: var(--primary-main-light-1);
       font-weight: 400 !important; }
 
+.contact__text .contact__text__title {
+  color: var(--primary-main-dark-1);
+  margin-bottom: 2rem;
+  font-size: 1.5rem;
+  font-weight: 500;
+  line-height: 2rem; }
+
+.contact__text .contact__text__subtitle {
+  color: var(--neutral-neutral-1);
+  font-size: 1rem; }
+  .contact__text .contact__text__subtitle p {
+    margin-bottom: 1rem; }
+
+.contact__text .contact__text .logo-text {
+  color: var(--neutral-neutral-2); }
+
+.contact__text .logo-text {
+  margin-top: 3.25rem; }
+  @media (min-width: 575px) {
+    .contact__text .logo-text {
+      margin-top: 4rem; } }
+
+.contact__text .logo-text img {
+  min-width: 52px; }
+
+.contact__text .faq-button {
+  display: inline-block;
+  margin-top: 1rem;
+  width: 100%; }
+  @media (min-width: 575px) {
+    .contact__text .faq-button {
+      width: 10rem; } }
+
 .fixed-container {
   display: flex;
   flex-direction: column;
@@ -4464,6 +4590,66 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .blog .cta-button {
         width: auto; } }
 
+.contact-container {
+  background-color: var(--primary-main-light-6); }
+  .contact-container span > a {
+    text-decoration: underline; }
+  .contact-container .wrapper--contact {
+    padding-left: 0;
+    padding-right: 0; }
+    @media (min-width: 575px) {
+      .contact-container .wrapper--contact {
+        padding-left: 1.5rem;
+        padding-right: 1.5rem; } }
+  .contact-container .contact__main {
+    display: flex;
+    flex-direction: column-reverse; }
+    @media (min-width: 575px) {
+      .contact-container .contact__main {
+        flex-direction: row;
+        justify-content: space-between; } }
+  .contact-container .contact-left-container {
+    padding-left: 1.5rem;
+    padding-right: 1.5rem; }
+    @media (min-width: 575px) {
+      .contact-container .contact-left-container {
+        padding-left: 0;
+        padding-right: 0;
+        width: 45%; } }
+  .contact-container .contact-right-container {
+    display: flex;
+    justify-content: flex-start;
+    background-color: var(--primary-main-light-6);
+    margin-bottom: 2.5rem;
+    width: 100%; }
+    @media (min-width: 575px) {
+      .contact-container .contact-right-container {
+        background-size: 21rem;
+        background-repeat: no-repeat;
+        background-position: 100% 100%;
+        margin-bottom: 0;
+        padding-bottom: 0;
+        width: 45%; } }
+    @media (min-width: 960px) {
+      .contact-container .contact-right-container {
+        padding-bottom: 12rem; } }
+    .contact-container .contact-right-container .rec-text-container .rectangle-text__container {
+      margin-top: 1rem;
+      width: 100%;
+      background-color: gray; }
+    .contact-container .contact-right-container .contact__form {
+      width: 100%; }
+    .contact-container .contact-right-container .small-container {
+      margin: 1.5rem 0; }
+      .contact-container .contact-right-container .small-container small {
+        text-align: center; }
+    .contact-container .contact-right-container .sign-in-container {
+      display: flex;
+      justify-content: space-between;
+      align-items: center; }
+      .contact-container .contact-right-container .sign-in-container p {
+        margin-bottom: 0; }
+
 .experts-section {
   display: flex;
   justify-content: center;
@@ -4518,6 +4704,38 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .how-it-works-wrapper .works-title {
         padding-top: 2.5rem; } }
 
+.jumbotron--simplified {
+  background: var(--primary-main-light-6);
+  margin-bottom: -12rem;
+  text-align: center;
+  padding-bottom: 13rem; }
+  @media (min-width: 720px) {
+    .jumbotron--simplified {
+      padding: 1.125rem 0 14.875rem; } }
+
+.jumbotron--simplified__title {
+  font-size: 1.75rem;
+  line-height: 2.25rem;
+  margin-bottom: 0.5rem; }
+  @media (min-width: 720px) {
+    .jumbotron--simplified__title {
+      font-size: 2.25rem;
+      line-height: 3rem; } }
+  @media (min-width: 1200px) {
+    .jumbotron--simplified__title {
+      font-size: 3rem;
+      line-height: 3.375rem; } }
+
+.jumbotron--simplified__subtitle {
+  color: var(--neutral-neutral-1);
+  font-size: 1rem;
+  line-height: 1.5rem; }
+  @media (min-width: 1200px) {
+    .jumbotron--simplified__subtitle {
+      font-size: 1rem;
+      margin: 0 auto;
+      max-width: 49rem; } }
+
 .legal {
   margin-top: 1rem;
   margin-bottom: 6rem;

package/dist/cjs/src/components/atoms/MessageInformation/MessageInformationProps.types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export interface MessageInformationProps {
-    noImg: boolean;
     text: string | React.ReactNode;
     time?: string;
 }

package/dist/cjs/src/components/atoms/Tagline/Tagline.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type TaglineProps } from './TaglineProps.types';
+import './Tagline.scss';
+export declare const Tagline: FC<TaglineProps>;

package/dist/cjs/src/components/atoms/Tagline/TaglineProps.types.d.ts

@@ -0,0 +1,3 @@
+export interface TaglineProps {
+    text: string;
+}

package/dist/cjs/src/components/atoms/Tagline/index.d.ts

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

package/dist/cjs/src/components/atoms/index.d.ts

@@ -33,6 +33,7 @@ export * from './SearchSelect';
 export * from './SidemenuTab';
 export * from './ShowMoreBox';
 export * from './Spinner';
+export * from './Tagline';
 export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';

package/dist/cjs/src/components/molecules/CountDownMessage/CountDownMessageProps.types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 export interface CountDownMessageProps {
-    noImg?: boolean;
     text: string | React.ReactNode;
     time?: string;
 }

package/dist/cjs/src/components/molecules/EmailContactBox/EmailContactBox.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type EmailContactBoxProps } from './EmailContactBoxProps';
+import './EmailContactBox.scss';
+export declare const EmailContactBox: React.FC<EmailContactBoxProps>;

package/dist/cjs/src/components/molecules/EmailContactBox/EmailContactBoxProps.d.ts

@@ -0,0 +1,4 @@
+export interface EmailContactBoxProps {
+    mail: string;
+    text: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './EmailContactBox';
+export * from './EmailContactBoxProps';

package/dist/cjs/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktop.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type PhoneContactBoxDesktopProps } from './PhoneContactBoxDesktopProps.types';
+import './PhoneContactBoxDesktop.scss';
+export declare const PhoneContactBoxDesktop: React.FC<PhoneContactBoxDesktopProps>;

package/dist/cjs/src/components/molecules/PhoneContactBoxDesktop/PhoneContactBoxDesktopProps.types.d.ts

@@ -0,0 +1,4 @@
+export interface PhoneContactBoxDesktopProps {
+    phone: string;
+    schedule: string;
+}

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

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

package/dist/cjs/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobile.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type PhoneContactBoxMobileProps } from './PhoneContactBoxMobileProps.types';
+import './PhoneContactBoxMobile.scss';
+export declare const PhoneContactBoxMobile: React.FC<PhoneContactBoxMobileProps>;

package/dist/cjs/src/components/molecules/PhoneContactBoxMobile/PhoneContactBoxMobileProps.types.d.ts

@@ -0,0 +1,4 @@
+export interface PhoneContactBoxMobileProps {
+    phone: string;
+    schedule: string;
+}

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

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

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

@@ -7,6 +7,7 @@ export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './ContinueEditingBanner';
 export * from './CountDownMessage';
+export * from './EmailContactBox';
 export * from './ExpertCardList';
 export * from './FaqItem';
 export * from './Feedback';
@@ -14,6 +15,8 @@ export * from './FreeDocModalContent';
 export * from './MenuItemsSection';
 export * from './NavBarDropDown';
 export * from './Pagination';
+export * from './PhoneContactBoxDesktop';
+export * from './PhoneContactBoxMobile';
 export * from './PricingCard';
 export * from './Snackbar';
 export * from './StepGetForm';

package/dist/cjs/src/components/organisms/ContactJumbotron/ContactJumbotron.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { type ContactJumbotronProps } from './ContactJumbotronProps.types';
+import './ContactJumbotron.scss';
+export declare const ContactJumbotron: React.FC<ContactJumbotronProps>;

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

@@ -0,0 +1,9 @@
+import type React from 'react';
+import { type EmailContactBoxProps, type PhoneContactBoxDesktopProps } from '../../molecules';
+export interface ContactJumbotronProps {
+    phoneBoxDesktopProps: PhoneContactBoxDesktopProps;
+    emailContactBoxProps: EmailContactBoxProps;
+    faqsTitle: string;
+    children: React.ReactNode;
+    isJonSnow?: boolean;
+}

package/dist/cjs/src/components/organisms/ContactJumbotron/index.d.ts

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

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

@@ -1,6 +1,7 @@
 export * from './AboutUsContent';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
+export * from './ContactJumbotron';
 export * from './CookiePolicyBar';
 export * from './FaqGroup';
 export * from './GuidelinesContent';

package/dist/cjs/src/components/pages/ContactUsPage/ContactUsPage.d.ts

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

package/dist/cjs/src/components/pages/ContactUsPage/ContactUsPageProps.d.ts

@@ -0,0 +1,8 @@
+import { type ContactSectionProps, type JumbotronSimplifiedSectionProps } from '../../sections';
+import { type PhoneContactBoxMobileProps } from '../../molecules';
+export interface ContactUsPageProps {
+    jumbotronSimplifiedSectionProps: JumbotronSimplifiedSectionProps;
+    phoneContactBox: PhoneContactBoxMobileProps;
+    contactProps: ContactSectionProps;
+    isJonSnow?: boolean;
+}

package/dist/cjs/src/components/pages/ContactUsPage/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ContactUsPage';
+export * from './ContactUsPageProps';

package/dist/cjs/src/components/pages/index.d.ts

@@ -1,4 +1,5 @@
 export * from './AboutUsPage';
+export * from './ContactUsPage';
 export * from './FaqsPage';
 export * from './LegalPage';
 export * from './UnsubscribePage';

package/dist/cjs/src/components/sections/ContactSection/ContactSection.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type ContactSectionProps } from './ContactSectionProps';
+import './ContactSection.scss';
+export declare const ContactSection: FC<ContactSectionProps>;

package/dist/cjs/src/components/sections/ContactSection/ContactSectionProps.d.ts

@@ -0,0 +1,6 @@
+import { type BoxFormProps } from '../../molecules';
+import { type ContactJumbotronProps } from '../../organisms';
+export interface ContactSectionProps {
+    contactJumbotronProps: ContactJumbotronProps;
+    contactForm: BoxFormProps;
+}

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

@@ -0,0 +1,2 @@
+export { ContactSection } from './ContactSection';
+export { type ContactSectionProps } from './ContactSectionProps';

package/dist/cjs/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSection.d.ts

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type JumbotronSimplifiedSectionProps } from './JumbotronSimplifiedSectionProps.types';
+import './JumbotronSimplifiedSection.scss';
+export declare const JumbotronSimplifiedSection: FC<JumbotronSimplifiedSectionProps>;

package/dist/cjs/src/components/sections/JumbotronSimplifiedSection/JumbotronSimplifiedSectionProps.types.d.ts

@@ -0,0 +1,8 @@
+import type React from 'react';
+import { type TaglineProps } from '../../atoms';
+export interface JumbotronSimplifiedSectionProps {
+    title: string;
+    wrapperClassName?: string;
+    taglineProps: TaglineProps;
+    children?: React.ReactNode;
+}

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

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

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

@@ -2,10 +2,12 @@ export * from './AboutUsSection';
 export * from './AsideMenuSection';
 export * from './AsSeeInSection';
 export * from './BlogSection';
+export * from './ContactSection';
 export * from './ExpertsSection';
 export * from './FaqSection';
 export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
+export * from './JumbotronSimplifiedSection';
 export * from './LegalSection';
 export * from './PeopleSayAboutUsSection';
 export * from './TryOurFreeLegalBlogsSection';

package/dist/esm/images/componentsSvg/MailSvg.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const MailSvg: React.FC;