@npm_leadtech/legal-lib-components 7.12.26 → 7.12.28

package/dist/images/svg/arrow-down.svg

@@ -0,0 +1,21 @@
+<svg width="10" height="6" viewBox="0 0 10 6" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect width="10" height="6" fill="#F2F2F2"/>
+<g id="&#240;&#159;&#150;&#165;&#239;&#184;&#143;&#240;&#159;&#147;&#177; E-sign access - Menu &#38; footer">
+<path d="M-444 -147C-444 -160.255 -433.255 -171 -420 -171H4983C4996.25 -171 5007 -160.255 5007 -147V3203C5007 3216.25 4996.25 3227 4983 3227H-420C-433.255 3227 -444 3216.25 -444 3203V-147Z" fill="#DBE1E5"/>
+<g id="DesktopHD">
+<rect width="1440" height="1018" transform="translate(-343 -71)" fill="white"/>
+<g id="NavBar">
+<rect width="1440" height="76" transform="translate(-343 -35)" fill="white"/>
+<g id="Logo + Links">
+<g id="NavLinks">
+<g id="NavLink">
+<g id="Icon/Chevron/expand_more_24px">
+<path id="path" d="M9.41208 0.499709C9.08769 0.175315 8.56183 0.175028 8.23708 0.499068L4.9999 3.7292L1.76272 0.499068C1.43797 0.175028 0.912115 0.175315 0.587721 0.499709C0.263077 0.824353 0.263077 1.35071 0.587722 1.67535L4.41065 5.49827C4.73608 5.82371 5.26372 5.82371 5.58916 5.49827L9.41208 1.67535C9.73672 1.35071 9.73672 0.824353 9.41208 0.499709Z" fill="#1E2021"/>
+</g>
+</g>
+</g>
+</g>
+</g>
+</g>
+</g>
+</svg>

package/dist/src/components/organisms/MenuItems/MenuItems.js

@@ -3,7 +3,8 @@ import { DocumentListMenu } from '../../../components/organisms/DocumentListMenu
 import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu/DocumentMainMenu';
 import { MenuItemsStyled } from './MenuItems.styled';
 import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon';
