@npm_leadtech/legal-lib-components 7.90.0 → 7.90.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/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/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/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/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,

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

@@ -197,6 +197,25 @@ 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,7 +3,6 @@ import React, { type FC } from 'react'
 import classNames from 'classnames'
 
 import { type ButtonProps } from './ButtonProps.types'
-// import './Button.scss'
 
 const Button: FC<ButtonProps> = ({
   label,
@@ -49,6 +48,7 @@ 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';
+export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent' | 'link';
 export interface ButtonProps {
     label: string;
     dataQa: string;

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

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

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

@@ -1,19 +1,9 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { DocumentStatusStyled } from './DocumentStatus.styled';
-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 })] }));
+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 })] }));
 };
 export default DocumentStatus;