@npm_leadtech/legal-lib-components 7.12.12 → 7.12.14

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecatedProps.types.d.ts → MenuItems/MenuItemProps.types.d.ts}

@@ -1,4 +1,4 @@
-export interface MenuItemsDeprecatedProps {
+export interface MenuItemProps {
     className?: string;
     spacing?: boolean;
     hasBullets?: boolean;

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecatedProps.types.ts → MenuItems/MenuItemProps.types.ts}

@@ -1,5 +1,5 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
-export interface MenuItemsDeprecatedProps {
+export interface MenuItemProps {
   className?: string
   spacing?: boolean
   hasBullets?: boolean

package/dist/src/components/atoms/MenuItems/MenuItems.d.ts

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

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecated.js → MenuItems/MenuItems.js}

@@ -4,10 +4,10 @@ import { jsxs as _jsxs, Fragment as _Fragment, jsx as _jsx } from "react/jsx-run
 /* eslint-disable @typescript-eslint/strict-boolean-expressions */
 import { useState } from 'react';
 import classNames from 'classnames';
-import { MenuItemsDeprecatedStyled } from './MenuItemsDeprecated.styled';
+import { MenuItemsStyled } from './MenuItems.styled';
 import { stringSlugify } from '../../../utils/stringSlugify';
 // import './MenuItems.scss'
-const MenuItemsDeprecated = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
+const MenuItems = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
     const [contentListElement, setContentListElement] = useState(initialActiveContent);
     const filteredList = list?.filter((item) => item.content);
     if (filteredList.length === 0 || !filteredList[0].content) {
@@ -38,6 +38,6 @@ const MenuItemsDeprecated = ({ spacing, list, hasBullets = false, initialActiveC
                 initialActiveContent && handleActiveListElement(content);
             }, ...props, children: href ? (_jsxs("a", { href: href, "data-qa": dataQA ?? slugifiedContent, children: [image, content] })) : (_jsxs(_Fragment, { children: [image, content] })) }, listKey));
     };
-    return (_jsx(MenuItemsDeprecatedStyled, { className: classes, ...rest, children: filteredList.map((item, index) => renderItem(item, index)) }));
+    return (_jsx(MenuItemsStyled, { className: classes, ...rest, children: filteredList.map((item, index) => renderItem(item, index)) }));
 };
-export default MenuItemsDeprecated;
+export default MenuItems;

package/dist/src/components/{organisms → atoms}/MenuItems/MenuItems.styled.d.ts