+import arrowDown from '../../../../images/svg/arrow-down.svg';
 export const MenuItems = ({ hasProducts, seeAllDocumentsText, setCookiePolicyFunc, routes, finalMenu, isMobile, configVars, navMenuItems, extraMenu }) => {
-    return (_jsxs(MenuItemsStyled, { className: `${isMobile ? 'navigation-pane' : 'left-nav'}`, children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsx("p", { className: 'navigation-pane__products__title', children: 'Documents' }), _jsx("div", { className: 'products__list', children: isMobile ? (_jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc })) : (_jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu })) })] })), !!navMenuItems &&
-                navMenuItems.map((item) => (_jsx("div", { className: `navigation-pane__link`, children: _jsxs("a", { className: `navigation-pane__link__title`, title: item.title, "data-qa": item.dataQa, href: item.href, children: [_jsx("p", { children: item.label }), item.label === 'LawGenius' && _jsx(RatafiaLandingIcon, {})] }) }, item.title))), !!extraMenu?.items && (_jsxs("div", { className: 'navigation-pane__resources', children: [_jsx("p", { className: 'navigation-pane__resources__title', children: extraMenu.title }), _jsx("ul", { className: 'resources__list', children: extraMenu.items.map((item) => (_jsx("li", { className: 'menu-items-li', children: _jsx("a", { title: item.title, "data-qa": item.dataQa, href: item.href, children: item.label }) }, item.title))) })] }))] }));
+    return (_jsxs(MenuItemsStyled, { className: `${isMobile ? 'navigation-pane' : 'left-nav'}`, children: [hasProducts && (_jsxs("div", { className: 'navigation-pane__products', children: [_jsxs("div", { className: 'navigation-pane__products__container', children: [_jsx("p", { className: 'navigation-pane__products__title', children: 'Documents' }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsx("div", { className: 'products__list', children: isMobile ? (_jsx(DocumentListMenu, { routes: routes, seeAllLegalDocs: seeAllDocumentsText?.seeAllLegalDocs ?? '', seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', finalMenu: finalMenu, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, setCookiePolicyFunc: setCookiePolicyFunc })) : (_jsx(DocumentMainMenu, { seeAllTypeDocs: seeAllDocumentsText?.seeAllTypeDocs ?? '', allLegalDocs: seeAllDocumentsText?.allLegalDocs ?? '', allTypeDocs: seeAllDocumentsText?.allTypeDocs ?? '', setCookiePolicyFunc: setCookiePolicyFunc, routes: routes, hasSubCategoryPage: configVars.HAS_SUBCATEGORY_PAGE, finalMenu: finalMenu })) })] })), !!navMenuItems &&
+                navMenuItems.map((item) => (_jsx("div", { className: `navigation-pane__link`, children: _jsxs("a", { className: `navigation-pane__link__title`, title: item.title, "data-qa": item.dataQa, href: item.href, children: [_jsx("p", { children: item.label }), item.label === 'LawGenius' && _jsx(RatafiaLandingIcon, {})] }) }, item.title))), !!extraMenu?.items && (_jsxs("div", { className: 'navigation-pane__resources', children: [_jsxs("div", { className: 'navigation-pane__resources__container', children: [_jsx("p", { className: 'navigation-pane__resources__title', children: extraMenu.title }), _jsx("img", { src: arrowDown, alt: 'arrow-down' })] }), _jsx("ul", { className: 'resources__list', children: extraMenu.items.map((item) => (_jsx("li", { className: 'menu-items-li', children: _jsx("a", { title: item.title, "data-qa": item.dataQa, href: item.href, children: item.label }) }, item.title))) })] }))] }));
 };

package/dist/src/components/organisms/MenuItems/MenuItems.styled.js

@@ -82,6 +82,15 @@ export const MenuItemsStyled = styled.div `
     align-items: center;
   }
 
+  .navigation-pane__products,
+  .navigation-pane__resources {
+    .navigation-pane__products__container,
+    .navigation-pane__resources__container {
+      display: flex;
+      gap: 0.5rem;
+    }
+  }
+
   .navigation-pane__products,
   .navigation-pane__ratafia,
   .navigation-pane__esignature,
@@ -248,6 +257,7 @@ export const MenuItemsStyled = styled.div `
 
     & > ul {
       width: 150px;
+      margin: 0.75rem 0.35rem 0 0.35rem;
     }
 
     &__title {
@@ -677,6 +687,10 @@ export const MenuItemsStyled = styled.div `
 
     .navigation-pane__products {
       order: 4;
+
+      p {
+        display: none;
+      }
     }
     .navigation-pane__resources {
       order: 5;
@@ -687,6 +701,11 @@ export const MenuItemsStyled = styled.div `
       margin: 0 1.5rem 2rem 1.5rem;
       border-top: 1px solid var(--neutral-neutral-4);
       width: -webkit-fill-available;
+
+      p {
+        font-weight: bold;
+        padding: 0.25rem 0.5rem;
+      }
     }
   }
 `;

package/dist/src/components/organisms/MenuItems/MenuItems.styled.ts

@@ -83,6 +83,15 @@ export const MenuItemsStyled = styled.div`
     align-items: center;
   }
 
+  .navigation-pane__products,
+  .navigation-pane__resources {
+    .navigation-pane__products__container,
+    .navigation-pane__resources__container {
+      display: flex;
+      gap: 0.5rem;
+    }
+  }
+
   .navigation-pane__products,
   .navigation-pane__ratafia,
   .navigation-pane__esignature,
@@ -249,6 +258,7 @@ export const MenuItemsStyled = styled.div`
 
     & > ul {
       width: 150px;
+      margin: 0.75rem 0.35rem 0 0.35rem;
     }
 
     &__title {
@@ -681,6 +691,10 @@ export const MenuItemsStyled = styled.div`
 
     .navigation-pane__products {
       order: 4;
+
+      p {
+        display: none;
+      }
     }
     .navigation-pane__resources {
       order: 5;
@@ -691,6 +705,11 @@ export const MenuItemsStyled = styled.div`
       margin: 0 1.5rem 2rem 1.5rem;
       border-top: 1px solid var(--neutral-neutral-4);
       width: -webkit-fill-available;
+
+      p {
+        font-weight: bold;
+        padding: 0.25rem 0.5rem;
+      }
     }
   }
 `

package/dist/src/components/organisms/MenuItems/MenuItems.tsx

@@ -5,6 +5,7 @@ import { DocumentMainMenu } from '../../../components/organisms/DocumentMainMenu
 import { type MenuItemsProps } from './MenuItemsProps.types'
 import { MenuItemsStyled } from './MenuItems.styled'
 import { RatafiaLandingIcon } from '../../atoms/RatafiaLandingIcon'
+import arrowDown from '../../../../images/svg/arrow-down.svg'
 
 export const MenuItems: React.FC<MenuItemsProps> = ({
   hasProducts,
@@ -21,7 +22,10 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
     <MenuItemsStyled className={`${isMobile ? 'navigation-pane' : 'left-nav'}`}>
       {hasProducts && (
         <div className={'navigation-pane__products'}>
-          <p className={'navigation-pane__products__title'}>{'Documents'}</p>
+          <div className={'navigation-pane__products__container'}>
+            <p className={'navigation-pane__products__title'}>{'Documents'}</p>
+            <img src={arrowDown} alt='arrow-down' />
+          </div>
           <div className={'products__list'}>
             {isMobile ? (
               <DocumentListMenu
@@ -57,7 +61,10 @@ export const MenuItems: React.FC<MenuItemsProps> = ({
         ))}
       {!!extraMenu?.items && (
         <div className={'navigation-pane__resources'}>
-          <p className={'navigation-pane__resources__title'}>{extraMenu.title}</p>
+          <div className={'navigation-pane__resources__container'}>
+            <p className={'navigation-pane__resources__title'}>{extraMenu.title}</p>
+            <img src={arrowDown} alt='arrow-down' />
+          </div>
           <ul className={'resources__list'}>
             {extraMenu.items.map((item) => (
               <li className='menu-items-li' key={item.title}>

package/dist/src/components/organisms/NavMenu/NavMenu.styled.js

@@ -502,7 +502,7 @@ export const NavMenuStyled = styled.nav `
     }
   }
 
-  .--is-open .--is-mobile.navigation-pane {
+  .--is-open .--is-mobile .navigation-pane {
     .products__list {
       padding: 0;
       position: static;
@@ -632,6 +632,11 @@ export const NavMenuStyled = styled.nav `
       margin: 0 1.5rem 2rem 1.5rem;
       border-top: 1px solid var(--neutral-neutral-4);
       width: -webkit-fill-available;
+
+      p {
+        font-weight: bold;
+        padding: 0.25rem 0.5rem;
+      }
     }
   }
 `;

package/dist/src/components/organisms/NavMenu/NavMenu.styled.ts

@@ -503,7 +503,7 @@ export const NavMenuStyled = styled.nav`
     }
   }
 
-  .--is-open .--is-mobile.navigation-pane {
+  .--is-open .--is-mobile .navigation-pane {
     .products__list {
       padding: 0;
       position: static;
@@ -636,6 +636,11 @@ export const NavMenuStyled = styled.nav`
       margin: 0 1.5rem 2rem 1.5rem;
       border-top: 1px solid var(--neutral-neutral-4);
       width: -webkit-fill-available;
+
+      p {
+        font-weight: bold;
+        padding: 0.25rem 0.5rem;
+      }
     }
   }
 `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@npm_leadtech/legal-lib-components",
-  "version": "7.12.26",
+  "version": "7.12.28",
   "license": "ISC",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",