@npm_leadtech/legal-lib-components 2.44.0 → 2.45.0

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

@@ -4471,6 +4471,60 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
   .trustworthy-websites__image {
     margin: 1.5rem; }
 
+.type-modules-list {
+  display: flex;
+  flex-direction: column;
+  gap: 2rem; }
+  .type-modules-list .module-item {
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: center;
+    background-color: var(--neutral-neutral-6);
+    padding: 24px;
+    box-shadow: 0px 2px 6px 0px #02374a3f; }
+  .type-modules-list .module-title {
+    font-family: "Inter", sans-serif;
+    font-size: 18px;
+    font-weight: 700;
+    line-height: 24px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-description {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    font-weight: 400;
+    line-height: 22px;
+    letter-spacing: -0.3px;
+    text-align: left;
+    margin-bottom: 1rem; }
+  .type-modules-list .module-image {
+    width: 150px;
+    margin-right: 20px; }
+  .type-modules-list .module-content {
+    flex: 1; }
+  .type-modules-list .module-buttons {
+    display: flex;
+    gap: 1rem;
+    width: max-content; }
+  .type-modules-list .e-button {
+    display: flex;
+    justify-content: center;
+    width: 100%;
+    margin: 0 0.2rem;
+    padding-top: 0.6rem;
+    padding-bottom: 0.6rem;
+    background: var(--others-white); }
+    @media (min-width: 960px) {
+      .type-modules-list .e-button {
+        margin: 0 0.5rem; } }
+    .type-modules-list .e-button.download-icon::before {
+      content: '';
+      width: 1rem;
+      height: 1rem;
+      background-image: url("data:image/svg+xml,%3Csvg width%3D%2216%22 height%3D%2216%22 viewBox%3D%220 0 16 16%22 fill%3D%22none%22 xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath d%3D%22M12.8625 8.47054C13.1222 8.21085 13.1222 7.7898 12.8625 7.53012C12.6029 7.27059 12.1822 7.2704 11.9225 7.52969L8.66602 10.7803V3.33366C8.66602 2.96547 8.36754 2.66699 7.99935 2.66699C7.63116 2.66699 7.33268 2.96547 7.33268 3.33366V10.7803L4.0858 7.52763C3.82457 7.26593 3.4006 7.26574 3.13914 7.5272C2.87784 7.7885 2.87784 8.21215 3.13914 8.47345L7.29224 12.6266C7.68277 13.0171 8.31593 13.0171 8.70646 12.6266L12.8625 8.47054Z%22 fill%3D%22%233D4042%22%2F%3E%3C%2Fsvg%3E");
+      margin-right: 0.5rem; }
+
 .about-us-content {
   display: flex;
   flex-flow: row wrap;

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

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

package/dist/esm/src/components/molecules/TypeModulesList/TypeModulesListProps.types.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+export interface TypeModulesListProps {
+    typeModules: TypeModule[];
+}
+export interface TypeModule {
+    title: string;
+    description: string;
+    buttonPdfCta: string;
+    buttonPdfUrl: string;
+    buttonWordCta: string;
+    buttonWordUrl: string;
+    image: React.ReactNode;
+}

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

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

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

@@ -28,3 +28,4 @@ export * from './StepGetForm';
 export * from './TextInput';
 export * from './TooltipMenu';
 export * from './TrustworthyWebsites';
+export * from './TypeModulesList';

package/dist/index.d.ts

@@ -873,6 +873,21 @@ interface ImageStructure {
 
 declare const TrustworthyWebsites: FC<TrustworthyWebsitesProps>;
 
+interface TypeModulesListProps {
+    typeModules: TypeModule[];
+}
+interface TypeModule {
+    title: string;
+    description: string;
+    buttonPdfCta: string;
+    buttonPdfUrl: string;
+    buttonWordCta: string;
+    buttonWordUrl: string;
+    image: React.ReactNode;
+}
+
+declare const TypeModulesList: FC<TypeModulesListProps>;
+
 interface AboutUsContentProps {
     children: React.ReactNode;
     image: React.ReactNode;
@@ -1202,4 +1217,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useStateDataAccordionItem };
+export { AboutUsContent, type AboutUsContentProps, AboutUsPage, type AboutUsPageProps, AboutUsSection, type AboutUsSectionProps, Accordion, AccordionItem$1 as AccordionItem, AddButton, type AddButtonProps, AlsoKnownAs, type AlsoKnownAsProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, AsideMenuSection, type AsideMenuSectionProps, BaseBox, BaseBoxList, type BaseBoxListProps, type BaseBoxProps, BillCard, type BillCardProps, BlogSection, type BlogSectionProps, BottomFixedBar, type BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, type BottomOverlayMenuProps, type BottomOverlayProps, BoxForm, type BoxFormProps, BreadcrumItem, type BreadcrumItemProps, Breadcrumb, type BreadcrumbProps, Button, ButtonIcon, type ButtonIconProps, type ButtonProps, CardPane, type CardPaneInfoProps, type CardPaneProps, Checkbox, type CheckboxProps, ContactBox, type ContactBoxProps, ContactJumbotron, type ContactJumbotronProps, ContactSection, type ContactSectionProps, ContactUsPage, type ContactUsPageProps, ContinueEditingBanner, type ContinueEditingBannerProps, CookiePolicyBar, type CookiePolicyBarProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, DocumentTag, type DocumentTagProps, EmailContactBox, type EmailContactBoxProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, FaqGroup, type FaqGroupProps, FaqItem, type FaqItemProps, FaqSection, type FaqSectionProps, FaqsPage, type FaqsPageProps, Feedback, type FeedbackProps, FormFaq, type FormFaqProps, FreeDocModalContent, type FreeDocModalContentProps, GoogleButton, type GoogleButtonProps, GuidelinesContent, type GuidelinesContentProps, GuidelinesSection, type GuidelinesSectionProps, HowGetYourFormsSection, type HowGetYourFormsSectionProps, IconImage, type IconImageProps, IconSvgURLWithThemeColor, type IconSvgURLWithThemeColorProps, type ImageStructure, InfoBox, type InfoBoxProps, JumbotronSimplifiedSection, type JumbotronSimplifiedSectionProps, JumbotronStatic, type JumbotronStaticProps, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, LegalPage, type LegalPageProps, LegalSection, type LegalSectionProps, ListStepsGetForm, type ListStepsGetFormProps, Logo, type LogoProps, LogoText, type LogoTextProps, type MenuItemProps, MenuItems, MenuItemsSection, type MenuItemsSectionProps, MenuPlacement, Message, MessageInformation, type MessageInformationProps, type MessageProps, MobileBottomBar, type MobileBottomBarProps, MoreDocsDesktop, type MoreDocsDesktopProps, MoreDocsItem, type MoreDocsItemProps, MoreDocsMobile, type MoreDocsMobileProps, MoreDocsSection, type MoreDocsSectionProps, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PhoneContactBoxDesktop, type PhoneContactBoxDesktopProps, PhoneContactBoxMobile, type PhoneContactBoxMobileProps, PopularDocs, PopularDocsItem, type PopularDocsItemProps, type PopularDocsProps, PricingCard, type PricingCardProps, ProductCategory, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, ShowMoreBox, type ShowMoreBoxProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, Tagline, type TaglineProps, TextArea, type TextAreaProps, TextInput, type TextInputProps, Toggle, type ToggleProps, Tooltip, TooltipMenu, type TooltipMenuProps, type TooltipProps, TopBar, TopBarMobile, type TopBarProps, Trustpilot as TrustPilot, type TrustPilotProps, TrustworthyWebsites, type TrustworthyWebsitesProps, TryOurFreeLegalBlogsContent, type TryOurFreeLegalBlogsContentProps, TryOurFreeLegalBlogsSection, type TryOurFreeLegalBlogsSectionProps, TryUsSection, type TryUsSectionProps, TypeModulesList, type TypeModulesListProps, UnsubscribePage, type UnsubscribePageProps, UnsubscribeSection, type UnsubscribeSectionProps, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useDispatchDataAccordionItem, useIntersectionObserver, useIsMobileOrTable, useStateDataAccordionItem };

package/package.json

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