@npm_leadtech/legal-lib-components 7.89.9 → 7.89.21

package/dist/css/styles.css

@@ -1018,22 +1018,6 @@ html[data-theme=primarygreen] .e-button.--primary-3 {
 .e-button.--transparent {
   background-color: transparent;
 }
-.e-button.e-button--link {
-  padding: 0;
-  border: none;
-  background: none;
-  border-radius: 0;
-  color: var(--primary-main);
-  text-decoration: underline;
-  font-weight: inherit;
-}
-.e-button.e-button--link:hover {
-  color: var(--primary-main-dark-1);
-  text-decoration: underline;
-}
-.e-button.e-button--link label {
-  cursor: pointer;
-}
 .e-button.--disabled {
   background-color: var(--neutral-neutral-4);
   color: var(--neutral-neutral-1);

package/dist/images/componentsSvg/CloseIcon.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const CloseIcon = ({ className = '' }) => (_jsx("svg", { className: className, width: 9, height: 9, viewBox: '0 0 9 9', fill: 'none', children: _jsx("path", { d: 'M8.58794 1.13468C8.84752 0.875104 8.84752 0.454252 8.58794 0.194678C8.32837 -0.0648959 7.90752 -0.0648958 7.64794 0.194678L4.39128 3.45134L1.13461 0.194678C0.875035 -0.0648963 0.454183 -0.0648958 0.194609 0.194678C-0.0649645 0.454252 -0.0649644 0.875104 0.194609 1.13468L3.45128 4.39134L0.194609 7.64801C-0.064965 7.90759 -0.0649645 8.32844 0.194609 8.58801C0.454183 8.84758 0.875036 8.84758 1.13461 8.58801L4.39128 5.33134L7.64794 8.58801C7.90752 8.84758 8.32837 8.84758 8.58794 8.58801C8.84752 8.32844 8.84752 7.90759 8.58794 7.64801L5.33128 4.39134L8.58794 1.13468Z' }) }));
+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

@@ -4,8 +4,11 @@ interface Close24Props {
   className?: string
 }
 
-export const CloseIcon: FC<Close24Props> = ({ className = '' }: Close24Props): React.ReactElement => (
-  <svg className={className} width={9} height={9} viewBox='0 0 9 9' fill='none'>
-    <path d='M8.58794 1.13468C8.84752 0.875104 8.84752 0.454252 8.58794 0.194678C8.32837 -0.0648959 7.90752 -0.0648958 7.64794 0.194678L4.39128 3.45134L1.13461 0.194678C0.875035 -0.0648963 0.454183 -0.0648958 0.194609 0.194678C-0.0649645 0.454252 -0.0649644 0.875104 0.194609 1.13468L3.45128 4.39134L0.194609 7.64801C-0.064965 7.90759 -0.0649645 8.32844 0.194609 8.58801C0.454183 8.84758 0.875036 8.84758 1.13461 8.58801L4.39128 5.33134L7.64794 8.58801C7.90752 8.84758 8.32837 8.84758 8.58794 8.58801C8.84752 8.32844 8.84752 7.90759 8.58794 7.64801L5.33128 4.39134L8.58794 1.13468Z' />
+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/Done24px.d.ts

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

package/dist/images/componentsSvg/Done24px.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Done24px = ({ className = '' }) => (_jsx("svg", { className: className, width: 12, height: 9, viewBox: '0 0 12 9', fill: 'none', children: _jsx("path", { d: 'M3.4599 6.7933L1.12656 4.45996C0.868829 4.20223 0.450962 4.20223 0.193229 4.45996C-0.0645037 4.7177 -0.0645037 5.13557 0.193229 5.3933L3.28212 8.48219C3.3803 8.58037 3.53949 8.58037 3.63767 8.48219L10.9932 1.12663C11.251 0.868898 11.251 0.451031 10.9932 0.193298C10.7355 -0.064435 10.3176 -0.0644351 10.0599 0.193298L3.4599 6.7933Z' }) }));
+export const Done24px = ({ className }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 17 16', fill: 'none', children: _jsx("path", { d: 'M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z', fill: '#078080' }) }));

package/dist/images/componentsSvg/Done24px.tsx

@@ -1,10 +1,13 @@
 import React, { type FC } from 'react'
 interface Done24pxProps {
-  className?: string
+  className: string
 }
 
-export const Done24px: FC<Done24pxProps> = ({ className = '' }: Done24pxProps): React.ReactElement => (
-  <svg className={className} width={12} height={9} viewBox='0 0 12 9' fill='none'>
-    <path d='M3.4599 6.7933L1.12656 4.45996C0.868829 4.20223 0.450962 4.20223 0.193229 4.45996C-0.0645037 4.7177 -0.0645037 5.13557 0.193229 5.3933L3.28212 8.48219C3.3803 8.58037 3.53949 8.58037 3.63767 8.48219L10.9932 1.12663C11.251 0.868898 11.251 0.451031 10.9932 0.193298C10.7355 -0.064435 10.3176 -0.0644351 10.0599 0.193298L3.4599 6.7933Z' />
+export const Done24px: FC<Done24pxProps> = ({ className }: Done24pxProps) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'>
+    <path
+      d='M6.36663 10.6L4.0333 8.26667C3.77557 8.00893 3.3577 8.00893 3.09997 8.26667C2.84223 8.5244 2.84223 8.94227 3.09997 9.2L6.18886 12.2889C6.28704 12.3871 6.44623 12.3871 6.54441 12.2889L13.9 4.93333C14.1577 4.6756 14.1577 4.25773 13.9 4C13.6422 3.74227 13.2244 3.74227 12.9666 4L6.36663 10.6Z'
+      fill='#078080'
+    />
   </svg>
 )

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

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

package/dist/images/componentsSvg/NewRelease24p.js

@@ -1,2 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const NewRelease24p = ({ className = '' }) => (_jsx("svg", { className: className, width: 14, height: 14, viewBox: '0 0 14 14', fill: 'none', children: _jsx("path", { d: 'M6.63333 10.6667C6.86667 10.6667 7.06389 10.5861 7.225 10.425C7.38611 10.2639 7.46667 10.0667 7.46667 9.83333C7.46667 9.6 7.38611 9.40278 7.225 9.24167C7.06389 9.08055 6.86667 9 6.63333 9C6.4 9 6.20278 9.08055 6.04167 9.24167C5.88056 9.40278 5.8 9.6 5.8 9.83333C5.8 10.0667 5.88056 10.2639 6.04167 10.425C6.20278 10.5861 6.4 10.6667 6.63333 10.6667ZM6.66667 13.3333C5.74444 13.3333 4.87778 13.1583 4.06667 12.8083C3.25556 12.4583 2.55 11.9833 1.95 11.3833C1.35 10.7833 0.875 10.0778 0.525 9.26667C0.175 8.45555 0 7.58889 0 6.66667C0 5.74444 0.175 4.87778 0.525 4.06667C0.875 3.25556 1.35 2.55 1.95 1.95C2.55 1.35 3.25556 0.875 4.06667 0.525C4.87778 0.175 5.74444 0 6.66667 0C7.58889 0 8.45555 0.175 9.26667 0.525C10.0778 0.875 10.7833 1.35 11.3833 1.95C11.9833 2.55 12.4583 3.25556 12.8083 4.06667C13.1583 4.87778 13.3333 5.74444 13.3333 6.66667C13.3333 7.58889 13.1583 8.45555 12.8083 9.26667C12.4583 10.0778 11.9833 10.7833 11.3833 11.3833C10.7833 11.9833 10.0778 12.4583 9.26667 12.8083C8.45555 13.1583 7.58889 13.3333 6.66667 13.3333ZM6.66667 12C8.15555 12 9.41667 11.4833 10.45 10.45C11.4833 9.41667 12 8.15555 12 6.66667C12 5.17778 11.4833 3.91667 10.45 2.88333C9.41667 1.85 8.15555 1.33333 6.66667 1.33333C5.17778 1.33333 3.91667 1.85 2.88333 2.88333C1.85 3.91667 1.33333 5.17778 1.33333 6.66667C1.33333 8.15555 1.85 9.41667 2.88333 10.45C3.91667 11.4833 5.17778 12 6.66667 12ZM6.73333 3.8C7.01111 3.8 7.25278 3.88889 7.45833 4.06667C7.66389 4.24444 7.76667 4.46667 7.76667 4.73333C7.76667 4.97778 7.69167 5.19444 7.54167 5.38333C7.39167 5.57222 7.22222 5.75 7.03333 5.91667C6.77778 6.13889 6.55278 6.38333 6.35833 6.65C6.16389 6.91667 6.06667 7.21667 6.06667 7.55C6.06667 7.70555 6.125 7.83611 6.24167 7.94167C6.35833 8.04722 6.49444 8.1 6.65 8.1C6.81667 8.1 6.95833 8.04444 7.075 7.93333C7.19167 7.82222 7.26667 7.68333 7.3 7.51667C7.34444 7.28333 7.44444 7.075 7.6 6.89167C7.75556 6.70833 7.92222 6.53333 8.1 6.36667C8.35556 6.12222 8.575 5.85556 8.75833 5.56667C8.94167 5.27778 9.03333 4.95556 9.03333 4.6C9.03333 4.03333 8.80278 3.56944 8.34167 3.20833C7.88056 2.84722 7.34444 2.66667 6.73333 2.66667C6.31111 2.66667 5.90833 2.75556 5.525 2.93333C5.14167 3.11111 4.85 3.38333 4.65 3.75C4.57222 3.88333 4.54722 4.025 4.575 4.175C4.60278 4.325 4.67778 4.43889 4.8 4.51667C4.95556 4.60556 5.11667 4.63333 5.28333 4.6C5.45 4.56667 5.58889 4.47222 5.7 4.31667C5.82222 4.15 5.975 4.02222 6.15833 3.93333C6.34167 3.84444 6.53333 3.8 6.73333 3.8Z' }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const NewRelease24p = ({ className }) => (_jsxs("svg", { className: className, xmlns: 'http://www.w3.org/2000/svg', width: '16', height: '16', viewBox: '0 0 16 16', children: [_jsx("defs", { children: _jsx("path", { id: 'new-release__a', d: 'M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H16V16H0z' }), _jsx("mask", { id: 'new-release__b', fill: '#fff', children: _jsx("use", { xlinkHref: '#new-release__a' }) }), _jsx("g", { fill: '#FCF4E5', mask: 'url(#new-release__b)', children: _jsx("path", { d: 'M0 0H16V16H0z' }) })] })] }));

package/dist/images/componentsSvg/NewRelease24p.tsx

@@ -1,11 +1,26 @@
+/* eslint-disable max-len */
 import React, { type FC } from 'react'
 
 interface NewRelease24pProps {
-  className?: string
+  className: string
 }
 
-export const NewRelease24p: FC<NewRelease24pProps> = ({ className = '' }: NewRelease24pProps) => (
-  <svg className={className} width={14} height={14} viewBox='0 0 14 14' fill='none'>
-    <path d='M6.63333 10.6667C6.86667 10.6667 7.06389 10.5861 7.225 10.425C7.38611 10.2639 7.46667 10.0667 7.46667 9.83333C7.46667 9.6 7.38611 9.40278 7.225 9.24167C7.06389 9.08055 6.86667 9 6.63333 9C6.4 9 6.20278 9.08055 6.04167 9.24167C5.88056 9.40278 5.8 9.6 5.8 9.83333C5.8 10.0667 5.88056 10.2639 6.04167 10.425C6.20278 10.5861 6.4 10.6667 6.63333 10.6667ZM6.66667 13.3333C5.74444 13.3333 4.87778 13.1583 4.06667 12.8083C3.25556 12.4583 2.55 11.9833 1.95 11.3833C1.35 10.7833 0.875 10.0778 0.525 9.26667C0.175 8.45555 0 7.58889 0 6.66667C0 5.74444 0.175 4.87778 0.525 4.06667C0.875 3.25556 1.35 2.55 1.95 1.95C2.55 1.35 3.25556 0.875 4.06667 0.525C4.87778 0.175 5.74444 0 6.66667 0C7.58889 0 8.45555 0.175 9.26667 0.525C10.0778 0.875 10.7833 1.35 11.3833 1.95C11.9833 2.55 12.4583 3.25556 12.8083 4.06667C13.1583 4.87778 13.3333 5.74444 13.3333 6.66667C13.3333 7.58889 13.1583 8.45555 12.8083 9.26667C12.4583 10.0778 11.9833 10.7833 11.3833 11.3833C10.7833 11.9833 10.0778 12.4583 9.26667 12.8083C8.45555 13.1583 7.58889 13.3333 6.66667 13.3333ZM6.66667 12C8.15555 12 9.41667 11.4833 10.45 10.45C11.4833 9.41667 12 8.15555 12 6.66667C12 5.17778 11.4833 3.91667 10.45 2.88333C9.41667 1.85 8.15555 1.33333 6.66667 1.33333C5.17778 1.33333 3.91667 1.85 2.88333 2.88333C1.85 3.91667 1.33333 5.17778 1.33333 6.66667C1.33333 8.15555 1.85 9.41667 2.88333 10.45C3.91667 11.4833 5.17778 12 6.66667 12ZM6.73333 3.8C7.01111 3.8 7.25278 3.88889 7.45833 4.06667C7.66389 4.24444 7.76667 4.46667 7.76667 4.73333C7.76667 4.97778 7.69167 5.19444 7.54167 5.38333C7.39167 5.57222 7.22222 5.75 7.03333 5.91667C6.77778 6.13889 6.55278 6.38333 6.35833 6.65C6.16389 6.91667 6.06667 7.21667 6.06667 7.55C6.06667 7.70555 6.125 7.83611 6.24167 7.94167C6.35833 8.04722 6.49444 8.1 6.65 8.1C6.81667 8.1 6.95833 8.04444 7.075 7.93333C7.19167 7.82222 7.26667 7.68333 7.3 7.51667C7.34444 7.28333 7.44444 7.075 7.6 6.89167C7.75556 6.70833 7.92222 6.53333 8.1 6.36667C8.35556 6.12222 8.575 5.85556 8.75833 5.56667C8.94167 5.27778 9.03333 4.95556 9.03333 4.6C9.03333 4.03333 8.80278 3.56944 8.34167 3.20833C7.88056 2.84722 7.34444 2.66667 6.73333 2.66667C6.31111 2.66667 5.90833 2.75556 5.525 2.93333C5.14167 3.11111 4.85 3.38333 4.65 3.75C4.57222 3.88333 4.54722 4.025 4.575 4.175C4.60278 4.325 4.67778 4.43889 4.8 4.51667C4.95556 4.60556 5.11667 4.63333 5.28333 4.6C5.45 4.56667 5.58889 4.47222 5.7 4.31667C5.82222 4.15 5.975 4.02222 6.15833 3.93333C6.34167 3.84444 6.53333 3.8 6.73333 3.8Z' />
+export const NewRelease24p: FC<NewRelease24pProps> = ({ className }: NewRelease24pProps) => (
+  <svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
+    <defs>
+      <path
+        id='new-release__a'
+        d='M15.333 7.997l-1.626-1.854.226-2.453-2.406-.547-1.26-2.12L8 1.997l-2.267-.974-1.26 2.12-2.406.54.226 2.454-1.626 1.86L2.293 9.85l-.226 2.46 2.406.547 1.26 2.12L8 13.997l2.267.973 1.26-2.12 2.406-.547-.226-2.453 1.626-1.853zm-3.006 1.406l.173 1.86-1.827.414-.953 1.606-1.72-.74-1.72.74-.953-1.606-1.827-.414.173-1.866-1.233-1.4 1.233-1.414L3.5 4.73l1.827-.407.953-1.606L8 3.45l1.72-.74.953 1.607 1.827.413-.173 1.86 1.233 1.407-1.233 1.406zm-4.994.594h1.334v1.333H7.333V9.997zm0-5.334h1.334v4H7.333v-4z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='new-release__b' fill='#fff'>
+        <use xlinkHref='#new-release__a' />
+      </mask>
+      <g fill='#FCF4E5' mask='url(#new-release__b)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
   </svg>
 )

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

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

package/dist/images/componentsSvg/Sign24px.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx } from "react/jsx-runtime";
-export const Sign24px = ({ className = '' }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 24 24', fill: 'none', className: className, children: _jsx("path", { id: 'path', fillRule: 'evenodd', clipRule: 'evenodd', d: 'M3 11C3 12.06 3.61 12.79 4.58 13.35L6.07 11.86C5.43 11.6 5 11.31 5 11C5 10.5 6.42 9.88 7.36 9.47C9.07 8.72 11 7.87 11 6C11 4.32 9.24 3 7 3C4.76 3 3.73 4.24 3.62 4.38C3.28 4.81 3.36 5.42 3.77 5.76C4.19 6.1 4.82 6.05 5.17 5.64C5.17096 5.63904 5.17245 5.63748 5.17447 5.63536C5.23542 5.57145 5.78046 5 7 5C8.22 5 9 5.59 9 6C9 6.55067 7.63659 7.15936 6.61179 7.61687C6.59443 7.62463 6.57716 7.63234 6.56 7.64C4.89 8.37 3 9.2 3 11ZM19.9101 9.33L18.8501 10.39L14.6101 6.15L15.6701 5.09C16.4501 4.31 17.7201 4.31 18.5001 5.09L19.9101 6.5C20.6901 7.28 20.6901 8.55 19.9101 9.33ZM4.14 16.61L13.19 7.56L17.44 11.8L8.39 20.85C8.3 20.95 8.17 21 8.04 21H4.5C4.22 21 4 20.78 4 20.5V16.96C4 16.83 4.05 16.7 4.14 16.61ZM19 17.5C19 19.69 16.46 21 14 21C13.45 21 13 20.55 13 20C13 19.45 13.45 19 14 19C15.54 19 17 18.27 17 17.5C17 17.03 16.52 16.63 15.77 16.3L17.25 14.82C18.32 15.45 19 16.29 19 17.5Z', fill: '#6D7275' }) }));
+export const Sign24px = ({ className }) => (_jsx("svg", { xmlns: 'http://www.w3.org/2000/svg', width: '17', height: '16', viewBox: '0 0 24 24', fill: 'none', children: _jsx("path", { id: 'path', "fill-rule": 'evenodd', "clip-rule": 'evenodd', d: 'M3 11C3 12.06 3.61 12.79 4.58 13.35L6.07 11.86C5.43 11.6 5 11.31 5 11C5 10.5 6.42 9.88 7.36 9.47C9.07 8.72 11 7.87 11 6C11 4.32 9.24 3 7 3C4.76 3 3.73 4.24 3.62 4.38C3.28 4.81 3.36 5.42 3.77 5.76C4.19 6.1 4.82 6.05 5.17 5.64C5.17096 5.63904 5.17245 5.63748 5.17447 5.63536C5.23542 5.57145 5.78046 5 7 5C8.22 5 9 5.59 9 6C9 6.55067 7.63659 7.15936 6.61179 7.61687C6.59443 7.62463 6.57716 7.63234 6.56 7.64C4.89 8.37 3 9.2 3 11ZM19.9101 9.33L18.8501 10.39L14.6101 6.15L15.6701 5.09C16.4501 4.31 17.7201 4.31 18.5001 5.09L19.9101 6.5C20.6901 7.28 20.6901 8.55 19.9101 9.33ZM4.14 16.61L13.19 7.56L17.44 11.8L8.39 20.85C8.3 20.95 8.17 21 8.04 21H4.5C4.22 21 4 20.78 4 20.5V16.96C4 16.83 4.05 16.7 4.14 16.61ZM19 17.5C19 19.69 16.46 21 14 21C13.45 21 13 20.55 13 20C13 19.45 13.45 19 14 19C15.54 19 17 18.27 17 17.5C17 17.03 16.52 16.63 15.77 16.3L17.25 14.82C18.32 15.45 19 16.29 19 17.5Z', fill: '#6D7275' }) }));

package/dist/images/componentsSvg/Sign24px.tsx

@@ -1,15 +1,14 @@
-import React, { FC } from 'react'
-
+import React, { type FC } from 'react'
 interface Sign24pxProps {
-  className?: string
+  className: string
 }
 
-export const Sign24px: FC<Sign24pxProps> = ({ className = '' }: Sign24pxProps) => (
-  <svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none' className={className}>
+export const Sign24px: FC<Sign24pxProps> = ({ className }: Sign24pxProps) => (
+  <svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none'>
     <path
       id='path'
-      fillRule='evenodd'
-      clipRule='evenodd'
+      fill-rule='evenodd'
+      clip-rule='evenodd'
       d='M3 11C3 12.06 3.61 12.79 4.58 13.35L6.07 11.86C5.43 11.6 5 11.31 5 11C5 10.5 6.42 9.88 7.36 9.47C9.07 8.72 11 7.87 11 6C11 4.32 9.24 3 7 3C4.76 3 3.73 4.24 3.62 4.38C3.28 4.81 3.36 5.42 3.77 5.76C4.19 6.1 4.82 6.05 5.17 5.64C5.17096 5.63904 5.17245 5.63748 5.17447 5.63536C5.23542 5.57145 5.78046 5 7 5C8.22 5 9 5.59 9 6C9 6.55067 7.63659 7.15936 6.61179 7.61687C6.59443 7.62463 6.57716 7.63234 6.56 7.64C4.89 8.37 3 9.2 3 11ZM19.9101 9.33L18.8501 10.39L14.6101 6.15L15.6701 5.09C16.4501 4.31 17.7201 4.31 18.5001 5.09L19.9101 6.5C20.6901 7.28 20.6901 8.55 19.9101 9.33ZM4.14 16.61L13.19 7.56L17.44 11.8L8.39 20.85C8.3 20.95 8.17 21 8.04 21H4.5C4.22 21 4 20.78 4 20.5V16.96C4 16.83 4.05 16.7 4.14 16.61ZM19 17.5C19 19.69 16.46 21 14 21C13.45 21 13 20.55 13 20C13 19.45 13.45 19 14 19C15.54 19 17 18.27 17 17.5C17 17.03 16.52 16.63 15.77 16.3L17.25 14.82C18.32 15.45 19 16.29 19 17.5Z'
       fill='#6D7275'
     />

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

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

package/dist/images/componentsSvg/Time24px.js

@@ -1,2 +1,2 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-export const Time24px = ({ className = '' }) => (_jsx("svg", { className: className, width: 14, height: 14, viewBox: '0 0 14 14', fill: 'none', children: _jsx("path", { fillRule: 'evenodd', clipRule: 'evenodd', d: 'M6.66 0C2.98 0 0 2.98667 0 6.66667C0 10.3467 2.98 13.3333 6.66 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66 0ZM6.66667 12C3.72 12 1.33333 9.61333 1.33333 6.66667C1.33333 3.72 3.72 1.33333 6.66667 1.33333C9.61333 1.33333 12 3.72 12 6.66667C12 9.61333 9.61333 12 6.66667 12ZM6.5 3.33333C6.77614 3.33333 7 3.55719 7 3.83333V6.83333L9.58305 8.36594C9.81251 8.50209 9.8865 8.79947 9.7476 9.02727C9.61057 9.252 9.31788 9.32406 9.09218 9.18864L6 7.33333V3.83333C6 3.55719 6.22386 3.33333 6.5 3.33333Z' }) }));
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const Time24px = ({ className }) => (_jsxs("svg", { className: className, xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', width: '16', height: '16', viewBox: '0 0 16 16', children: [_jsx("defs", { children: _jsx("path", { id: 'time', d: 'M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z' }) }), _jsxs("g", { fill: 'none', fillRule: 'evenodd', children: [_jsx("path", { d: 'M0 0H16V16H0z' }), _jsx("mask", { id: 'time2', fill: '#fff', children: _jsx("use", { xlinkHref: '#time' }) }), _jsx("g", { fill: '#936C2F', mask: 'url(#time2)', children: _jsx("path", { d: 'M0 0H16V16H0z' }) })] })] }));

package/dist/images/componentsSvg/Time24px.tsx

@@ -1,15 +1,33 @@
+/* eslint-disable max-len */
 import React, { type FC } from 'react'
 
 interface Time24pxProps {
-  className?: string
+  className: string
 }
 
-export const Time24px: FC<Time24pxProps> = ({ className = '' }: Time24pxProps) => (
-  <svg className={className} width={14} height={14} viewBox='0 0 14 14' fill='none'>
-    <path
-      fillRule='evenodd'
-      clipRule='evenodd'
-      d='M6.66 0C2.98 0 0 2.98667 0 6.66667C0 10.3467 2.98 13.3333 6.66 13.3333C10.3467 13.3333 13.3333 10.3467 13.3333 6.66667C13.3333 2.98667 10.3467 0 6.66 0ZM6.66667 12C3.72 12 1.33333 9.61333 1.33333 6.66667C1.33333 3.72 3.72 1.33333 6.66667 1.33333C9.61333 1.33333 12 3.72 12 6.66667C12 9.61333 9.61333 12 6.66667 12ZM6.5 3.33333C6.77614 3.33333 7 3.55719 7 3.83333V6.83333L9.58305 8.36594C9.81251 8.50209 9.8865 8.79947 9.7476 9.02727C9.61057 9.252 9.31788 9.32406 9.09218 9.18864L6 7.33333V3.83333C6 3.55719 6.22386 3.33333 6.5 3.33333Z'
-    />
+export const Time24px: FC<Time24pxProps> = ({ className }: Time24pxProps) => (
+  <svg
+    className={className}
+    xmlns='http://www.w3.org/2000/svg'
+    xmlnsXlink='http://www.w3.org/1999/xlink'
+    width='16'
+    height='16'
+    viewBox='0 0 16 16'
+  >
+    <defs>
+      <path
+        id='time'
+        d='M7.993 1.333c-3.68 0-6.66 2.987-6.66 6.667 0 3.68 2.98 6.667 6.66 6.667 3.687 0 6.674-2.987 6.674-6.667 0-3.68-2.987-6.667-6.674-6.667zm.007 12c-2.947 0-5.333-2.386-5.333-5.333S5.053 2.667 8 2.667 13.333 5.053 13.333 8 10.947 13.333 8 13.333zm.333-8.666h-1v4l3.5 2.1.5-.82-3-1.78v-3.5z'
+      />
+    </defs>
+    <g fill='none' fillRule='evenodd'>
+      <path d='M0 0H16V16H0z' />
+      <mask id='time2' fill='#fff'>
+        <use xlinkHref='#time' />
+      </mask>
+      <g fill='#936C2F' mask='url(#time2)'>
+        <path d='M0 0H16V16H0z' />
+      </g>
+    </g>
   </svg>
 )

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

@@ -1,5 +1,6 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 import classNames from 'classnames';
+// import './Button.scss'
 const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink = false, noLinkNoFunc = false, onClick = undefined, functionParameters, color = 'primary', error, disabled = false, fluid, givenClass, children, size = undefined, isExternal = false, centered = false, gtmTag = undefined, hasNoFollow = false, target = '_self' }) => {
     const sizes = {
         S: 'button--small',
@@ -20,7 +21,6 @@ const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink
         '--secondary-icon --dark': color === 'secondaryIconDark',
         'button--tertiary-1': color === 'tertiary',
         'button--tertiary-2': color === 'tertiary2',
-        'e-button--link': color === 'link',
         '--styleless': color === 'styleless',
         '--transparent': color === 'transparent',
         '--disabled': disabled,

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

@@ -197,25 +197,6 @@ html[data-theme='primarygreen'] {
     background-color: transparent;
   }
 
-  &.e-button--link {
-    padding: 0;
-    border: none;
-    background: none;
-    border-radius: 0;
-    color: var(--primary-main);
-    text-decoration: underline;
-    font-weight: inherit;
-
-    &:hover {
-      color: var(--primary-main-dark-1);
-      text-decoration: underline;
-    }
-
-    label {
-      cursor: pointer;
-    }
-  }
-
   &.--disabled {
     background-color: var(--neutral-neutral-4);
     color: var(--neutral-neutral-1);

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

@@ -3,6 +3,7 @@ import React, { type FC } from 'react'
 import classNames from 'classnames'
 
 import { type ButtonProps } from './ButtonProps.types'
+// import './Button.scss'
 
 const Button: FC<ButtonProps> = ({
   label,
@@ -48,7 +49,6 @@ const Button: FC<ButtonProps> = ({
     '--secondary-icon --dark': color === 'secondaryIconDark',
     'button--tertiary-1': color === 'tertiary',
     'button--tertiary-2': color === 'tertiary2',
-    'e-button--link': color === 'link',
     '--styleless': color === 'styleless',
     '--transparent': color === 'transparent',
     '--disabled': disabled,

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

@@ -1,4 +1,4 @@
-export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent' | 'link';
+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;

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

@@ -16,7 +16,6 @@ export type Colors =
   | 'tertiary2'
   | 'styleless'
   | 'transparent'
-  | 'link'
 export interface ButtonProps {
   label: string
   dataQa: string

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

@@ -1,9 +1,19 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
 import { DocumentStatusStyled } from './DocumentStatus.styled';
-const DocumentStatus = ({ label, type = 'default', givenClass = '' }) => {
-    if (!label)
-        return null;
-    return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: `document-status ${type} ${givenClass}`, children: [_jsx(Sign24px, { className: 'document-status__icon' }), _jsx("span", { className: 'sans-serif --small', children: label })] }));
+import { Done24px } from '../../../../images/componentsSvg/Done24px';
+import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
+import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
+import { Time24px } from '../../../../images/componentsSvg/Time24px';
+const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusSignedText }) => {
+    if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
+        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-completed', children: [_jsx(Done24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusCompletedText })] }));
+    }
+    if (type === 'new') {
+        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-new', children: [_jsx(NewRelease24p, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusNewText })] }));
+    }
+    if (type === 'signed') {
+        return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --is-signed', children: [_jsx(Sign24px, { className: 'icon' }), " ", _jsx("span", { className: 'sans-serif --small', children: statusSignedText })] }));
+    }
+    return (_jsxs(DocumentStatusStyled, { "data-testid": 'document-status', className: 'document-status --in-progress', children: [_jsx(Time24px, { className: 'icon' }), _jsx("span", { className: 'sans-serif --small', children: statusInProgressText })] }));
 };
 export default DocumentStatus;

package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js

@@ -9,13 +9,8 @@ export const DocumentStatusStyled = styled.div `
   align-items: center;
   align-self: center;
   padding: 0.125rem 0.5rem 0.125rem 0.25rem;
-  width: fit-content;
-  cursor: pointer;
-
-  background-color: var(--neutral-neutral-4);
-  border-color: var(--neutral-neutral-2);
-  color: var(--neutral-neutral-1);
-
+  margin-right: 0.5rem;
+  width: 7.36rem;
   @include laptop {
     align-self: flex-start;
   }
@@ -25,56 +20,60 @@ export const DocumentStatusStyled = styled.div `
   }
 
   &.document-status {
-    & > .document-status__icon > path {
-      fill: var(--neutral-neutral-1);
-    }
-
     span {
       font-weight: bold;
     }
 
-    &.in-progress {
-      background-color: var(--neutral-neutral-6);
-      border-color: var(--neutral-neutral-4);
-      color: var(--neutral-neutral-2);
-      & > .document-status__icon > path {
-        fill: var(--neutral-neutral-2);
-      }
+    .icon {
+      margin-right: 0.25rem;
     }
 
-    &.awaiting {
-      background-color: var(--secondary-main-light-4);
-      border-color: var(--secondary-main-light-3);
-      color: var(--secondary-main-dark-2);
-      & > .document-status__icon > path {
-        fill: var(--secondary-main-dark-2);
+    &.--is-completed {
+      background-color: var(--primary-main-light-5);
+      border-color: var(--primary-main-light-3);
+      color: var(--primary-main);
+
+      svg {
+        path {
+          fill: var(--primary-main);
+        }
       }
     }
 
-    &.no-response {
-      background-color: var(--neutral-neutral-4);
-      border-color: var(--neutral-neutral-2);
+    &.--in-progress {
+      background-color: var(--neutral-neutral-5);
+      border-color: var(--neutral-neutral-3);
       color: var(--neutral-neutral-1);
-      & > .document-status__icon > path {
-        fill: var(--neutral-neutral-1);
+
+      svg {
+        g > g {
+          fill: var(--neutral-neutral-1);
+        }
       }
     }
 
-    &.declined {
-      background-color: var(--error-error-3);
-      border-color: var(--error-error-2);
-      color: var(--error-main);
-      & > .document-status__icon > path {
-        fill: var(--error-main);
+    &.--is-new {
+      background-color: var(--primary-main-light-1);
+      border-color: var(--primary-main);
+      color: var(--secondary-main-light-4);
+
+      .icon {
+        margin-right: 1.4rem;
       }
     }
 
-    &.signed {
-      background-color: var(--primary-main-light-4);
-      border-color: var(--primary-main-light-2);
-      color: var(--primary-main-light-1);
-      & > .document-status__icon > path {
-        fill: var(--primary-main-light-1);
+    &.--is-signed {
+      width: fit-content;
+      background-color: var(--primary-main-dark-2);
+      border-color: var(--primary-main-dark-2);
+      color: var(--others-white);
+
+      svg {
+        margin-right: 0.25rem;
+
+        path {
+          fill: var(--others-white);
+        }
       }
     }
   }

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

@@ -10,13 +10,8 @@ export const DocumentStatusStyled = styled.div`
   align-items: center;
   align-self: center;
   padding: 0.125rem 0.5rem 0.125rem 0.25rem;
-  width: fit-content;
-  cursor: pointer;
-
-  background-color: var(--neutral-neutral-4);
-  border-color: var(--neutral-neutral-2);
-  color: var(--neutral-neutral-1);
-
+  margin-right: 0.5rem;
+  width: 7.36rem;
   @include laptop {
     align-self: flex-start;
   }
@@ -26,56 +21,60 @@ export const DocumentStatusStyled = styled.div`
   }
 
   &.document-status {
-    & > .document-status__icon > path {
-      fill: var(--neutral-neutral-1);
-    }
-
     span {
       font-weight: bold;
     }
 
-    &.in-progress {
-      background-color: var(--neutral-neutral-6);
-      border-color: var(--neutral-neutral-4);
-      color: var(--neutral-neutral-2);
-      & > .document-status__icon > path {
-        fill: var(--neutral-neutral-2);
-      }
+    .icon {
+      margin-right: 0.25rem;
     }
 
-    &.awaiting {
-      background-color: var(--secondary-main-light-4);
-      border-color: var(--secondary-main-light-3);
-      color: var(--secondary-main-dark-2);
-      & > .document-status__icon > path {
-        fill: var(--secondary-main-dark-2);
+    &.--is-completed {
+      background-color: var(--primary-main-light-5);
+      border-color: var(--primary-main-light-3);
+      color: var(--primary-main);
+
+      svg {
+        path {
+          fill: var(--primary-main);
+        }
       }
     }
 
-    &.no-response {
-      background-color: var(--neutral-neutral-4);
-      border-color: var(--neutral-neutral-2);
+    &.--in-progress {
+      background-color: var(--neutral-neutral-5);
+      border-color: var(--neutral-neutral-3);
       color: var(--neutral-neutral-1);
-      & > .document-status__icon > path {
-        fill: var(--neutral-neutral-1);
+
+      svg {
+        g > g {
+          fill: var(--neutral-neutral-1);
+        }
       }
     }
 
-    &.declined {
-      background-color: var(--error-error-3);
-      border-color: var(--error-error-2);
-      color: var(--error-main);
-      & > .document-status__icon > path {
-        fill: var(--error-main);
+    &.--is-new {
+      background-color: var(--primary-main-light-1);
+      border-color: var(--primary-main);
+      color: var(--secondary-main-light-4);
+
+      .icon {
+        margin-right: 1.4rem;
       }
     }
 
-    &.signed {
-      background-color: var(--primary-main-light-4);
-      border-color: var(--primary-main-light-2);
-      color: var(--primary-main-light-1);
-      & > .document-status__icon > path {
-        fill: var(--primary-main-light-1);
+    &.--is-signed {
+      width: fit-content;
+      background-color: var(--primary-main-dark-2);
+      border-color: var(--primary-main-dark-2);
+      color: var(--others-white);
+
+      svg {
+        margin-right: 0.25rem;
+
+        path {
+          fill: var(--others-white);
+        }
       }
     }
   }