@npm_leadtech/legal-lib-components 2.5.5 → 2.6.0

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;
@@ -3391,46 +3425,44 @@
       .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; }
   @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;
@@ -3510,55 +3542,3 @@
     @media (min-width: 960px) {
       .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; }
-  @media (min-width: 720px) {
-    .guidelines-section {
-      flex-flow: row nowrap; } }

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/index.d.ts

@@ -7,6 +7,7 @@ export * from './Breadcrumb';
 export * from './ContactBox';
 export * from './Feedback';
 export * from './MenuItemsSection';
+export * from './NavBarDropDown';
 export * from './Pagination';
 export * from './PricingCard';
 export * from './Snackbar';

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

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

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

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

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];