@npm_leadtech/legal-lib-components 2.23.0 → 2.23.2

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

@@ -4361,3 +4361,78 @@ html[data-theme='lawdistrict'] .document-status.--is-new {
         margin-bottom: 3.5rem;
         display: inline-block;
         width: auto; } }
+
+.learn-more__wrapper {
+  margin-bottom: 4rem;
+  background-color: var(--neutral-neutral-6); }
+  @media (min-width: 720px) {
+    .learn-more__wrapper {
+      background: var(--neutral-neutral-6) url(../../../../images/png/grey-01-lc.png) no-repeat bottom left/21rem; } }
+  .learn-more__wrapper .wrapper {
+    display: flex;
+    flex-flow: row wrap;
+    justify-content: space-between;
+    max-width: 960px; }
+  .learn-more__wrapper .learn-more__info {
+    width: 100%;
+    padding: 0 1rem;
+    display: flex;
+    flex-flow: column wrap;
+    justify-content: center; }
+    @media (min-width: 960px) {
+      .learn-more__wrapper .learn-more__info {
+        width: 35%; } }
+    @media (min-width: 720px) {
+      .learn-more__wrapper .learn-more__info {
+        width: 42%; } }
+  .learn-more__wrapper .learn-more__title {
+    margin-top: 2rem; }
+    @media (min-width: 720px) {
+      .learn-more__wrapper .learn-more__title {
+        margin-top: -2rem; } }
+  .learn-more__wrapper .learn-more__description {
+    margin-top: 2rem; }
+  .learn-more__wrapper .learn-more__faqs {
+    width: 100%;
+    margin: 0 1rem;
+    background-color: var(--others-white);
+    border-radius: 4px;
+    box-shadow: 0 0.25rem 0.5rem 0 rgba(var(--primary-main-dark-1-rgb), 0.2);
+    padding: 2rem;
+    transform: translateY(2rem); }
+    @media (min-width: 960px) {
+      .learn-more__wrapper .learn-more__faqs {
+        width: 46%;
+        padding: 3rem; } }
+    @media (min-width: 720px) {
+      .learn-more__wrapper .learn-more__faqs {
+        width: 52%;
+        margin-right: 1rem; } }
+    .learn-more__wrapper .learn-more__faqs .e-button {
+      display: inline-block;
+      height: 44px; }
+    .learn-more__wrapper .learn-more__faqs ul {
+      padding: 0; }
+    .learn-more__wrapper .learn-more__faqs li {
+      padding-bottom: 1rem; }
+      .learn-more__wrapper .learn-more__faqs li a {
+        font-weight: bold;
+        transition: all 0.3s ease;
+        border-radius: 4px;
+        display: inline-block;
+        padding: 0.5rem;
+        position: relative; }
+        .learn-more__wrapper .learn-more__faqs li a:hover {
+          background-color: var(--primary-main-light-5);
+          padding-right: 1.5rem; }
+          .learn-more__wrapper .learn-more__faqs li a:hover:before {
+            content: '';
+            background: 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%22prefix__a%22 d%3D%22M9.705 6L8.295 7.41 12.875 12 8.295 16.59 9.705 18 15.705 12z%22%2F%3E    %3C%2Fdefs%3E    %3Cg fill%3D%22none%22 fill-rule%3D%22evenodd%22%3E        %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3Cmask id%3D%22prefix__b%22 fill%3D%22%23fff%22%3E            %3Cuse xlink%3Ahref%3D%22%23prefix__a%22%2F%3E        %3C%2Fmask%3E        %3Cg fill%3D%22%233D4042%22 mask%3D%22url(%23prefix__b)%22%3E            %3Cpath d%3D%22M0 0H24V24H0z%22%2F%3E        %3C%2Fg%3E    %3C%2Fg%3E%3C%2Fsvg%3E") no-repeat 0 100%/cover;
+            right: 0;
+            top: 50%;
+            position: absolute;
+            width: 1.5rem;
+            height: 1.5rem;
+            transform: translateY(-50%); }
+    .learn-more__wrapper .learn-more__faqs a {
+      color: var(--primary-main-dark-1); }

package/dist/esm/src/components/sections/LearnMoreSection/LearnMoreSection.d.ts

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

package/dist/esm/src/components/sections/LearnMoreSection/LearnMoreSectionProps.types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface LearnMoreSectionProps {
+    title: string;
+    description: string;
+    cta: string;
+    faqs: React.ReactNode;
+}

package/dist/esm/src/components/sections/LearnMoreSection/index.d.ts

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

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

@@ -7,3 +7,4 @@ export * from './AsSeeInSection';
 export * from './ExpertsSection';
 export * from './PeopleSayAboutUsSection';
 export * from './WhyLawDistrictSection';
+export * from './LearnMoreSection';

package/dist/index.d.ts

@@ -873,6 +873,15 @@ interface WhyLawDistrictSectionProps {
 
 declare const WhyLawDistrictSection: React$1.FC<WhyLawDistrictSectionProps>;
 
+interface LearnMoreSectionProps {
+    title: string;
+    description: string;
+    cta: string;
+    faqs: React.ReactNode;
+}
+
+declare const LearnMoreSection: FC<LearnMoreSectionProps>;
+
 declare function useIntersectionObserver({ options, defaultIntersecting }: {
     options?: {} | undefined;
     defaultIntersecting?: boolean | undefined;
@@ -885,4 +894,4 @@ interface UseIsMobileOrTablePropsReturn {
 }
 declare const useIsMobileOrTable: () => UseIsMobileOrTablePropsReturn;
 
-export { AboutUsContent, type AboutUsContentProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, 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, ContinueEditingBanner, type ContinueEditingBannerProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, 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, type LatestApplication, 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, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, 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, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };
+export { AboutUsContent, type AboutUsContentProps, AboutUsSection, type AboutUsSectionProps, AddButton, type AddButtonProps, Article, type ArticleProps, ArticlesList, type ArticlesListProps, AsSeeInContent, type AsSeeInContentProps, AsSeeInSection, type AsSeeInSectionProps, 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, ContinueEditingBanner, type ContinueEditingBannerProps, CountDownMessage, type CountDownMessageProps, DatePickerCustom, type DatePickerCustomProps, DialogMenuIcon, type DialogMenuIconProps, Disclaimer, type DisclaimerProps, Divider, type DividerProps, DocumentStatus, type DocumentStatusProps, ExpertCard, ExpertCardList, type ExpertCardListProps, type ExpertCardProps, ExpertsSection, type ExpertsSectionProps, 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, type LatestApplication, LearnMoreSection, type LearnMoreSectionProps, 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, NavBarDropDown, type NavBarDropDownProps, Pagination, type PaginationProps, PaypalButton, type PaypalButtonProps, PeopleSayAboutUsSection, type PeopleSayAboutUsSectionProps, PricingCard, type PricingCardProps, ProgressBar, type ProgressBarProps, Radio, type RadioProps, RemoveButton, type RemoveButtonProps, RichTextInner, type RichTextInnerProps, type RichTextMedia, RichTextStrapi, type RichTextStrapiProps, SearchSelect, type SearchSelectProps, type SideMenuTabProps, SidemenuTab, Snackbar, type SnackbarProps, Spinner, type SpinnerProps, StepGetForm, type StepGetFormProps, 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, type WhyLawDistrictItem, WhyLawDistrictItems, type WhyLawDistrictItemsProps, WhyLawDistrictSection, type WhyLawDistrictSectionProps, WideInfoBar, useIntersectionObserver, useIsMobileOrTable };

package/package.json

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