@npm_leadtech/legal-lib-components 7.45.0 → 7.45.1

package/dist/css/styles.css

@@ -228,8 +228,6 @@ html {
   --snackbar-success-border: #34b2a7;
   --snackbar-reminder-bg: #f2bd6a;
   --snackbar-reminder-border: #cd9a4c;
-}
-html {
   --primary-main-light-6: #eff7f5;
   --primary-main-light-5: #e4f8f3;
   --primary-main-light-4: #c0f7e8;
@@ -1770,7 +1768,7 @@ h2.react-datepicker__current-month {
 .e-radio .label {
   color: var(--neutral-neutral-1);
   display: block;
-  margin-bottom: 1rem;
+  margin: 1rem 0;
 }
 .e-radio.default .e-radio__inner {
   display: flex;
@@ -1839,6 +1837,9 @@ h2.react-datepicker__current-month {
     padding: 16px 15px;
   }
 }
+.e-radio.tabs {
+  margin-top: 1rem;
+}
 .e-radio.tabs .e-radio__inner {
   display: flex;
 }
@@ -2031,6 +2032,9 @@ h2.react-datepicker__current-month {
   margin-bottom: 1rem;
   position: relative;
 }
+.e-text .e-text-input__short {
+  width: 50%;
+}
 .e-text input {
   -webkit-appearance: none;
   -moz-appearance: none;
@@ -2069,6 +2073,9 @@ h2.react-datepicker__current-month {
   color: var(--neutral-neutral-1);
   font-weight: bold;
 }
+.e-text .e-text__inner {
+  grid-row: 1;
+}
 .e-text .form-group__label-icon {
   color: var(--neutral-neutral-1);
   font-weight: bold;
@@ -2110,9 +2117,11 @@ h2.react-datepicker__current-month {
 .e-text--is-invalid .e-text__error {
   display: flex;
   align-content: center;
-  bottom: -5.5rem;
-  margin-top: 0.5rem;
   color: var(--error-main);
+  position: absolute;
+  bottom: -1.5rem;
+  align-items: center;
+  height: fit-content;
 }
 .e-text--is-invalid .e-text__error-icon {
   display: flex;
@@ -2151,6 +2160,37 @@ h2.react-datepicker__current-month {
   outline: none;
   background-color: var(--neutral-neutral-6);
 }
+.e-text--has-prefix {
+  width: 100%;
+  display: grid;
+  grid-template-columns: 1fr;
+}
+@media (min-width: 575px) {
+  .e-text--has-prefix {
+    width: 50%;
+  }
+}
+.e-text--has-prefix .tooltip-form {
+  grid-row: 3;
+}
+.e-text--has-prefix .has-currency-prefix {
+  padding-left: 2rem;
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+}
+.e-text--has-prefix .has-currency-suffix {
+  padding-right: 2rem;
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+}
+.e-text--has-prefix .has-percent-suffix {
+  padding-left: 0.75rem;
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+}
 .e-text .input-icon {
   position: absolute;
   transform: translate(-15%, -65%);
@@ -2165,6 +2205,28 @@ h2.react-datepicker__current-month {
   background: none;
   border: none;
 }
+.e-text .input-icon-currency-suffix {
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+  margin-left: calc(100% - 30px);
+  width: fit-content;
+}
+.e-text .input-icon-currency-prefix {
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+  z-index: 1;
+  padding-left: 0.87rem;
+  width: fit-content;
+}
+.e-text .input-icon-percent-suffix {
+  grid-column: 1;
+  grid-row: 2;
+  align-self: center;
+  margin-left: calc(100% - 30px);
+  width: fit-content;
+}
 .e-text .formgroup--input__button {
   align-self: flex-start;
   font-size: 0.75rem;

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

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+interface Close24Props {
+    className?: string;
+}
+export declare const CloseIcon: FC<Close24Props>;
+export {};

package/dist/images/componentsSvg/CloseIcon.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const CloseIcon = ({ className }) => (_jsx("svg", { className: className, width: 20, height: 20, viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: _jsx("path", { d: 'M15.2462 5.92913C15.5706 5.60466 15.5706 5.07859 15.2462 4.75413C14.9217 4.42966 14.3956 4.42966 14.0712 4.75413L10.0003 8.82496L5.92949 4.75413C5.60503 4.42966 5.07896 4.42966 4.75449 4.75413C4.43002 5.07859 4.43003 5.60466 4.75449 5.92913L8.82533 9.99996L4.75449 14.0708C4.43003 14.3953 4.43002 14.9213 4.75449 15.2458C5.07896 15.5703 5.60502 15.5703 5.92949 15.2458L10.0003 11.175L14.0712 15.2458C14.3956 15.5703 14.9217 15.5703 15.2462 15.2458C15.5706 14.9213 15.5706 14.3953 15.2462 14.0708L11.1753 9.99996L15.2462 5.92913Z', fill: '#B5BABD' }) }));

package/dist/images/componentsSvg/CloseIcon.tsx

@@ -0,0 +1,14 @@
+import React, { FC } from 'react'
+
+interface Close24Props {
+  className?: string
+}
+
+export const CloseIcon: FC<Close24Props> = ({ className }: Close24Props): React.ReactElement => (
+  <svg className={className} width={20} height={20} viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      d='M15.2462 5.92913C15.5706 5.60466 15.5706 5.07859 15.2462 4.75413C14.9217 4.42966 14.3956 4.42966 14.0712 4.75413L10.0003 8.82496L5.92949 4.75413C5.60503 4.42966 5.07896 4.42966 4.75449 4.75413C4.43002 5.07859 4.43003 5.60466 4.75449 5.92913L8.82533 9.99996L4.75449 14.0708C4.43003 14.3953 4.43002 14.9213 4.75449 15.2458C5.07896 15.5703 5.60502 15.5703 5.92949 15.2458L10.0003 11.175L14.0712 15.2458C14.3956 15.5703 14.9217 15.5703 15.2462 15.2458C15.5706 14.9213 15.5706 14.3953 15.2462 14.0708L11.1753 9.99996L15.2462 5.92913Z'
+      fill='#B5BABD'
+    />
+  </svg>
+)

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

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

package/dist/images/componentsSvg/InfoLocationSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InfoLocationSvg = () => {
+    return (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', children: _jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', children: _jsx("path", { d: 'M10.0002 17.7708C9.80572 17.7708 9.61127 17.7361 9.41683 17.6666C9.22238 17.5972 9.04877 17.493 8.896 17.3541C7.99322 16.5208 7.19461 15.7083 6.50016 14.9166C5.80572 14.125 5.22586 13.3576 4.76058 12.6145C4.2953 11.8715 3.94113 11.1562 3.69808 10.4687C3.45502 9.78121 3.3335 9.12496 3.3335 8.49996C3.3335 6.41663 4.00363 4.7569 5.34391 3.52079C6.68419 2.28468 8.23627 1.66663 10.0002 1.66663C11.7641 1.66663 13.3161 2.28468 14.6564 3.52079C15.9967 4.7569 16.6668 6.41663 16.6668 8.49996C16.6668 9.12496 16.5453 9.78121 16.3022 10.4687C16.0592 11.1562 15.705 11.8715 15.2397 12.6145C14.7745 13.3576 14.1946 14.125 13.5002 14.9166C12.8057 15.7083 12.0071 16.5208 11.1043 17.3541C10.9516 17.493 10.7779 17.5972 10.5835 17.6666C10.3891 17.7361 10.1946 17.7708 10.0002 17.7708ZM10.0002 9.99996C10.4585 9.99996 10.8509 9.83677 11.1772 9.51038C11.5036 9.18399 11.6668 8.79163 11.6668 8.33329C11.6668 7.87496 11.5036 7.4826 11.1772 7.15621C10.8509 6.82982 10.4585 6.66663 10.0002 6.66663C9.54183 6.66663 9.14947 6.82982 8.82308 7.15621C8.49669 7.4826 8.3335 7.87496 8.3335 8.33329C8.3335 8.79163 8.49669 9.18399 8.82308 9.51038C9.14947 9.83677 9.54183 9.99996 10.0002 9.99996Z', fill: '#02374A' }) }) }));
+};

package/dist/images/componentsSvg/InfoLocationSvg.tsx

@@ -0,0 +1,14 @@
+import React from 'react'
+
+export const InfoLocationSvg: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
+      <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
+        <path
+          d='M10.0002 17.7708C9.80572 17.7708 9.61127 17.7361 9.41683 17.6666C9.22238 17.5972 9.04877 17.493 8.896 17.3541C7.99322 16.5208 7.19461 15.7083 6.50016 14.9166C5.80572 14.125 5.22586 13.3576 4.76058 12.6145C4.2953 11.8715 3.94113 11.1562 3.69808 10.4687C3.45502 9.78121 3.3335 9.12496 3.3335 8.49996C3.3335 6.41663 4.00363 4.7569 5.34391 3.52079C6.68419 2.28468 8.23627 1.66663 10.0002 1.66663C11.7641 1.66663 13.3161 2.28468 14.6564 3.52079C15.9967 4.7569 16.6668 6.41663 16.6668 8.49996C16.6668 9.12496 16.5453 9.78121 16.3022 10.4687C16.0592 11.1562 15.705 11.8715 15.2397 12.6145C14.7745 13.3576 14.1946 14.125 13.5002 14.9166C12.8057 15.7083 12.0071 16.5208 11.1043 17.3541C10.9516 17.493 10.7779 17.5972 10.5835 17.6666C10.3891 17.7361 10.1946 17.7708 10.0002 17.7708ZM10.0002 9.99996C10.4585 9.99996 10.8509 9.83677 11.1772 9.51038C11.5036 9.18399 11.6668 8.79163 11.6668 8.33329C11.6668 7.87496 11.5036 7.4826 11.1772 7.15621C10.8509 6.82982 10.4585 6.66663 10.0002 6.66663C9.54183 6.66663 9.14947 6.82982 8.82308 7.15621C8.49669 7.4826 8.3335 7.87496 8.3335 8.33329C8.3335 8.79163 8.49669 9.18399 8.82308 9.51038C9.14947 9.83677 9.54183 9.99996 10.0002 9.99996Z'
+          fill='#02374A'
+        />
+      </svg>
+    </svg>
+  )
+}

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/images/componentsSvg/InfoPhoneSvg.d.ts

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

package/dist/images/componentsSvg/InfoPhoneSvg.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const InfoPhoneSvg = () => {
+    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: 'M16.6667 10C16.4444 10 16.2465 9.92014 16.0729 9.76042C15.8993 9.60069 15.7986 9.40278 15.7708 9.16667C15.5903 7.875 15.0451 6.77431 14.1354 5.86458C13.2257 4.95486 12.125 4.40972 10.8333 4.22917C10.5972 4.20139 10.3993 4.10417 10.2396 3.9375C10.0799 3.77083 10 3.56944 10 3.33333C10 3.09722 10.0833 2.89931 10.25 2.73958C10.4167 2.57986 10.6111 2.51389 10.8333 2.54167C12.5833 2.73611 14.0764 3.45139 15.3125 4.6875C16.5486 5.92361 17.2639 7.41667 17.4583 9.16667C17.4861 9.38889 17.4201 9.58333 17.2604 9.75C17.1007 9.91667 16.9028 10 16.6667 10ZM13.1875 10C13.0069 10 12.8472 9.9375 12.7083 9.8125C12.5694 9.6875 12.4653 9.52083 12.3958 9.3125C12.2847 8.90972 12.0729 8.55208 11.7604 8.23958C11.4479 7.92708 11.0903 7.71528 10.6875 7.60417C10.4792 7.53472 10.3125 7.43056 10.1875 7.29167C10.0625 7.15278 10 6.98611 10 6.79167C10 6.51389 10.0972 6.28819 10.2917 6.11458C10.4861 5.94097 10.7014 5.88194 10.9375 5.9375C11.7153 6.11806 12.3854 6.48958 12.9479 7.05208C13.5104 7.61458 13.8819 8.28472 14.0625 9.0625C14.1181 9.29861 14.0556 9.51389 13.875 9.70833C13.6944 9.90278 13.4653 10 13.1875 10ZM16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z', fill: '#02374A' }) }));
+};

