@npm_leadtech/legal-lib-components 7.44.6 → 7.45.0

package/dist/src/components/atoms/Logo/svg/lawdistrict-white-logo.svg

@@ -1,13 +1,12 @@
-<svg width="922" height="106" viewBox="0 0 922 106" fill="none" xmlns="http://www.w3.org/2000/svg">
-<path d="M202.864 104.509L173.183 1.99209H198.433L215.812 69.1684L234.237 1.99209H256.448L274.874 69.3186L289.198 13.9824C291.026 6.92286 297.396 1.99209 304.688 1.99209H317.502L287.872 104.509H264.117L244.944 42.3379L226.568 104.509H202.864Z" fill="white"/>
-<path d="M104.096 104.509H77.6338L112.005 1.99209H144.784L179.155 104.509H152.693L128.767 27.8214H127.972L104.096 104.509ZM116.657 64.1627H128.337C135.338 64.1627 141.525 68.7142 143.611 75.3974L145.977 82.9841H110.797L116.657 64.1627Z" fill="white"/>
-<path d="M0 104.509V1.99209H8.87154C17.7081 1.99209 24.8715 9.15553 24.8715 17.9921V84.3857H67.6807V104.509H0Z" fill="white"/>
-<path d="M844.897 12.7623V1.72064H921.997V12.7623H889.671V104.509H877.223V12.7623H844.897Z" fill="white"/>
-<path d="M835.381 33.8419H822.934C822.198 30.2617 820.909 27.1165 819.069 24.4062C817.262 21.696 815.054 19.4208 812.444 17.5805C809.868 15.7068 807.007 14.3015 803.862 13.3646C800.717 12.4277 797.438 11.9593 794.025 11.9593C787.801 11.9593 782.163 13.5319 777.111 16.6771C772.092 19.8223 768.093 24.4564 765.116 30.5795C762.171 36.7027 760.699 44.2143 760.699 53.1146C760.699 62.0148 762.171 69.5265 765.116 75.6496C768.093 81.7727 772.092 86.4069 777.111 89.5521C782.163 92.6973 787.801 94.2699 794.025 94.2699C797.438 94.2699 800.717 93.8014 803.862 92.8646C807.007 91.9277 809.868 90.5391 812.444 88.6989C815.054 86.8251 817.262 84.5331 819.069 81.8229C820.909 79.0792 822.198 75.934 822.934 72.3873H835.381C834.444 77.6405 832.737 82.3415 830.261 86.4905C827.785 90.6395 824.707 94.1695 821.027 97.0805C817.346 99.958 813.214 102.15 808.63 103.655C804.079 105.161 799.211 105.914 794.025 105.914C785.258 105.914 777.462 103.772 770.636 99.4896C763.811 95.2068 758.44 89.1171 754.526 81.2206C750.611 73.3242 748.653 63.9555 748.653 53.1146C748.653 42.2737 750.611 32.905 754.526 25.0085C758.44 17.1121 763.811 11.0224 770.636 6.73958C777.462 2.45675 785.258 0.315338 794.025 0.315338C799.211 0.315338 804.079 1.06818 808.63 2.57386C813.214 4.07955 817.346 6.28788 821.027 9.19886C824.707 12.0764 827.785 15.5896 830.261 19.7386C832.737 23.8542 834.444 28.5552 835.381 33.8419Z" fill="white"/>
-<path d="M732.689 1.72064V104.509H720.242V1.72064H732.689Z" fill="white"/>
-<path d="M634.814 104.509V1.72064H669.545C677.576 1.72064 684.167 3.09248 689.32 5.83617C694.473 8.54639 698.287 12.2771 700.763 17.0284C703.239 21.7797 704.477 27.1834 704.477 33.2396C704.477 39.2958 703.239 44.666 700.763 49.3504C698.287 54.0347 694.49 57.7153 689.37 60.392C684.251 63.0354 677.71 64.357 669.746 64.357H641.64V53.1146H669.345C674.832 53.1146 679.249 52.3115 682.595 50.7055C685.974 49.0994 688.417 46.8242 689.922 43.8797C691.462 40.9018 692.231 37.3551 692.231 33.2396C692.231 29.124 691.462 25.5271 689.922 22.4489C688.383 19.3706 685.924 16.9949 682.545 15.322C679.165 13.6155 674.698 12.7623 669.144 12.7623H647.261V104.509H634.814ZM683.197 58.3343L708.492 104.509H694.038L669.144 58.3343H683.197Z" fill="white"/>
-<path d="M543.49 12.7623V1.72064H620.59V12.7623H588.264V104.509H575.816V12.7623H543.49Z" fill="white"/>
-<path d="M520.629 27.1023C520.027 22.0164 517.584 18.0682 513.301 15.2576C509.019 12.447 503.765 11.0417 497.542 11.0417C492.991 11.0417 489.01 11.7778 485.597 13.25C482.217 14.7222 479.574 16.7465 477.667 19.3229C475.793 21.8993 474.856 24.827 474.856 28.1061C474.856 30.8497 475.509 33.2086 476.814 35.1828C478.152 37.1234 479.859 38.7462 481.933 40.0511C484.008 41.3226 486.182 42.3766 488.458 43.2131C490.733 44.0161 492.824 44.6686 494.731 45.1705L505.171 47.9811C507.847 48.6837 510.825 49.654 514.104 50.892C517.417 52.1301 520.579 53.8198 523.59 55.9612C526.635 58.0691 529.144 60.7794 531.119 64.0919C533.093 67.4044 534.08 71.4697 534.08 76.2879C534.08 81.8422 532.624 86.8611 529.713 91.3447C526.836 95.8283 522.62 99.3917 517.066 102.035C511.545 104.678 504.836 106 496.94 106C489.579 106 483.204 104.812 477.818 102.437C472.464 100.061 468.248 96.7484 465.17 92.4991C462.125 88.2497 460.402 83.3144 460 77.6932H472.849C473.183 81.5745 474.488 84.7866 476.763 87.3295C479.072 89.839 481.983 91.7128 485.496 92.9508C489.043 94.1553 492.858 94.7576 496.94 94.7576C501.691 94.7576 505.957 93.988 509.738 92.4489C513.519 90.8763 516.514 88.7014 518.722 85.9242C520.93 83.1136 522.034 79.8346 522.034 76.0871C522.034 72.6742 521.081 69.8971 519.174 67.7557C517.266 65.6143 514.757 63.8744 511.645 62.536C508.533 61.1976 505.171 60.0265 501.557 59.0227L488.909 55.4091C480.879 53.1004 474.522 49.8046 469.837 45.5218C465.153 41.239 462.811 35.6345 462.811 28.7083C462.811 22.9533 464.367 17.9343 467.478 13.6515C470.624 9.33523 474.84 5.98927 480.126 3.61364C485.446 1.20455 491.385 0 497.943 0C504.568 0 510.457 1.18782 515.61 3.56345C520.763 5.90562 524.845 9.11774 527.856 13.1998C530.901 17.2819 532.507 21.916 532.674 27.1023H520.629Z" fill="white"/>
-<path d="M443.98 1.72064V104.509H431.533V1.72064H443.98Z" fill="white"/>
-<path d="M366.646 104.509H334.926V1.72064H368.051C378.022 1.72064 386.554 3.7784 393.648 7.89393C400.741 11.976 406.178 17.8482 409.959 25.5104C413.74 33.1392 415.631 42.2737 415.631 52.9138C415.631 63.6209 413.724 72.839 409.909 80.5682C406.095 88.2639 400.541 94.1862 393.246 98.3352C385.952 102.451 377.085 104.509 366.646 104.509ZM347.373 93.4669H365.843C374.342 93.4669 381.385 91.8273 386.973 88.5483C392.56 85.2692 396.726 80.6016 399.47 74.5454C402.214 68.4893 403.585 61.2787 403.585 52.9138C403.585 44.6158 402.23 37.4722 399.52 31.4829C396.81 25.4602 392.761 20.8428 387.374 17.6307C381.987 14.3851 375.279 12.7623 367.248 12.7623H347.373V93.4669Z" fill="white"/>
+<svg xmlns="http://www.w3.org/2000/svg" width="179" height="31" viewBox="0 0 179 31">
+    <g fill="none" fill-rule="evenodd">
+        <g fill="#FFF">
+            <path d="M0 21.679L0 .657 5.042.657 5.042 17.553 13.722 17.553 13.722 21.679zM22.116 18.661c.794 0 1.472-.24 2.032-.718.56-.479.84-1.102.84-1.868v-1.499c-.278.15-.67.277-1.176.38-.506.102-.99.188-1.452.257-1.474.226-2.21.841-2.21 1.847 0 .52.183.917.55 1.19.366.275.838.411 1.416.411m-1.538 3.285c-1.495 0-2.726-.383-3.694-1.15-.967-.766-1.451-1.93-1.451-3.49 0-1.163.265-2.089.794-2.776.53-.688 1.237-1.198 2.12-1.53.882-.332 1.85-.542 2.903-.63 1.337-.117 2.29-.26 2.857-.432.567-.171.85-.496.85-.975v-.052c0-.527-.179-.934-.54-1.22-.359-.288-.844-.432-1.456-.432-.659 0-1.188.144-1.59.431-.4.287-.655.684-.763 1.19l-4.594-.164c.196-1.436.884-2.63 2.062-3.582 1.179-.95 2.82-1.427 4.926-1.427 1.331 0 2.518.207 3.56.62 1.043.416 1.865 1.012 2.466 1.793.6.78.901 1.728.901 2.843v10.716h-4.686v-2.197h-.122c-.87 1.643-2.384 2.464-4.543 2.464M35.028 21.679L30.953 5.913 35.956 5.913 38.064 16.013 38.196 16.013 40.458 5.913 45.338 5.913 47.66 15.941 47.793 15.941 49.841 5.913 54.843 5.913 50.757 21.679 45.429 21.679 42.984 12.492 42.811 12.492 40.366 21.679zM59.81 19.421h3.75c2.587 0 4.51-.74 5.77-2.222 1.26-1.482 1.89-3.506 1.89-6.072 0-2.545-.618-4.55-1.854-6.015-1.236-1.465-3.076-2.197-5.521-2.197H59.81v16.506zm3.912 2.258h-6.438V.657h6.724c2.024 0 3.755.419 5.195 1.257 1.44.839 2.544 2.04 3.311 3.603.768 1.564 1.151 3.434 1.151 5.61 0 2.19-.387 4.074-1.16 5.65-.775 1.578-1.903 2.79-3.383 3.635-1.48.845-3.28 1.267-5.4 1.267zM76.716 21.68h2.405V5.911h-2.405V21.68zM77.94 3.284c-.468 0-.87-.161-1.207-.483-.336-.321-.504-.708-.504-1.16 0-.452.168-.838.504-1.16C77.068.162 77.47 0 77.939 0c.469 0 .871.16 1.207.483.337.321.505.707.505 1.16 0 .451-.168.838-.505 1.16-.336.32-.738.482-1.207.482zM93.745 9.444l-2.16.615c-.21-.547-.564-1.06-1.06-1.539-.495-.479-1.27-.719-2.322-.719-.958 0-1.754.221-2.39.662-.634.442-.951 1.001-.951 1.679 0 .602.217 1.077.651 1.426.435.35 1.114.64 2.038.873l2.323.575c2.77.684 4.156 2.108 4.156 4.27 0 .903-.256 1.71-.769 2.423-.513.711-1.228 1.272-2.144 1.683-.918.41-1.984.616-3.2.616-1.595 0-2.916-.35-3.962-1.047-1.046-.698-1.708-1.718-1.987-3.06l2.282-.574c.428 1.697 1.637 2.546 3.627 2.546 1.12 0 2.012-.242 2.674-.724.662-.483.993-1.062.993-1.74 0-1.115-.774-1.854-2.323-2.217l-2.607-.616c-1.433-.342-2.484-.874-3.153-1.596-.67-.722-1.004-1.627-1.004-2.715 0-.89.25-1.677.75-2.361.498-.684 1.18-1.222 2.047-1.612.866-.39 1.849-.585 2.949-.585 1.549 0 2.766.343 3.652 1.027.886.684 1.516 1.588 1.89 2.71M103.601 5.913v2.052h-3.341v9.198c0 .684.1 1.196.3 1.534.2.339.459.565.775.678.315.113.65.17 1.003.17.265 0 .482-.016.652-.047.17-.03.306-.056.408-.077l.489 2.176c-.164.062-.391.125-.683.19-.292.065-.662.097-1.11.097-.68 0-1.344-.147-1.992-.44-.648-.295-1.185-.743-1.61-1.345-.424-.602-.636-1.362-.636-2.28V7.966h-2.364V5.913h2.364V2.135h2.404v3.778h3.341zM106.367 21.68V5.912h2.322v2.381h.164c.285-.78.801-1.413 1.548-1.899s1.59-.729 2.526-.729c.177 0 .397.003.663.01.265.007.465.017.6.031v2.464c-.08-.02-.266-.054-.555-.098-.288-.044-.592-.066-.911-.066-1.141 0-2.085.349-2.832 1.047-.747.697-1.12 1.58-1.12 2.648v9.977h-2.405zM116.182 21.68h2.405V5.911h-2.405V21.68zm1.223-18.395c-.469 0-.871-.161-1.208-.483-.336-.321-.504-.708-.504-1.16 0-.452.168-.838.504-1.16.337-.321.74-.482 1.208-.482.468 0 .87.16 1.207.483.336.321.504.707.504 1.16 0 .451-.168.838-.504 1.16-.336.32-.739.482-1.207.482zM128.483 22.008c-1.467 0-2.73-.35-3.79-1.047-1.059-.698-1.874-1.66-2.444-2.885-.57-1.224-.856-2.624-.856-4.198 0-1.601.294-3.016.881-4.245.588-1.228 1.41-2.189 2.466-2.884 1.055-.694 2.29-1.042 3.703-1.042 1.1 0 2.091.205 2.974.616.883.41 1.606.985 2.17 1.725.564.739.914 1.6 1.05 2.586h-2.405c-.183-.719-.589-1.356-1.217-1.914-.628-.558-1.472-.837-2.532-.837-1.405 0-2.538.54-3.397 1.617-.86 1.078-1.289 2.51-1.289 4.296 0 1.827.425 3.29 1.274 4.388.849 1.098 1.986 1.648 3.412 1.648.937 0 1.74-.243 2.41-.73.669-.485 1.115-1.16 1.34-2.021h2.403c-.135.93-.47 1.767-1.003 2.51-.533.742-1.236 1.33-2.109 1.765-.872.434-1.886.652-3.04.652M144.085 5.913v2.052h-3.341v9.198c0 .684.1 1.196.3 1.534.2.339.459.565.775.678.315.113.65.17 1.003.17.265 0 .482-.016.652-.047.17-.03.306-.056.408-.077l.489 2.176c-.163.062-.391.125-.683.19-.292.065-.662.097-1.11.097-.68 0-1.344-.147-1.992-.44-.649-.295-1.186-.743-1.61-1.345-.424-.602-.637-1.362-.637-2.28V7.966h-2.363V5.913h2.363V2.135h2.405v3.778h3.341z" transform="translate(32.172 4.411)"/>
+        </g>
+        <g fill="#078080">
+            <path d="M7.865 26.128c0 .166-.172.285-.34.234l-1.058-.319c-.108-.033-.182-.127-.182-.234v-3.421c0-.167.172-.285.34-.234l1.058.319c.109.032.182.127.182.234v3.42zm-3.139-.977c0 .166-.172.284-.34.234l-1.058-.319c-.108-.032-.181-.127-.181-.234V18.44c0-.166.172-.284.34-.234l1.058.319c.108.032.181.127.181.233v6.393zm10.559-5.219L.815 15.388c-.4-.126-.815.156-.815.555v9.62c0 .252.17.475.424.555l14.47 4.543c.4.126.815-.155.815-.554v-9.62c0-.252-.17-.476-.424-.555z"/>
+            <path d="M19.606 26.222l-1.898-.596c-.253-.08-.424-.303-.424-.554l-.004-6.065c0-.252-.17-.475-.424-.555l-7-2.198c-.253-.08-.424-.303-.424-.555v-1.13c0-.252-.17-.475-.424-.555L3.58 12.31c-.253-.08-.424-.302-.425-.553l-.01-3.684c-.001-.4.413-.683.815-.557l16.038 5.036c.253.08.424.304.424.555v12.56c0 .4-.415.68-.816.555"/>
+            <path d="M22.004 20.63v-9.008c0-.252-.171-.475-.425-.555L14.562 8.87c-.253-.08-.424-.303-.424-.555v-1.13c0-.251-.17-.475-.424-.554L8.286 4.926c-.253-.08-.423-.302-.424-.553L7.857.586C7.856.187 8.27-.096 8.67.03l16.054 5.032c.254.08.425.303.425.556l-.015 15.61c0 .4-.415.68-.817.554l-1.892-.598c-.252-.08-.422-.304-.422-.555"/>
+        </g>
+    </g>
 </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/PopularDocsItem/PopularDocsItem.styled.js

