@npm_leadtech/legal-lib-components 7.12.21 → 7.12.22

package/dist/images/componentsSvg/InfoMailSvg.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const InfoMailSvg: React.FC;

package/dist/images/componentsSvg/InfoMailSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InfoMailSvg = () => {
+    return (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', children: _jsx("path", { d: 'M3.33317 16.6667C2.87484 16.6667 2.48248 16.5035 2.15609 16.1771C1.8297 15.8507 1.6665 15.4584 1.6665 15V5.00004C1.6665 4.54171 1.8297 4.14935 2.15609 3.82296C2.48248 3.49657 2.87484 3.33337 3.33317 3.33337H16.6665C17.1248 3.33337 17.5172 3.49657 17.8436 3.82296C18.17 4.14935 18.3332 4.54171 18.3332 5.00004V15C18.3332 15.4584 18.17 15.8507 17.8436 16.1771C17.5172 16.5035 17.1248 16.6667 16.6665 16.6667H3.33317ZM9.99984 10.6875C10.0693 10.6875 10.1422 10.6771 10.2186 10.6563C10.295 10.6355 10.3679 10.6042 10.4373 10.5625L16.3332 6.87504C16.4443 6.8056 16.5276 6.71879 16.5832 6.61462C16.6387 6.51046 16.6665 6.39587 16.6665 6.27087C16.6665 5.9931 16.5485 5.78476 16.3123 5.64587C16.0762 5.50698 15.8332 5.51393 15.5832 5.66671L9.99984 9.16671L4.4165 5.66671C4.1665 5.51393 3.92345 5.51046 3.68734 5.65629C3.45123 5.80212 3.33317 6.00698 3.33317 6.27087C3.33317 6.40976 3.36095 6.53129 3.4165 6.63546C3.47206 6.73962 3.55539 6.81948 3.6665 6.87504L9.56234 10.5625C9.63178 10.6042 9.7047 10.6355 9.78109 10.6563C9.85748 10.6771 9.93039 10.6875 9.99984 10.6875Z', fill: '#02374A' }) }));
+};

package/dist/images/componentsSvg/InfoMailSvg.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const InfoMailSvg: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
+      <path
+        d='M3.33317 16.6667C2.87484 16.6667 2.48248 16.5035 2.15609 16.1771C1.8297 15.8507 1.6665 15.4584 1.6665 15V5.00004C1.6665 4.54171 1.8297 4.14935 2.15609 3.82296C2.48248 3.49657 2.87484 3.33337 3.33317 3.33337H16.6665C17.1248 3.33337 17.5172 3.49657 17.8436 3.82296C18.17 4.14935 18.3332 4.54171 18.3332 5.00004V15C18.3332 15.4584 18.17 15.8507 17.8436 16.1771C17.5172 16.5035 17.1248 16.6667 16.6665 16.6667H3.33317ZM9.99984 10.6875C10.0693 10.6875 10.1422 10.6771 10.2186 10.6563C10.295 10.6355 10.3679 10.6042 10.4373 10.5625L16.3332 6.87504C16.4443 6.8056 16.5276 6.71879 16.5832 6.61462C16.6387 6.51046 16.6665 6.39587 16.6665 6.27087C16.6665 5.9931 16.5485 5.78476 16.3123 5.64587C16.0762 5.50698 15.8332 5.51393 15.5832 5.66671L9.99984 9.16671L4.4165 5.66671C4.1665 5.51393 3.92345 5.51046 3.68734 5.65629C3.45123 5.80212 3.33317 6.00698 3.33317 6.27087C3.33317 6.40976 3.36095 6.53129 3.4165 6.63546C3.47206 6.73962 3.55539 6.81948 3.6665 6.87504L9.56234 10.5625C9.63178 10.6042 9.7047 10.6355 9.78109 10.6563C9.85748 10.6771 9.93039 10.6875 9.99984 10.6875Z'
+        fill='#02374A'
+      />
+    </svg>
+  )
+}

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/SearchSelect/SearchSelect.styled.js

@@ -152,7 +152,7 @@ export const SearchSelectStyled = styled.div `
         display: flex;
         align-content: center;
         position: absolute;
-        bottom: 0;
+        bottom: -12px;
         margin-top: 0.5rem;
         color: var(--error-main);
 

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

@@ -153,7 +153,7 @@ export const SearchSelectStyled = styled.div`
         display: flex;
         align-content: center;
         position: absolute;
-        bottom: 0;
+        bottom: -12px;
         margin-top: 0.5rem;
         color: var(--error-main);
 

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types';
+export declare const ContactInfoBox: React.FC<ContactInfoBoxProps>;

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

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { ContactInfoBoxStyled } from './ContactInfoBox.styled';
+import { ContactInfoCard } from '../ContactInfoCard';
+export const ContactInfoBox = ({ items }) => {
+    return (_jsx(ContactInfoBoxStyled, { className: 'contact-info-box-container', children: items.map((item, index) => (_jsx(ContactInfoCard, { ...item }, index))) }));
+};

package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.d.ts

@@ -0,0 +1 @@
+export declare const ContactInfoBoxStyled: 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/molecules/ContactInfoBox/ContactInfoBox.styled.js

@@ -0,0 +1,22 @@
+import { device } from '../../../globalStyles/breakpoints';
+import styled from 'styled-components';
+export const ContactInfoBoxStyled = styled.div `
+  background-color: var(--others-white);
+  width: 100%;
+  border-radius: var(--s-border-radius);
+  margin-bottom: 2rem;
+  padding: 0.5rem 1.5rem;
+  text-decoration: none;
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      letter-spacing: -1px;
+    }
+  }
+
+  @media ${device['landscape-tablets']} {
+    display: flex;
+    flex-direction: column;
+  }
+`;

package/dist/src/components/molecules/ContactInfoBox/ContactInfoBox.styled.ts

@@ -0,0 +1,23 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const ContactInfoBoxStyled = styled.div`
+  background-color: var(--others-white);
+  width: 100%;
+  border-radius: var(--s-border-radius);
+  margin-bottom: 2rem;
+  padding: 0.5rem 1.5rem;
+  text-decoration: none;
+  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+  @media not all and (min-resolution: 0.001dpcm) {
+    @supports (-webkit-appearance: none) {
+      letter-spacing: -1px;
+    }
+  }
+
+  @media ${device['landscape-tablets']} {
+    display: flex;
+    flex-direction: column;
+  }
+`

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

@@ -0,0 +1,15 @@
+import React from 'react'
+
+import { type ContactInfoBoxProps } from './ContactInfoBoxProps.types'
+import { ContactInfoBoxStyled } from './ContactInfoBox.styled'
+import { ContactInfoCard } from '../ContactInfoCard'
+
+export const ContactInfoBox: React.FC<ContactInfoBoxProps> = ({ items }) => {
+  return (
+    <ContactInfoBoxStyled className='contact-info-box-container'>
+      {items.map((item, index) => (
+        <ContactInfoCard key={index} {...item} />
+      ))}
+    </ContactInfoBoxStyled>
+  )
+}