package/dist/images/componentsSvg/InfoPhoneSvg.tsx

@@ -0,0 +1,12 @@
+import React from 'react'
+
+export const InfoPhoneSvg: React.FC = () => {
+  return (
+    <svg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20' fill='none'>
+      <path
+        d='M16.6667 10C16.4444 10 16.2465 9.92014 16.0729 9.76042C15.8993 9.60069 15.7986 9.40278 15.7708 9.16667C15.5903 7.875 15.0451 6.77431 14.1354 5.86458C13.2257 4.95486 12.125 4.40972 10.8333 4.22917C10.5972 4.20139 10.3993 4.10417 10.2396 3.9375C10.0799 3.77083 10 3.56944 10 3.33333C10 3.09722 10.0833 2.89931 10.25 2.73958C10.4167 2.57986 10.6111 2.51389 10.8333 2.54167C12.5833 2.73611 14.0764 3.45139 15.3125 4.6875C16.5486 5.92361 17.2639 7.41667 17.4583 9.16667C17.4861 9.38889 17.4201 9.58333 17.2604 9.75C17.1007 9.91667 16.9028 10 16.6667 10ZM13.1875 10C13.0069 10 12.8472 9.9375 12.7083 9.8125C12.5694 9.6875 12.4653 9.52083 12.3958 9.3125C12.2847 8.90972 12.0729 8.55208 11.7604 8.23958C11.4479 7.92708 11.0903 7.71528 10.6875 7.60417C10.4792 7.53472 10.3125 7.43056 10.1875 7.29167C10.0625 7.15278 10 6.98611 10 6.79167C10 6.51389 10.0972 6.28819 10.2917 6.11458C10.4861 5.94097 10.7014 5.88194 10.9375 5.9375C11.7153 6.11806 12.3854 6.48958 12.9479 7.05208C13.5104 7.61458 13.8819 8.28472 14.0625 9.0625C14.1181 9.29861 14.0556 9.51389 13.875 9.70833C13.6944 9.90278 13.4653 10 13.1875 10ZM16.625 17.5C14.8889 17.5 13.1736 17.1215 11.4792 16.3646C9.78472 15.6076 8.24306 14.5347 6.85417 13.1458C5.46528 11.7569 4.39236 10.2153 3.63542 8.52083C2.87847 6.82639 2.5 5.11111 2.5 3.375C2.5 3.125 2.58333 2.91667 2.75 2.75C2.91667 2.58333 3.125 2.5 3.375 2.5H6.75C6.94444 2.5 7.11806 2.56597 7.27083 2.69792C7.42361 2.82986 7.51389 2.98611 7.54167 3.16667L8.08333 6.08333C8.11111 6.30556 8.10417 6.49306 8.0625 6.64583C8.02083 6.79861 7.94444 6.93056 7.83333 7.04167L5.8125 9.08333C6.09028 9.59722 6.42014 10.0938 6.80208 10.5729C7.18403 11.0521 7.60417 11.5139 8.0625 11.9583C8.49306 12.3889 8.94444 12.7882 9.41667 13.1562C9.88889 13.5243 10.3889 13.8611 10.9167 14.1667L12.875 12.2083C13 12.0833 13.1632 11.9896 13.3646 11.9271C13.566 11.8646 13.7639 11.8472 13.9583 11.875L16.8333 12.4583C17.0278 12.5139 17.1875 12.6146 17.3125 12.7604C17.4375 12.9062 17.5 13.0694 17.5 13.25V16.625C17.5 16.875 17.4167 17.0833 17.25 17.25C17.0833 17.4167 16.875 17.5 16.625 17.5Z'
+        fill='#02374A'
+      />
+    </svg>
+  )
+}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+export declare const SearchIcon: React.FC<{
+    className?: string;
+}>;

