@npm_leadtech/legal-lib-components 2.2.2 → 2.3.0

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

@@ -3365,25 +3365,6 @@
       width: 24px;
       margin: 0; }
 
-.how-it-works-wrapper {
-  background-color: #F8F9FA; }
-  @media (min-width: 960px) {
-    .how-it-works-wrapper {
-      background-repeat: no-repeat;
-      background-position: top right;
-      background-size: 21rem; } }
-  @media only screen and (max-width: 960px) {
-    .how-it-works-wrapper {
-      background-image: none !important; } }
-  .how-it-works-wrapper .works-title {
-    width: auto;
-    font-family: "Lora", serif;
-    text-align: center;
-    padding-top: 4rem; }
-    @media only screen and (max-width: 960px) {
-      .how-it-works-wrapper .works-title {
-        padding-top: 2.5rem; } }
-
 .blog {
   text-align: center;
   margin: 0 auto 3rem;
@@ -3408,6 +3389,64 @@
       .blog .cta-button {
         width: auto; } }
 
+.how-it-works-wrapper {
+  background-color: #F8F9FA; }
+  @media (min-width: 960px) {
+    .how-it-works-wrapper {
+      background-repeat: no-repeat;
+      background-position: top right;
+      background-size: 21rem; } }
+  @media only screen and (max-width: 960px) {
+    .how-it-works-wrapper {
+      background-image: none !important; } }
+  .how-it-works-wrapper .works-title {
+    width: auto;
+    font-family: "Lora", serif;
+    text-align: center;
+    padding-top: 4rem; }
+    @media only screen and (max-width: 960px) {
+      .how-it-works-wrapper .works-title {
+        padding-top: 2.5rem; } }
+
+.legal-blogs-section {
+  display: flex;
+  flex-direction: column; }
+  @media (min-width: 720px) {
+    .legal-blogs-section {
+      flex-flow: row nowrap; } }
+  .legal-blogs-section__texts {
+    flex-basis: 50%;
+    display: flex;
+    flex-direction: column;
+    justify-content: center;
+    margin-bottom: 1rem;
+    margin-right: 0;
+    color: #3D4042;
+    font-style: normal;
+    font-weight: 400;
+    letter-spacing: -0.3px; }
+    @media (min-width: 720px) {
+      .legal-blogs-section__texts {
+        margin-right: 3rem;
+        margin-bottom: 0; } }
+    .legal-blogs-section__texts__title {
+      font-family: 'Lora';
+      font-size: 28px;
+      line-height: 42px;
+      margin-bottom: 2rem;
+      text-align: center; }
+      @media (min-width: 720px) {
+        .legal-blogs-section__texts__title {
+          text-align: left; } }
+    .legal-blogs-section__texts__body {
+      font-family: 'Inter';
+      font-size: 16px;
+      line-height: 22px; }
+      .legal-blogs-section__texts__body a {
+        color: #078080; }
+  .legal-blogs-section__image {
+    flex-basis: 50%; }
+
 .about-us-content {
   display: flex;
   flex-flow: row wrap;

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

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

package/dist/esm/src/components/sections/TryOurFreeLegalBlogsSection/TryOurFreeLegalBlogsSectionProps.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+export interface TryOurFreeLegalBlogsSectionProps {
+    title: string;
+    children: string | React.ReactNode;
+    image: React.ReactNode;
+}

package/dist/esm/src/components/sections/TryOurFreeLegalBlogsSection/__stories__/TryOurFreeLegalBlogsSection.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import TryOurFreeLegalBlogsSection from '../TryOurFreeLegalBlogsSection';
+declare const meta: Meta<typeof TryOurFreeLegalBlogsSection>;
+export default meta;
+type Story = StoryObj<typeof TryOurFreeLegalBlogsSection>;
+export declare const Default: Story;

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

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

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

@@ -1,3 +1,4 @@
-export * from './HowGetYourFormsSection';
 export * from './BlogSection';
+export * from './HowGetYourFormsSection';
+export * from './TryOurFreeLegalBlogsSection';
 export * from './AboutUsSection';

package/dist/index.d.ts

@@ -601,6 +601,14 @@ interface MobileBottomBarProps {
 
 declare const MobileBottomBar: FC<MobileBottomBarProps>;
 
+interface BlogSectionProps {
+    blogTitle: string;
+    blogCta: string;
+    articles: ArticlesListProps;
+}
+
+declare const BlogSection: FC<BlogSectionProps>;
+
 interface HowGetYourFormsSectionProps {
     title: string;
     steps: StepGetFormProps[];
@@ -608,13 +616,13 @@ interface HowGetYourFormsSectionProps {
 
 declare const HowGetYourFormsSection: FC<HowGetYourFormsSectionProps>;
 
-interface BlogSectionProps {
-    blogTitle: string;
-    blogCta: string;
-    articles: ArticlesListProps;
+interface TryOurFreeLegalBlogsSectionProps {
+    title: string;
+    children: string | React.ReactNode;
+    image: React.ReactNode;
 }
 
-declare const BlogSection: FC<BlogSectionProps>;
+declare const TryOurFreeLegalBlogsSection: FC<TryOurFreeLegalBlogsSectionProps>;
 
 interface AboutUsContentProps {
     children: React.ReactNode;
@@ -630,4 +638,4 @@ interface AboutUsSectionProps {
 
 declare const AboutUsSection: FC<AboutUsSectionProps>;
 
-export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps };
+export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };

package/package.json

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