@@ -1 +1 @@
-export declare const MenuItemsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const MenuItemsStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecated.styled.js → MenuItems/MenuItems.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const MenuItemsDeprecatedStyled = styled.ul `
+export const MenuItemsStyled = styled.ul `
   .menu-items {
     &__spacing {
       .menu-items__item:not(:last-child) {

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecated.styled.ts → MenuItems/MenuItems.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const MenuItemsDeprecatedStyled = styled.ul`
+export const MenuItemsStyled = styled.ul`
   .menu-items {
     &__spacing {
       .menu-items__item:not(:last-child) {

package/dist/src/components/atoms/{MenuItemsDeprecated/MenuItemsDeprecated.tsx → MenuItems/MenuItems.tsx}

@@ -4,18 +4,12 @@
 import React, { type FC, useState } from 'react'
 import classNames from 'classnames'
 
-import { type MenuItemsDeprecatedProps, type MenuListItem } from './MenuItemsDeprecatedProps.types'
-import { MenuItemsDeprecatedStyled } from './MenuItemsDeprecated.styled'
+import { type MenuItemProps, type MenuListItem } from './MenuItemProps.types'
+import { MenuItemsStyled } from './MenuItems.styled'
 import { stringSlugify } from '../../../utils/stringSlugify'
 // import './MenuItems.scss'
 
-const MenuItemsDeprecated: FC<MenuItemsDeprecatedProps> = ({
-  spacing,
-  list,
-  hasBullets = false,
-  initialActiveContent = '',
-  ...rest
-}) => {
+const MenuItems: FC<MenuItemProps> = ({ spacing, list, hasBullets = false, initialActiveContent = '', ...rest }) => {
   const [contentListElement, setContentListElement] = useState(initialActiveContent)
   const filteredList = list?.filter((item) => item.content)
   if (filteredList.length === 0 || !filteredList[0].content) {
@@ -70,10 +64,10 @@ const MenuItemsDeprecated: FC<MenuItemsDeprecatedProps> = ({
   }
 
   return (
-    <MenuItemsDeprecatedStyled className={classes} {...rest}>
+    <MenuItemsStyled className={classes} {...rest}>
       {filteredList.map((item, index) => renderItem(item, index))}
-    </MenuItemsDeprecatedStyled>
+    </MenuItemsStyled>
   )
 }
 
-export default MenuItemsDeprecated
+export default MenuItems

package/dist/src/components/atoms/MenuItems/index.d.ts

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

package/dist/src/components/atoms/MenuItems/index.js

@@ -0,0 +1 @@
+export { default as MenuItems } from './MenuItems';

package/dist/src/components/atoms/MenuItems/index.ts

@@ -0,0 +1,2 @@
+export { default as MenuItems } from './MenuItems'
+export { type MenuItemProps } from './MenuItemProps.types'

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.js

@@ -1,6 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
-import { MenuItemsDeprecated } from '../MenuItemsDeprecated';
+import { MenuItems } from '../MenuItems';
 import { SidemenuTabStyled } from './SidemenuTab.styled';
 import { Tooltip } from '../Tooltip';
 const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) => {
@@ -12,6 +12,6 @@ const SidemenuTab = ({ active, mobile, menu, text, image, onClick, children }) =
     if (menu === undefined || menu?.lenght === 0) {
         return renderTab();
     }
-    return (_jsx(Tooltip, { content: _jsx(MenuItemsDeprecated, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
+    return (_jsx(Tooltip, { content: _jsx(MenuItems, { list: menu }), interactive: true, trigger: 'click', children: renderTab() }));
 };
 export default SidemenuTab;

package/dist/src/components/atoms/SidemenuTab/SidemenuTab.tsx

@@ -1,7 +1,7 @@
 import React from 'react'
 import classNames from 'classnames'
 
-import { MenuItemsDeprecated } from '../MenuItemsDeprecated'
+import { MenuItems } from '../MenuItems'
 import { type SideMenuTabProps } from './SideMenuTabProps.types'
 import { SidemenuTabStyled } from './SidemenuTab.styled'
 import { Tooltip } from '../Tooltip'
@@ -26,7 +26,7 @@ const SidemenuTab: React.FC<SideMenuTabProps> = ({ active, mobile, menu, text, i
   }
 
   return (
-    <Tooltip content={<MenuItemsDeprecated list={menu} />} interactive trigger='click'>
+    <Tooltip content={<MenuItems list={menu} />} interactive trigger='click'>
       {renderTab()}
     </Tooltip>
   )

package/dist/src/components/atoms/TopBar/TopBar.styled.js

@@ -26,7 +26,7 @@ export const TopBarStyled = styled.div `
       width: 100%;
       height: 100%;
       justify-content: center;
-      align-items: center;
+      align-items: flex-end;
       border: 1px solid var(--neutral-neutral-4);
 
       @media ${device.mobile} {
@@ -50,53 +50,6 @@ export const TopBarStyled = styled.div `
           display: inherit;
         }
       }
-
-      &-mobile {
-        background-color: var(--neutral-neutral-5);
-        display: flex;
-        padding: 0.5rem 1rem;
-        justify-content: space-between;
-        align-items: center;
-        border-radius: var(--s-border-radius);
-        box-shadow: var(--box-shadow-container);
-        font-size: 14px;
-        line-height: 18px;
-        letter-spacing: -0.3px;
-        position: fixed;
-        top: 0.5rem;
-        left: 0.5rem;
-        right: 0.5rem;
-
-        &.fade-In {
-          visibility: visible;
-          opacity: 1;
-          transition:
-            visibility 0s linear 0s,
-            opacity 300ms;
-        }
-
-        &.fade-Out {
-          visibility: hidden;
-          opacity: 0;
-          transition:
-            visibility 0s linear 300ms,
-            opacity 300ms;
-        }
-
-        > b {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-
-          a {
-            display: contents;
-          }
-
-          img {
-            margin-right: 0.5rem;
-          }
-        }
-      }
     }
   }
 `;

package/dist/src/components/atoms/TopBar/TopBar.styled.ts

@@ -27,7 +27,7 @@ export const TopBarStyled = styled.div`
       width: 100%;
       height: 100%;
       justify-content: center;
-      align-items: center;
+      align-items: flex-end;
       border: 1px solid var(--neutral-neutral-4);
 
       @media ${device.mobile} {
@@ -51,53 +51,6 @@ export const TopBarStyled = styled.div`
           display: inherit;
         }
       }
-
-      &-mobile {
-        background-color: var(--neutral-neutral-5);
-        display: flex;
-        padding: 0.5rem 1rem;
-        justify-content: space-between;
-        align-items: center;
-        border-radius: var(--s-border-radius);
-        box-shadow: var(--box-shadow-container);
-        font-size: 14px;
-        line-height: 18px;
-        letter-spacing: -0.3px;
-        position: fixed;
-        top: 0.5rem;
-        left: 0.5rem;
-        right: 0.5rem;
-
-        &.fade-In {
-          visibility: visible;
-          opacity: 1;
-          transition:
-            visibility 0s linear 0s,
-            opacity 300ms;
-        }
-
-        &.fade-Out {
-          visibility: hidden;
-          opacity: 0;
-          transition:
-            visibility 0s linear 300ms,
-            opacity 300ms;
-        }
-
-        > b {
-          display: flex;
-          justify-content: center;
-          align-items: center;
-
-          a {
-            display: contents;
-          }
-
-          img {
-            margin-right: 0.5rem;
-          }
-        }
-      }
     }
   }
 `

package/dist/src/components/atoms/TopBar/TopBar.tsx

@@ -14,7 +14,7 @@ const TopBar: FC<TopBarProps> = ({ hide, children }) => {
   return (
     <TopBarStyled className={`top-bar-wrapper ${classnames}`}>
       <div className={'top-bar'}>
-        <div className='top-bar-content'>{children}</div>
+        <div className={'top-bar-content'}>{children}</div>
       </div>
     </TopBarStyled>
   )

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+interface TopBarMobileProps {
+    children: React.ReactNode;
+    isVisible: boolean;
+}
+export declare const TopBarMobile: React.FC<TopBarMobileProps>;
+export {};

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { TopBarMobileStyled } from './TopBarMobile.styled';
+export const TopBarMobile = ({ children, isVisible = false }) => {
+    const [isSSR, setIsSSR] = useState(false);
+    useEffect(() => {
+        setIsSSR(true);
+    }, []);
+    return isSSR ? (_jsx(TopBarMobileStyled, { className: `top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`, children: children })) : null;
+};

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.d.ts

@@ -0,0 +1 @@
+export declare const TopBarMobileStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.js

@@ -0,0 +1,49 @@
+import styled from 'styled-components';
+export const TopBarMobileStyled = styled.div `
+  background-color: var(--neutral-neutral-5);
+  display: flex;
+  padding: 0.5rem 1rem;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: var(--s-border-radius);
+  box-shadow: var(--box-shadow-container);
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.3px;
+  position: fixed;
+  top: 0.5rem;
+  left: 0.5rem;
+  right: 0.5rem;
+
+  &.top-bar-mobile {
+    &.fade-In {
+      visibility: visible;
+      opacity: 1;
+      transition:
+        visibility 0s linear 0s,
+        opacity 300ms;
+    }
+
+    &.fade-Out {
+      visibility: hidden;
+      opacity: 0;
+      transition:
+        visibility 0s linear 300ms,
+        opacity 300ms;
+    }
+
+    > b {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      a {
+        display: contents;
+      }
+
+      img {
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`;

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.styled.ts

@@ -0,0 +1,50 @@
+import styled from 'styled-components'
+
+export const TopBarMobileStyled = styled.div`
+  background-color: var(--neutral-neutral-5);
+  display: flex;
+  padding: 0.5rem 1rem;
+  justify-content: space-between;
+  align-items: center;
+  border-radius: var(--s-border-radius);
+  box-shadow: var(--box-shadow-container);
+  font-size: 14px;
+  line-height: 18px;
+  letter-spacing: -0.3px;
+  position: fixed;
+  top: 0.5rem;
+  left: 0.5rem;
+  right: 0.5rem;
+
+  &.top-bar-mobile {
+    &.fade-In {
+      visibility: visible;
+      opacity: 1;
+      transition:
+        visibility 0s linear 0s,
+        opacity 300ms;
+    }
+
+    &.fade-Out {
+      visibility: hidden;
+      opacity: 0;
+      transition:
+        visibility 0s linear 300ms,
+        opacity 300ms;
+    }
+
+    > b {
+      display: flex;
+      justify-content: center;
+      align-items: center;
+
+      a {
+        display: contents;
+      }
+
+      img {
+        margin-right: 0.5rem;
+      }
+    }
+  }
+`

package/dist/src/components/atoms/TopBarMobile/TopBarMobile.tsx

@@ -0,0 +1,22 @@
+import React, { useEffect, useState } from 'react'
+import { TopBarMobileStyled } from './TopBarMobile.styled'
+
+interface TopBarMobileProps {
+  children: React.ReactNode
+  isVisible: boolean
+}
+
+export const TopBarMobile: React.FC<TopBarMobileProps> = ({
+  children,
+  isVisible = false
+}): React.ReactElement | null => {
+  const [isSSR, setIsSSR] = useState(false)
+  useEffect(() => {
+    setIsSSR(true)
+  }, [])
+  return isSSR ? (
+    <TopBarMobileStyled className={`top-bar-mobile ${isVisible ? 'fade-In' : 'fade-Out'}`}>
+      {children}
+    </TopBarMobileStyled>
+  ) : null
+}

package/dist/src/components/atoms/TopBarMobile/index.d.ts

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile';

package/dist/src/components/atoms/TopBarMobile/index.js

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile';

package/dist/src/components/atoms/TopBarMobile/index.ts

@@ -0,0 +1 @@
+export { TopBarMobile } from './TopBarMobile'

package/dist/src/components/atoms/index.d.ts

@@ -16,7 +16,6 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
-export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -32,7 +31,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItemsDeprecated';
+export * from './MenuItems';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -62,6 +61,7 @@ export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
+export * from './TopBarMobile';
 export * from './TrustPilot';
 export * from './Video';
 export * from './WhyLawDistrictItems';

package/dist/src/components/atoms/index.js

@@ -16,7 +16,6 @@ export * from './DialogMenuIcon';
 export * from './Disclaimer';
 export * from './DisclaimerRatafia';
 export * from './Divider';
-export * from './DropdownInput';
 export * from './DocumentStatus';
 export * from './DocumentTag';
 export * from './ExpertCard';
@@ -32,7 +31,7 @@ export * from './JumbotronStatic';
 export * from './KeyFactRatafiaCard';
 export * from './Logo';
 export * from './LogoText';
-export * from './MenuItemsDeprecated';
+export * from './MenuItems';
 export * from './Message';
 export * from './MessageInformation';
 export * from './MoreDocsItem';
@@ -62,6 +61,7 @@ export * from './TextArea';
 export * from './Toggle';
 export * from './Tooltip';
 export * from './TopBar';
+export * from './TopBarMobile';
 export * from './TrustPilot';
 export * from './Video';
 export * from './WhyLawDistrictItems';

package/dist/src/components/atoms/index.ts

@@ -16,7 +16,6 @@ export * from './DialogMenuIcon'
 export * from './Disclaimer'
 export * from './DisclaimerRatafia'
 export * from './Divider'
-export * from './DropdownInput'
 export * from './DocumentStatus'
 export * from './DocumentTag'
 export * from './ExpertCard'
@@ -32,7 +31,7 @@ export * from './JumbotronStatic'
 export * from './KeyFactRatafiaCard'
 export * from './Logo'
 export * from './LogoText'
-export * from './MenuItemsDeprecated'
+export * from './MenuItems'
 export * from './Message'
 export * from './MessageInformation'
 export * from './MoreDocsItem'
@@ -62,6 +61,7 @@ export * from './TextArea'
 export * from './Toggle'
 export * from './Tooltip'
 export * from './TopBar'
+export * from './TopBarMobile'
 export * from './TrustPilot'
 export * from './Video'
 export * from './WhyLawDistrictItems'

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.js

@@ -1,10 +1,10 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItemsDeprecated } from '../../atoms';
+import { MenuItems } from '../../atoms';
 import { MenuItemsSectionStyled } from './MenuItemsSection.styled';
 const MenuItemsSection = ({ icon, title, list }) => {
     const filteredList = title !== undefined && list !== undefined ? list.filter((item) => item.content) : null;
     if (filteredList === null || filteredList?.length === 0 || filteredList[0].content === undefined)
         return null;
-    return (_jsxs(MenuItemsSectionStyled, { className: 'menu-items-section', children: [_jsxs("div", { className: 'menu-items-section__title-wrapper', children: [icon ?? null, _jsx("div", { className: 'menu-items-section__title-wrapper__title', children: title })] }), list && _jsx(MenuItemsDeprecated, { list: list, spacing: true })] }));
+    return (_jsxs(MenuItemsSectionStyled, { className: 'menu-items-section', children: [_jsxs("div", { className: 'menu-items-section__title-wrapper', children: [icon ?? null, _jsx("div", { className: 'menu-items-section__title-wrapper__title', children: title })] }), list && _jsx(MenuItems, { list: list, spacing: true })] }));
 };
 export default MenuItemsSection;

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSection.tsx

@@ -1,6 +1,6 @@
 import React, { type FC } from 'react'
 
-import { MenuItemsDeprecated } from '../../atoms'
+import { MenuItems } from '../../atoms'
 import { type MenuItemsSectionProps } from './MenuItemsSectionProps.types'
 import { MenuItemsSectionStyled } from './MenuItemsSection.styled'
 
@@ -14,7 +14,7 @@ const MenuItemsSection: FC<MenuItemsSectionProps> = ({ icon, title, list }) => {
         {icon ?? null}
         <div className='menu-items-section__title-wrapper__title'>{title}</div>
       </div>
-      {list && <MenuItemsDeprecated list={list} spacing />}
+      {list && <MenuItems list={list} spacing />}
     </MenuItemsSectionStyled>
   )
 }

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.d.ts

@@ -1,4 +1,4 @@
-import { type MenuListItem } from 'src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecatedProps.types';
+import { type MenuListItem } from 'src/components/atoms/MenuItems/MenuItemProps.types';
 export interface MenuItemsSectionProps {
     icon?: React.ReactNode;
     title?: string;

package/dist/src/components/molecules/MenuItemsSection/MenuItemsSectionProps.types.ts

@@ -1,4 +1,4 @@
-import { type MenuListItem } from 'src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecatedProps.types'
+import { type MenuListItem } from 'src/components/atoms/MenuItems/MenuItemProps.types'
 
 export interface MenuItemsSectionProps {
   icon?: React.ReactNode

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import { useEffect } from 'react';
-import { MenuItemsDeprecated } from '../../atoms';
+import { MenuItems } from '../../atoms';
 import { NavBarDropDownStyled } from './NavBarDropDown.styled';
 import { useIntersectionObserver } from '../../../hooks';
 let scrollPosition = 0;
@@ -63,5 +63,5 @@ export const NavBarDropDown = ({ isOpen, list, hasBullets = true, initialActiveC
     useEffect(() => {
         setEnableScrollbarOnClose(() => enableScrollbarOnClose);
     }, []);
-    return (_jsx(_Fragment, { children: isOpen ? (_jsxs(NavBarDropDownStyled, { className: 'navbar-drop-down__container', children: [_jsx("div", { className: 'navbar-drop-down__container__menu_items', children: _jsx(MenuItemsDeprecated, { list: list, hasBullets: hasBullets, initialActiveContent: initialActiveContent }) }), _jsx("div", { ref: ref, className: 'navbar-drop-down__container__shadow', onClick: closeMenu })] })) : null }));
+    return (_jsx(_Fragment, { children: isOpen ? (_jsxs(NavBarDropDownStyled, { className: 'navbar-drop-down__container', children: [_jsx("div", { className: 'navbar-drop-down__container__menu_items', children: _jsx(MenuItems, { list: list, hasBullets: hasBullets, initialActiveContent: initialActiveContent }) }), _jsx("div", { ref: ref, className: 'navbar-drop-down__container__shadow', onClick: closeMenu })] })) : null }));
 };

package/dist/src/components/molecules/NavBarDropDown/NavBarDropDown.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable jsx-a11y/no-static-element-interactions */
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { type FC, useEffect } from 'react'
-import { MenuItemsDeprecated } from '../../atoms'
+import { MenuItems } from '../../atoms'
 import { type NavBarDropDownProps } from './NavBarDropDownProps.types'
 import { NavBarDropDownStyled } from './NavBarDropDown.styled'
 import { useIntersectionObserver } from '../../../hooks'
@@ -87,7 +87,7 @@ export const NavBarDropDown: FC<NavBarDropDownProps> = ({
       {isOpen ? (
         <NavBarDropDownStyled className='navbar-drop-down__container'>
           <div className='navbar-drop-down__container__menu_items'>
-            <MenuItemsDeprecated list={list} hasBullets={hasBullets} initialActiveContent={initialActiveContent} />
+            <MenuItems list={list} hasBullets={hasBullets} initialActiveContent={initialActiveContent} />
           </div>
           <div ref={ref} className='navbar-drop-down__container__shadow' onClick={closeMenu}></div>
         </NavBarDropDownStyled>

package/dist/src/components/molecules/TooltipMenu/TooltipMenu.js

@@ -1,9 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { MenuItemsDeprecated, Tooltip } from '../../atoms';
+import { MenuItems, Tooltip } from '../../atoms';
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p';
 // import './TooltipMenu.scss'
 const TooltipMenu = ({ options, onClick, label }) => {
-    const menu = _jsx(MenuItemsDeprecated, { list: options });
+    const menu = _jsx(MenuItems, { list: options });
     return (_jsx(Tooltip, { content: menu, allowHTML: true, interactive: true, position: 'bottom', trigger: 'click', children: _jsxs("div", { className: 'tooltip-menu__item', onClick: onClick, children: [_jsx(MenuCollapse24p, {}), _jsx("span", { className: 'actions-span sans-serif --extra-small', children: label })] }) }));
 };
 export default TooltipMenu;

package/dist/src/components/molecules/TooltipMenu/TooltipMenu.tsx

@@ -2,13 +2,13 @@
 /* eslint-disable jsx-a11y/click-events-have-key-events */
 import React, { type FC } from 'react'
 
-import { MenuItemsDeprecated, Tooltip } from '../../atoms'
+import { MenuItems, Tooltip } from '../../atoms'
 import { MenuCollapse24p } from '../../../../images/componentsSvg/MenuCollapse24p'
 import { type TooltipMenuProps } from './TooltipMenuProps.types'
 // import './TooltipMenu.scss'
 
 const TooltipMenu: FC<TooltipMenuProps> = ({ options, onClick, label }: TooltipMenuProps) => {
-  const menu = <MenuItemsDeprecated list={options}></MenuItemsDeprecated>
+  const menu = <MenuItems list={options}></MenuItems>
 
   return (
     <Tooltip content={menu} allowHTML={true} interactive={true} position='bottom' trigger='click'>