@@ -25,10 +25,6 @@ export const PopularDocsItemStyled = styled.a `
     margin-left: 0.5rem;
   }
 
-  @media ${device.mobile} {
-    gap: 1rem;
-  }
-
   .category-icon svg {
     fill: var(--primary-main-dark-1);
   }
@@ -49,11 +45,6 @@ export const PopularDocsItemStyled = styled.a `
       line-height: 1.33;
       margin-top: 0.3rem;
     }
-    media ${device.mobile} {
-      strong {
-        font-size: 0.9rem;
-      }
-    }
   }
 
   .icon-left svg {

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

@@ -26,10 +26,6 @@ export const PopularDocsItemStyled = styled.a`
     margin-left: 0.5rem;
   }
 
-  @media ${device.mobile} {
-    gap: 1rem;
-  }
-
   .category-icon svg {
     fill: var(--primary-main-dark-1);
   }
@@ -50,11 +46,6 @@ export const PopularDocsItemStyled = styled.a`
       line-height: 1.33;
       margin-top: 0.3rem;
     }
-    media ${device.mobile} {
-      strong {
-        font-size: 0.9rem;
-      }
-    }
   }
 
   .icon-left svg {

package/dist/src/components/atoms/Radio/Radio.scss

@@ -243,7 +243,7 @@
   .label {
     color: var(--neutral-neutral-1);
     display: block;
-    margin: 1rem 0;
+    margin-bottom: 1rem;
   }
 
   &.default {
@@ -255,7 +255,6 @@
   }
 
   &.tabs {
-    margin-top: 1rem;
     @include tabsStyles;
   }
 

package/dist/src/components/atoms/RatafiaLandingIcon/RatafiaLandingIcon.scss

@@ -1,7 +1,6 @@
 .ratafia-landing-icon {
-  padding: 1px 4px;
+  padding: 0.25rem 0.5rem;
   border-radius: var(--s-border-radius);
   color: var(--neutral-neutral-1);
   background: var(--secondary-main-light-3);
-  font-size: 12px;
 }

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

@@ -1,6 +1,4 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { useEffect, useState } from 'react';
 import Select from 'react-select';
 import { SearchSelectStyled } from './SearchSelect.styled';
 import classNames from 'classnames';
@@ -25,7 +23,6 @@ const getSortedItems = (items, isSortAlphabetically = false) => {
 };
 const SearchSelect = (props) => {
     const { customClass = '', menuPlacement = MenuPlacement.bottom } = props;
-    const [menuPortalTarget, setMenuPortalTarget] = useState();
     const sortedItems = getSortedItems(props.items, props.isSortAlphabetically);
     const defaultValue = props.defaultValue;
     const classnames = classNames({
@@ -34,9 +31,6 @@ const SearchSelect = (props) => {
         [customClass]: props.customClass,
         '--group-invalid': !props.isValidGroup
     });
-    useEffect(() => {
-        setMenuPortalTarget(document.body);
-    }, []);
     const handleChange = (selectedOption) => {
         const selectObject = {
             target: {
@@ -55,8 +49,7 @@ const SearchSelect = (props) => {
                                     boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
                                     borderStyle: state.isFocused ? 'solid' : 'initial'
                                 };
-                            },
-                            menuPortal: (base) => ({ ...base, zIndex: 9999 })
-                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, menuPortalTarget: menuPortalTarget, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
+                            }
+                        }, id: props.name, name: props.name, className: 'legal-selector', defaultValue: defaultValue, onChange: handleChange, isDisabled: props.disabled, isSearchable: props.isSearchable !== false, options: sortedItems, escapeClearsValue: true, isClearable: true, placeholder: props.placeholder, defaultMenuIsOpen: props.defaultMenuIsOpen, menuPlacement: menuPlacement })] })] }));
 };
 export default SearchSelect;

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: -12px;
+        bottom: 0;
         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: -12px;
