@npm_leadtech/legal-lib-components 2.41.2 → 2.41.4

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

@@ -2041,11 +2041,79 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   border-radius: 5px;
   font-family: "Inter", sans-serif; }
 
+.more-docs-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 8px;
+  gap: 10px;
+  border-radius: 4px;
+  text-decoration: none; }
+  .more-docs-item:hover {
+    background-color: var(--primary-main-light-5); }
+  .more-docs-item .category-icon {
+    margin: 0 1rem 0 1.3rem; }
+    .more-docs-item .category-icon svg {
+      fill: var(--primary-main); }
+  .more-docs-item .texts {
+    display: flex;
+    flex-direction: column;
+    gap: 0.5rem;
+    text-align: left;
+    padding-left: 1rem; }
+    .more-docs-item .texts .title {
+      line-height: 22px;
+      letter-spacing: -0.3px;
+      color: var(--neutral-neutral-1);
+      padding-right: 0.5rem; }
+    .more-docs-item .texts .description {
+      font-size: 12px;
+      line-height: 16px;
+      letter-spacing: -0.3px;
+      color: var(--neutral-neutral-2); }
+
 .paypal-button {
   padding: 0;
   border: none;
   cursor: pointer; }
 
+.popular-docs-item {
+  display: flex;
+  flex-direction: row;
+  align-items: center;
+  padding: 24px 16px 24px 24px;
+  gap: 2rem;
+  height: 6rem;
+  background: var(--others-white);
+  box-shadow: 0px 2px 6px 0px rgba(var(--primary-main-dark-1-rgb), 0.25);
+  border-radius: 4px;
+  text-decoration: none; }
+  .popular-docs-item .category-icon svg {
+    fill: var(--primary-main-dark-1); }
+  .popular-docs-item .texts {
+    display: flex;
+    flex-direction: column;
+    text-align: left;
+    width: 100%; }
+    .popular-docs-item .texts .description {
+      color: var(--neutral-neutral-2);
+      font-size: 12px;
+      line-height: 1.33;
+      margin-top: 0.3rem; }
+  .popular-docs-item .icon-left svg {
+    width: 40px;
+    height: 40px; }
+    .popular-docs-item .icon-left svg .main-fill {
+      fill: var(--neutral-neutral-4); }
+  .popular-docs-item:hover {
+    background-color: var(--neutral-neutral-5);
+    cursor: pointer; }
+    .popular-docs-item:hover .icon-left svg .main-fill {
+      fill: var(--primary-main); }
+  @media (min-width: 720px) {
+    .popular-docs-item {
+      margin-left: 0.5rem; } }
+
 .progress__wrapper {
   position: absolute;
   width: 100%;
@@ -2734,10 +2802,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
 
 .e-spinner {
   animation: rotate 2s linear infinite;
-  width: 24px;
-  height: 24px; }
-  .e-spinner path {
-    fill: var(--others-white);
+  margin: -16px -16px 0 -25px;
+  width: 50px;
+  height: 50px; }
+  .e-spinner .path {
+    stroke: var(--others-white);
     stroke-linecap: round;
     stroke-dasharray: 15, 150;
     animation: dash 1.5s ease-in-out infinite; }
@@ -2746,11 +2815,8 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   width: 70px;
   height: 70px; }
 
-.spinner--neutral path {
-  fill: var(--neutral-neutral-2); }
-
-.spinner--primary path {
-  fill: var(--primary-main); }
+.spinner--primary .path {
+  stroke: var(--primary-main); }
 
 .tagline {
   margin-bottom: 1rem; }
@@ -3026,56 +3092,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .message-information__text__time.regular {
         font-weight: 400; }
 