package/dist/images/componentsSvg/SearchIcon.js

@@ -0,0 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const SearchIcon = ({ className = '' }) => {
+    return (_jsxs("svg", { width: '17px', height: '18px', viewBox: '0 0 17 18', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', className: className, children: [_jsx("title", { children: "icon/search_24px" }), _jsx("g", { stroke: 'none', strokeWidth: '1', fillRule: 'evenodd', children: _jsx("path", { d: 'M12.5006256,11.0006256 L11.7106256,11.0006256 L11.4306256,10.7306256 C12.6306256,9.33062559 13.2506256,7.42062559 12.9106256,5.39062559 C12.4406256,2.61062559 10.1206256,0.390625593 7.32062559,0.0506255931 C3.09062559,-0.469374407 -0.469374407,3.09062559 0.0506255931,7.32062559 C0.390625593,10.1206256 2.61062559,12.4406256 5.39062559,12.9106256 C7.42062559,13.2506256 9.33062559,12.6306256 10.7306256,11.4306256 L11.0006256,11.7106256 L11.0006256,12.5006256 L15.2506256,16.7506256 C15.6606256,17.1606256 16.3306256,17.1606256 16.7406256,16.7506256 C17.1506256,16.3406256 17.1506256,15.6706256 16.7406256,15.2606256 L12.5006256,11.0006256 Z M6.50062559,11.0006256 C4.01062559,11.0006256 2.00062559,8.99062559 2.00062559,6.50062559 C2.00062559,4.01062559 4.01062559,2.00062559 6.50062559,2.00062559 C8.99062559,2.00062559 11.0006256,4.01062559 11.0006256,6.50062559 C11.0006256,8.99062559 8.99062559,11.0006256 6.50062559,11.0006256 Z', fillRule: 'nonzero' }) })] }));
+};

package/dist/images/componentsSvg/SearchIcon.tsx

@@ -0,0 +1,26 @@
+import React from 'react'
+
+interface SearchIcon {
+  className: string
+}
+export const SearchIcon: React.FC<{ className?: string }> = ({ className = '' }) => {
+  return (
+    <svg
+      width='17px'
+      height='18px'
+      viewBox='0 0 17 18'
+      version='1.1'
+      xmlns='http://www.w3.org/2000/svg'
+      xmlnsXlink='http://www.w3.org/1999/xlink'
+      className={className}
+    >
+      <title>icon/search_24px</title>
+      <g stroke='none' strokeWidth='1' fillRule='evenodd'>
+        <path
+          d='M12.5006256,11.0006256 L11.7106256,11.0006256 L11.4306256,10.7306256 C12.6306256,9.33062559 13.2506256,7.42062559 12.9106256,5.39062559 C12.4406256,2.61062559 10.1206256,0.390625593 7.32062559,0.0506255931 C3.09062559,-0.469374407 -0.469374407,3.09062559 0.0506255931,7.32062559 C0.390625593,10.1206256 2.61062559,12.4406256 5.39062559,12.9106256 C7.42062559,13.2506256 9.33062559,12.6306256 10.7306256,11.4306256 L11.0006256,11.7106256 L11.0006256,12.5006256 L15.2506256,16.7506256 C15.6606256,17.1606256 16.3306256,17.1606256 16.7406256,16.7506256 C17.1506256,16.3406256 17.1506256,15.6706256 16.7406256,15.2606256 L12.5006256,11.0006256 Z M6.50062559,11.0006256 C4.01062559,11.0006256 2.00062559,8.99062559 2.00062559,6.50062559 C2.00062559,4.01062559 4.01062559,2.00062559 6.50062559,2.00062559 C8.99062559,2.00062559 11.0006256,4.01062559 11.0006256,6.50062559 C11.0006256,8.99062559 8.99062559,11.0006256 6.50062559,11.0006256 Z'
+          fillRule='nonzero'
+        ></path>
+      </g>
+    </svg>
+  )
+}

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

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M14.4121 7.49971C14.0877 7.17531 13.5618 7.17503 13.2371 7.49907L9.9999 10.7292L6.76272 7.49907C6.43797 7.17503 5.91212 7.17531 5.58772 7.49971C5.26308 7.82435 5.26308 8.35071 5.58772 8.67535L9.41065 12.4983C9.73608 12.8237 10.2637 12.8237 10.5892 12.4983L14.4121 8.67535C14.7367 8.35071 14.7367 7.82435 14.4121 7.49971Z" fill="#1E2021"/>
+</svg>

package/dist/images/svg/business-type.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="19" viewBox="0 0 20 19" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M18 4H14V2C14 0.89 13.11 0 12 0H8C6.89 0 6 0.89 6 2V4H2C0.89 4 0.01 4.89 0.01 6L0 17C0 18.11 0.89 19 2 19H18C19.11 19 20 18.11 20 17V6C20 4.89 19.11 4 18 4ZM12 4H8V2H12V4Z" fill="#078080"/>
+</svg>

package/dist/images/svg/clear-24-px.svg

@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="24" height="24" viewBox="0 0 24 24">
+    <defs>
+        <path id="prefix__a" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"/>
+    </defs>
+    <g fill="none" fill-rule="evenodd">
+        <path d="M0 0H24V24H0z"/>
+        <mask id="prefix__b" fill="#fff">
+            <use xlink:href="#prefix__a"/>
+        </mask>
+        <g fill="#05646E" mask="url(#prefix__b)">
+            <path d="M0 0H24V24H0z"/>
+        </g>
+    </g>
+</svg>

package/dist/images/svg/close-grey-24px.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M15.2462 5.92913C15.5706 5.60466 15.5706 5.07859 15.2462 4.75413C14.9217 4.42966 14.3956 4.42966 14.0712 4.75413L10.0003 8.82496L5.92949 4.75413C5.60503 4.42966 5.07896 4.42966 4.75449 4.75413C4.43002 5.07859 4.43003 5.60466 4.75449 5.92913L8.82533 9.99996L4.75449 14.0708C4.43003 14.3953 4.43002 14.9213 4.75449 15.2458C5.07896 15.5703 5.60502 15.5703 5.92949 15.2458L10.0003 11.175L14.0712 15.2458C14.3956 15.5703 14.9217 15.5703 15.2462 15.2458C15.5706 14.9213 15.5706 14.3953 15.2462 14.0708L11.1753 9.99996L15.2462 5.92913Z" fill="#B5BABD"/>
+</svg>

package/dist/images/svg/currencyDE.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M12.5 17.5C10.8611 17.5 9.40278 17.0347 8.125 16.1042C6.84722 15.1736 5.94444 13.9722 5.41667 12.5H3.33333C3.09722 12.5 2.89931 12.4201 2.73958 12.2604C2.57986 12.1007 2.5 11.9028 2.5 11.6667C2.5 11.4306 2.57986 11.2326 2.73958 11.0729C2.89931 10.9132 3.09722 10.8333 3.33333 10.8333H5.04167C5.01389 10.6806 5 10.5417 5 10.4167V9.58333C5 9.45833 5.01389 9.31944 5.04167 9.16667H3.33333C3.09722 9.16667 2.89931 9.08681 2.73958 8.92708C2.57986 8.76736 2.5 8.56944 2.5 8.33333C2.5 8.09722 2.57986 7.89931 2.73958 7.73958C2.89931 7.57986 3.09722 7.5 3.33333 7.5H5.41667C5.94444 6.02778 6.84722 4.82639 8.125 3.89583C9.40278 2.96528 10.8611 2.5 12.5 2.5C13.2917 2.5 14.0347 2.61458 14.7292 2.84375C15.4236 3.07292 16.0764 3.38889 16.6875 3.79167C16.9236 3.94444 17.0451 4.15972 17.0521 4.4375C17.059 4.71528 16.9653 4.95139 16.7708 5.14583C16.5764 5.34028 16.3333 5.45486 16.0417 5.48958C15.75 5.52431 15.4792 5.46528 15.2292 5.3125C14.8264 5.07639 14.3924 4.89583 13.9271 4.77083C13.4618 4.64583 12.9861 4.58333 12.5 4.58333C11.4583 4.58333 10.5104 4.85069 9.65625 5.38542C8.80208 5.92014 8.15278 6.625 7.70833 7.5H11.6667C11.9028 7.5 12.1007 7.57986 12.2604 7.73958C12.4201 7.89931 12.5 8.09722 12.5 8.33333C12.5 8.56944 12.4201 8.76736 12.2604 8.92708C12.1007 9.08681 11.9028 9.16667 11.6667 9.16667H7.16667C7.13889 9.31944 7.11806 9.45833 7.10417 9.58333C7.09028 9.70833 7.08333 9.84722 7.08333 10C7.08333 10.1528 7.09028 10.2917 7.10417 10.4167C7.11806 10.5417 7.13889 10.6806 7.16667 10.8333H11.6667C11.9028 10.8333 12.1007 10.9132 12.2604 11.0729C12.4201 11.2326 12.5 11.4306 12.5 11.6667C12.5 11.9028 12.4201 12.1007 12.2604 12.2604C12.1007 12.4201 11.9028 12.5 11.6667 12.5H7.70833C8.15278 13.375 8.80208 14.0799 9.65625 14.6146C10.5104 15.1493 11.4583 15.4167 12.5 15.4167C12.9861 15.4167 13.4618 15.3576 13.9271 15.2396C14.3924 15.1215 14.8264 14.9444 15.2292 14.7083C15.4792 14.5556 15.75 14.4931 16.0417 14.5208C16.3333 14.5486 16.5764 14.6597 16.7708 14.8542C16.9653 15.0486 17.059 15.2847 17.0521 15.5625C17.0451 15.8403 16.9236 16.0556 16.6875 16.2083C16.0764 16.6111 15.4236 16.9271 14.7292 17.1562C14.0347 17.3854 13.2917 17.5 12.5 17.5Z" fill="#6D7275"/>
+</svg>

package/dist/images/svg/currencyUS.svg

@@ -0,0 +1,3 @@
+<svg width="10" height="18" viewBox="0 0 10 18" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M4.94505 17.3333C4.6827 17.3333 4.4628 17.2446 4.28533 17.0671C4.10786 16.8896 4.01912 16.6697 4.01912 16.4074V15.3426C3.32468 15.1882 2.71511 14.9182 2.19042 14.5324C1.66573 14.1466 1.24135 13.6064 0.917271 12.912C0.809246 12.6959 0.805388 12.4683 0.905697 12.2291C1.00601 11.9899 1.18733 11.8163 1.44968 11.7083C1.66573 11.6157 1.88949 11.6196 2.12097 11.7199C2.35246 11.8202 2.52993 11.9861 2.65338 12.2176C2.91573 12.6805 3.24752 13.0316 3.64875 13.2708C4.04999 13.51 4.54381 13.6296 5.13023 13.6296C5.76295 13.6296 6.29922 13.4868 6.73903 13.2013C7.17884 12.9159 7.39875 12.4722 7.39875 11.8703C7.39875 11.3302 7.229 10.902 6.88949 10.5856C6.54999 10.2692 5.76295 9.91045 4.52838 9.50922C3.20122 9.09255 2.29073 8.59487 1.7969 8.01616C1.30307 7.43746 1.05616 6.73144 1.05616 5.89811C1.05616 4.89502 1.38023 4.1157 2.02838 3.56014C2.67653 3.00459 3.34011 2.68823 4.01912 2.61107V1.59255C4.01912 1.33021 4.10786 1.1103 4.28533 0.93283C4.4628 0.755361 4.6827 0.666626 4.94505 0.666626C5.20739 0.666626 5.4273 0.755361 5.60477 0.93283C5.78224 1.1103 5.87097 1.33021 5.87097 1.59255V2.61107C6.45739 2.70366 6.96665 2.89271 7.39875 3.1782C7.83085 3.46369 8.18579 3.81477 8.46357 4.23144C8.60246 4.43206 8.62946 4.65582 8.54459 4.90274C8.45971 5.14965 8.2861 5.32712 8.02375 5.43514C7.8077 5.52774 7.58394 5.5316 7.35246 5.44672C7.12098 5.36184 6.90493 5.21138 6.70431 4.99533C6.50369 4.77928 6.26835 4.61339 5.99829 4.49764C5.72823 4.3819 5.39258 4.32403 4.99134 4.32403C4.31233 4.32403 3.79536 4.4745 3.44042 4.77542C3.08548 5.07635 2.90801 5.45058 2.90801 5.89811C2.90801 6.40737 3.13949 6.8086 3.60246 7.10181C4.06542 7.39502 4.86789 7.70366 6.00986 8.02774C7.07468 8.33638 7.88101 8.82635 8.42885 9.49765C8.97668 10.1689 9.2506 10.9444 9.2506 11.824C9.2506 12.9197 8.92653 13.753 8.27838 14.324C7.63023 14.895 6.82776 15.25 5.87097 15.3888V16.4074C5.87097 16.6697 5.78224 16.8896 5.60477 17.0671C5.4273 17.2446 5.20739 17.3333 4.94505 17.3333Z" fill="#6D7275"/>
+</svg>

package/dist/images/svg/men.svg

@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24">
+    <g fill="#078080" fill-rule="evenodd">
+        <path d="M0 5H24V7H0zM6 11H24V13H6zM12 17H24V19H12z"/>
+    </g>
+</svg>

package/dist/images/svg/mid-banner-1.svg

@@ -0,0 +1,5 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/IA">
+<path id="path" fill-rule="evenodd" clip-rule="evenodd" d="M13.1739 1.13937C12.9462 0.508232 12.0536 0.508232 11.8258 1.13937L11.4929 2.06185C11.4206 2.26239 11.2627 2.42029 11.0621 2.49266L10.1397 2.82553C9.50852 3.05328 9.50852 3.94586 10.1397 4.17361L11.0621 4.50648C11.2627 4.57885 11.4206 4.73675 11.4929 4.93729L11.8258 5.85977C12.0536 6.49091 12.9462 6.49091 13.1739 5.85977L13.5068 4.93729C13.5791 4.73675 13.737 4.57885 13.9376 4.50648L14.8601 4.17361C15.4912 3.94586 15.4912 3.05328 14.8601 2.82553L13.9376 2.49266C13.737 2.42029 13.5791 2.26239 13.5068 2.06185L13.1739 1.13937ZM8.03427 4.24048C7.57878 2.97821 5.79362 2.97821 5.33813 4.24048L4.57895 6.34435C4.43422 6.74544 4.11841 7.06124 3.71733 7.20598L1.61345 7.96516C0.35118 8.42065 0.351181 10.2058 1.61345 10.6613L3.71733 11.4205C4.11841 11.5652 4.43422 11.881 4.57895 12.2821L5.33813 14.386C5.79362 15.6482 7.57878 15.6482 8.03427 14.386L8.79345 12.2821C8.93818 11.881 9.25399 11.5652 9.65507 11.4205L11.7589 10.6613C13.0212 10.2058 13.0212 8.42065 11.7589 7.96516L9.65507 7.20598C9.25399 7.06124 8.93818 6.74544 8.79345 6.34435L8.03427 4.24048Z" fill="#078080"/>
+</g>
+</svg>

package/dist/images/svg/mid-banner-2.svg

@@ -0,0 +1,5 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/KeyFacts-outline">
+<path id="Vector" d="M5.83342 13.334C6.06953 13.334 6.26744 13.2541 6.42717 13.0944C6.58689 12.9347 6.66675 12.7368 6.66675 12.5007C6.66675 12.2645 6.58689 12.0666 6.42717 11.9069C6.26744 11.7472 6.06953 11.6673 5.83342 11.6673C5.5973 11.6673 5.39939 11.7472 5.23967 11.9069C5.07994 12.0666 5.00008 12.2645 5.00008 12.5007C5.00008 12.7368 5.07994 12.9347 5.23967 13.0944C5.39939 13.2541 5.5973 13.334 5.83342 13.334ZM5.83342 10.834C6.06953 10.834 6.26744 10.7541 6.42717 10.5944C6.58689 10.4347 6.66675 10.2368 6.66675 10.0007V7.50065C6.66675 7.26454 6.58689 7.06662 6.42717 6.9069C6.26744 6.74718 6.06953 6.66732 5.83342 6.66732C5.5973 6.66732 5.39939 6.74718 5.23967 6.9069C5.07994 7.06662 5.00008 7.26454 5.00008 7.50065V10.0007C5.00008 10.2368 5.07994 10.4347 5.23967 10.5944C5.39939 10.7541 5.5973 10.834 5.83342 10.834ZM9.16675 12.5007H14.1667C14.4029 12.5007 14.6008 12.4208 14.7605 12.2611C14.9202 12.1013 15.0001 11.9034 15.0001 11.6673C15.0001 11.4312 14.9202 11.2333 14.7605 11.0736C14.6008 10.9138 14.4029 10.834 14.1667 10.834H9.16675C8.93064 10.834 8.73272 10.9138 8.573 11.0736C8.41328 11.2333 8.33342 11.4312 8.33342 11.6673C8.33342 11.9034 8.41328 12.1013 8.573 12.2611C8.73272 12.4208 8.93064 12.5007 9.16675 12.5007ZM9.16675 9.16732H14.1667C14.4029 9.16732 14.6008 9.08746 14.7605 8.92773C14.9202 8.76801 15.0001 8.5701 15.0001 8.33398C15.0001 8.09787 14.9202 7.89996 14.7605 7.74023C14.6008 7.58051 14.4029 7.50065 14.1667 7.50065H9.16675C8.93064 7.50065 8.73272 7.58051 8.573 7.74023C8.41328 7.89996 8.33342 8.09787 8.33342 8.33398C8.33342 8.5701 8.41328 8.76801 8.573 8.92773C8.73272 9.08746 8.93064 9.16732 9.16675 9.16732ZM3.33341 16.6673C2.87508 16.6673 2.48272 16.5041 2.15633 16.1777C1.82994 15.8513 1.66675 15.459 1.66675 15.0007V5.00065C1.66675 4.54232 1.82994 4.14996 2.15633 3.82357C2.48272 3.49718 2.87508 3.33398 3.33341 3.33398H16.6667C17.1251 3.33398 17.5174 3.49718 17.8438 3.82357C18.1702 4.14996 18.3334 4.54232 18.3334 5.00065V15.0007C18.3334 15.459 18.1702 15.8513 17.8438 16.1777C17.5174 16.5041 17.1251 16.6673 16.6667 16.6673H3.33341ZM3.33341 15.0007H16.6667V5.00065H3.33341V15.0007Z" fill="#6D7275"/>
+</g>
+</svg>

package/dist/images/svg/mid-banner-3.svg

@@ -0,0 +1,5 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g id="Icon/Clauses-outline">
+<path id="Vector" d="M4.66667 17.5007C4.20833 17.5007 3.81597 17.3375 3.48958 17.0111C3.16319 16.6847 3 16.2923 3 15.834V4.16732C3 3.70898 3.16319 3.31662 3.48958 2.99023C3.81597 2.66385 4.20833 2.50065 4.66667 2.50065H8.16667C8.34722 2.00065 8.64931 1.59787 9.07292 1.29232C9.49653 0.986762 9.97222 0.833984 10.5 0.833984C11.0278 0.833984 11.5035 0.986762 11.9271 1.29232C12.3507 1.59787 12.6528 2.00065 12.8333 2.50065H16.3333C16.7917 2.50065 17.184 2.66385 17.5104 2.99023C17.8368 3.31662 18 3.70898 18 4.16732V15.834C18 16.2923 17.8368 16.6847 17.5104 17.0111C17.184 17.3375 16.7917 17.5007 16.3333 17.5007H4.66667ZM4.66667 15.834H16.3333V4.16732H4.66667V15.834ZM7.16667 14.1673H11.3333C11.5694 14.1673 11.7674 14.0875 11.9271 13.9277C12.0868 13.768 12.1667 13.5701 12.1667 13.334C12.1667 13.0979 12.0868 12.9 11.9271 12.7402C11.7674 12.5805 11.5694 12.5007 11.3333 12.5007H7.16667C6.93056 12.5007 6.73264 12.5805 6.57292 12.7402C6.41319 12.9 6.33333 13.0979 6.33333 13.334C6.33333 13.5701 6.41319 13.768 6.57292 13.9277C6.73264 14.0875 6.93056 14.1673 7.16667 14.1673ZM7.16667 10.834H13.8333C14.0694 10.834 14.2674 10.7541 14.4271 10.5944C14.5868 10.4347 14.6667 10.2368 14.6667 10.0007C14.6667 9.76454 14.5868 9.56662 14.4271 9.4069C14.2674 9.24718 14.0694 9.16732 13.8333 9.16732H7.16667C6.93056 9.16732 6.73264 9.24718 6.57292 9.4069C6.41319 9.56662 6.33333 9.76454 6.33333 10.0007C6.33333 10.2368 6.41319 10.4347 6.57292 10.5944C6.73264 10.7541 6.93056 10.834 7.16667 10.834ZM7.16667 7.50065H13.8333C14.0694 7.50065 14.2674 7.42079 14.4271 7.26107C14.5868 7.10135 14.6667 6.90343 14.6667 6.66732C14.6667 6.43121 14.5868 6.23329 14.4271 6.07357C14.2674 5.91385 14.0694 5.83398 13.8333 5.83398H7.16667C6.93056 5.83398 6.73264 5.91385 6.57292 6.07357C6.41319 6.23329 6.33333 6.43121 6.33333 6.66732C6.33333 6.90343 6.41319 7.10135 6.57292 7.26107C6.73264 7.42079 6.93056 7.50065 7.16667 7.50065ZM10.5 3.54232C10.6806 3.54232 10.8299 3.48329 10.9479 3.36523C11.066 3.24718 11.125 3.09787 11.125 2.91732C11.125 2.73676 11.066 2.58746 10.9479 2.4694C10.8299 2.35135 10.6806 2.29232 10.5 2.29232C10.3194 2.29232 10.1701 2.35135 10.0521 2.4694C9.93403 2.58746 9.875 2.73676 9.875 2.91732C9.875 3.09787 9.93403 3.24718 10.0521 3.36523C10.1701 3.48329 10.3194 3.54232 10.5 3.54232Z" fill="#6D7275"/>
+</g>
+</svg>

package/dist/images/svg/percent.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M6.25004 9.16671C5.44448 9.16671 4.75699 8.88198 4.18754 8.31254C3.6181 7.7431 3.33337 7.0556 3.33337 6.25004C3.33337 5.44448 3.6181 4.75699 4.18754 4.18754C4.75699 3.6181 5.44448 3.33337 6.25004 3.33337C7.0556 3.33337 7.7431 3.6181 8.31254 4.18754C8.88198 4.75699 9.16671 5.44448 9.16671 6.25004C9.16671 7.0556 8.88198 7.7431 8.31254 8.31254C7.7431 8.88198 7.0556 9.16671 6.25004 9.16671ZM6.25004 7.50004C6.59726 7.50004 6.8924 7.37851 7.13546 7.13546C7.37851 6.8924 7.50004 6.59726 7.50004 6.25004C7.50004 5.90282 7.37851 5.60768 7.13546 5.36462C6.8924 5.12157 6.59726 5.00004 6.25004 5.00004C5.90282 5.00004 5.60768 5.12157 5.36462 5.36462C5.12157 5.60768 5.00004 5.90282 5.00004 6.25004C5.00004 6.59726 5.12157 6.8924 5.36462 7.13546C5.60768 7.37851 5.90282 7.50004 6.25004 7.50004ZM13.75 16.6667C12.9445 16.6667 12.257 16.382 11.6875 15.8125C11.1181 15.2431 10.8334 14.5556 10.8334 13.75C10.8334 12.9445 11.1181 12.257 11.6875 11.6875C12.257 11.1181 12.9445 10.8334 13.75 10.8334C14.5556 10.8334 15.2431 11.1181 15.8125 11.6875C16.382 12.257 16.6667 12.9445 16.6667 13.75C16.6667 14.5556 16.382 15.2431 15.8125 15.8125C15.2431 16.382 14.5556 16.6667 13.75 16.6667ZM13.75 15C14.0973 15 14.3924 14.8785 14.6355 14.6355C14.8785 14.3924 15 14.0973 15 13.75C15 13.4028 14.8785 13.1077 14.6355 12.8646C14.3924 12.6216 14.0973 12.5 13.75 12.5C13.4028 12.5 13.1077 12.6216 12.8646 12.8646C12.6216 13.1077 12.5 13.4028 12.5 13.75C12.5 14.0973 12.6216 14.3924 12.8646 14.6355C13.1077 14.8785 13.4028 15 13.75 15ZM3.91671 16.0834C3.76393 15.9306 3.68754 15.7362 3.68754 15.5C3.68754 15.2639 3.76393 15.0695 3.91671 14.9167L14.9167 3.91671C15.0695 3.76393 15.2639 3.68754 15.5 3.68754C15.7362 3.68754 15.9306 3.76393 16.0834 3.91671C16.2362 4.06949 16.3125 4.26393 16.3125 4.50004C16.3125 4.73615 16.2362 4.9306 16.0834 5.08337L5.08337 16.0834C4.9306 16.2362 4.73615 16.3125 4.50004 16.3125C4.26393 16.3125 4.06949 16.2362 3.91671 16.0834Z" fill="#6D7275"/>
+</svg>

package/dist/images/svg/search_24px.svg

@@ -0,0 +1,3 @@
+<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M7.83105 13.9947C6.10828 13.9947 4.65024 13.3981 3.45694 12.2048C2.26364 11.0115 1.66699 9.55346 1.66699 7.83069C1.66699 6.10791 2.26364 4.64987 3.45694 3.45657C4.65024 2.26328 6.10828 1.66663 7.83105 1.66663C9.55383 1.66663 11.0119 2.26328 12.2052 3.45657C13.3985 4.64987 13.9951 6.10791 13.9951 7.83069C13.9951 8.52612 13.8845 9.18204 13.6632 9.79844C13.4419 10.4148 13.1416 10.9601 12.7623 11.4343L18.0729 16.7449C18.2467 16.9187 18.3337 17.14 18.3337 17.4087C18.3337 17.6774 18.2467 17.8986 18.0729 18.0725C17.899 18.2464 17.6777 18.3333 17.4091 18.3333C17.1404 18.3333 16.9191 18.2464 16.7452 18.0725L11.4347 12.7619C10.9605 13.1413 10.4152 13.4416 9.79881 13.6628C9.1824 13.8841 8.52648 13.9947 7.83105 13.9947ZM7.83105 12.0981C9.01645 12.0981 10.024 11.6832 10.8538 10.8534C11.6836 10.0237 12.0985 9.01608 12.0985 7.83069C12.0985 6.64529 11.6836 5.6377 10.8538 4.80793C10.024 3.97815 9.01645 3.56326 7.83105 3.56326C6.64566 3.56326 5.63807 3.97815 4.80829 4.80793C3.97851 5.6377 3.56363 6.64529 3.56363 7.83069C3.56363 9.01608 3.97851 10.0237 4.80829 10.8534C5.63807 11.6832 6.64566 12.0981 7.83105 12.0981Z" fill="#078080"/>
+</svg>

package/dist/src/components/atoms/BenefitCard/BenefitCard.d.ts

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

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

@@ -0,0 +1,5 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { BenefitCardStyled } from './BenefitCardStyled.styled';
+export const BenefitCard = ({ description, hasShadow = true, hasBigFontSize = true, title, image }) => {
+    return (_jsxs(BenefitCardStyled, { className: `benefit-card ${hasShadow && 'has-shadow'}`, children: [image !== null && _jsx("div", { className: `benefit-card__icon ${hasShadow && 'has-shadow'}`, children: image }), _jsxs("div", { className: 'benefit-card__content', children: [_jsx("div", { className: `sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`, children: title }), _jsx("p", { className: 'sans-serif --medium benefit-ratafia-card__content__description', children: description })] })] }));
+};

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

@@ -0,0 +1,24 @@
+import React from 'react'
+
+import { type BenefitCardProps } from './BenefitCardProps.types'
+import { BenefitCardStyled } from './BenefitCardStyled.styled'
+
+export const BenefitCard: React.FC<BenefitCardProps> = ({
+  description,
+  hasShadow = true,
+  hasBigFontSize = true,
+  title,
+  image
+}) => {
+  return (
+    <BenefitCardStyled className={`benefit-card ${hasShadow && 'has-shadow'}`}>
+      {image !== null && <div className={`benefit-card__icon ${hasShadow && 'has-shadow'}`}>{image}</div>}
+      <div className='benefit-card__content'>
+        <div className={`sans-serif ${hasBigFontSize && '--big'} --bold-weight benefit-card__content__title`}>
+          {title}
+        </div>
+        <p className='sans-serif --medium benefit-ratafia-card__content__description'>{description}</p>
+      </div>
+    </BenefitCardStyled>
+  )
+}

package/dist/src/components/atoms/{BenefitRatafiaCard/BenefitRatafiaCardProps.types.d.ts → BenefitCard/BenefitCardProps.types.d.ts}

@@ -1,6 +1,8 @@
-export interface BenefitRatafiaCardProps {
+export interface BenefitCardProps {
     id: string;
     title: string;
     image?: React.ReactNode;
     description: string;
+    hasShadow?: boolean;
+    hasBigFontSize?: boolean;
 }

package/dist/src/components/atoms/BenefitCard/BenefitCardProps.types.ts

@@ -0,0 +1,8 @@
+export interface BenefitCardProps {
+  id: string
+  title: string
+  image?: React.ReactNode
+  description: string
+  hasShadow?: boolean
+  hasBigFontSize?: boolean
+}

package/dist/src/components/atoms/BenefitCard/BenefitCardStyled.styled.d.ts

@@ -0,0 +1 @@
+export declare const BenefitCardStyled: 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/{BenefitRatafiaCard/BenefitRatafiaCard.styled.js → BenefitCard/BenefitCardStyled.styled.js}

@@ -1,6 +1,6 @@
 import { device } from '../../../globalStyles/breakpoints';
 import styled from 'styled-components';
-export const BenefitRatafiaCardStyled = styled.div `
+export const BenefitCardStyled = styled.div `
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -12,7 +12,10 @@ export const BenefitRatafiaCardStyled = styled.div `
 
   border-radius: var(--s-border-radius);
   background: rgba(255, 255, 255, 0.8);
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+  &.has-shadow {
+    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+  }
 
   @media ${device['landscape-tablets']} {
     flex-direction: row;
@@ -21,7 +24,7 @@ export const BenefitRatafiaCardStyled = styled.div `
     flex-direction: column;
   }
 
-  .benefit-ratafia-card {
+  .benefit-card {
     &__icon {
       display: flex;
       align-items: flex-start;
@@ -30,7 +33,10 @@ export const BenefitRatafiaCardStyled = styled.div `
 
       border-radius: var(--s-border-radius);
       background: rgba(255, 255, 255, 0.8);
-      box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+      &.has-shadow {
+        box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+      }
 
       img {
         min-width: 32px;

package/dist/src/components/atoms/{BenefitRatafiaCard/BenefitRatafiaCard.styled.ts → BenefitCard/BenefitCardStyled.styled.ts}

@@ -1,7 +1,7 @@
 import { device } from '../../../globalStyles/breakpoints'
 import styled from 'styled-components'
 
-export const BenefitRatafiaCardStyled = styled.div`
+export const BenefitCardStyled = styled.div`
   display: flex;
   flex-direction: column;
   align-items: flex-start;
@@ -13,7 +13,10 @@ export const BenefitRatafiaCardStyled = styled.div`
 
   border-radius: var(--s-border-radius);
   background: rgba(255, 255, 255, 0.8);
-  box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+  &.has-shadow {
+    box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+  }
 
   @media ${device['landscape-tablets']} {
     flex-direction: row;
@@ -22,7 +25,7 @@ export const BenefitRatafiaCardStyled = styled.div`
     flex-direction: column;
   }
 
-  .benefit-ratafia-card {
+  .benefit-card {
     &__icon {
       display: flex;
       align-items: flex-start;
@@ -31,7 +34,10 @@ export const BenefitRatafiaCardStyled = styled.div`
 
       border-radius: var(--s-border-radius);
       background: rgba(255, 255, 255, 0.8);
-      box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+
+      &.has-shadow {
+        box-shadow: 0 2px 6px 0 rgba(2, 55, 74, 0.25);
+      }
 
       img {
         min-width: 32px;

package/dist/src/components/atoms/BenefitCard/index.d.ts

@@ -0,0 +1,2 @@
+export { BenefitCard } from './BenefitCard';
+export { type BenefitCardProps } from './BenefitCardProps.types';

package/dist/src/components/atoms/BenefitCard/index.js

@@ -0,0 +1 @@
+export { BenefitCard } from './BenefitCard';

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

@@ -0,0 +1,2 @@
+export { BenefitCard } from './BenefitCard'
+export { type BenefitCardProps } from './BenefitCardProps.types'

package/dist/src/components/atoms/Button/ButtonProps.types.d.ts

@@ -1,3 +1,4 @@
+export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
 export interface ButtonProps {
     label: string;
     dataQa: string;
@@ -8,7 +9,7 @@ export interface ButtonProps {
     noLinkNoFunc?: boolean;
     onClick?: (functionParameters?: any) => void;
     functionParameters?: any;
-    color?: 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
+    color?: Colors;
     error?: boolean;
     disabled?: boolean;
     fluid?: boolean;

package/dist/src/components/atoms/Button/ButtonProps.types.js

@@ -1 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
 export {};

package/dist/src/components/atoms/Button/ButtonProps.types.ts

@@ -1,4 +1,21 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
+
+export type Colors =
+  | 'primary'
+  | 'primary2'
+  | 'primary3'
+  | 'primary4'
+  | 'secondary'
+  | 'secondary2'
+  | 'secondary3'
+  | 'secondary4'
+  | 'secondaryIcon'
+  | 'secondaryIconBold'
+  | 'secondaryIconDark'
+  | 'tertiary'
+  | 'tertiary2'
+  | 'styleless'
+  | 'transparent'
 export interface ButtonProps {
   label: string
   dataQa: string
@@ -9,22 +26,7 @@ export interface ButtonProps {
   noLinkNoFunc?: boolean
   onClick?: (functionParameters?: any) => void
   functionParameters?: any
-  color?:
-    | 'primary'
-    | 'primary2'
-    | 'primary3'
-    | 'primary4'
-    | 'secondary'
-    | 'secondary2'
-    | 'secondary3'
-    | 'secondary4'
-    | 'secondaryIcon'
-    | 'secondaryIconBold'
-    | 'secondaryIconDark'
-    | 'tertiary'
-    | 'tertiary2'
-    | 'styleless'
-    | 'transparent'
+  color?: Colors
   error?: boolean
   disabled?: boolean
   fluid?: boolean

package/dist/src/components/atoms/CardBox/CardBox.d.ts

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