+        bottom: 0;
         margin-top: 0.5rem;
         color: var(--error-main);
 

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

@@ -1,6 +1,6 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
-import React, { type FC, useEffect, useState } from 'react'
+import React, { type FC } from 'react'
 import Select from 'react-select'
 
 import { type SearchSelectProps } from './SearchSelectProps.types'
@@ -28,7 +28,6 @@ const getSortedItems = (items: any, isSortAlphabetically: boolean | undefined =
 
 const SearchSelect: FC<SearchSelectProps> = (props) => {
   const { customClass = '', menuPlacement = MenuPlacement.bottom } = props
-  const [menuPortalTarget, setMenuPortalTarget] = useState<HTMLElement | undefined>()
   const sortedItems = getSortedItems(props.items, props.isSortAlphabetically)
   const defaultValue = props.defaultValue as unknown as string
 
@@ -39,10 +38,6 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
     '--group-invalid': !props.isValidGroup
   })
 
-  useEffect(() => {
-    setMenuPortalTarget(document.body)
-  }, [])
-
   const handleChange = (selectedOption): void => {
     const selectObject = {
       target: {
@@ -82,8 +77,7 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
                 boxShadow: state.isFocused ? '0 0 0 1px var(--primary-main) !important' : '',
                 borderStyle: state.isFocused ? 'solid' : 'initial'
               }
-            },
-            menuPortal: (base) => ({ ...base, zIndex: 9999 })
+            }
           }}
           id={props.name}
           name={props.name}
@@ -95,7 +89,6 @@ const SearchSelect: FC<SearchSelectProps> = (props) => {
           options={sortedItems}
           escapeClearsValue={true}
           isClearable={true}
-          menuPortalTarget={menuPortalTarget}
           placeholder={props.placeholder}
           defaultMenuIsOpen={props.defaultMenuIsOpen}
           menuPlacement={menuPlacement}

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

@@ -11,7 +11,7 @@ export const TopBarStyled = styled.div `
       height: 0;
     }
 
-    @media ${device.tablets} {
+    @media ${device['landscape-tablets']} {
       display: block;
     }
     @media ${device.mobile} {
@@ -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

@@ -12,7 +12,7 @@ export const TopBarStyled = styled.div`
       height: 0;
     }
 
-    @media ${device.tablets} {
+    @media ${device['landscape-tablets']} {
       display: block;
     }
     @media ${device.mobile} {
@@ -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;
+      }
+    }
+  }
+`