-.accordion__container {
-  overflow: hidden;
-  border-bottom: 1px solid var(--neutral-neutral-4); }
-  .accordion__container:first-child {
-    border-top: 1px solid var(--neutral-neutral-4); }
-  .accordion__container:last-child {
-    border-bottom-left-radius: 4px;
-    border-bottom-right-radius: 4px; }
-  .accordion__container .accordion__button {
-    border-right: 1px solid var(--neutral-neutral-4);
-    border-left: 1px solid var(--neutral-neutral-4);
-    width: 100%;
-    text-align: left;
-    padding: 1rem 1.5rem;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-    background: var(--neutral-neutral-6);
-    border-bottom: none;
-    border-top: none;
-    cursor: pointer;
-    font-family: Inter;
-    font-size: 16px;
-    font-style: normal;
-    font-weight: 400;
-    line-height: 22px;
-    letter-spacing: -0.3px; }
-    .accordion__container .accordion__button.--success {
-      background: #eff7f5; }
-    .accordion__container .accordion__button.--locked {
-      cursor: not-allowed; }
-    .accordion__container .accordion__button:not(.--locked):hover {
-      background-image: linear-gradient(90deg, transparent, rgba(0, 0, 0, 0.04), transparent); }
-  .accordion__container .accordion__title {
-    color: var(--primary-main-dark-1);
-    font-family: Inter;
-    font-size: 18px;
-    font-style: normal;
-    font-weight: 700;
-    line-height: 24px;
-    letter-spacing: -0.3px; }
-    .accordion__container .accordion__title.--locked {
-      color: var(--neutral-neutral-2); }
-  .accordion__container .accordion__content {
-    padding: 0 1.5rem;
-    transition: height 0.7s ease-in-out;
-    border-right: 1px solid var(--neutral-neutral-4);
-    border-left: 1px solid var(--neutral-neutral-4);
-    border-bottom: none; }
-
 .also-known-as {
   display: flex;
   align-items: center;
@@ -3700,6 +3716,108 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .menu-items-section__title-wrapper__title {
       font-weight: bold; }
 
+.more-docs-desktop {
+  display: flex;
+  flex-flow: row nowrap;
+  justify-content: center; }
+  .more-docs-desktop .container {
+    padding: 1rem;
+    text-align: center;
+    display: flex;
+    flex-direction: column;
+    min-height: 20rem;
+    align-items: center; }
+    @media (min-width: 720px) {
+      .more-docs-desktop .container {
+        padding: 1rem 1rem 2rem 2rem; } }
+    @media (min-width: 1200px) {
+      .more-docs-desktop .container {
+        padding: 1rem 6rem 2rem 6rem; } }
+    .more-docs-desktop .container .section-title {
+      text-align: left;
+      font-family: "Lora", serif;
+      font-size: 32px;
+      font-weight: normal;
+      line-height: 1.31;
+      letter-spacing: -0.3px;
+      padding: 0 0 1.5rem 0;
+      width: 100%; }
+      @media only screen and (max-width: 960px) {
+        .more-docs-desktop .container .section-title {
+          display: flex;
+          justify-content: center; } }
+    .more-docs-desktop .container .docs-container {
+      display: flex;
+      flex-direction: row; }
+      .more-docs-desktop .container .docs-container .docs-column {
+        display: flex;
+        flex-direction: column;
+        min-width: 17rem;
+        margin: 0 2rem 0 1rem;
+        cursor: pointer; }
+        .more-docs-desktop .container .docs-container .docs-column:first-child {
+          margin-left: 0; }
+        .more-docs-desktop .container .docs-container .docs-column:last-child {
+          margin-right: 0; }
+          @media only screen and (max-width: 960px) {
+            .more-docs-desktop .container .docs-container .docs-column:last-child {
+              display: none; } }
+      .more-docs-desktop .container .docs-container .separation-line {
+        width: 1px;
+        height: 196px;
+        background-color: var(--primary-main-dark-1); }
+      @media only screen and (max-width: 960px) {
+        .more-docs-desktop .container .docs-container .last-line {
+          display: none; } }
+
+.more-docs-mobile {
+  margin: 0px 24px 40px 24px;
+  padding: 5px 0;
+  border-radius: 4px;
+  border: solid 2px #dfe5e8;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: space-between;
+  cursor: pointer; }
+  .more-docs-mobile .box-closed {
+    display: flex;
+    flex-direction: row;
+    align-items: center; }
+    .more-docs-mobile .box-closed .icon-see-more {
+      transform: rotate(-90deg); }
+      .more-docs-mobile .box-closed .icon-see-more:before, .more-docs-mobile .box-closed .icon-see-more:after {
+        background-color: var(--others-black); }
+      .more-docs-mobile .box-closed .icon-see-more.open {
+        transform: rotate(90deg); }
+      .more-docs-mobile .box-closed .icon-see-more svg {
+        width: 40px;
+        height: 40px; }
+    .more-docs-mobile .box-closed .box-title {
+      align-self: center;
+      margin-right: 4rem; }
+
+.more-docs-list {
+  margin: -40px 24px 40px 24px;
+  padding: 16px 8px 16px 8px;
+  border-radius: 4px;
+  border: solid 2px #dfe5e8;
+  display: flex;
+  flex-direction: column; }
+  .more-docs-list .docs-list {
+    display: flex;
+    flex-direction: column;
+    width: 100%; }
+    .more-docs-list .docs-list .separation-line {
+      width: calc(100% - 20px);
+      height: 1px;
+      margin: 16px 10px;
+      background-color: var(--neutral-neutral-3); }
+    .more-docs-list .docs-list:last-child {
+      margin-bottom: 1rem; }
+      .more-docs-list .docs-list:last-child .separation-line {
+        display: none; }
+
 .navbar-drop-down__container {
   position: absolute;
   width: 100%;
@@ -3835,6 +3953,31 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   text-align: center;
   margin: 0.5rem 0 2rem; }
 
+.popular-docs {
+  width: 80%;
+  margin-left: 3rem; }
+  @media only screen and (max-width: 960px) {
+    .popular-docs {
+      margin-left: 0; } }
+  @media only screen and (max-width: 575px) {
+    .popular-docs {
+      width: 95%; } }
+  .popular-docs .title {
+    text-align: left;
+    padding-left: 0.5rem;
+    font-size: 18px;
+    line-height: 1.33;
+    letter-spacing: -0.3px;
+    color: var(--primary-main-dark-1);
+    margin-bottom: 16px; }
+    @media only screen and (max-width: 960px) {
+      .popular-docs .title {
+        text-align: center; } }
+  .popular-docs .documents {
+    display: flex;
+    flex-direction: column;
+    gap: 1rem; }
+
 .pricing-card {
   position: relative;
   max-width: 400px;
@@ -4192,9 +4335,11 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .e-text--is-invalid .e-text__error {
       display: flex;
       align-content: center;
+      position: absolute;
       bottom: -5.5rem;
       margin-top: 0.5rem;
-      color: var(--error-main); }
+      color: var(--error-main);
+      height: 5rem; }
       .e-text--is-invalid .e-text__error-icon {
         display: flex; }
         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
@@ -4210,7 +4355,7 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
       .e-text--is-invalid .e-text__error img {
         max-width: 20px;
         margin-right: 0.25rem;
-        width: 16px; }
+        height: 25%; }
         @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
           .e-text--is-invalid .e-text__error img {
             height: 20px; } }
