@npm_leadtech/legal-lib-components 2.18.0 → 2.18.1

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

@@ -3807,6 +3807,88 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
     .expert-card-list {
       flex-direction: row; } }
 
+.modal-free-doc {
+  display: flex;
+  flex-direction: column;
+  max-width: 325px; }
+  @media (min-width: 720px) {
+    .modal-free-doc {
+      flex-direction: row;
+      max-width: 620px; } }
+  .modal-free-doc .left-container {
+    width: 100%;
+    height: 11.875rem;
+    display: flex;
+    justify-content: center;
+    background-image: url("../../../../images/png/img-modal-template-mobile.png");
+    background-size: contain;
+    background-repeat: no-repeat; }
+    @media (min-width: 720px) {
+      .modal-free-doc .left-container {
+        background-image: url("../../../../images/png/img-modal-template.png");
+        height: auto;
+        width: 35%; } }
+  .modal-free-doc .right-container {
+    display: flex;
+    width: 100%;
+    padding: 1rem; }
+    @media (min-width: 720px) {
+      .modal-free-doc .right-container {
+        width: 65%; } }
+    .modal-free-doc .right-container .info-box {
+      display: flex;
+      flex-direction: column;
+      border: none;
+      padding: 1rem 0 0 1rem; }
+      .modal-free-doc .right-container .info-box__title {
+        padding-bottom: 1rem;
+        border-bottom: 1px solid var(--neutral-neutral-4);
+        font-size: 20px; }
+      .modal-free-doc .right-container .info-box__text {
+        padding: 1rem 0;
+        font-size: 16px; }
+      .modal-free-doc .right-container .info-box__button-box {
+        display: flex;
+        justify-content: flex-start;
+        align-items: flex-end;
+        height: 100%; }
+        .modal-free-doc .right-container .info-box__button-box .button {
+          padding-top: 1rem;
+          width: 100%; }
+          @media (min-width: 720px) {
+            .modal-free-doc .right-container .info-box__button-box .button {
+              width: auto; } }
+        .modal-free-doc .right-container .info-box__button-box button {
+          min-height: 3rem;
+          width: 100%; }
+    .modal-free-doc .right-container .modal-free-close {
+      display: none; }
+      @media (min-width: 720px) {
+        .modal-free-doc .right-container .modal-free-close {
+          display: flex;
+          line-height: 1rem;
+          color: var(--neutral-neutral-1);
+          font-size: 35px; }
+          .modal-free-doc .right-container .modal-free-close:hover, .modal-free-doc .right-container .modal-free-close:focus {
+            color: #000;
+            text-decoration: none;
+            cursor: pointer; } }
+  .modal-free-doc .modal-free-close-mobile {
+    display: flex;
+    position: relative;
+    left: 280px;
+    top: 30px;
+    line-height: 1rem;
+    color: var(--neutral-neutral-1);
+    font-size: 35px; }
+    .modal-free-doc .modal-free-close-mobile:hover, .modal-free-doc .modal-free-close-mobile:focus {
+      color: #000;
+      text-decoration: none;
+      cursor: pointer; }
+    @media (min-width: 720px) {
+      .modal-free-doc .modal-free-close-mobile {
+        display: none; } }
+
 .articles_wrapper {
   display: flex;
   flex-direction: column;

package/dist/esm/src/components/molecules/ModalFreeDoc/ModalFreeDoc.d.ts

@@ -0,0 +1,5 @@
+import { type FC } from 'react';
+import { type ModalFreeDocProps } from './ModalFreeDoc.types';
+import './ModalFreeDoc.scss';
+declare const ModalFreeDoc: FC<ModalFreeDocProps>;
+export default ModalFreeDoc;

package/dist/esm/src/components/molecules/ModalFreeDoc/ModalFreeDoc.types.d.ts

@@ -0,0 +1,4 @@
+export interface ModalFreeDocProps {
+    productName?: string;
+    closeModal: () => void;
+}

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

@@ -0,0 +1,2 @@
+export { default as ModalFreeDoc } from './ModalFreeDoc';
+export { type ModalFreeDocProps } from './ModalFreeDoc.types';

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

@@ -17,3 +17,4 @@ export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
 export * from './ExpertCardList';
+export * from './ModalFreeDoc';

package/dist/index.d.ts

@@ -725,6 +725,13 @@ interface ExpertCardListProps {
 
 declare const ExpertCardList: FC<ExpertCardListProps>;
 
+interface ModalFreeDocProps {
+    productName?: string;
+    closeModal: () => void;
+}
+
+declare const ModalFreeDoc: FC<ModalFreeDocProps>;
+
 interface ArticlesListProps {
     articles: ArticleProps[];
 }
@@ -852,4 +859,4 @@ declare function useIntersectionObserver({ options, defaultIntersecting }: {
     defaultIntersecting?: boolean | undefined;
 }): [RefObject<HTMLDivElement | HTMLHeadElement>, boolean];
 
-export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, ContinueEditingBanner, ContinueEditingBannerProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, LatestApplication, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver };
+export { AboutUsContent, AboutUsContentProps, AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, AsSeeInContent, AsSeeInContentProps, AsSeeInSection, AsSeeInSectionProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, ContinueEditingBanner, ContinueEditingBannerProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, ExpertCard, ExpertCardList, ExpertCardListProps, ExpertCardProps, ExpertsSection, ExpertsSectionProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesContent, GuidelinesContentProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, IconSvgURLWithThemeColor, IconSvgURLWithThemeColorProps, ImageStructure, InfoBox, InfoBoxProps, LatestApplication, ListStepsGetForm, ListStepsGetFormProps, Logo, LogoProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, MenuPlacement, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, ModalFreeDoc, ModalFreeDocProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PeopleSayAboutUsSection, PeopleSayAboutUsSectionProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, RichTextMedia, RichTextStrapi, RichTextStrapiProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarMobile, TopBarProps, Trustpilot as TrustPilot, TrustPilotProps, TrustworthyWebsites, TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps, WhyLawDistrictItem, WhyLawDistrictItems, WhyLawDistrictItemsProps, WhyLawDistrictSection, WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.18.0",
+  "version": "2.18.1",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",