@npm_leadtech/legal-lib-components 7.102.1 → 7.102.2

package/dist/css/styles.css

@@ -1018,6 +1018,22 @@ 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/ArrowRight.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const ArrowRight = ({ className, onClick }) => (_jsxs("svg", { className: className, onClick: onClick, version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', viewBox: '0 0 492.004 492.004', xmlSpace: 'preserve', children: [_jsx("g", { children: _jsx("g", { children: _jsx("path", { d: 'M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12\nc-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028\nc0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265\nc5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' }) }) }), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {})] }));
+export const ArrowRight = ({ className = '', onClick }) => (_jsxs("svg", { className: className, onClick: onClick, version: '1.1', id: 'Layer_1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', x: '0px', y: '0px', viewBox: '0 0 492.004 492.004', xmlSpace: 'preserve', children: [_jsx("g", { children: _jsx("g", { children: _jsx("path", { d: 'M382.678,226.804L163.73,7.86C158.666,2.792,151.906,0,144.698,0s-13.968,2.792-19.032,7.86l-16.124,16.12\nc-10.492,10.504-10.492,27.576,0,38.064L293.398,245.9l-184.06,184.06c-5.064,5.068-7.86,11.824-7.86,19.028\nc0,7.212,2.796,13.968,7.86,19.04l16.124,16.116c5.068,5.068,11.824,7.86,19.032,7.86s13.968-2.792,19.032-7.86L382.678,265\nc5.076-5.084,7.864-11.872,7.848-19.088C390.542,238.668,387.754,231.884,382.678,226.804z' }) }) }), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {}), _jsx("g", {})] }));

package/dist/images/componentsSvg/ArrowRight.tsx

@@ -5,7 +5,7 @@ interface ArrowRightProps {
   onClick?: () => void
 }
 
-export const ArrowRight: FC<ArrowRightProps> = ({ className, onClick }: ArrowRightProps) => (
+export const ArrowRight: FC<ArrowRightProps> = ({ className = '', onClick }: ArrowRightProps) => (
   <svg
     className={className}
     onClick={onClick}

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

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface BalanceSvgProps {
+    className?: string;
+    fill?: string;
+}
+export declare const BalanceSvg: FC<BalanceSvgProps>;
+export {};

package/dist/images/componentsSvg/Balance.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const BalanceSvg = ({ className = '', fill = '#05646E' }) => (_jsx("svg", { className: className, width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', children: _jsx("path", { d: 'M2.50002 17.5003C2.26391 17.5003 2.06599 17.4205 1.90627 17.2607C1.74655 17.101 1.66669 16.9031 1.66669 16.667C1.66669 16.4309 1.74655 16.233 1.90627 16.0732C2.06599 15.9135 2.26391 15.8337 2.50002 15.8337H9.16669V6.52116C8.80558 6.39616 8.49308 6.20171 8.22919 5.93783C7.9653 5.67394 7.77085 5.36144 7.64585 5.00033H5.00002L7.29169 10.3753C7.36113 10.5281 7.4028 10.6844 7.41669 10.8441C7.43058 11.0038 7.42363 11.167 7.39585 11.3337C7.27085 11.9725 6.9271 12.4656 6.3646 12.8128C5.8021 13.16 5.20835 13.3337 4.58335 13.3337C3.95835 13.3337 3.3646 13.16 2.8021 12.8128C2.2396 12.4656 1.89585 11.9725 1.77085 11.3337C1.74308 11.167 1.73613 11.0038 1.75002 10.8441C1.76391 10.6844 1.80558 10.5281 1.87502 10.3753L4.16669 5.00033H3.33335C3.09724 5.00033 2.89933 4.92046 2.7396 4.76074C2.57988 4.60102 2.50002 4.4031 2.50002 4.16699C2.50002 3.93088 2.57988 3.73296 2.7396 3.57324C2.89933 3.41352 3.09724 3.33366 3.33335 3.33366H7.64585C7.81252 2.84755 8.11113 2.44824 8.54169 2.13574C8.97224 1.82324 9.45835 1.66699 10 1.66699C10.5417 1.66699 11.0278 1.82324 11.4584 2.13574C11.8889 2.44824 12.1875 2.84755 12.3542 3.33366H16.6667C16.9028 3.33366 17.1007 3.41352 17.2604 3.57324C17.4202 3.73296 17.5 3.93088 17.5 4.16699C17.5 4.4031 17.4202 4.60102 17.2604 4.76074C17.1007 4.92046 16.9028 5.00033 16.6667 5.00033H15.8334L18.125 10.3753C18.1945 10.5281 18.2361 10.6844 18.25 10.8441C18.2639 11.0038 18.257 11.167 18.2292 11.3337C18.1042 11.9725 17.7604 12.4656 17.1979 12.8128C16.6354 13.16 16.0417 13.3337 15.4167 13.3337C14.7917 13.3337 14.1979 13.16 13.6354 12.8128C13.0729 12.4656 12.7292 11.9725 12.6042 11.3337C12.5764 11.167 12.5695 11.0038 12.5834 10.8441C12.5972 10.6844 12.6389 10.5281 12.7084 10.3753L15 5.00033H12.3542C12.2292 5.36144 12.0347 5.67394 11.7709 5.93783C11.507 6.20171 11.1945 6.39616 10.8334 6.52116V15.8337H17.5C17.7361 15.8337 17.934 15.9135 18.0938 16.0732C18.2535 16.233 18.3334 16.4309 18.3334 16.667C18.3334 16.9031 18.2535 17.101 18.0938 17.2607C17.934 17.4205 17.7361 17.5003 17.5 17.5003H2.50002ZM13.8542 10.8337H16.9792L15.4167 7.20866L13.8542 10.8337ZM3.02085 10.8337H6.14585L4.58335 7.20866L3.02085 10.8337ZM10 5.00033C10.2361 5.00033 10.434 4.92046 10.5938 4.76074C10.7535 4.60102 10.8334 4.4031 10.8334 4.16699C10.8334 3.93088 10.7535 3.73296 10.5938 3.57324C10.434 3.41352 10.2361 3.33366 10 3.33366C9.76391 3.33366 9.56599 3.41352 9.40627 3.57324C9.24655 3.73296 9.16669 3.93088 9.16669 4.16699C9.16669 4.4031 9.24655 4.60102 9.40627 4.76074C9.56599 4.92046 9.76391 5.00033 10 5.00033Z', fill: fill }) }));

package/dist/images/componentsSvg/Balance.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface BalanceSvgProps {
+  className?: string
+  fill?: string
+}
+
+export const BalanceSvg: FC<BalanceSvgProps> = ({ className = '', fill = '#05646E' }: BalanceSvgProps) => (
+  <svg className={className} width='20' height='20' viewBox='0 0 20 20' fill='none'>
+    <path
+      d='M2.50002 17.5003C2.26391 17.5003 2.06599 17.4205 1.90627 17.2607C1.74655 17.101 1.66669 16.9031 1.66669 16.667C1.66669 16.4309 1.74655 16.233 1.90627 16.0732C2.06599 15.9135 2.26391 15.8337 2.50002 15.8337H9.16669V6.52116C8.80558 6.39616 8.49308 6.20171 8.22919 5.93783C7.9653 5.67394 7.77085 5.36144 7.64585 5.00033H5.00002L7.29169 10.3753C7.36113 10.5281 7.4028 10.6844 7.41669 10.8441C7.43058 11.0038 7.42363 11.167 7.39585 11.3337C7.27085 11.9725 6.9271 12.4656 6.3646 12.8128C5.8021 13.16 5.20835 13.3337 4.58335 13.3337C3.95835 13.3337 3.3646 13.16 2.8021 12.8128C2.2396 12.4656 1.89585 11.9725 1.77085 11.3337C1.74308 11.167 1.73613 11.0038 1.75002 10.8441C1.76391 10.6844 1.80558 10.5281 1.87502 10.3753L4.16669 5.00033H3.33335C3.09724 5.00033 2.89933 4.92046 2.7396 4.76074C2.57988 4.60102 2.50002 4.4031 2.50002 4.16699C2.50002 3.93088 2.57988 3.73296 2.7396 3.57324C2.89933 3.41352 3.09724 3.33366 3.33335 3.33366H7.64585C7.81252 2.84755 8.11113 2.44824 8.54169 2.13574C8.97224 1.82324 9.45835 1.66699 10 1.66699C10.5417 1.66699 11.0278 1.82324 11.4584 2.13574C11.8889 2.44824 12.1875 2.84755 12.3542 3.33366H16.6667C16.9028 3.33366 17.1007 3.41352 17.2604 3.57324C17.4202 3.73296 17.5 3.93088 17.5 4.16699C17.5 4.4031 17.4202 4.60102 17.2604 4.76074C17.1007 4.92046 16.9028 5.00033 16.6667 5.00033H15.8334L18.125 10.3753C18.1945 10.5281 18.2361 10.6844 18.25 10.8441C18.2639 11.0038 18.257 11.167 18.2292 11.3337C18.1042 11.9725 17.7604 12.4656 17.1979 12.8128C16.6354 13.16 16.0417 13.3337 15.4167 13.3337C14.7917 13.3337 14.1979 13.16 13.6354 12.8128C13.0729 12.4656 12.7292 11.9725 12.6042 11.3337C12.5764 11.167 12.5695 11.0038 12.5834 10.8441C12.5972 10.6844 12.6389 10.5281 12.7084 10.3753L15 5.00033H12.3542C12.2292 5.36144 12.0347 5.67394 11.7709 5.93783C11.507 6.20171 11.1945 6.39616 10.8334 6.52116V15.8337H17.5C17.7361 15.8337 17.934 15.9135 18.0938 16.0732C18.2535 16.233 18.3334 16.4309 18.3334 16.667C18.3334 16.9031 18.2535 17.101 18.0938 17.2607C17.934 17.4205 17.7361 17.5003 17.5 17.5003H2.50002ZM13.8542 10.8337H16.9792L15.4167 7.20866L13.8542 10.8337ZM3.02085 10.8337H6.14585L4.58335 7.20866L3.02085 10.8337ZM10 5.00033C10.2361 5.00033 10.434 4.92046 10.5938 4.76074C10.7535 4.60102 10.8334 4.4031 10.8334 4.16699C10.8334 3.93088 10.7535 3.73296 10.5938 3.57324C10.434 3.41352 10.2361 3.33366 10 3.33366C9.76391 3.33366 9.56599 3.41352 9.40627 3.57324C9.24655 3.73296 9.16669 3.93088 9.16669 4.16699C9.16669 4.4031 9.24655 4.60102 9.40627 4.76074C9.56599 4.92046 9.76391 5.00033 10 5.00033Z'
+      fill={fill}
+    />
+  </svg>
+)

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: 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' }) }));
+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' }) }));

package/dist/images/componentsSvg/CloseIcon.tsx

@@ -4,11 +4,8 @@ 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'
-    />
+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' />
   </svg>
 )

package/dist/images/componentsSvg/Delete24p.tsx

@@ -1,11 +1,10 @@
-/* eslint-disable max-len */
 import React, { type FC } from 'react'
 
 interface Delete24pProps {
   className?: string
 }
 
-export const Delete24p: FC<Delete24pProps> = ({ className }: Delete24pProps) => (
+export const Delete24p: FC<Delete24pProps> = ({ className = '' }: Delete24pProps) => (
   <svg
     className={className}
     xmlns='http://www.w3.org/2000/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", { 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' }) }));
+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' }) }));

package/dist/images/componentsSvg/Done24px.tsx

@@ -1,13 +1,10 @@
 import React, { type FC } from 'react'
 interface Done24pxProps {
-  className: string
+  className?: string
 }
 
-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'
-    />
+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' />
   </svg>
 )

package/dist/images/componentsSvg/Edit24p.tsx

@@ -5,7 +5,7 @@ interface Edit24pProps {
   className?: string
 }
 
-export const Edit24p: FC<Edit24pProps> = ({ className }: Edit24pProps) => (
+export const Edit24p: FC<Edit24pProps> = ({ className = '' }: Edit24pProps) => (
   <svg
     className={className}
     xmlns='http://www.w3.org/2000/svg'

package/dist/images/componentsSvg/EditText24px.tsx

@@ -5,7 +5,7 @@ interface EditText24pxProps {
   className?: string
 }
 
-export const EditText24px: FC<EditText24pxProps> = ({ className }: EditText24pxProps) => (
+export const EditText24px: FC<EditText24pxProps> = ({ className = '' }: EditText24pxProps) => (
   <svg
     className={className}
     xmlns='http://www.w3.org/2000/svg'

package/dist/images/componentsSvg/Eye24pxOptimized.tsx

@@ -5,7 +5,7 @@ interface Eye24pxOptimizedProps {
   className?: string
 }
 
-export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className }: Eye24pxOptimizedProps) => (
+export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className = '' }: Eye24pxOptimizedProps) => (
   <svg
     className={className}
     xmlns='http://www.w3.org/2000/svg'

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

@@ -0,0 +1,8 @@
+import { type FC } from 'react';
+interface GdprLockSvgProps {
+    className?: string;
+    fill?: string;
+    fill2?: string;
+}
+export declare const GdprLockSvg: FC<GdprLockSvgProps>;
+export {};

package/dist/images/componentsSvg/GdprLockSvg.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const GdprLockSvg = ({ className = '', fill = 'white', fill2 = '#024DA1' }) => (_jsxs("svg", { className: className, width: '20', height: '20', viewBox: '0 0 20 20', fill: 'none', xmlns: 'http://www.w3.org/2000/svg', children: [_jsx("path", { fill: fill, d: 'M4.99967 18.333C4.54134 18.333 4.14898 18.1698 3.82259 17.8434C3.4962 17.517 3.33301 17.1247 3.33301 16.6663V8.33301C3.33301 7.87467 3.4962 7.48231 3.82259 7.15592C4.14898 6.82954 4.54134 6.66634 4.99967 6.66634H5.83301V4.99967C5.83301 3.8469 6.23926 2.86426 7.05176 2.05176C7.86426 1.23926 8.8469 0.833008 9.99968 0.833008C11.1525 0.833008 12.1351 1.23926 12.9476 2.05176C13.7601 2.86426 14.1663 3.8469 14.1663 4.99967V6.66634H14.9997C15.458 6.66634 15.8504 6.82954 16.1768 7.15592C16.5031 7.48231 16.6663 7.87467 16.6663 8.33301V16.6663C16.6663 17.1247 16.5031 17.517 16.1768 17.8434C15.8504 18.1698 15.458 18.333 14.9997 18.333H4.99967ZM7.49968 6.66634H12.4997V4.99967C12.4997 4.30523 12.2566 3.71495 11.7705 3.22884C11.2844 2.74273 10.6941 2.49967 9.99968 2.49967C9.30523 2.49967 8.71495 2.74273 8.22884 3.22884C7.74273 3.71495 7.49968 4.30523 7.49968 4.99967V6.66634Z' }), _jsx("path", { fill: fill2, d: 'M10 8.75L10.8419 11.3412H13.5665L11.3623 12.9426L12.2042 15.5338L10 13.9324L7.79581 15.5338L8.63773 12.9426L6.43354 11.3412H9.15807L10 8.75Z' })] }));

package/dist/images/componentsSvg/GdprLockSvg.tsx

@@ -0,0 +1,21 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface GdprLockSvgProps {
+  className?: string
+  fill?: string
+  fill2?: string
+}
+
+export const GdprLockSvg: FC<GdprLockSvgProps> = ({ className = '', fill = 'white', fill2 = '#024DA1' }) => (
+  <svg className={className} width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      fill={fill}
+      d='M4.99967 18.333C4.54134 18.333 4.14898 18.1698 3.82259 17.8434C3.4962 17.517 3.33301 17.1247 3.33301 16.6663V8.33301C3.33301 7.87467 3.4962 7.48231 3.82259 7.15592C4.14898 6.82954 4.54134 6.66634 4.99967 6.66634H5.83301V4.99967C5.83301 3.8469 6.23926 2.86426 7.05176 2.05176C7.86426 1.23926 8.8469 0.833008 9.99968 0.833008C11.1525 0.833008 12.1351 1.23926 12.9476 2.05176C13.7601 2.86426 14.1663 3.8469 14.1663 4.99967V6.66634H14.9997C15.458 6.66634 15.8504 6.82954 16.1768 7.15592C16.5031 7.48231 16.6663 7.87467 16.6663 8.33301V16.6663C16.6663 17.1247 16.5031 17.517 16.1768 17.8434C15.8504 18.1698 15.458 18.333 14.9997 18.333H4.99967ZM7.49968 6.66634H12.4997V4.99967C12.4997 4.30523 12.2566 3.71495 11.7705 3.22884C11.2844 2.74273 10.6941 2.49967 9.99968 2.49967C9.30523 2.49967 8.71495 2.74273 8.22884 3.22884C7.74273 3.71495 7.49968 4.30523 7.49968 4.99967V6.66634Z'
+    />
+    <path
+      fill={fill2}
+      d='M10 8.75L10.8419 11.3412H13.5665L11.3623 12.9426L12.2042 15.5338L10 13.9324L7.79581 15.5338L8.63773 12.9426L6.43354 11.3412H9.15807L10 8.75Z'
+    />
+  </svg>
+)

package/dist/images/componentsSvg/IconDuplicate24px.tsx

@@ -4,7 +4,7 @@ interface IconDuplicate24pxProps {
   className?: string
 }
 
-export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className }: IconDuplicate24pxProps) => (
+export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className = '' }: IconDuplicate24pxProps) => (
   <svg
     className={className}
     xmlns='http://www.w3.org/2000/svg'

package/dist/images/componentsSvg/InfoError24pxOutlined.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const InfoError24pxOutlined = ({ className, fill, viewBox = '0 0 24 24' }) => (_jsxs("svg", { className: className, fill: fill, width: '100%', height: '100%', viewBox: viewBox, children: [_jsx("title", { children: "icon/info-error_24px_outlined" }), _jsx("desc", { children: "Created with Sketch." }), _jsx("defs", { children: _jsx("path", { d: 'M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z', id: 'path-1' }) }), _jsxs("g", { id: 'icon/info-error_24px', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: [_jsx("mask", { id: 'mask-2', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1' }) }), _jsx("use", { id: 'icon/navigation/cancel_24px', fill: '#D63737', fillRule: 'nonzero', xlinkHref: '#path-1' })] })] }));
+export const InfoError24pxOutlined = ({ className = '', fill, viewBox = '0 0 24 24' }) => (_jsxs("svg", { className: className, fill: fill, width: '100%', height: '100%', viewBox: viewBox, children: [_jsx("title", { children: "icon/info-error_24px_outlined" }), _jsx("desc", { children: "Created with Sketch." }), _jsx("defs", { children: _jsx("path", { d: 'M12,2 C6.47,2 2,6.47 2,12 C2,17.53 6.47,22 12,22 C17.53,22 22,17.53 22,12 C22,6.47 17.53,2 12,2 Z M12,20 C7.59,20 4,16.41 4,12 C4,7.59 7.59,4 12,4 C16.41,4 20,7.59 20,12 C20,16.41 16.41,20 12,20 Z M11,11 L13,11 L13,17 L11,17 L11,11 Z M11,7 L13,7 L13,9 L11,9 L11,7 Z', id: 'path-1' }) }), _jsxs("g", { id: 'icon/info-error_24px', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: [_jsx("mask", { id: 'mask-2', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1' }) }), _jsx("use", { id: 'icon/navigation/cancel_24px', fill: '#D63737', fillRule: 'nonzero', xlinkHref: '#path-1' })] })] }));

package/dist/images/componentsSvg/InfoError24pxOutlined.tsx

@@ -8,7 +8,7 @@ interface InfoError24pxOutlinedProps {
 }
 
 export const InfoError24pxOutlined: FC<InfoError24pxOutlinedProps> = ({
-  className,
+  className = '',
   fill,
   viewBox = '0 0 24 24'
 }: InfoError24pxOutlinedProps) => (

package/dist/images/componentsSvg/MenuCollapse24p.js

@@ -1,2 +1,2 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-export const MenuCollapse24p = ({ className }) => (_jsxs("svg", { className: className, width: '24px', height: '24px', viewBox: '0 0 24 24', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', children: [_jsx("title", { children: "735FFC4F-7DB9-4268-8987-12A1D38D3294" }), _jsx("desc", { children: "Created with sketchtool." }), _jsx("defs", { children: _jsx("path", { d: 'M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z', id: 'path-1-collapse' }) }), _jsx("g", { id: 'Dashboard-MyDocs-collapse', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: _jsx("g", { id: 'LD-DesktopHD-MyDocs-Dashboard-collapse', transform: 'translate(-1304.000000, -260.000000)', children: _jsx("g", { id: 'DashboardList-Doc-collapse', transform: 'translate(328.000000, 223.000000)', children: _jsxs("g", { id: 'icon/menu-colapse_24p', transform: 'translate(976.000000, 37.000000)', children: [_jsx("rect", { id: 'Bound-collapse', x: '0', y: '0', width: '24', height: '24' }), _jsx("mask", { id: 'mask-2-collapse', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1-collapse' }) }), _jsx("g", { id: 'icon/editor/format_color_text_24px', fillRule: 'nonzero' }), _jsx("g", { id: '\u21B3-Color', mask: 'url(#mask-2-collapse)', fill: '#6D7275', children: _jsx("rect", { id: 'Rectangle', x: '0', y: '0', width: '24', height: '24' }) })] }) }) }) })] }));
+export const MenuCollapse24p = ({ className = '' }) => (_jsxs("svg", { className: className, width: '24px', height: '24px', viewBox: '0 0 24 24', version: '1.1', xmlns: 'http://www.w3.org/2000/svg', xmlnsXlink: 'http://www.w3.org/1999/xlink', children: [_jsx("title", { children: "735FFC4F-7DB9-4268-8987-12A1D38D3294" }), _jsx("desc", { children: "Created with sketchtool." }), _jsx("defs", { children: _jsx("path", { d: 'M12,18 C13.1045695,18 14,18.8954305 14,20 C14,21.1045695 13.1045695,22 12,22 C10.8954305,22 10,21.1045695 10,20 C10,18.8954305 10.8954305,18 12,18 Z M12,10 C13.1045695,10 14,10.8954305 14,12 C14,13.1045695 13.1045695,14 12,14 C10.8954305,14 10,13.1045695 10,12 C10,10.8954305 10.8954305,10 12,10 Z M12,2 C13.1045695,2 14,2.8954305 14,4 C14,5.1045695 13.1045695,6 12,6 C10.8954305,6 10,5.1045695 10,4 C10,2.8954305 10.8954305,2 12,2 Z', id: 'path-1-collapse' }) }), _jsx("g", { id: 'Dashboard-MyDocs-collapse', stroke: 'none', strokeWidth: '1', fill: 'none', fillRule: 'evenodd', children: _jsx("g", { id: 'LD-DesktopHD-MyDocs-Dashboard-collapse', transform: 'translate(-1304.000000, -260.000000)', children: _jsx("g", { id: 'DashboardList-Doc-collapse', transform: 'translate(328.000000, 223.000000)', children: _jsxs("g", { id: 'icon/menu-colapse_24p', transform: 'translate(976.000000, 37.000000)', children: [_jsx("rect", { id: 'Bound-collapse', x: '0', y: '0', width: '24', height: '24' }), _jsx("mask", { id: 'mask-2-collapse', fill: 'white', children: _jsx("use", { xlinkHref: '#path-1-collapse' }) }), _jsx("g", { id: 'icon/editor/format_color_text_24px', fillRule: 'nonzero' }), _jsx("g", { id: '\u21B3-Color', mask: 'url(#mask-2-collapse)', fill: '#6D7275', children: _jsx("rect", { id: 'Rectangle', x: '0', y: '0', width: '24', height: '24' }) })] }) }) }) })] }));

package/dist/images/componentsSvg/MenuCollapse24p.tsx

@@ -5,7 +5,7 @@ interface MenuCollapse24pProps {
   className?: string
 }
 
-export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className }: MenuCollapse24pProps) => (
+export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className = '' }: MenuCollapse24pProps) => (
   <svg
     className={className}
     width='24px'

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, 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' }) })] })] }));
+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' }) }));

package/dist/images/componentsSvg/NewRelease24p.tsx

@@ -1,26 +1,11 @@
-/* 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} 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>
+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' />
   </svg>
 )

package/dist/images/componentsSvg/RatafiaIcon24px.tsx

@@ -1,10 +1,10 @@
 import React, { type FC } from 'react'
 interface RatafiaIcon24pxProps {
-  className: string
+  className?: string
 }
 
-export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className }: RatafiaIcon24pxProps) => (
-  <svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
+export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className = '' }: RatafiaIcon24pxProps) => (
+  <svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg' className={className}>
     <g id='Icon/Symbol/AI_24px'>
       <path
         id='path'

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

@@ -1,6 +1,6 @@
-import { type FC } from 'react';
+import { 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', 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' }) }));
+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' }) }));

package/dist/images/componentsSvg/Sign24px.tsx

@@ -1,14 +1,15 @@
-import React, { type FC } from 'react'
+import React, { 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'>
+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}>
     <path
       id='path'
-      fill-rule='evenodd'
-      clip-rule='evenodd'
+      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'
     />

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

@@ -0,0 +1,7 @@
+import { type FC } from 'react';
+interface SslShieldSvgProps {
+    className?: string;
+    fill?: string;
+}
+export declare const SslShieldSvg: FC<SslShieldSvgProps>;
+export {};

package/dist/images/componentsSvg/SslShieldSvg.js

@@ -0,0 +1,2 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+export const SslShieldSvg = ({ className = '', fill = 'white' }) => (_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", { fill: fill, fillRule: 'evenodd', clipRule: 'evenodd', d: 'M9.59386 1.01392C9.85243 0.899005 10.1476 0.899005 10.4061 1.01392L16.9061 3.90281C17.2673 4.06331 17.5 4.42143 17.5 4.81662V9.16675C17.5 13.7065 14.4168 17.9573 10.2366 19.1054C10.0818 19.1479 9.91815 19.1479 9.76345 19.1054C5.58317 17.9573 2.5 13.7065 2.5 9.16675V4.81662C2.5 4.42143 2.73273 4.06331 3.09386 3.90281L9.59386 1.01392ZM15.8333 9.99175H10V2.65842L4.16667 5.25008V10.0001H10V17.4417C13.1 16.4834 15.3917 13.4251 15.8333 9.99175Z' }) }));

package/dist/images/componentsSvg/SslShieldSvg.tsx

@@ -0,0 +1,18 @@
+/* eslint-disable max-len */
+import React, { type FC } from 'react'
+
+interface SslShieldSvgProps {
+  className?: string
+  fill?: string
+}
+
+export const SslShieldSvg: FC<SslShieldSvgProps> = ({ className = '', fill = 'white' }) => (
+  <svg className={className} width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
+    <path
+      fill={fill}
+      fillRule='evenodd'
+      clipRule='evenodd'
+      d='M9.59386 1.01392C9.85243 0.899005 10.1476 0.899005 10.4061 1.01392L16.9061 3.90281C17.2673 4.06331 17.5 4.42143 17.5 4.81662V9.16675C17.5 13.7065 14.4168 17.9573 10.2366 19.1054C10.0818 19.1479 9.91815 19.1479 9.76345 19.1054C5.58317 17.9573 2.5 13.7065 2.5 9.16675V4.81662C2.5 4.42143 2.73273 4.06331 3.09386 3.90281L9.59386 1.01392ZM15.8333 9.99175H10V2.65842L4.16667 5.25008V10.0001H10V17.4417C13.1 16.4834 15.3917 13.4251 15.8333 9.99175Z'
+    />
+  </svg>
+)

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, 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' }) })] })] }));
+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' }) }));

package/dist/images/componentsSvg/Time24px.tsx

@@ -1,33 +1,15 @@
-/* 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}
-    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>
+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'
+    />
   </svg>
 )

package/dist/src/components/atoms/ActionButtonHeaderRatafiaCard/ActionButtonHeaderRatafiaCard.styled.d.ts

@@ -1 +1 @@
-export declare const ActionButtonHeaderRatafiaCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
+export declare const ActionButtonHeaderRatafiaCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>>> & string;

package/dist/src/components/atoms/AddButton/AddButton.styled.d.ts

@@ -1 +1 @@
-export declare const AddButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const AddButtonStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/src/components/atoms/BaseBox/BaseBox.styled.d.ts

@@ -1 +1 @@
-export declare const BaseBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BaseBoxStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

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

@@ -1 +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;
+export declare const BenefitCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/src/components/atoms/BillCard/BillCard.styled.d.ts

@@ -1 +1 @@
-export declare const BillCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BillCardStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/src/components/atoms/BottomOverlayMenu/BottomOverlayMenu.styled.d.ts

@@ -1 +1 @@
-export declare const BottomOverlayMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const BottomOverlayMenuStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/dist/src/components/atoms/BreadcrumItem/BreadcrumItem.styled.d.ts

@@ -1 +1 @@
-export declare const BreadcrumItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
+export declare const BreadcrumItemStyled: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never> & Partial<Pick<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>>> & string;

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

@@ -1,6 +1,5 @@
 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',
@@ -21,6 +20,7 @@ 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,