@npm_leadtech/legal-lib-components 2.5.4 → 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;
@@ -3508,80 +3542,3 @@
     @media (min-width: 960px) {
       .about-us-section__sub-title {
         font-size: 3rem; } }
-
-.homeSteps__container {
-  transform: translateY(0%); }
-  @media (min-width: 575px) {
-    .homeSteps__container {
-      transform: translateY(0%); } }
-  @media (min-width: 720px) {
-    .homeSteps__container {
-      transform: translateY(0%); } }
-  .homeSteps__container .homeSteps {
-    display: flex;
-    flex-direction: column;
-    align-items: center;
-    padding-top: 2rem;
-    padding-bottom: 2rem;
-    position: relative; }
-    .homeSteps__container .homeSteps .homeStepsItemsContainer {
-      display: flex;
-      justify-content: space-between;
-      width: 100%;
-      max-width: 888px;
-      flex-flow: row wrap;
-      padding: 0 1rem; }
-      @media (min-width: 960px) {
-        .homeSteps__container .homeSteps .homeStepsItemsContainer {
-          flex-flow: row nowrap;
-          padding: 0; } }
-
-.guidelines-section {
-  display: flex;
-  flex-direction: column; }
-  @media (min-width: 720px) {
-    .guidelines-section {
-      flex-flow: row nowrap; } }
-  .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; } }

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