@npm_leadtech/legal-lib-components 7.89.0 → 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.
@@ -1,6 +1,6 @@
1
- import { type FC } from 'react';
1
+ import { FC } from 'react';
2
2
  interface Sign24pxProps {
3
- className: string;
3
+ className?: string;
4
4
  }
5
5
  export declare const Sign24px: FC<Sign24pxProps>;
6
6
  export {};
@@ -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', "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' }) }));
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, { type FC } from 'react'
1
+ import React, { FC } from 'react'
2
+
2
3
  interface Sign24pxProps {
3
- className: string
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
- fill-rule='evenodd'
11
- clip-rule='evenodd'
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 { 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 })] }));
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
- margin-right: 0.5rem;
13
- width: 7.36rem;
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
- .icon {
28
- margin-right: 0.25rem;
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
- &.--is-completed {
32
- background-color: var(--primary-main-light-5);
33
- border-color: var(--primary-main-light-3);
34
- color: var(--primary-main);
35
-
36
- svg {
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
- &.--in-progress {
44
- background-color: var(--neutral-neutral-5);
45
- border-color: var(--neutral-neutral-3);
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
- svg {
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
- &.--is-new {
56
- background-color: var(--primary-main-light-1);
57
- border-color: var(--primary-main);
58
- color: var(--secondary-main-light-4);
59
-
60
- .icon {
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
- &.--is-signed {
66
- width: fit-content;
67
- background-color: var(--primary-main-dark-2);
68
- border-color: var(--primary-main-dark-2);
69
- color: var(--others-white);
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
- margin-right: 0.5rem;
14
- width: 7.36rem;
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
- .icon {
29
- margin-right: 0.25rem;
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
- &.--is-completed {
33
- background-color: var(--primary-main-light-5);
34
- border-color: var(--primary-main-light-3);
35
- color: var(--primary-main);
36
-
37
- svg {
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
- &.--in-progress {
45
- background-color: var(--neutral-neutral-5);
46
- border-color: var(--neutral-neutral-3);
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
- svg {
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
- &.--is-new {
57
- background-color: var(--primary-main-light-1);
58
- border-color: var(--primary-main);
59
- color: var(--secondary-main-light-4);
60
-
61
- .icon {
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
- &.--is-signed {
67
- width: fit-content;
68
- background-color: var(--primary-main-dark-2);
69
- border-color: var(--primary-main-dark-2);
70
- color: var(--others-white);
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
- const DocumentStatus: FC<DocumentStatusProps> = ({
11
- type,
12
- statusCompletedText,
13
- statusNewText,
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={'document-status --in-progress'}>
40
- <Time24px className='icon' />
41
- <span className={'sans-serif --small'}>{statusInProgressText}</span>
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
- type: string;
3
- statusCompletedText: string;
4
- statusNewText: string;
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
- type: string
3
- statusCompletedText: string
4
- statusNewText: string
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.89.0",
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,6 +0,0 @@
1
- import { type FC } from 'react';
2
- interface Done24pxProps {
3
- className: string;
4
- }
5
- export declare const Done24px: FC<Done24pxProps>;
6
- export {};
@@ -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,6 +0,0 @@
1
- import { type FC } from 'react';
2
- interface NewRelease24pProps {
3
- className: string;
4
- }
5
- export declare const NewRelease24p: FC<NewRelease24pProps>;
6
- export {};
@@ -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,6 +0,0 @@
1
- import { type FC } from 'react';
2
- interface Time24pxProps {
3
- className: string;
4
- }
5
- export declare const Time24px: FC<Time24pxProps>;
6
- export {};
@@ -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' }) })] })] }));