@npm_leadtech/legal-lib-components 2.6.0 → 2.6.2

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

@@ -3315,6 +3315,13 @@
       visibility: visible;
       opacity: 1; }
 
+.trustworthy-websites {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: center; }
+  .trustworthy-websites__image {
+    margin: 1.5rem; }
+
 .articles_wrapper {
   display: flex;
   flex-direction: column;
@@ -3382,6 +3389,139 @@
       width: 24px;
       margin: 0; }
 
+.about-us-content {
+  display: flex;
+  flex-flow: row wrap;
+  justify-content: center; }
+  @media (min-width: 720px) {
+    .about-us-content {
+      flex-flow: row nowrap; } }
+  .about-us-content__body {
+    margin-top: 1rem;
+    margin-bottom: 2rem;
+    font-family: "Inter", sans-serif; }
+    @media (min-width: 720px) {
+      .about-us-content__body {
+        flex-basis: 50%;
+        margin-top: 0;
+        margin-bottom: 3rem; } }
+    .about-us-content__body .m-richText a {
+      color: #05646E; }
+    .about-us-content__body__button {
+      margin-top: 2rem;
+      font-family: "Inter", sans-serif; }
+      .about-us-content__body__button .e-button {
+        display: block; }
+        @media (min-width: 720px) {
+          .about-us-content__body__button .e-button {
+            display: inline-block; } }
+  .about-us-content__image {
+    margin-bottom: 1rem; }
+    @media (min-width: 720px) {
+      .about-us-content__image {
+        margin-bottom: 0;
+        margin-right: 1rem;
+        flex-basis: 50%; } }
+    @media (min-width: 960px) {
+      .about-us-content__image {
+        margin-bottom: -3rem; } }
+    .about-us-content__image img {
+      width: 100%; }
+
+.as-see-in-content {
+  display: flex; }
+  .as-see-in-content__text {
+    justify-content: center;
+    text-align: center; }
+    .as-see-in-content__text #articles, .as-see-in-content__text #legal-documents {
+      color: #078080;
+      font-weight: 400; }
+
+.guidelines-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) {
+    .guidelines-section__texts {
+      margin-left: 3rem;
+      margin-bottom: 0; } }
+  .guidelines-section__texts__title {
+    font-family: "Lora", serif;
+    margin-bottom: 2rem;
+    text-align: center;
+    color: #3D4042;
+    font-size: 32px;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 42px;
+    letter-spacing: -0.3px; }
+    @media (min-width: 720px) {
+      .guidelines-section__texts__title {
+        text-align: left; } }
+  .guidelines-section__texts__body {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    line-height: 22px; }
+    .guidelines-section__texts__body a {
+      color: #078080; }
+    .guidelines-section__texts__body #faqs-page {
+      font-weight: 400; }
+
+.guidelines-section__image {
+  flex-basis: 50%;
+  margin-bottom: 2rem; }
+  .guidelines-section__image.big-devices {
+    display: none; }
+    @media (min-width: 720px) {
+      .guidelines-section__image.big-devices {
+        display: flex; } }
+  .guidelines-section__image.is-mobile {
+    display: flex; }
+    @media (min-width: 720px) {
+      .guidelines-section__image.is-mobile {
+        display: none; } }
+
+.try-our-free-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) {
+    .try-our-free-legal-blogs-section__texts {
+      margin-right: 3rem;
+      margin-bottom: 0; } }
+  .try-our-free-legal-blogs-section__texts__title {
+    font-family: "Lora", serif;
+    font-size: 28px;
+    line-height: 42px;
+    margin-bottom: 2rem;
+    text-align: center; }
+    @media (min-width: 720px) {
+      .try-our-free-legal-blogs-section__texts__title {
+        text-align: left; } }
+  .try-our-free-legal-blogs-section__texts__body {
+    font-family: "Inter", sans-serif;
+    font-size: 16px;
+    line-height: 22px; }
+    .try-our-free-legal-blogs-section__texts__body a {
+      color: #078080; }
+
+.try-our-free-legal-blogs-section__image {
+  flex-basis: 50%; }
+
 .blog {
   text-align: center;
   margin: 0 auto 3rem;
@@ -3431,77 +3571,6 @@
   @media (min-width: 720px) {
     .try-our-free-legal-blogs-section {
       flex-flow: row nowrap; } }
-  .try-our-free-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) {
-      .try-our-free-legal-blogs-section__texts {
-        margin-right: 3rem;
-        margin-bottom: 0; } }
-    .try-our-free-legal-blogs-section__texts__title {
-      font-family: "Lora", serif;
-      font-size: 28px;
-      line-height: 42px;
-      margin-bottom: 2rem;
-      text-align: center; }
-      @media (min-width: 720px) {
-        .try-our-free-legal-blogs-section__texts__title {
-          text-align: left; } }
-    .try-our-free-legal-blogs-section__texts__body {
-      font-family: "Inter", sans-serif;
-      font-size: 16px;
-      line-height: 22px; }
-      .try-our-free-legal-blogs-section__texts__body a {
-        color: #078080; }
-  .try-our-free-legal-blogs-section__image {
-    flex-basis: 50%; }
-
-.about-us-content {
-  display: flex;
-  flex-flow: row wrap;
-  justify-content: center; }
-  @media (min-width: 720px) {
-    .about-us-content {
-      flex-flow: row nowrap; } }
-  .about-us-content__body {
-    margin-top: 1rem;
-    margin-bottom: 2rem;
-    font-family: "Inter", sans-serif; }
-    @media (min-width: 720px) {
-      .about-us-content__body {
-        flex-basis: 50%;
-        margin-top: 0;
-        margin-bottom: 3rem; } }
-    .about-us-content__body .m-richText a {
-      color: #05646E; }
-    .about-us-content__body__button {
-      margin-top: 2rem;
-      font-family: "Inter", sans-serif; }
-      .about-us-content__body__button .e-button {
-        display: block; }
-        @media (min-width: 720px) {
-          .about-us-content__body__button .e-button {
-            display: inline-block; } }
-  .about-us-content__image {
-    margin-bottom: 1rem; }
-    @media (min-width: 720px) {
-      .about-us-content__image {
-        margin-bottom: 0;
-        margin-right: 1rem;
-        flex-basis: 50%; } }
-    @media (min-width: 960px) {
-      .about-us-content__image {
-        margin-bottom: -3rem; } }
-    .about-us-content__image img {
-      width: 100%; }
 
 .about-us-section {
   padding-top: 1.125rem;
@@ -3542,3 +3611,24 @@
     @media (min-width: 960px) {
       .about-us-section__sub-title {
         font-size: 3rem; } }
+
+.guidelines-section {
+  display: flex;
+  flex-direction: column; }
+  @media (min-width: 720px) {
+    .guidelines-section {
+      flex-flow: row nowrap; } }
+
+.as-seen-in-section {
+  display: flex;
+  flex-direction: column; }
+  .as-seen-in-section__title {
+    color: #3D4042;
+    text-align: center;
+    font-size: 32px;
+    font-family: Lora;
+    font-style: normal;
+    font-weight: 400;
+    line-height: 42px;
+    letter-spacing: -0.3px;
+    margin-bottom: 1rem; }

package/dist/cjs/src/components/molecules/TrustworthyWebsites/TrustworthyWebsites.d.ts

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

package/dist/cjs/src/components/molecules/TrustworthyWebsites/TrustworthyWebsitesProps.types.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+export interface TrustworthyWebsitesProps {
+    images: ImageStructure[];
+}
+export interface ImageStructure {
+    id: string;
+    src: React.ReactNode;
+}

package/dist/cjs/src/components/molecules/TrustworthyWebsites/__stories__/TrustworthyWebsites.stories.d.ts

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

package/dist/cjs/src/components/molecules/TrustworthyWebsites/__tests__/TrustworthyWebsites.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/cjs/src/components/molecules/TrustworthyWebsites/index.d.ts

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

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

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

package/dist/cjs/src/components/organisms/AsSeeInContent/AsSeeInContent.d.ts

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

package/dist/cjs/src/components/organisms/AsSeeInContent/AsSeeInContentProps.types.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { type TrustworthyWebsitesProps } from '../../molecules/TrustworthyWebsites';
+export interface AsSeeInContentProps {
+    children: React.ReactNode;
+    trustWorthyImages: TrustworthyWebsitesProps;
+}

package/dist/cjs/src/components/organisms/AsSeeInContent/__stories__/AsSeeInContent.stories.d.ts

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

package/dist/cjs/src/components/organisms/AsSeeInContent/index.d.ts

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

package/dist/cjs/src/components/organisms/GuidelinesContent/GuidelinesContent.d.ts

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

package/dist/cjs/src/components/organisms/GuidelinesContent/GuidelinesContentProps.types.d.ts

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

package/dist/cjs/src/components/organisms/GuidelinesContent/__stories__/GuidelinesContent.stories.d.ts

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

package/dist/cjs/src/components/organisms/GuidelinesContent/index.d.ts

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

package/dist/cjs/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContent.d.ts

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

package/dist/cjs/src/components/organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types.d.ts

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

package/dist/cjs/src/components/organisms/TryOurFreeLegalBlogsContent/__stories__/TryOurFreeLegalBlogsContent.stories.d.ts

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

package/dist/cjs/src/components/organisms/TryOurFreeLegalBlogsContent/index.d.ts

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

package/dist/cjs/src/components/organisms/index.d.ts

@@ -1,3 +1,7 @@
 export * from './ArticlesList';
 export * from './ListStepsGetForm';
 export * from './MobileBottomBar';
+export * from './AboutUsContent';
+export * from './AsSeeInContent';
+export * from './GuidelinesContent';
+export * from './TryOurFreeLegalBlogsContent';

package/dist/cjs/src/components/sections/AsSeeInSection/AsSeeInSection.d.ts

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

package/dist/cjs/src/components/sections/AsSeeInSection/AsSeeInSectionProps.types.d.ts

@@ -0,0 +1,5 @@
+import { type AsSeeInContentProps } from '../../organisms/AsSeeInContent';
+export interface AsSeeInSectionProps {
+    title: string;
+    contentAsSeeIn: AsSeeInContentProps;
+}

package/dist/cjs/src/components/sections/AsSeeInSection/__stories__/AsSeeInSection.stories.d.ts

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

package/dist/cjs/src/components/sections/AsSeeInSection/index.d.ts

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

package/dist/cjs/src/components/sections/GuidelinesSection/GuidelinesSection.d.ts

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

package/dist/cjs/src/components/sections/GuidelinesSection/GuidelinesSectionProps.types.d.ts

@@ -0,0 +1,4 @@
+import { type GuidelinesContentProps } from '../../organisms/GuidelinesContent';
+export interface GuidelinesSectionProps {
+    contentGuidelines: GuidelinesContentProps;
+}

package/dist/cjs/src/components/sections/GuidelinesSection/__stories__/GuidelinesSection.stories.d.ts

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

package/dist/cjs/src/components/sections/GuidelinesSection/index.d.ts

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

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

@@ -1,6 +1,4 @@
-/// <reference types="react" />
+import { type TryOurFreeLegalBlogsContentProps } from '../../organisms/TryOurFreeLegalBlogsContent/TryOurFreeLegalBlogsContentProps.types';
 export interface TryOurFreeLegalBlogsSectionProps {
-    title: string;
-    image: React.ReactNode;
-    children?: string | React.ReactNode;
+    contentTryOurFreeLegalBlogs: TryOurFreeLegalBlogsContentProps;
 }

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

@@ -2,3 +2,5 @@ export * from './BlogSection';
 export * from './HowGetYourFormsSection';
 export * from './TryOurFreeLegalBlogsSection';
 export * from './AboutUsSection';
+export * from './GuidelinesSection';
+export * from './AsSeeInSection';