@npm_leadtech/legal-lib-components 2.5.4 → 2.6.0

package/dist/esm/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/esm/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/esm/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/esm/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/esm/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/esm/src/components/molecules/NavBarDropDown/index.d.ts

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

package/dist/esm/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/esm/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/esm/src/hooks/useIntersectionObserver.d.ts

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

package/dist/index.d.ts

@@ -211,6 +211,8 @@ declare const LogoText: FC<LogoTextProps>;
 
 interface MenuItemProps {
     spacing?: boolean;
+    hasBullets?: boolean;
+    initialActiveContent?: string;
     list: MenuListItem[];
 }
 interface MenuListItem {
@@ -489,6 +491,22 @@ interface MenuItemsSectionProps {
 
 declare const MenuItemsSection: FC<MenuItemsSectionProps>;
 
+interface List {
+    onClick: () => void;
+    content: string;
+    dataQA?: string;
+}
+interface NavBarDropDownProps {
+    isOpen: boolean;
+    hasBullets?: boolean;
+    initialActiveContent?: string;
+    setEnableScrollbarOnClose: React.Dispatch<React.SetStateAction<(() => void) | undefined>>;
+    setIsOpen: (open: boolean) => void;
+    list: List[];
+}
+
+declare const NavBarDropDown: FC<NavBarDropDownProps>;
+
 interface PaginationProps {
     totalPages: number;
     activePage: number;
@@ -644,16 +662,4 @@ interface AboutUsSectionProps {
 
 declare const AboutUsSection: FC<AboutUsSectionProps>;
 
-interface GuidelinesContentProps {
-    title: string;
-    image: React.ReactNode;
-    children: React.ReactNode;
-}
-
-interface GuidelinesSectionProps {
-    contentGuidelines: GuidelinesContentProps;
-}
-
-declare const GuidelinesSection: FC<GuidelinesSectionProps>;
-
-export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, GuidelinesSection, GuidelinesSectionProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };
+export { AboutUsSection, AboutUsSectionProps, AddButton, AddButtonProps, Article, ArticleProps, ArticlesList, ArticlesListProps, BaseBox, BaseBoxList, BaseBoxListProps, BaseBoxProps, BillCard, BillCardProps, BlogSection, BlogSectionProps, BottomFixedBar, BottomFixedBarProps, BottomOverlay, BottomOverlayMenu, BottomOverlayMenuProps, BottomOverlayProps, BoxForm, BoxFormProps, BreadcrumItem, BreadcrumItemProps, Breadcrumb, BreadcrumbProps, Button, ButtonIcon, ButtonIconProps, ButtonProps, CardPane, CardPaneInfoProps, CardPaneProps, Checkbox, CheckboxProps, ContactBox, ContactBoxProps, DatePickerCustom, DatePickerCustomProps, DialogMenuIcon, DialogMenuIconProps, Disclaimer, DisclaimerProps, Divider, DividerProps, DocumentStatus, DocumentStatusProps, Feedback, FeedbackProps, FormFaq, FormFaqProps, GoogleButton, GoogleButtonProps, HowGetYourFormsSection, HowGetYourFormsSectionProps, IconImage, IconImageProps, InfoBox, InfoBoxProps, ListStepsGetForm, ListStepsGetFormProps, LogoText, LogoTextProps, MenuItemProps, MenuItems, MenuItemsSection, MenuItemsSectionProps, Message, MessageProps, MobileBottomBar, MobileBottomBarProps, NavBarDropDown, NavBarDropDownProps, Pagination, PaginationProps, PaypalButton, PaypalButtonProps, PricingCard, PricingCardProps, ProgressBar, ProgressBarProps, Radio, RadioProps, RemoveButton, RemoveButtonProps, RichTextInner, RichTextInnerProps, SearchSelect, SearchSelectProps, SideMenuTabProps, SidemenuTab, Snackbar, SnackbarProps, Spinner, SpinnerProps, StepGetForm, StepGetFormProps, TextArea, TextAreaProps, TextInput, TextInputProps, Toggle, ToggleProps, Tooltip, TooltipMenu, TooltipMenuProps, TooltipProps, TopBar, TopBarProps, TryOurFreeLegalBlogsSection, TryOurFreeLegalBlogsSectionProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "2.5.4",
+  "version": "2.6.0",
   "dependencies": {
     "@testing-library/jest-dom": "^5.16.5",
     "@tippyjs/react": "4.2.6",

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

@@ -1,5 +0,0 @@
-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

@@ -1,6 +0,0 @@
-/// <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

@@ -1,6 +0,0 @@
-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

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

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

@@ -1,5 +0,0 @@
-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

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

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

@@ -1,6 +0,0 @@
-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

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-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/esm/src/components/organisms/GuidelinesContent/index.d.ts

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

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

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

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

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

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

@@ -1,6 +0,0 @@
-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/esm/src/components/sections/GuidelinesSection/index.d.ts

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