@npm_leadtech/legal-lib-components 2.2.2 → 2.3.0

package/dist/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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/cjs/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';