@npm_leadtech/legal-lib-components 7.14.0 → 7.15.0

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

@@ -2,19 +2,15 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { DocumentStatusStyled } from './DocumentStatus.styled';
 import { Done24px } from '../../../../images/componentsSvg/Done24px';
 import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
-import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px';
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
 import { Time24px } from '../../../../images/componentsSvg/Time24px';
-const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusAIReviewedText, statusSignedText }) => {
+const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusSignedText }) => {
     if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
     }
     if (type === 'new') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
     }
-    if (type === 'ai_reviewed') {
-        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-ai-reviewed', children: [_jsx(RatafiaIcon24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusAIReviewedText })] }));
-    }
     if (type === 'signed') {
         return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-signed', children: [_jsx(Sign24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusSignedText })] }));
     }

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

@@ -62,20 +62,6 @@ export const DocumentStatusStyled = styled.div `
       }
     }
 
-    &.--is-ai-reviewed {
-      padding: 0.25rem;
-      gap: 0.25rem;
-      background-color: var(--primary-main-light-5);
-      border-color: var(--primary-main-light-3);
-      color: var(--primary-main);
-
-      svg {
-        path {
-          fill: var(--primary-main);
-        }
-      }
-    }
-
     &.--is-signed {
       width: fit-content;
       background-color: var(--primary-main-dark-2);

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

@@ -63,20 +63,6 @@ export const DocumentStatusStyled = styled.div`
       }
     }
 
-    &.--is-ai-reviewed {
-      padding: 0.25rem;
-      gap: 0.25rem;
-      background-color: var(--primary-main-light-5);
-      border-color: var(--primary-main-light-3);
-      color: var(--primary-main);
-
-      svg {
-        path {
-          fill: var(--primary-main);
-        }
-      }
-    }
-
     &.--is-signed {
       width: fit-content;
       background-color: var(--primary-main-dark-2);

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

@@ -4,7 +4,6 @@ import { type DocumentStatusProps } from './DocumentStatusProps.types'
 import { DocumentStatusStyled } from './DocumentStatus.styled'
 import { Done24px } from '../../../../images/componentsSvg/Done24px'
 import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
-import { RatafiaIcon24px } from '../../../../images/componentsSvg/RatafiaIcon24px'
 import { Sign24px } from '../../../../images/componentsSvg/Sign24px'
 import { Time24px } from '../../../../images/componentsSvg/Time24px'
 
@@ -13,7 +12,6 @@ const DocumentStatus: FC<DocumentStatusProps> = ({
   statusCompletedText,
   statusNewText,
   statusInProgressText,
-  statusAIReviewedText,
   statusSignedText
 }) => {
   if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
@@ -30,13 +28,6 @@ const DocumentStatus: FC<DocumentStatusProps> = ({
       </DocumentStatusStyled>
     )
   }
-  if (type === 'ai_reviewed') {
-    return (
-      <DocumentStatusStyled data-testid='document-status' className={'document-status --is-ai-reviewed'}>
-        <RatafiaIcon24px className='icon' /> <span className={'sans-serif --small'}>{statusAIReviewedText}</span>
-      </DocumentStatusStyled>
-    )
-  }
   if (type === 'signed') {
     return (
       <DocumentStatusStyled data-testid='document-status' className={'document-status --is-signed'}>

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>
   )
 }