@@ -4315,10 +4460,6 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .about-us-content__image img {
       width: 100%; }
 
-.accordion {
-  width: 100%;
-  padding-bottom: 2rem; }
-
 .articles_wrapper {
   display: flex;
   flex-direction: column;

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

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

package/dist/cjs/src/components/atoms/MoreDocsItem/MoreDocsItemProps.d.ts

@@ -0,0 +1,7 @@
+import { type ProductCategory } from '../../../utils/ProductCategory';
+export interface MoreDocsItemProps {
+    id: string;
+    title: string;
+    description: ProductCategory;
+    slug: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsItem';
+export * from './MoreDocsItemProps';

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

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

package/dist/cjs/src/components/atoms/PopularDocsItem/PopularDocsItemProps.d.ts

@@ -0,0 +1,7 @@
+import { type ProductCategory } from '../../../utils/ProductCategory';
+export interface PopularDocsItemProps {
+    id: string;
+    title: string;
+    description: ProductCategory;
+    slug: string;
+}

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

@@ -0,0 +1,2 @@
+export * from './PopularDocsItem';
+export * from './PopularDocsItemProps';

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

@@ -24,7 +24,9 @@ export * from './Logo';
 export * from './LogoText';
 export * from './MenuItems';
 export * from './Message';
+export * from './MoreDocsItem';
 export * from './PaypalButton';
+export * from './PopularDocsItem';
 export * from './ProgressBar';
 export * from './Radio';
 export * from './RemoveButton';

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

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

package/dist/cjs/src/components/molecules/MoreDocsDesktop/MoreDocsDesktopProps.d.ts

@@ -0,0 +1,5 @@
+import { type MoreDocsItemProps } from '../../atoms';
+export interface MoreDocsDesktopProps {
+    title: string;
+    documents: MoreDocsItemProps[];
+}

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsDesktop';
+export * from './MoreDocsDesktopProps';

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

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

package/dist/cjs/src/components/molecules/MoreDocsMobile/MoreDocsMobileProps.d.ts

@@ -0,0 +1,5 @@
+import { type MoreDocsItemProps } from '../../atoms';
+export interface MoreDocsMobileProps {
+    title: string;
+    documents: MoreDocsItemProps[];
+}

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsMobile';
+export * from './MoreDocsMobileProps';

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

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

package/dist/cjs/src/components/molecules/PopularDocs/PopularDocsProps.d.ts

@@ -0,0 +1,5 @@
+import { type PopularDocsItemProps } from '../../atoms';
+export interface PopularDocsProps {
+    title: string;
+    documents: PopularDocsItemProps[];
+}

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

@@ -0,0 +1,2 @@
+export * from './PopularDocs';
+export * from './PopularDocsProps';

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

@@ -1,4 +1,3 @@
-export * from './AccordionItem';
 export * from './AlsoKnownAs';
 export * from './Article';
 export * from './BaseBoxList';
@@ -15,10 +14,13 @@ export * from './FaqItem';
 export * from './Feedback';
 export * from './FreeDocModalContent';
 export * from './MenuItemsSection';
+export * from './MoreDocsDesktop';
+export * from './MoreDocsMobile';
 export * from './NavBarDropDown';
 export * from './Pagination';
 export * from './PhoneContactBoxDesktop';
 export * from './PhoneContactBoxMobile';
+export * from './PopularDocs';
 export * from './PricingCard';
 export * from './Snackbar';
 export * from './StepGetForm';

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

@@ -1,5 +1,4 @@
 export * from './AboutUsContent';
-export * from './Accordion';
 export * from './ArticlesList';
 export * from './AsSeeInContent';
 export * from './ContactJumbotron';

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

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

package/dist/cjs/src/components/sections/MoreDocsSection/MoreDocsSectionProps.d.ts

@@ -0,0 +1,5 @@
+import { type MoreDocsItemProps } from '../../atoms';
+export interface MoreDocsSectionProps {
+    title: string;
+    documents: MoreDocsItemProps[];
+}

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

@@ -0,0 +1,2 @@
+export * from './MoreDocsSection';
+export * from './MoreDocsSectionProps';

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

@@ -9,6 +9,7 @@ export * from './GuidelinesSection';
 export * from './HowGetYourFormsSection';
 export * from './JumbotronSimplifiedSection';
 export * from './LegalSection';
+export * from './MoreDocsSection';
 export * from './PeopleSayAboutUsSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './TryUsSection';

package/dist/cjs/src/hooks/useIsMobileOrTable.d.ts

@@ -2,6 +2,7 @@ interface UseIsMobileOrTablePropsReturn {
     isMobile: boolean;
     isTablet: boolean;
     load: boolean;
+    isGtLandscapeTablets: boolean;
 }
 export declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 export {};

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

@@ -4,3 +4,4 @@ export * from './components/organisms';
 export * from './components/sections';
 export * from './components/pages';
 export * from './hooks';
+export * from './utils/ProductCategory';

package/dist/cjs/src/utils/ProductCategory.d.ts

@@ -0,0 +1,7 @@
+export declare enum ProductCategory {
+    Business = "Business",
+    Employment = "Employment",
+    RealEstate = "Real Estate",
+    Finance = "Finance",
+    PersonalFamily = "Personal and Family"
+}

package/dist/cjs/src/utils/getCategoryIcons.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { ProductCategory } from './ProductCategory';
+export declare const getCategoryIcons: (category: ProductCategory, width?: number, height?: number) => React.JSX.Element;

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

@@ -0,0 +1,5 @@
+export interface SvgProps {
+    width?: number;
+    height?: number;
+    alt: string;
+}

package/dist/esm/images/componentsSvg/generalCategories/BusinessIconCategory.d.ts

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

package/dist/esm/images/componentsSvg/generalCategories/EmploymentIconCategory.d.ts

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

package/dist/esm/images/componentsSvg/generalCategories/FinanceIconCategory.d.ts

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

package/dist/esm/images/componentsSvg/generalCategories/PersonalFamilyIconCategory.d.ts

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

package/dist/esm/images/componentsSvg/generalCategories/RealEstateIconCategory.d.ts

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

package/dist/esm/images/componentsSvg/generalCategories/index.d.ts

@@ -0,0 +1,5 @@
+export * from './BusinessIconCategory';
+export * from './EmploymentIconCategory';
+export * from './FinanceIconCategory';
+export * from './PersonalFamilyIconCategory';
+export * from './RealEstateIconCategory';