@npm_leadtech/legal-lib-components 7.88.4 → 7.89.3
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/images/componentsSvg/Sign24px.d.ts +2 -2
- package/dist/images/componentsSvg/Sign24px.js +1 -1
- package/dist/images/componentsSvg/Sign24px.tsx +7 -6
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.js +5 -15
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.js +40 -40
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.styled.ts +40 -40
- package/dist/src/components/atoms/DocumentStatus/DocumentStatus.tsx +7 -35
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.d.ts +4 -6
- package/dist/src/components/atoms/DocumentStatus/DocumentStatusProps.types.ts +5 -6
- package/package.json +3 -1
- package/dist/images/componentsSvg/Done24px.d.ts +0 -6
- package/dist/images/componentsSvg/Done24px.js +0 -2
- package/dist/images/componentsSvg/NewRelease24p.d.ts +0 -6
- package/dist/images/componentsSvg/NewRelease24p.js +0 -2
- package/dist/images/componentsSvg/Time24px.d.ts +0 -6
- package/dist/images/componentsSvg/Time24px.js +0 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
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',
|
|
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', 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' }) }));
|
|
@@ -1,14 +1,15 @@
|
|
|
1
|
-
import React, {
|
|
1
|
+
import React, { FC } from 'react'
|
|
2
|
+
|
|
2
3
|
interface Sign24pxProps {
|
|
3
|
-
className
|
|
4
|
+
className?: string
|
|
4
5
|
}
|
|
5
6
|
|
|
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'>
|
|
7
|
+
export const Sign24px: FC<Sign24pxProps> = ({ className = '' }: Sign24pxProps) => (
|
|
8
|
+
<svg xmlns='http://www.w3.org/2000/svg' width='17' height='16' viewBox='0 0 24 24' fill='none' className={className}>
|
|
8
9
|
<path
|
|
9
10
|
id='path'
|
|
10
|
-
|
|
11
|
-
|
|
11
|
+
fillRule='evenodd'
|
|
12
|
+
clipRule='evenodd'
|
|
12
13
|
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'
|
|
13
14
|
fill='#6D7275'
|
|
14
15
|
/>
|
|
@@ -1,19 +1,9 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { DocumentStatusStyled } from './DocumentStatus.styled';
|
|
3
|
-
import { Done24px } from '../../../../images/componentsSvg/Done24px';
|
|
4
|
-
import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p';
|
|
5
2
|
import { Sign24px } from '../../../../images/componentsSvg/Sign24px';
|
|
6
|
-
import {
|
|
7
|
-
const DocumentStatus = ({
|
|
8
|
-
if (
|
|
9
|
-
return
|
|
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 })] }));
|
|
3
|
+
import { DocumentStatusStyled } from './DocumentStatus.styled';
|
|
4
|
+
const DocumentStatus = ({ label, type = 'default', givenClass = '' }) => {
|
|
5
|
+
if (!label)
|
|
6
|
+
return null;
|
|
7
|
+
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 })] }));
|
|
18
8
|
};
|
|
19
9
|
export default DocumentStatus;
|
|
@@ -9,8 +9,12 @@ export const DocumentStatusStyled = styled.div `
|
|
|
9
9
|
align-items: center;
|
|
10
10
|
align-self: center;
|
|
11
11
|
padding: 0.125rem 0.5rem 0.125rem 0.25rem;
|
|
12
|
-
|
|
13
|
-
|
|
12
|
+
width: fit-content;
|
|
13
|
+
|
|
14
|
+
background-color: var(--neutral-neutral-4);
|
|
15
|
+
border-color: var(--neutral-neutral-2);
|
|
16
|
+
color: var(--neutral-neutral-1);
|
|
17
|
+
|
|
14
18
|
@include laptop {
|
|
15
19
|
align-self: flex-start;
|
|
16
20
|
}
|
|
@@ -20,60 +24,56 @@ export const DocumentStatusStyled = styled.div `
|
|
|
20
24
|
}
|
|
21
25
|
|
|
22
26
|
&.document-status {
|
|
27
|
+
& > .document-status__icon > path {
|
|
28
|
+
fill: var(--neutral-neutral-1);
|
|
29
|
+
}
|
|
30
|
+
|
|
23
31
|
span {
|
|
24
32
|
font-weight: bold;
|
|
25
33
|
}
|
|
26
34
|
|
|
27
|
-
|
|
28
|
-
|
|
35
|
+
&.in-progress {
|
|
36
|
+
background-color: var(--neutral-neutral-6);
|
|
37
|
+
border-color: var(--neutral-neutral-4);
|
|
38
|
+
color: var(--neutral-neutral-2);
|
|
39
|
+
& > .document-status__icon > path {
|
|
40
|
+
fill: var(--neutral-neutral-2);
|
|
41
|
+
}
|
|
29
42
|
}
|
|
30
43
|
|
|
31
|
-
|
|
32
|
-
background-color: var(--
|
|
33
|
-
border-color: var(--
|
|
34
|
-
color: var(--
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
path {
|
|
38
|
-
fill: var(--primary-main);
|
|
39
|
-
}
|
|
44
|
+
&.awaiting {
|
|
45
|
+
background-color: var(--secondary-main-light-4);
|
|
46
|
+
border-color: var(--secondary-main-light-3);
|
|
47
|
+
color: var(--secondary-main-dark-2);
|
|
48
|
+
& > .document-status__icon > path {
|
|
49
|
+
fill: var(--secondary-main-dark-2);
|
|
40
50
|
}
|
|
41
51
|
}
|
|
42
52
|
|
|
43
|
-
|
|
44
|
-
background-color: var(--neutral-neutral-
|
|
45
|
-
border-color: var(--neutral-neutral-
|
|
53
|
+
&.no-response {
|
|
54
|
+
background-color: var(--neutral-neutral-4);
|
|
55
|
+
border-color: var(--neutral-neutral-2);
|
|
46
56
|
color: var(--neutral-neutral-1);
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
g > g {
|
|
50
|
-
fill: var(--neutral-neutral-1);
|
|
51
|
-
}
|
|
57
|
+
& > .document-status__icon > path {
|
|
58
|
+
fill: var(--neutral-neutral-1);
|
|
52
59
|
}
|
|
53
60
|
}
|
|
54
61
|
|
|
55
|
-
|
|
56
|
-
background-color: var(--
|
|
57
|
-
border-color: var(--
|
|
58
|
-
color: var(--
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
margin-right: 1.4rem;
|
|
62
|
+
&.declined {
|
|
63
|
+
background-color: var(--error-error-3);
|
|
64
|
+
border-color: var(--error-error-2);
|
|
65
|
+
color: var(--error-main);
|
|
66
|
+
& > .document-status__icon > path {
|
|
67
|
+
fill: var(--error-main);
|
|
62
68
|
}
|
|
63
69
|
}
|
|
64
70
|
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
svg {
|
|
72
|
-
margin-right: 0.25rem;
|
|
73
|
-
|
|
74
|
-
path {
|
|
75
|
-
fill: var(--others-white);
|
|
76
|
-
}
|
|
71
|
+
&.completed {
|
|
72
|
+
background-color: var(--primary-main-light-4);
|
|
73
|
+
border-color: var(--primary-main-light-2);
|
|
74
|
+
color: var(--primary-main-light-1);
|
|
75
|
+
& > .document-status__icon > path {
|
|
76
|
+
fill: var(--primary-main-light-1);
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
}
|
|
@@ -10,8 +10,12 @@ export const DocumentStatusStyled = styled.div`
|
|
|
10
10
|
align-items: center;
|
|
11
11
|
align-self: center;
|
|
12
12
|
padding: 0.125rem 0.5rem 0.125rem 0.25rem;
|
|
13
|
-
|
|
14
|
-
|
|
13
|
+
width: fit-content;
|
|
14
|
+
|
|
15
|
+
background-color: var(--neutral-neutral-4);
|
|
16
|
+
border-color: var(--neutral-neutral-2);
|
|
17
|
+
color: var(--neutral-neutral-1);
|
|
18
|
+
|
|
15
19
|
@include laptop {
|
|
16
20
|
align-self: flex-start;
|
|
17
21
|
}
|
|
@@ -21,60 +25,56 @@ export const DocumentStatusStyled = styled.div`
|
|
|
21
25
|
}
|
|
22
26
|
|
|
23
27
|
&.document-status {
|
|
28
|
+
& > .document-status__icon > path {
|
|
29
|
+
fill: var(--neutral-neutral-1);
|
|
30
|
+
}
|
|
31
|
+
|
|
24
32
|
span {
|
|
25
33
|
font-weight: bold;
|
|
26
34
|
}
|
|
27
35
|
|
|
28
|
-
|
|
29
|
-
|
|
36
|
+
&.in-progress {
|
|
37
|
+
background-color: var(--neutral-neutral-6);
|
|
38
|
+
border-color: var(--neutral-neutral-4);
|
|
39
|
+
color: var(--neutral-neutral-2);
|
|
40
|
+
& > .document-status__icon > path {
|
|
41
|
+
fill: var(--neutral-neutral-2);
|
|
42
|
+
}
|
|
30
43
|
}
|
|
31
44
|
|
|
32
|
-
|
|
33
|
-
background-color: var(--
|
|
34
|
-
border-color: var(--
|
|
35
|
-
color: var(--
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
path {
|
|
39
|
-
fill: var(--primary-main);
|
|
40
|
-
}
|
|
45
|
+
&.awaiting {
|
|
46
|
+
background-color: var(--secondary-main-light-4);
|
|
47
|
+
border-color: var(--secondary-main-light-3);
|
|
48
|
+
color: var(--secondary-main-dark-2);
|
|
49
|
+
& > .document-status__icon > path {
|
|
50
|
+
fill: var(--secondary-main-dark-2);
|
|
41
51
|
}
|
|
42
52
|
}
|
|
43
53
|
|
|
44
|
-
|
|
45
|
-
background-color: var(--neutral-neutral-
|
|
46
|
-
border-color: var(--neutral-neutral-
|
|
54
|
+
&.no-response {
|
|
55
|
+
background-color: var(--neutral-neutral-4);
|
|
56
|
+
border-color: var(--neutral-neutral-2);
|
|
47
57
|
color: var(--neutral-neutral-1);
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
g > g {
|
|
51
|
-
fill: var(--neutral-neutral-1);
|
|
52
|
-
}
|
|
58
|
+
& > .document-status__icon > path {
|
|
59
|
+
fill: var(--neutral-neutral-1);
|
|
53
60
|
}
|
|
54
61
|
}
|
|
55
62
|
|
|
56
|
-
|
|
57
|
-
background-color: var(--
|
|
58
|
-
border-color: var(--
|
|
59
|
-
color: var(--
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
margin-right: 1.4rem;
|
|
63
|
+
&.declined {
|
|
64
|
+
background-color: var(--error-error-3);
|
|
65
|
+
border-color: var(--error-error-2);
|
|
66
|
+
color: var(--error-main);
|
|
67
|
+
& > .document-status__icon > path {
|
|
68
|
+
fill: var(--error-main);
|
|
63
69
|
}
|
|
64
70
|
}
|
|
65
71
|
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
svg {
|
|
73
|
-
margin-right: 0.25rem;
|
|
74
|
-
|
|
75
|
-
path {
|
|
76
|
-
fill: var(--others-white);
|
|
77
|
-
}
|
|
72
|
+
&.completed {
|
|
73
|
+
background-color: var(--primary-main-light-4);
|
|
74
|
+
border-color: var(--primary-main-light-2);
|
|
75
|
+
color: var(--primary-main-light-1);
|
|
76
|
+
& > .document-status__icon > path {
|
|
77
|
+
fill: var(--primary-main-light-1);
|
|
78
78
|
}
|
|
79
79
|
}
|
|
80
80
|
}
|
|
@@ -1,44 +1,16 @@
|
|
|
1
1
|
import React, { type FC } from 'react'
|
|
2
2
|
|
|
3
3
|
import { type DocumentStatusProps } from './DocumentStatusProps.types'
|
|
4
|
-
import { DocumentStatusStyled } from './DocumentStatus.styled'
|
|
5
|
-
import { Done24px } from '../../../../images/componentsSvg/Done24px'
|
|
6
|
-
import { NewRelease24p } from '../../../../images/componentsSvg/NewRelease24p'
|
|
7
4
|
import { Sign24px } from '../../../../images/componentsSvg/Sign24px'
|
|
8
|
-
import { Time24px } from '../../../../images/componentsSvg/Time24px'
|
|
9
5
|
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
statusInProgressText,
|
|
15
|
-
statusSignedText
|
|
16
|
-
}) => {
|
|
17
|
-
if (type === 'complete' || type === 'downloaded' || type === 'pdf_processing' || type === 'pdf_generated') {
|
|
18
|
-
return (
|
|
19
|
-
<DocumentStatusStyled data-testid='document-status' className={'document-status --is-completed'}>
|
|
20
|
-
<Done24px className='icon' /> <span className={'sans-serif --small'}>{statusCompletedText}</span>
|
|
21
|
-
</DocumentStatusStyled>
|
|
22
|
-
)
|
|
23
|
-
}
|
|
24
|
-
if (type === 'new') {
|
|
25
|
-
return (
|
|
26
|
-
<DocumentStatusStyled data-testid='document-status' className={'document-status --is-new'}>
|
|
27
|
-
<NewRelease24p className='icon' /> <span className={'sans-serif --small'}>{statusNewText}</span>
|
|
28
|
-
</DocumentStatusStyled>
|
|
29
|
-
)
|
|
30
|
-
}
|
|
31
|
-
if (type === 'signed') {
|
|
32
|
-
return (
|
|
33
|
-
<DocumentStatusStyled data-testid='document-status' className={'document-status --is-signed'}>
|
|
34
|
-
<Sign24px className='icon' /> <span className={'sans-serif --small'}>{statusSignedText}</span>
|
|
35
|
-
</DocumentStatusStyled>
|
|
36
|
-
)
|
|
37
|
-
}
|
|
6
|
+
import { DocumentStatusStyled } from './DocumentStatus.styled'
|
|
7
|
+
|
|
8
|
+
const DocumentStatus: FC<DocumentStatusProps> = ({ label, type = 'default', givenClass = '' }) => {
|
|
9
|
+
if (!label) return null
|
|
38
10
|
return (
|
|
39
|
-
<DocumentStatusStyled data-testid='document-status' className={
|
|
40
|
-
<
|
|
41
|
-
<span className={'sans-serif --small'}>{
|
|
11
|
+
<DocumentStatusStyled data-testid='document-status' className={`document-status ${type} ${givenClass}`}>
|
|
12
|
+
<Sign24px className='document-status__icon' />
|
|
13
|
+
<span className={'sans-serif --small'}>{label}</span>
|
|
42
14
|
</DocumentStatusStyled>
|
|
43
15
|
)
|
|
44
16
|
}
|
|
@@ -1,8 +1,6 @@
|
|
|
1
1
|
export interface DocumentStatusProps {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
statusInProgressText: string;
|
|
6
|
-
statusAIReviewedText: string;
|
|
7
|
-
statusSignedText: string;
|
|
2
|
+
label: string;
|
|
3
|
+
type?: DocumentStatusType;
|
|
4
|
+
givenClass?: string;
|
|
8
5
|
}
|
|
6
|
+
export type DocumentStatusType = 'default' | 'in_progress' | 'awaiting' | 'no_response' | 'declined' | 'completed';
|
|
@@ -1,8 +1,7 @@
|
|
|
1
1
|
export interface DocumentStatusProps {
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
statusInProgressText: string
|
|
6
|
-
statusAIReviewedText: string
|
|
7
|
-
statusSignedText: string
|
|
2
|
+
label: string
|
|
3
|
+
type?: DocumentStatusType
|
|
4
|
+
givenClass?: string
|
|
8
5
|
}
|
|
6
|
+
|
|
7
|
+
export type DocumentStatusType = 'default' | 'in_progress' | 'awaiting' | 'no_response' | 'declined' | 'completed'
|
package/package.json
CHANGED
|
@@ -1,11 +1,12 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@npm_leadtech/legal-lib-components",
|
|
3
|
-
"version": "7.
|
|
3
|
+
"version": "7.89.3",
|
|
4
4
|
"license": "ISC",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"types": "dist/index.d.ts",
|
|
7
7
|
"scripts": {
|
|
8
8
|
"start": "storybook dev -p 6006",
|
|
9
|
+
"yalc-push": "yarn build && yalc push",
|
|
9
10
|
"build-storybook": "storybook build -o ./build/",
|
|
10
11
|
"ts-types": "tsc --build tsconfig.build.json",
|
|
11
12
|
"build": "rimraf dist && node esbuild --bundle --tsconfig=tsconfig.build.json && npm run ts-types",
|
|
@@ -15,6 +16,7 @@
|
|
|
15
16
|
"upgrade-minor": "yarn prepare-upgrade && npm version minor -m \"Update minor version number\" && git push && git push --tags",
|
|
16
17
|
"upgrade-major": "yarn prepare-upgrade && npm version major -m \"Update major version number\" && git push && git push --tags",
|
|
17
18
|
"storybook": "storybook dev -p 6006",
|
|
19
|
+
"publish": "yalc",
|
|
18
20
|
"format": "prettier --write \"**/*.{js,jsx,json,md,ts,tsx,scss}\"",
|
|
19
21
|
"prettier": "prettier --check .",
|
|
20
22
|
"jest": "jest --maxWorkers=2",
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
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,2 +0,0 @@
|
|
|
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,2 +0,0 @@
|
|
|
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' }) })] })] }));
|