@npm_leadtech/legal-lib-components 2.5.5 → 2.6.1

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

@@ -1547,12 +1547,23 @@
 .menu-items__spacing .menu-items__item:not(:last-child) {
   margin-bottom: 0.5rem; }
 
+.menu-items__bullets {
+  list-style-position: inside;
+  list-style-type: disc; }
+
 .menu-items__item {
   transition: background-color 0.3s ease;
   border-radius: 4px;
-  padding: 0.25rem 0.5rem;
-  display: flex;
-  flex-direction: row; }
+  padding: 0.25rem 0.5rem; }
+  .menu-items__item svg {
+    vertical-align: bottom; }
+  .menu-items__item.active {
+    color: #078080;
+    font-weight: 700;
+    background-color: #E4F8F3; }
+  .menu-items__item.inactive {
+    color: #6D7275;
+    font-weight: 400; }
   .menu-items__item.disabled {
     color: #B5BABD; }
     .menu-items__item.disabled svg > g > g {
@@ -2799,6 +2810,29 @@
     .menu-items-section__title-wrapper__title {
       font-weight: bold; }
 
+.navbar-drop-down__container {
+  position: absolute;
+  width: 100%;
+  height: 100vh;
+  left: 0;
+  right: 0;
+  z-index: 2; }
+  .navbar-drop-down__container__menu_items {
+    background: white;
+    padding: 1.5rem;
+    box-shadow: 0px 2px 6px 0px rgba(2, 55, 74, 0.25); }
+    .navbar-drop-down__container__menu_items ul li {
+      margin-bottom: 1rem;
+      padding: 0.5rem 1rem; }
+    .navbar-drop-down__container__menu_items ul li:last-child {
+      margin-bottom: 0; }
+  .navbar-drop-down__container__shadow {
+    position: absolute;
+    background: #B5BABD;
+    opacity: 0.4;
+    width: 100%;
+    height: 100vh; }
+
 .pagination {
   align-items: center;
   box-sizing: border-box;
@@ -3281,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;
@@ -3348,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;
@@ -3391,40 +3565,6 @@
       .how-it-works-wrapper .works-title {
         padding-top: 2.5rem; } }
 
-.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%; }
-
 .try-our-free-legal-blogs-section {
   display: flex;
   flex-direction: column; }
@@ -3432,45 +3572,6 @@
     .try-our-free-legal-blogs-section {
       flex-flow: row nowrap; } }
 
-.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;
   background: #EFF7F5;
@@ -3511,51 +3612,6 @@
       .about-us-section__sub-title {
         font-size: 3rem; } }
 
-.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;
-    font-size: 28px;
-    line-height: 42px;
-    margin-bottom: 2rem;
-    text-align: center; }
-    @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__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; } }
-
 .guidelines-section {
   display: flex;
   flex-direction: column; }

package/dist/cjs/src/components/atoms/MenuItems/MenuItemProps.types.d.ts

@@ -1,5 +1,7 @@
 export interface MenuItemProps {
     spacing?: boolean;
+    hasBullets?: boolean;
+    initialActiveContent?: string;
     list: MenuListItem[];
 }
 export interface MenuListItem {

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

@@ -0,0 +1,4 @@
+import { type FC } from 'react';
+import { type NavBarDropDownProps } from './NavBarDropDownProps.types';
+import './NavBarDropDown.scss';
+export declare const NavBarDropDown: FC<NavBarDropDownProps>;

package/dist/cjs/src/components/molecules/NavBarDropDown/NavBarDropDownProps.types.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+interface List {
+    onClick: () => void;
+    content: string;
+    dataQA?: string;
+}
+export interface NavBarDropDownProps {
+    isOpen: boolean;
+    hasBullets?: boolean;
+    initialActiveContent?: string;
+    setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>;
+    setIsOpen: (open: boolean) => void;
+    list: List[];
+}
+export {};

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

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

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

@@ -0,0 +1,2 @@
+export { NavBarDropDown } from './NavBarDropDown';
+export { type NavBarDropDownProps } from './NavBarDropDownProps.types';

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

@@ -7,9 +7,11 @@ export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './Feedback';
 export * from './MenuItemsSection';
+export * from './NavBarDropDown';
 export * from './Pagination';
 export * from './PricingCard';
 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/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 AboutUsSection } from './AsSeeInSection';
+export { type AboutUsSectionProps } from './AsSeeInSectionProps.types';

package/dist/cjs/src/hooks/useIntersectionObserver.d.ts

@@ -0,0 +1,2 @@
+import { type RefObject } from 'react';
+export declare function useIntersectionObserver(options?: {}): [RefObject<HTMLDivElement>, boolean];