@npm_leadtech/legal-lib-components 2.41.0 → 2.41.1

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%;
@@ -3648,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%;
@@ -3783,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;

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

@@ -14,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/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';