@npm_leadtech/legal-lib-components 7.89.10 → 7.90.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/css/styles.css +0 -16
- package/dist/images/componentsSvg/ArrowRight.js +1 -1
- package/dist/images/componentsSvg/ArrowRight.tsx +1 -1
- package/dist/images/componentsSvg/CloseIcon.js +1 -1
- package/dist/images/componentsSvg/CloseIcon.tsx +6 -3
- package/dist/images/componentsSvg/Delete24p.tsx +2 -1
- package/dist/images/componentsSvg/Done24px.d.ts +1 -1
- package/dist/images/componentsSvg/Done24px.js +1 -1
- package/dist/images/componentsSvg/Done24px.tsx +7 -4
- package/dist/images/componentsSvg/Edit24p.tsx +1 -1
- package/dist/images/componentsSvg/EditText24px.tsx +1 -1
- package/dist/images/componentsSvg/Eye24pxOptimized.tsx +1 -1
- package/dist/images/componentsSvg/IconDuplicate24px.tsx +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.js +1 -1
- package/dist/images/componentsSvg/InfoError24pxOutlined.tsx +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.js +1 -1
- package/dist/images/componentsSvg/MenuCollapse24p.tsx +1 -1
- package/dist/images/componentsSvg/NewRelease24p.d.ts +1 -1
- package/dist/images/componentsSvg/NewRelease24p.js +2 -2
- package/dist/images/componentsSvg/NewRelease24p.tsx +19 -4
- package/dist/images/componentsSvg/RatafiaIcon24px.tsx +3 -3
- package/dist/images/componentsSvg/Sign24px.d.ts +2 -2
- package/dist/images/componentsSvg/Sign24px.js +1 -1
- package/dist/images/componentsSvg/Sign24px.tsx +6 -7
- package/dist/images/componentsSvg/Time24px.d.ts +1 -1
- package/dist/images/componentsSvg/Time24px.js +2 -2
- package/dist/images/componentsSvg/Time24px.tsx +26 -8
- package/dist/src/components/atoms/Button/Button.js +1 -1
- package/dist/src/components/atoms/Button/Button.scss +0 -19
- package/dist/src/components/atoms/Button/Button.tsx +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.d.ts +1 -1
- package/dist/src/components/atoms/Button/ButtonProps.types.ts +0 -1
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js +15 -5
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +40 -41
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.tsx +35 -7
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +6 -4
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts +6 -5
- package/dist/src/components/atoms/PreFooter/PreFooter.js +3 -3
- package/dist/src/components/atoms/PreFooter/PreFooter.tsx +2 -2
- package/dist/src/components/atoms/PreFooter/PreFooterProps.d.ts +1 -1
- package/dist/src/components/atoms/PreFooter/PreFooterProps.ts +1 -1
- package/dist/src/components/atoms/Tooltip/Tooltip.js +2 -0
- package/dist/src/components/atoms/Tooltip/Tooltip.tsx +2 -0
- package/dist/src/components/molecules/TextInput/tests/Input.test.tsx +18 -29
- package/dist/src/components/molecules/TextInput/tests/TextInput.test.tsx +9 -16
- package/dist/src/components/molecules/TextInput/tests/TextInputMessage.test.tsx +2 -2
- package/dist/src/components/molecules/TextInput/tests/TextInputTooltip.test.tsx +1 -1
- package/dist/src/components/molecules/index.d.ts +0 -1
- package/dist/src/components/molecules/index.js +0 -1
- package/dist/src/components/molecules/index.ts +0 -1
- package/dist/src/globalStyles/variables.scss +31 -12
- package/dist/src/globalStyles/variablesCss.scss +10 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +1 -5
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.d.ts +0 -3
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.js +0 -16
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.d.ts +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.js +0 -60
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.styled.ts +0 -61
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItem.tsx +0 -28
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.d.ts +0 -6
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/SignerStatusItemProps.types.ts +0 -7
- package/dist/src/components/atoms/SignerStatusItem/index.d.ts +0 -2
- package/dist/src/components/atoms/SignerStatusItem/index.js +0 -1
- package/dist/src/components/atoms/SignerStatusItem/index.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.d.ts +0 -3
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.js +0 -7
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.d.ts +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.js +0 -22
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.styled.ts +0 -23
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContent.tsx +0 -38
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.d.ts +0 -9
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/SignersStatusTooltipContentProps.types.ts +0 -10
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.d.ts +0 -2
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.js +0 -1
- package/dist/src/components/molecules/SignersStatusTooltipContent/index.ts +0 -2
package/dist/css/styles.css
CHANGED
|
@@ -1018,22 +1018,6 @@ html[data-theme=primarygreen] .e-button.--primary-3 {
|
|
|
1018
1018
|
.e-button.--transparent {
|
|
1019
1019
|
background-color: transparent;
|
|
1020
1020
|
}
|
|
1021
|
-
.e-button.e-button--link {
|
|
1022
|
-
padding: 0;
|
|
1023
|
-
border: none;
|
|
1024
|
-
background: none;
|
|
1025
|
-
border-radius: 0;
|
|
1026
|
-
color: var(--primary-main);
|
|
1027
|
-
text-decoration: underline;
|
|
1028
|
-
font-weight: inherit;
|
|
1029
|
-
}
|
|
1030
|
-
.e-button.e-button--link:hover {
|
|
1031
|
-
color: var(--primary-main-dark-1);
|
|
1032
|
-
text-decoration: underline;
|
|
1033
|
-
}
|
|
1034
|
-
.e-button.e-button--link label {
|
|
1035
|
-
cursor: pointer;
|
|
1036
|
-
}
|
|
1037
1021
|
.e-button.--disabled {
|
|
1038
1022
|
background-color: var(--neutral-neutral-4);
|
|
1039
1023
|
color: var(--neutral-neutral-1);
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const ArrowRight = ({ className
|
|
2
|
+
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", {})] }));
|
|
@@ -5,7 +5,7 @@ interface ArrowRightProps {
|
|
|
5
5
|
onClick?: () => void
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const ArrowRight: FC<ArrowRightProps> = ({ className
|
|
8
|
+
export const ArrowRight: FC<ArrowRightProps> = ({ className, onClick }: ArrowRightProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
onClick={onClick}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const CloseIcon = ({ className
|
|
2
|
+
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' }) }));
|
|
@@ -4,8 +4,11 @@ interface Close24Props {
|
|
|
4
4
|
className?: string
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export const CloseIcon: FC<Close24Props> = ({ className
|
|
8
|
-
<svg className={className} width={
|
|
9
|
-
<path
|
|
7
|
+
export const CloseIcon: FC<Close24Props> = ({ className }: Close24Props): React.ReactElement => (
|
|
8
|
+
<svg className={className} width={20} height={20} viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
|
9
|
+
<path
|
|
10
|
+
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'
|
|
11
|
+
fill='#B5BABD'
|
|
12
|
+
/>
|
|
10
13
|
</svg>
|
|
11
14
|
)
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface Delete24pProps {
|
|
4
5
|
className?: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const Delete24p: FC<Delete24pProps> = ({ className
|
|
8
|
+
export const Delete24p: FC<Delete24pProps> = ({ className }: Delete24pProps) => (
|
|
8
9
|
<svg
|
|
9
10
|
className={className}
|
|
10
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Done24px = ({ className
|
|
2
|
+
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' }) }));
|
|
@@ -1,10 +1,13 @@
|
|
|
1
1
|
import React, { type FC } from 'react'
|
|
2
2
|
interface Done24pxProps {
|
|
3
|
-
className
|
|
3
|
+
className: string
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
export const Done24px: FC<Done24pxProps> = ({ className
|
|
7
|
-
<svg
|
|
8
|
-
<path
|
|
6
|
+
export const Done24px: FC<Done24pxProps> = ({ className }: Done24pxProps) => (
|
|
7
|
+
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 17 16' fill='none'>
|
|
8
|
+
<path
|
|
9
|
+
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'
|
|
10
|
+
fill='#078080'
|
|
11
|
+
/>
|
|
9
12
|
</svg>
|
|
10
13
|
)
|
|
@@ -5,7 +5,7 @@ interface Edit24pProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const Edit24p: FC<Edit24pProps> = ({ className
|
|
8
|
+
export const Edit24p: FC<Edit24pProps> = ({ className }: Edit24pProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -5,7 +5,7 @@ interface EditText24pxProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const EditText24px: FC<EditText24pxProps> = ({ className
|
|
8
|
+
export const EditText24px: FC<EditText24pxProps> = ({ className }: EditText24pxProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -5,7 +5,7 @@ interface Eye24pxOptimizedProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className
|
|
8
|
+
export const Eye24pxOptimized: FC<Eye24pxOptimizedProps> = ({ className }: Eye24pxOptimizedProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -4,7 +4,7 @@ interface IconDuplicate24pxProps {
|
|
|
4
4
|
className?: string
|
|
5
5
|
}
|
|
6
6
|
|
|
7
|
-
export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className
|
|
7
|
+
export const IconDuplicate24px: FC<IconDuplicate24pxProps> = ({ className }: IconDuplicate24pxProps) => (
|
|
8
8
|
<svg
|
|
9
9
|
className={className}
|
|
10
10
|
xmlns='http://www.w3.org/2000/svg'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const InfoError24pxOutlined = ({ className
|
|
2
|
+
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' })] })] }));
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
export const MenuCollapse24p = ({ className
|
|
2
|
+
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' }) })] }) }) }) })] }));
|
|
@@ -5,7 +5,7 @@ interface MenuCollapse24pProps {
|
|
|
5
5
|
className?: string
|
|
6
6
|
}
|
|
7
7
|
|
|
8
|
-
export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className
|
|
8
|
+
export const MenuCollapse24p: FC<MenuCollapse24pProps> = ({ className }: MenuCollapse24pProps) => (
|
|
9
9
|
<svg
|
|
10
10
|
className={className}
|
|
11
11
|
width='24px'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const NewRelease24p = ({ className
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
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' }) })] })] }));
|
|
@@ -1,11 +1,26 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface NewRelease24pProps {
|
|
4
|
-
className
|
|
5
|
+
className: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const NewRelease24p: FC<NewRelease24pProps> = ({ className
|
|
8
|
-
<svg className={className} width=
|
|
9
|
-
<
|
|
8
|
+
export const NewRelease24p: FC<NewRelease24pProps> = ({ className }: NewRelease24pProps) => (
|
|
9
|
+
<svg className={className} xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16'>
|
|
10
|
+
<defs>
|
|
11
|
+
<path
|
|
12
|
+
id='new-release__a'
|
|
13
|
+
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'
|
|
14
|
+
/>
|
|
15
|
+
</defs>
|
|
16
|
+
<g fill='none' fillRule='evenodd'>
|
|
17
|
+
<path d='M0 0H16V16H0z' />
|
|
18
|
+
<mask id='new-release__b' fill='#fff'>
|
|
19
|
+
<use xlinkHref='#new-release__a' />
|
|
20
|
+
</mask>
|
|
21
|
+
<g fill='#FCF4E5' mask='url(#new-release__b)'>
|
|
22
|
+
<path d='M0 0H16V16H0z' />
|
|
23
|
+
</g>
|
|
24
|
+
</g>
|
|
10
25
|
</svg>
|
|
11
26
|
)
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { type FC } from 'react'
|
|
2
2
|
interface RatafiaIcon24pxProps {
|
|
3
|
-
className
|
|
3
|
+
className: string
|
|
4
4
|
}
|
|
5
5
|
|
|
6
|
-
export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className
|
|
7
|
-
<svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'
|
|
6
|
+
export const RatafiaIcon24px: FC<RatafiaIcon24pxProps> = ({ className }: RatafiaIcon24pxProps) => (
|
|
7
|
+
<svg width='17' height='16' viewBox='0 0 17 16' fill='none' xmlns='http://www.w3.org/2000/svg'>
|
|
8
8
|
<g id='Icon/Symbol/AI_24px'>
|
|
9
9
|
<path
|
|
10
10
|
id='path'
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Sign24px = ({ className
|
|
2
|
+
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' }) }));
|
|
@@ -1,15 +1,14 @@
|
|
|
1
|
-
import React, { FC } from 'react'
|
|
2
|
-
|
|
1
|
+
import React, { type FC } from 'react'
|
|
3
2
|
interface Sign24pxProps {
|
|
4
|
-
className
|
|
3
|
+
className: string
|
|
5
4
|
}
|
|
6
5
|
|
|
7
|
-
export const Sign24px: FC<Sign24pxProps> = ({ className
|
|
8
|
-
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none'
|
|
6
|
+
export const Sign24px: FC<Sign24pxProps> = ({ className }: Sign24pxProps) => (
|
|
7
|
+
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none'>
|
|
9
8
|
<path
|
|
10
9
|
id='path'
|
|
11
|
-
|
|
12
|
-
|
|
10
|
+
fill-rule='evenodd'
|
|
11
|
+
clip-rule='evenodd'
|
|
13
12
|
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'
|
|
14
13
|
fill='#6D7275'
|
|
15
14
|
/>
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
export const Time24px = ({ className
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
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' }) })] })] }));
|
|
@@ -1,15 +1,33 @@
|
|
|
1
|
+
/* eslint-disable max-len */
|
|
1
2
|
import React, { type FC } from 'react'
|
|
2
3
|
|
|
3
4
|
interface Time24pxProps {
|
|
4
|
-
className
|
|
5
|
+
className: string
|
|
5
6
|
}
|
|
6
7
|
|
|
7
|
-
export const Time24px: FC<Time24pxProps> = ({ className
|
|
8
|
-
<svg
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
8
|
+
export const Time24px: FC<Time24pxProps> = ({ className }: Time24pxProps) => (
|
|
9
|
+
<svg
|
|
10
|
+
className={className}
|
|
11
|
+
xmlns='http://www.w3.org/2000/svg'
|
|
12
|
+
xmlnsXlink='http://www.w3.org/1999/xlink'
|
|
13
|
+
width='16'
|
|
14
|
+
height='16'
|
|
15
|
+
viewBox='0 0 16 16'
|
|
16
|
+
>
|
|
17
|
+
<defs>
|
|
18
|
+
<path
|
|
19
|
+
id='time'
|
|
20
|
+
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'
|
|
21
|
+
/>
|
|
22
|
+
</defs>
|
|
23
|
+
<g fill='none' fillRule='evenodd'>
|
|
24
|
+
<path d='M0 0H16V16H0z' />
|
|
25
|
+
<mask id='time2' fill='#fff'>
|
|
26
|
+
<use xlinkHref='#time' />
|
|
27
|
+
</mask>
|
|
28
|
+
<g fill='#936C2F' mask='url(#time2)'>
|
|
29
|
+
<path d='M0 0H16V16H0z' />
|
|
30
|
+
</g>
|
|
31
|
+
</g>
|
|
14
32
|
</svg>
|
|
15
33
|
)
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import classNames from 'classnames';
|
|
3
|
+
// import './Button.scss'
|
|
3
4
|
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' }) => {
|
|
4
5
|
const sizes = {
|
|
5
6
|
S: 'button--small',
|
|
@@ -20,7 +21,6 @@ const Button = ({ label, dataQa, labelMobile, link, LinkComponent = null, noLink
|
|
|
20
21
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
21
22
|
'button--tertiary-1': color === 'tertiary',
|
|
22
23
|
'button--tertiary-2': color === 'tertiary2',
|
|
23
|
-
'e-button--link': color === 'link',
|
|
24
24
|
'--styleless': color === 'styleless',
|
|
25
25
|
'--transparent': color === 'transparent',
|
|
26
26
|
'--disabled': disabled,
|
|
@@ -197,25 +197,6 @@ html[data-theme='primarygreen'] {
|
|
|
197
197
|
background-color: transparent;
|
|
198
198
|
}
|
|
199
199
|
|
|
200
|
-
&.e-button--link {
|
|
201
|
-
padding: 0;
|
|
202
|
-
border: none;
|
|
203
|
-
background: none;
|
|
204
|
-
border-radius: 0;
|
|
205
|
-
color: var(--primary-main);
|
|
206
|
-
text-decoration: underline;
|
|
207
|
-
font-weight: inherit;
|
|
208
|
-
|
|
209
|
-
&:hover {
|
|
210
|
-
color: var(--primary-main-dark-1);
|
|
211
|
-
text-decoration: underline;
|
|
212
|
-
}
|
|
213
|
-
|
|
214
|
-
label {
|
|
215
|
-
cursor: pointer;
|
|
216
|
-
}
|
|
217
|
-
}
|
|
218
|
-
|
|
219
200
|
&.--disabled {
|
|
220
201
|
background-color: var(--neutral-neutral-4);
|
|
221
202
|
color: var(--neutral-neutral-1);
|
|
@@ -3,6 +3,7 @@ import React, { type FC } from 'react'
|
|
|
3
3
|
import classNames from 'classnames'
|
|
4
4
|
|
|
5
5
|
import { type ButtonProps } from './ButtonProps.types'
|
|
6
|
+
// import './Button.scss'
|
|
6
7
|
|
|
7
8
|
const Button: FC<ButtonProps> = ({
|
|
8
9
|
label,
|
|
@@ -48,7 +49,6 @@ const Button: FC<ButtonProps> = ({
|
|
|
48
49
|
'--secondary-icon --dark': color === 'secondaryIconDark',
|
|
49
50
|
'button--tertiary-1': color === 'tertiary',
|
|
50
51
|
'button--tertiary-2': color === 'tertiary2',
|
|
51
|
-
'e-button--link': color === 'link',
|
|
52
52
|
'--styleless': color === 'styleless',
|
|
53
53
|
'--transparent': color === 'transparent',
|
|
54
54
|
'--disabled': disabled,
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent'
|
|
1
|
+
export type Colors = 'primary' | 'primary2' | 'primary3' | 'primary4' | 'secondary' | 'secondary2' | 'secondary3' | 'secondary4' | 'secondaryIcon' | 'secondaryIconBold' | 'secondaryIconDark' | 'tertiary' | 'tertiary2' | 'styleless' | 'transparent';
|
|
2
2
|
export interface ButtonProps {
|
|
3
3
|
label: string;
|
|
4
4
|
dataQa: string;
|
|
@@ -1,9 +1,19 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
|
|
3
2
|
import { DocumentStatusStyled } from './DocumentStatus.styled';
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
3
|
+
import { Done24px } from '../../../../images/componentsSvg/Done24px';
|
|
4
|
+
import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
|
|
5
|
+
import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
|
|
6
|
+
import { Time24px } from '../../../../images/componentsSvg/Time24px';
|
|
7
|
+
const DocumentStatus = ({ type, statusCompletedText, statusNewText, statusInProgressText, statusSignedText }) => {
|
|
8
|
+
if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
|
|
9
|
+
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 })] }));
|
|
10
|
+
}
|
|
11
|
+
if (type === 'new') {
|
|
12
|
+
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 })] }));
|
|
13
|
+
}
|
|
14
|
+
if (type === 'signed') {
|
|
15
|
+
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 })] }));
|
|
16
|
+
}
|
|
17
|
+
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 })] }));
|
|
8
18
|
};
|
|
9
19
|
export default DocumentStatus;
|