@npm_leadtech/legal-lib-components 7.85.1 → 7.85.2

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

@@ -3,10 +3,12 @@ import React, { type FC } from 'react'
 import { type JumbotronStaticProps } from './JumbotronStaticProps.types'
 import { JumbotronStaticStyled } from './JumbotronStatic.styled'
 
-export const JumbotronStatic: FC<JumbotronStaticProps> = ({ title }) => {
+export const JumbotronStatic: FC<JumbotronStaticProps> = ({ title, locale }) => {
+  const shorterTitle = locale?.includes('DE') ? 'shorter-text' : ''
+
   return (
     <JumbotronStaticStyled className={'jumbotron--static'}>
-      <h1 className='serif --super-hero'>{title}</h1>
+      <h1 className={`${shorterTitle} serif --super-hero`}>{title}</h1>
     </JumbotronStaticStyled>
   )
 }

package/dist/src/components/atoms/JumbotronStatic/JumbotronStaticProps.types.ts

@@ -1,3 +1,4 @@
 export interface JumbotronStaticProps {
   title: string
+  locale?: string
 }

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

@@ -16,6 +16,8 @@ import lawdistricts from './svg/lawdistricts-logo.svg'
 import lawdistrictsWhite from './svg/lawdistricts-white-logo.svg'
 import lawsdistrict from './svg/lawsdistrict-logo.svg'
 import lawsdistrictWhite from './svg/lawsdistrict-white-logo.svg'
+import legalfinity from './svg/legalfinity-logo.svg'
+import legalfinityWhite from './svg/legalfinity-white-logo.svg'
 import uslawdistrict from './svg/uslawdistrict-logo.svg'
 import uslawdistrictWhite from './svg/uslawdistrict-white-logo.svg'
 
@@ -24,6 +26,10 @@ const LOGOS: Record<string, any> = {
     default: lawdistrict,
     white: lawdistrictWhite
   },
+  legalfinity: {
+    default: legalfinity,
+    white: legalfinityWhite
+  },
   districtlaws: {
     default: districtlaws,
     white: districtlawsWhite
@@ -55,15 +61,17 @@ export const Logo: FC<LogoProps> = ({
   siteName = 'lawdistrict',
   type = 'default',
   width,
-  height
+  height,
+  isLoadingLazy = false
 }): React.ReactElement => {
   return (
     <img
       className={className}
-      src={LOGOS[siteName.toLowerCase()][type]}
+      src={LOGOS[siteName.toLowerCase()]?.[type] ?? LOGOS['lawdistrict']?.[type]}
       alt={`${siteName} logo`}
       width={width}
       height={height}
+      loading={isLoadingLazy ? 'lazy' : 'eager'}
     />
   )
 }

package/dist/src/components/atoms/Logo/LogoProps.types.ts

@@ -4,4 +4,5 @@ export interface LogoProps {
   width?: string
   height?: string
   type?: string
+  isLoadingLazy?: boolean
 }

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

@@ -1,12 +1,13 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="188" height="32" viewBox="0 0 188 32">
-    <g fill="none" fill-rule="evenodd">
-        <g fill="#1E2021">
-            <path d="M0 22.379L0 .678 5.296.678 5.296 18.119 14.412 18.119 14.412 22.379zM23.228 19.263c.834 0 1.546-.247 2.135-.741.588-.494.882-1.137.882-1.929v-1.547c-.293.156-.704.286-1.236.392-.532.106-1.04.195-1.525.265-1.548.234-2.321.869-2.321 1.907 0 .538.192.947.577 1.23.386.282.881.423 1.488.423m-1.616 3.391c-1.57 0-2.862-.395-3.879-1.187-1.016-.79-1.524-1.992-1.524-3.602 0-1.201.278-2.157.834-2.866.557-.71 1.299-1.237 2.226-1.58.927-.342 1.943-.559 3.05-.65 1.404-.12 2.405-.27 3-.446.596-.177.894-.512.894-1.007v-.053c0-.544-.19-.964-.567-1.26-.378-.297-.888-.445-1.53-.445-.692 0-1.248.148-1.67.445-.42.296-.688.706-.802 1.229l-4.825-.17c.206-1.483.929-2.716 2.166-3.698 1.238-.981 2.962-1.473 5.174-1.473 1.397 0 2.644.214 3.74.641 1.094.428 1.957 1.044 2.588 1.85.632.805.947 1.783.947 2.934V22.38h-4.922V20.11h-.128c-.913 1.695-2.503 2.543-4.772 2.543M36.789 22.379L32.509 6.103 37.763 6.103 39.978 16.53 40.117 16.53 42.492 6.103 47.618 6.103 50.057 16.455 50.196 16.455 52.347 6.103 57.6 6.103 53.309 22.379 47.713 22.379 45.145 12.895 44.964 12.895 42.396 22.379zM62.818 20.048h3.937c2.718 0 4.738-.765 6.061-2.294 1.324-1.53 1.985-3.619 1.985-6.268 0-2.628-.65-4.697-1.947-6.21-1.299-1.511-3.231-2.267-5.799-2.267h-4.237v17.039zm4.108 2.33h-6.762V.679h7.062c2.126 0 3.944.433 5.457 1.298 1.512.866 2.67 2.105 3.477 3.72.806 1.613 1.21 3.544 1.21 5.79 0 2.26-.408 4.205-1.22 5.833-.814 1.628-1.998 2.879-3.553 3.751-1.555.873-3.445 1.309-5.67 1.309zM80.574 22.378h2.525V6.103h-2.525v16.275zm1.284-18.987c-.492 0-.915-.166-1.268-.498-.353-.332-.53-.731-.53-1.198 0-.466.177-.865.53-1.197.353-.332.776-.498 1.268-.498s.915.166 1.268.498c.353.332.53.73.53 1.197 0 .467-.177.866-.53 1.198-.353.332-.776.498-1.268.498zM98.458 9.748l-2.268.636c-.221-.565-.592-1.095-1.113-1.59-.52-.493-1.334-.741-2.44-.741-1.005 0-1.841.228-2.509.683-.666.456-1 1.034-1 1.733 0 .622.228 1.112.685 1.473.457.36 1.17.66 2.14.9l2.44.594c2.91.706 4.365 2.176 4.365 4.408 0 .932-.27 1.766-.808 2.5-.539.735-1.29 1.314-2.252 1.738-.963.424-2.083.636-3.36.636-1.676 0-3.064-.36-4.162-1.08-1.098-.722-1.794-1.774-2.087-3.159l2.397-.593c.45 1.752 1.72 2.628 3.81 2.628 1.176 0 2.113-.25 2.808-.747.695-.498 1.043-1.097 1.043-1.796 0-1.152-.813-1.915-2.44-2.29l-2.738-.635c-1.505-.353-2.61-.902-3.312-1.647-.703-.746-1.054-1.68-1.054-2.803 0-.918.262-1.73.787-2.438.524-.705 1.24-1.26 2.15-1.663.91-.403 1.942-.604 3.097-.604 1.627 0 2.905.354 3.836 1.06.931.707 1.593 1.639 1.985 2.797M108.81 6.103v2.12h-3.51v9.494c0 .706.106 1.234.316 1.584.21.349.482.583.814.699.331.116.683.175 1.053.175.279 0 .507-.016.685-.048.178-.032.321-.058.428-.08l.514 2.247c-.171.064-.41.129-.717.196s-.696.1-1.166.1c-.714 0-1.411-.151-2.092-.455-.68-.303-1.245-.766-1.69-1.388-.446-.621-.67-1.406-.67-2.352V8.222h-2.481V6.103h2.482v-3.9h2.525v3.9h3.51zM111.715 22.379V6.103h2.44v2.459h.17c.3-.806.842-1.46 1.627-1.96.785-.503 1.67-.753 2.653-.753.186 0 .417.003.696.01.278.008.488.018.631.032v2.543c-.086-.02-.28-.055-.583-.1-.303-.046-.622-.07-.958-.07-1.198 0-2.19.361-2.974 1.082-.785.72-1.177 1.631-1.177 2.733v10.3h-2.525zM122.024 22.378h2.525V6.103h-2.525v16.275zm1.284-18.987c-.492 0-.915-.166-1.268-.498-.353-.332-.53-.731-.53-1.198 0-.466.177-.865.53-1.197.353-.332.776-.498 1.268-.498s.915.166 1.268.498c.353.332.53.73.53 1.197 0 .467-.177.866-.53 1.198-.353.332-.776.498-1.268.498zM134.943 22.718c-1.54 0-2.867-.36-3.98-1.081-1.112-.72-1.968-1.713-2.567-2.978-.6-1.264-.9-2.708-.9-4.333 0-1.653.309-3.114.926-4.382.617-1.268 1.48-2.26 2.59-2.977 1.108-.717 2.405-1.075 3.889-1.075 1.155 0 2.197.211 3.124.635.927.424 1.686 1.017 2.279 1.78.592.763.96 1.653 1.102 2.67h-2.525c-.193-.742-.62-1.4-1.279-1.976-.66-.575-1.546-.864-2.659-.864-1.476 0-2.666.557-3.568 1.67-.903 1.112-1.353 2.59-1.353 4.434 0 1.886.445 3.396 1.337 4.53.892 1.133 2.087 1.7 3.584 1.7.985 0 1.828-.25 2.531-.752.703-.501 1.171-1.198 1.407-2.087h2.525c-.143.96-.494 1.824-1.054 2.59-.56.767-1.298 1.374-2.215 1.823-.916.448-1.981.673-3.194.673M151.33 6.103v2.12h-3.51v9.494c0 .706.105 1.234.316 1.584.21.349.481.583.813.699.332.116.683.175 1.054.175.278 0 .506-.016.685-.048.178-.032.32-.058.428-.08l.514 2.247c-.172.064-.41.129-.718.196-.307.067-.695.1-1.166.1-.713 0-1.41-.151-2.092-.455-.68-.303-1.245-.766-1.69-1.388-.446-.621-.669-1.406-.669-2.352V8.222h-2.482V6.103h2.482v-3.9h2.525v3.9h3.51z" transform="translate(33.79 4.554)"/>
-        </g>
-        <g fill="#078080">
-            <path d="M8.26 26.97c0 .172-.18.295-.357.242l-1.111-.329c-.114-.034-.19-.131-.19-.242v-3.53c0-.173.18-.295.357-.243l1.11.33c.114.033.191.131.191.242v3.53zm-3.296-1.008c0 .172-.18.294-.357.242l-1.112-.33c-.113-.032-.19-.13-.19-.24v-6.599c0-.172.18-.294.357-.242l1.111.33c.114.033.19.13.19.24v6.599zm11.09-5.387L.856 15.885c-.422-.13-.857.16-.857.572v9.93c0 .26.18.491.446.573l15.196 4.69c.422.13.857-.16.857-.572v-9.93c0-.26-.18-.491-.446-.573z"/>
-            <path d="M20.592 27.068l-1.994-.616c-.265-.082-.445-.312-.445-.572l-.004-6.26c0-.26-.18-.49-.445-.573l-7.353-2.269c-.266-.082-.445-.313-.445-.572v-1.167c0-.26-.179-.49-.445-.573l-5.701-1.76c-.266-.081-.445-.31-.446-.57l-.011-3.802c-.001-.413.434-.706.857-.575l16.843 5.198c.266.082.445.314.445.573v12.965c0 .412-.435.703-.856.573"/>
-            <path d="M23.11 21.295v-9.298c0-.26-.18-.49-.446-.573l-7.37-2.268c-.266-.082-.445-.313-.445-.573V7.417c0-.26-.18-.49-.445-.573L8.703 5.085c-.266-.082-.445-.312-.445-.571L8.252.605c-.001-.412.434-.704.855-.574l16.861 5.195c.267.082.447.312.446.573L26.4 21.913c0 .412-.436.703-.858.572l-1.987-.618c-.265-.083-.444-.313-.444-.572"/>
-        </g>
-    </g>
+<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="#1E2021"/>
+<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="#1E2021"/>
+<path d="M0 104.509V1.99209H8.87154C17.7081 1.99209 24.8715 9.15553 24.8715 17.9921V84.3857H67.6807V104.509H0Z" fill="#1E2021"/>
+<path d="M844.897 12.7623V1.72064H921.997V12.7623H889.671V104.509H877.223V12.7623H844.897Z" fill="#1E2021"/>
+<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="#1E2021"/>
+<path d="M732.689 1.72064V104.509H720.242V1.72064H732.689Z" fill="#1E2021"/>
+<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="#1E2021"/>
+<path d="M543.49 12.7623V1.72064H620.59V12.7623H588.264V104.509H575.816V12.7623H543.49Z" fill="#1E2021"/>
+<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="#1E2021"/>
+<path d="M443.98 1.72064V104.509H431.533V1.72064H443.98Z" fill="#1E2021"/>
+<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="#1E2021"/>
 </svg>

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

@@ -1,12 +1,13 @@
-<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 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>

package/dist/src/components/atoms/Logo/svg/legalfinity-logo.svg

@@ -0,0 +1,15 @@
+<svg width="924" height="76" viewBox="0 0 924 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M880.879 74.3887V44.5078L884.531 54.7467L856.07 4.66569C855.205 3.14322 856.305 1.25353 858.056 1.25353H871.108L894.401 42.3137H884.629L908.021 1.25353H923.714L893.315 54.7467L896.868 44.5078V72.1049C896.868 73.3662 895.846 74.3887 894.584 74.3887H880.879Z" fill="black"/>
+<path d="M802.932 74.3887V15.0447H780.824V3.53731C780.824 2.27601 781.846 1.25353 783.108 1.25353H841.03V15.0447H818.922V72.1049C818.922 73.3662 817.899 74.3887 816.638 74.3887H802.932Z" fill="black"/>
+<path d="M740.814 74.3887V3.53732C740.814 2.27602 741.837 1.25353 743.098 1.25353H756.804V72.1049C756.804 73.3662 755.781 74.3887 754.52 74.3887H740.814Z" fill="black"/>
+<path d="M645.681 74.3887V3.53732C645.681 2.27602 646.704 1.25353 647.965 1.25353H658.907L699.67 53.9108H693.254V1.25353H709.046V72.1049C709.046 73.3662 708.024 74.3887 706.762 74.3887H695.919L655.058 21.7314H661.473V74.3887H645.681Z" fill="black"/>
+<path d="M597.873 74.3887V3.53732C597.873 2.27602 598.896 1.25353 600.157 1.25353H613.863V72.1049C613.863 73.3662 612.84 74.3887 611.579 74.3887H597.873Z" fill="black"/>
+<path d="M535.404 14.8358V72.1049C535.404 73.3662 534.381 74.3887 533.12 74.3887H519.414V16.3249L532.426 1.25353H569.343C570.604 1.25353 571.626 2.27602 571.626 3.53732V14.8358H535.404ZM538.832 40.0687C539.172 39.5038 539.739 39.113 540.387 38.9968L564.696 34.6452C566.096 34.3946 567.382 35.4709 567.382 36.8933V47.7466H534.219L538.832 40.0687Z" fill="black"/>
+<path d="M444.426 74.3887V3.53732C444.426 2.27602 445.448 1.25353 446.71 1.25353H460.415V60.5975H495.059V72.1049C495.059 73.3662 494.036 74.3887 492.775 74.3887H444.426Z" fill="black"/>
+<path d="M344.357 74.3887L374.563 2.65106C374.92 1.80421 375.749 1.25353 376.668 1.25353H390.943L420.496 71.2162C421.132 72.7219 420.027 74.3887 418.393 74.3887H405.058L379.79 9.82079H386.107L360.741 74.3887H344.357ZM359.754 58.7169L363.999 45.866H399.53L403.873 58.7169H359.754Z" fill="black"/>
+<path d="M295.23 75.6426C289.769 75.6426 284.735 74.7371 280.129 72.9262C275.589 71.0456 271.608 68.3988 268.187 64.9858C264.831 61.5728 262.199 57.5678 260.291 52.9707C258.448 48.3737 257.527 43.3239 257.527 37.8213C257.527 32.3188 258.448 27.269 260.291 22.6719C262.199 18.0748 264.864 14.0698 268.285 10.6568C271.707 7.24386 275.721 4.63189 280.327 2.82092C284.933 0.940307 289.999 0 295.527 0C301.646 0 307.14 1.07961 312.009 3.23884C316.944 5.39807 321.09 8.53243 324.446 12.6419L314.181 22.6719C311.68 19.8858 308.95 17.831 305.989 16.5076C303.028 15.1146 299.804 14.4181 296.316 14.4181C292.96 14.4181 289.901 14.9753 287.137 16.0897C284.373 17.2042 281.972 18.8062 279.932 20.8958C277.958 22.9853 276.412 25.458 275.293 28.3137C274.24 31.1695 273.714 34.3387 273.714 37.8213C273.714 41.2343 274.24 44.3687 275.293 47.2244C276.412 50.0802 277.958 52.5876 279.932 54.7469C281.972 56.8365 284.341 58.4385 287.038 59.5529C289.802 60.6673 292.829 61.2246 296.119 61.2246C299.277 61.2246 302.337 60.7022 305.298 59.6574C308.325 58.5429 311.253 56.6971 314.082 54.12L323.162 66.344C319.412 69.3391 315.036 71.6376 310.035 73.2396C305.1 74.8416 300.165 75.6426 295.23 75.6426ZM308.555 64.15V36.672H323.162V66.344L308.555 64.15Z" fill="black"/>
+<path d="M194.938 30.7166H228.2V41.5971C228.2 42.8584 227.177 43.8809 225.916 43.8809H194.938V30.7166ZM196.123 60.8064H233.727V72.1049C233.727 73.3662 232.705 74.3887 231.443 74.3887H180.232V3.53732C180.232 2.27602 181.255 1.25353 182.516 1.25353H232.444V12.552C232.444 13.8133 231.422 14.8358 230.16 14.8358H196.123V60.8064Z" fill="black"/>
+<path d="M116.915 74.3883L105.244 62.034V3.53732C105.244 2.27602 106.266 1.25353 107.527 1.25353H121.233V60.5975H155.876V72.1049C155.876 73.3662 154.854 74.3887 153.593 74.3887L116.915 74.3883Z" fill="black"/>
+<path d="M13.6011 39.4476L57.9441 39.9575C63.4177 40.3864 74.3373 44.3478 74.2273 56.7622C74.1172 69.1767 63.1264 73.2481 57.6447 73.732L0 73.7319L13.6011 39.4476Z" fill="#1039F5"/>
+<path d="M61.0774 35.3714L16.7252 35.2555C11.2472 34.8783 0.291265 31.0459 0.291265 18.7341C0.291265 6.42226 11.2472 2.28814 16.7252 1.76006L74.376 1.2534L61.0774 35.3714Z" fill="#1039F5"/>
+</svg>

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

@@ -0,0 +1,15 @@
+<svg width="924" height="76" viewBox="0 0 924 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M880.879 74.3887V44.5078L884.531 54.7467L856.07 4.66569C855.205 3.14322 856.305 1.25353 858.056 1.25353H871.108L894.401 42.3137H884.629L908.021 1.25353H923.714L893.315 54.7467L896.868 44.5078V72.1049C896.868 73.3662 895.846 74.3887 894.584 74.3887H880.879Z" fill="white"/>
+<path d="M802.932 74.3887V15.0447H780.824V3.53731C780.824 2.27601 781.846 1.25353 783.108 1.25353H841.03V15.0447H818.922V72.1049C818.922 73.3662 817.899 74.3887 816.638 74.3887H802.932Z" fill="white"/>
+<path d="M740.814 74.3887V3.53732C740.814 2.27602 741.837 1.25353 743.098 1.25353H756.804V72.1049C756.804 73.3662 755.781 74.3887 754.52 74.3887H740.814Z" fill="white"/>
+<path d="M645.681 74.3887V3.53732C645.681 2.27602 646.704 1.25353 647.965 1.25353H658.907L699.67 53.9108H693.254V1.25353H709.046V72.1049C709.046 73.3662 708.024 74.3887 706.762 74.3887H695.919L655.058 21.7314H661.473V74.3887H645.681Z" fill="white"/>
+<path d="M597.873 74.3887V3.53732C597.873 2.27602 598.896 1.25353 600.157 1.25353H613.863V72.1049C613.863 73.3662 612.84 74.3887 611.579 74.3887H597.873Z" fill="white"/>
+<path d="M535.404 14.8358V72.1049C535.404 73.3662 534.381 74.3887 533.12 74.3887H519.414V16.3249L532.427 1.25353H569.343C570.604 1.25353 571.626 2.27602 571.626 3.53732V14.8358H535.404ZM538.832 40.0687C539.172 39.5038 539.739 39.113 540.387 38.9968L564.696 34.6452C566.096 34.3946 567.382 35.4709 567.382 36.8933V47.7466H534.219L538.832 40.0687Z" fill="white"/>
+<path d="M444.426 74.3887V3.53732C444.426 2.27602 445.448 1.25353 446.71 1.25353H460.415V60.5975H495.059V72.1049C495.059 73.3662 494.036 74.3887 492.775 74.3887H444.426Z" fill="white"/>
+<path d="M344.357 74.3887L374.563 2.65106C374.92 1.80421 375.749 1.25353 376.668 1.25353H390.943L420.496 71.2162C421.132 72.7219 420.027 74.3887 418.393 74.3887H405.058L379.79 9.82079H386.107L360.741 74.3887H344.357ZM359.754 58.7169L363.999 45.866H399.53L403.873 58.7169H359.754Z" fill="white"/>
+<path d="M295.23 75.6426C289.769 75.6426 284.735 74.7371 280.129 72.9262C275.589 71.0456 271.608 68.3988 268.187 64.9858C264.831 61.5728 262.199 57.5678 260.291 52.9707C258.448 48.3737 257.527 43.3239 257.527 37.8213C257.527 32.3188 258.448 27.269 260.291 22.6719C262.199 18.0748 264.864 14.0698 268.285 10.6568C271.707 7.24386 275.721 4.63189 280.327 2.82092C284.933 0.940307 289.999 0 295.527 0C301.646 0 307.14 1.07961 312.009 3.23884C316.944 5.39807 321.09 8.53243 324.445 12.6419L314.181 22.6719C311.68 19.8858 308.95 17.831 305.989 16.5076C303.028 15.1146 299.804 14.4181 296.316 14.4181C292.96 14.4181 289.901 14.9753 287.137 16.0897C284.373 17.2042 281.972 18.8062 279.932 20.8958C277.958 22.9853 276.412 25.458 275.293 28.3137C274.24 31.1695 273.714 34.3387 273.714 37.8213C273.714 41.2343 274.24 44.3686 275.293 47.2244C276.412 50.0802 277.958 52.5876 279.932 54.7469C281.972 56.8364 284.341 58.4385 287.038 59.5529C289.802 60.6673 292.829 61.2246 296.119 61.2246C299.277 61.2246 302.337 60.7022 305.298 59.6574C308.325 58.5429 311.253 56.6971 314.082 54.12L323.162 66.344C319.412 69.3391 315.036 71.6376 310.035 73.2396C305.1 74.8416 300.165 75.6426 295.23 75.6426ZM308.555 64.15V36.672H323.162V66.344L308.555 64.15Z" fill="white"/>
+<path d="M194.938 30.7166H228.2V41.5971C228.2 42.8584 227.177 43.8809 225.916 43.8809H194.938V30.7166ZM196.123 60.8064H233.727V72.1049C233.727 73.3662 232.705 74.3887 231.443 74.3887H180.232V3.53732C180.232 2.27602 181.255 1.25353 182.516 1.25353H232.444V12.552C232.444 13.8133 231.422 14.8358 230.16 14.8358H196.123V60.8064Z" fill="white"/>
+<path d="M116.915 74.3883L105.244 62.034V3.53732C105.244 2.27602 106.266 1.25353 107.527 1.25353H121.233V60.5975H155.876V72.1049C155.876 73.3662 154.854 74.3887 153.593 74.3887L116.915 74.3883Z" fill="white"/>
+<path d="M13.6011 39.4476L57.9441 39.9575C63.4177 40.3864 74.3373 44.3478 74.2273 56.7622C74.1172 69.1767 63.1264 73.2481 57.6447 73.732L0 73.7319L13.6011 39.4476Z" fill="#1039F5"/>
+<path d="M61.0774 35.3714L16.7252 35.2555C11.2472 34.8783 0.291265 31.0459 0.291265 18.7341C0.291265 6.42226 11.2472 2.28814 16.7252 1.76006L74.376 1.2534L61.0774 35.3714Z" fill="#1039F5"/>
+</svg>

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

@@ -0,0 +1,83 @@
+import { device } from '../../../globalStyles/breakpoints'
+import styled from 'styled-components'
+
+export const MenuItemsDeprecatedStyled = styled.ul`
+  .menu-items {
+    &__spacing {
+      .menu-items__item:not(:last-child) {
+        margin-bottom: 0.5rem;
+      }
+    }
+
+    &__list-styles {
+      &::before {
+        content: '•';
+        font-size: 1.2em;
+        margin-right: 0.5rem;
+      }
+      &:hover::before {
+        color: var(--primary-main-light-1);
+      }
+    }
+
+    &__bullets {
+      list-style-position: inside;
+      list-style-type: disc;
+    }
+
+    &__item {
+      transition: background-color 0.3s ease;
+      border-radius: var(--s-border-radius);
+      padding: 0.25rem 0.5rem;
+
+      svg {
+        vertical-align: bottom;
+        width: 1.5rem;
+        margin-right: 0.5rem;
+
+        @media ${device['portrait-tablets']} {
+          width: 1rem;
+        }
+
+        > g > g {
+          fill: var(--neutral-neutral-1);
+        }
+
+        #color-bin {
+          fill: var(--neutral-neutral-1);
+        }
+      }
+
+      &.active {
+        color: var(--primary-main-light-1);
+        font-weight: 700;
+        background-color: var(--primary-main-light-5);
+      }
+
+      &.inactive {
+        color: var(--neutral-neutral-2);
+        font-weight: 400;
+      }
+
+      &.disabled {
+        color: var(--neutral-neutral-3);
+        svg > g > g {
+          fill: var(--neutral-neutral-3);
+        }
+      }
+
+      &:not(.disabled):hover {
+        background-color: var(--primary-main-light-5);
+        cursor: pointer;
+        svg > g > g {
+          transition: all 0.3s ease;
+          fill: var(--primary-main);
+        }
+      }
+
+      a {
+        display: flex;
+      }
+    }
+  }
+`

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

@@ -0,0 +1,80 @@
+/* eslint-disable @typescript-eslint/no-unused-expressions */
+/* eslint-disable jsx-a11y/click-events-have-key-events */
+/* eslint-disable @typescript-eslint/strict-boolean-expressions */
+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 { stringSlugify } from '../../../utils/stringSlugify'
+// import './MenuItems.scss'
+
+const MenuItemsDeprecated: FC<MenuItemsDeprecatedProps> = ({
+  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) {
+    return null
+  }
+
+  const classes = classNames('menu-items', {
+    'menu-items__spacing': spacing,
+    'menu-items__bullets': hasBullets
+  })
+
+  const handleActiveListElement = (content: string): void => {
+    setContentListElement(content)
+  }
+
+  const renderItem = (item: MenuListItem, index: number): React.ReactElement | null => {
+    const { className, onClick, image, content, href, dataQA, ...props } = item || {}
+    if (!content) {
+      return null
+    }
+    const slugifiedContent = stringSlugify(content)
+    const listKey = `${slugifiedContent}_${index}`
+    return (
+      // eslint-disable-next-line jsx-a11y/no-noninteractive-element-interactions
+      <li
+        key={listKey}
+        title={content}
+        className={`menu-items__item ${className ?? ''}
+          ${!href && onClick == null ? 'disabled' : ''}
+          ${contentListElement === content ? 'active' : 'inactive'}
+          ${'menu-items__list-styles'}`}
+        onClick={() => {
+          if (onClick !== undefined) {
+            onClick()
+          }
+          initialActiveContent && handleActiveListElement(content)
+        }}
+        {...props}
+      >
+        {href ? (
+          <a href={href} data-qa={dataQA ?? slugifiedContent}>
+            {image}
+            {content}
+          </a>
+        ) : (
+          <>
+            {image}
+            {content}
+          </>
+        )}
+      </li>
+    )
+  }
+
+  return (
+    <MenuItemsDeprecatedStyled className={classes} {...rest}>
+      {filteredList.map((item, index) => renderItem(item, index))}
+    </MenuItemsDeprecatedStyled>
+  )
+}
+
+export default MenuItemsDeprecated

package/dist/src/components/atoms/MenuItemsDeprecated/MenuItemsDeprecatedProps.types.ts

@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export interface MenuItemsDeprecatedProps {
+  className?: string
+  spacing?: boolean
+  hasBullets?: boolean
+  initialActiveContent?: string
+  list: MenuListItem[]
+}
+
+export interface MenuListItem {
+  className?: string
+  onClick?: () => void
+  image?: any
+  content?: string
+  href?: string
+  dataQA?: string
+}

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

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

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

@@ -0,0 +1,13 @@
+import styled from 'styled-components'
+
+type MobileMenuTriggerProps = {
+  isActive: boolean
+}
+
+export const MobileTriggerStyled = styled.div<MobileMenuTriggerProps>`
+  border: 1px solid var(--neutral-neutral-3);
+  border-radius: 4px;
+  padding: 4px 8px;
+  cursor: pointer;
+  background-color: ${(props) => (props.isActive ? 'var(--primary-main)' : 'var(--others-white)')};
+`

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

@@ -0,0 +1,11 @@
+import { MobileTriggerProps } from './MobileTriggerProps'
+import { MobileTriggerStyled } from './MobileTrigger.styled'
+import React from 'react'
+
+export const MobileTrigger: React.FC<MobileTriggerProps> = ({ onClick, isActive, imageUrl, altText }) => {
+  return (
+    <MobileTriggerStyled onClick={onClick} isActive={isActive}>
+      <img src={imageUrl} alt={altText} />
+    </MobileTriggerStyled>
+  )
+}

package/dist/src/components/atoms/MobileTrigger/MobileTriggerProps.ts

@@ -0,0 +1,6 @@
+export interface MobileTriggerProps {
+  onClick: () => void
+  isActive: boolean
+  imageUrl: string
+  altText: string
+}

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

@@ -0,0 +1,2 @@
+export * from './MobileTrigger'
+export * from './MobileTriggerProps'

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

@@ -0,0 +1,18 @@
+import styled from 'styled-components'
+
+export const PhoneNumberDisplayStyled = styled.nav`
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  color: var(--neutral-neutral-2);
+  p {
+    margin: 0;
+  }
+  border-right: 1px solid var(--neutral-neutral-3);
+  padding-right: 2rem;
+  height: 2.5rem;
+  @media (min-width: 721px) and (max-width: 849px) {
+    padding-right: 0;
+    border-right: none;
+  }
+`

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

@@ -0,0 +1,15 @@
+import { PhoneIcon } from './../../../../images/componentsSvg/PhoneIcon'
+import { PhoneNumberDisplayProps } from './PhoneNumberDisplayProps'
+import { PhoneNumberDisplayStyled } from './PhoneNumberDisplay.styled'
+import React from 'react'
+
+export const PhoneNumberDisplay: React.FC<PhoneNumberDisplayProps> = ({ phoneNumber }) => {
+  return (
+    <PhoneNumberDisplayStyled>
+      <PhoneIcon width={16} height={16} fill='#6d7275' />
+      <p>
+        <strong>{phoneNumber}</strong>
+      </p>
+    </PhoneNumberDisplayStyled>
+  )
+}

package/dist/src/components/atoms/PhoneNumberDisplay/PhoneNumberDisplayProps.ts

@@ -0,0 +1,3 @@
+export interface PhoneNumberDisplayProps {
+  phoneNumber?: string
+}

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

@@ -0,0 +1,2 @@
+export * from './PhoneNumberDisplay'
+export * from './PhoneNumberDisplayProps'

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

@@ -0,0 +1,83 @@
+import styled from 'styled-components'
+
+export const PlanCardContainer = styled.div`
+  text-align: center;
+  gap: 2rem;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  padding: 1.5rem;
+
+  .pricing-plan__button {
+    width: 100%;
+  }
+`
+
+export const PlanTitle = styled.span`
+  border-radius: 8px;
+  padding: 0.5rem 1rem;
+  background-color: var(--neutral-neutral-4);
+  font-size: large;
+  font-weight: 700;
+  &.highlight {
+    background-color: var(--primary-main-light-4);
+  }
+`
+
+export const PricingInfo = styled.div`
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+`
+
+export const Price = styled.h4`
+  font-size: 36px;
+  font-weight: 700;
+  margin: 0 0 -0.5rem 0;
+`
+
+export const PriceLabel = styled.span`
+  font-size: 14px;
+`
+
+export const Divider = styled.hr`
+  border: 1px solid var(--neutral-neutral-4);
+  width: 100%;
+`
+
+export const BenefitsList = styled.ul`
+  list-style: none;
+  padding: 0;
+  margin: 0;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+`
+
+export const Benefit = styled.li`
+  display: flex;
+  align-items: start;
+  box-sizing: border-box;
+  padding: 0 1rem;
+
+  &.ai-benefit {
+    background-color: var(--primary-main-light-5);
+    padding: 1rem;
+    border-radius: 0.5rem;
+  }
+
+  .benefit-text {
+    text-align: left;
+    font-size: 14px;
+  }
+
+  svg {
+    flex-shrink: 0;
+    width: 16px;
+    height: 16px;
+    margin-top: 0.3rem;
+    margin-right: 0.5rem;
+  }
+`

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

@@ -0,0 +1,43 @@
+import {
+  Benefit,
+  BenefitsList,
+  Divider,
+  PlanCardContainer,
+  PlanTitle,
+  Price,
+  PriceLabel,
+  PricingInfo
+} from './PlanCard.styled'
+import { Button } from '../Button'
+import { PlanCardProps } from './PlanCardProps'
+import React from 'react'
+
+export const PlanCard: React.FC<PlanCardProps> = ({ plan, onSelect, isRedirectingToPayment }) => {
+  return (
+    <PlanCardContainer>
+      <PlanTitle className={plan?.highlightPlan ? 'highlight' : 'asdfasdf'}>{plan?.subscription_type?.name}</PlanTitle>
+      <PricingInfo>
+        <Price>{plan?.pricing}</Price>
+        <PriceLabel>{plan?.pricingLabel}</PriceLabel>
+      </PricingInfo>
+      <Button
+        label={plan?.buttonText ?? ''}
+        dataQa={`${plan?.subscription_type?.name.replaceAll(' ', '')}-button`}
+        noLink
+        onClick={() => onSelect?.(plan?.subscription_type?.sku ?? '')}
+        givenClass='pricing-plan__button'
+        color={plan?.highlightPlan ? 'primary' : 'secondary'}
+        disabled={isRedirectingToPayment}
+      />
+      <Divider />
+      <BenefitsList>
+        {plan?.benefits?.map((item) => (
+          <Benefit key={item?.benefit} className={item?.type == 'default' ? 'default' : 'ai-benefit'}>
+            {item?.icon}
+            <p className='benefit-text' dangerouslySetInnerHTML={{ __html: item?.benefit }}></p>
+          </Benefit>
+        ))}
+      </BenefitsList>
+    </PlanCardContainer>
+  )
+}

package/dist/src/components/atoms/PlanCard/PlanCardProps.ts

@@ -0,0 +1,27 @@
+import { ReactNode } from 'react'
+
+export interface PlanCardProps {
+  plan: SubscriptionPlan
+  onSelect?: (sku: string) => void
+  isRedirectingToPayment?: boolean
+}
+
+export interface SubscriptionPlan {
+  benefits?: Benefit[]
+  pricing?: string
+  pricingLabel?: string
+  buttonText?: string
+  highlightPlan?: boolean
+  subscription_type?: SubscriptionType
+}
+
+interface Benefit {
+  type: 'default' | 'lawgenius'
+  benefit: string
+  icon: ReactNode
+}
+
+interface SubscriptionType {
+  name: string
+  sku: string
+}

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

@@ -0,0 +1,2 @@
+export * from './PlanCard'
+export * from './PlanCardProps'