@digigov/react-icons 2.0.0-85c27c19 → 2.0.0-8e254888
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/AccessibilityIcon/config/index.js +4 -2
- package/AccessibilityIcon/config.js.map +2 -2
- package/ArrowIcon/config/index.js +26 -1
- package/ArrowIcon/config.js.map +2 -2
- package/BurgerIcon/config/index.js +30 -4
- package/BurgerIcon/config.d.ts +2 -2
- package/BurgerIcon/config.js.map +2 -2
- package/CancelIcon/config/index.js +8 -1
- package/CancelIcon/config.js.map +2 -2
- package/CaretIcon/config/index.js +2 -1
- package/CaretIcon/config.js.map +2 -2
- package/ChatIcon/config/index.js +8 -1
- package/ChatIcon/config.js.map +2 -2
- package/CheckIcon/config/index.js +8 -1
- package/CheckIcon/config.js.map +2 -2
- package/ChevronIcon/config/index.js +26 -1
- package/ChevronIcon/config.js.map +2 -2
- package/CloseIcon/config/index.js +8 -1
- package/CloseIcon/config.js.map +2 -2
- package/DownloadIcon/config/index.js +8 -1
- package/DownloadIcon/config.js.map +2 -2
- package/ExclamationIcon/config/index.js +8 -1
- package/ExclamationIcon/config.js.map +2 -2
- package/GlobeIcon/config/index.js +8 -1
- package/GlobeIcon/config.js.map +2 -2
- package/Icon/index.d.ts +1 -1
- package/Icon/index.js +1 -1
- package/Icon/index.js.map +2 -2
- package/{Base → IconBase}/index.d.ts +6 -6
- package/{Base → IconBase}/index.js +5 -4
- package/IconBase/index.js.map +7 -0
- package/{Base → IconBase}/package.json +1 -1
- package/LockIcon/config/index.js +8 -1
- package/LockIcon/config.js.map +2 -2
- package/LoginIcon/config/index.js +14 -1
- package/LoginIcon/config.js.map +2 -2
- package/MinusIcon/config/index.js +2 -1
- package/MinusIcon/config.js.map +2 -2
- package/MoreVertIcon/config/index.js +2 -1
- package/MoreVertIcon/config.js.map +2 -2
- package/PdfFileIcon/config/index.js +20 -1
- package/PdfFileIcon/config.js.map +2 -2
- package/PlusIcon/config/index.js +8 -1
- package/PlusIcon/config.js.map +2 -2
- package/PrintIcon/config/index.js +8 -1
- package/PrintIcon/config.js.map +2 -2
- package/ReplyIcon/config/index.js +8 -1
- package/ReplyIcon/config.js.map +2 -2
- package/RestoreIcon/config/index.js +8 -1
- package/RestoreIcon/config.js.map +2 -2
- package/SearchIcon/config/index.js +8 -1
- package/SearchIcon/config.js.map +2 -2
- package/SvgIcon/index.d.ts +2 -2
- package/SvgIcon/index.js +2 -2
- package/SvgIcon/index.js.map +2 -2
- package/UncheckIcon/config/index.js +8 -1
- package/UncheckIcon/config.js.map +2 -2
- package/cjs/AccessibilityIcon/config/index.js +4 -2
- package/cjs/AccessibilityIcon/config.js.map +3 -3
- package/cjs/ArrowIcon/config/index.js +26 -1
- package/cjs/ArrowIcon/config.js.map +3 -3
- package/cjs/BurgerIcon/config/index.js +30 -4
- package/cjs/BurgerIcon/config.js.map +3 -3
- package/cjs/CancelIcon/config/index.js +8 -1
- package/cjs/CancelIcon/config.js.map +3 -3
- package/cjs/CaretIcon/config/index.js +2 -1
- package/cjs/CaretIcon/config.js.map +3 -3
- package/cjs/ChatIcon/config/index.js +8 -1
- package/cjs/ChatIcon/config.js.map +3 -3
- package/cjs/CheckIcon/config/index.js +8 -1
- package/cjs/CheckIcon/config.js.map +3 -3
- package/cjs/ChevronIcon/config/index.js +26 -1
- package/cjs/ChevronIcon/config.js.map +3 -3
- package/cjs/CloseIcon/config/index.js +8 -1
- package/cjs/CloseIcon/config.js.map +3 -3
- package/cjs/DownloadIcon/config/index.js +8 -1
- package/cjs/DownloadIcon/config.js.map +3 -3
- package/cjs/ExclamationIcon/config/index.js +8 -1
- package/cjs/ExclamationIcon/config.js.map +3 -3
- package/cjs/GlobeIcon/config/index.js +8 -1
- package/cjs/GlobeIcon/config.js.map +3 -3
- package/cjs/Icon/index.js +1 -1
- package/cjs/Icon/index.js.map +2 -2
- package/cjs/{Base → IconBase}/index.js +9 -8
- package/cjs/IconBase/index.js.map +7 -0
- package/cjs/LockIcon/config/index.js +8 -1
- package/cjs/LockIcon/config.js.map +3 -3
- package/cjs/LoginIcon/config/index.js +14 -1
- package/cjs/LoginIcon/config.js.map +3 -3
- package/cjs/MinusIcon/config/index.js +2 -1
- package/cjs/MinusIcon/config.js.map +3 -3
- package/cjs/MoreVertIcon/config/index.js +2 -1
- package/cjs/MoreVertIcon/config.js.map +3 -3
- package/cjs/PdfFileIcon/config/index.js +20 -1
- package/cjs/PdfFileIcon/config.js.map +3 -3
- package/cjs/PlusIcon/config/index.js +8 -1
- package/cjs/PlusIcon/config.js.map +3 -3
- package/cjs/PrintIcon/config/index.js +8 -1
- package/cjs/PrintIcon/config.js.map +3 -3
- package/cjs/ReplyIcon/config/index.js +8 -1
- package/cjs/ReplyIcon/config.js.map +3 -3
- package/cjs/RestoreIcon/config/index.js +8 -1
- package/cjs/RestoreIcon/config.js.map +3 -3
- package/cjs/SearchIcon/config/index.js +8 -1
- package/cjs/SearchIcon/config.js.map +3 -3
- package/cjs/SvgIcon/index.js +2 -2
- package/cjs/SvgIcon/index.js.map +3 -3
- package/cjs/UncheckIcon/config/index.js +8 -1
- package/cjs/UncheckIcon/config.js.map +3 -3
- package/cjs/icons.js.map +1 -1
- package/cjs/lazy/index.js +7 -7
- package/cjs/lazy.js.map +3 -3
- package/cjs/registry/index.js +54 -8
- package/cjs/registry.js.map +3 -3
- package/icons.d.ts +11 -11
- package/icons.js.map +1 -1
- package/index.js +1 -1
- package/lazy/index.js +28 -32
- package/package.json +2 -2
- package/registry/index.js +86 -41
- package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
- package/src/AccessibilityIcon/config.tsx +5 -3
- package/src/AccessibilityIcon/index.test.tsx +12 -4
- package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/ArrowIcon/config.tsx +17 -4
- package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
- package/src/BurgerIcon/config.tsx +24 -7
- package/src/BurgerIcon/index.test.tsx +6 -2
- package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/CancelIcon/config.tsx +5 -1
- package/src/CancelIcon/index.test.tsx +6 -2
- package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/CaretIcon/config.tsx +5 -4
- package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
- package/src/ChatIcon/config.tsx +6 -2
- package/src/ChatIcon/index.test.tsx +7 -3
- package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
- package/src/CheckIcon/config.tsx +5 -1
- package/src/CheckIcon/index.test.tsx +6 -2
- package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
- package/src/ChevronIcon/config.tsx +17 -4
- package/src/ChevronIcon/index.test.tsx +6 -2
- package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
- package/src/CloseIcon/config.tsx +5 -1
- package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
- package/src/DownloadIcon/config.tsx +8 -4
- package/src/DownloadIcon/index.test.tsx +9 -3
- package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/ExclamationIcon/config.tsx +6 -2
- package/src/ExclamationIcon/index.test.tsx +12 -4
- package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
- package/src/GlobeIcon/config.tsx +5 -1
- package/src/GlobeIcon/index.test.tsx +3 -1
- package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
- package/src/Icon/index.test.tsx +3 -1
- package/src/Icon/index.tsx +1 -1
- package/src/{Base → IconBase}/index.tsx +10 -9
- package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/LockIcon/config.tsx +5 -1
- package/src/LockIcon/index.test.tsx +6 -2
- package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/LoginIcon/config.tsx +9 -2
- package/src/LoginIcon/index.test.tsx +6 -2
- package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/MinusIcon/config.tsx +3 -2
- package/src/MinusIcon/index.test.tsx +6 -2
- package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
- package/src/MoreVertIcon/config.tsx +4 -3
- package/src/MoreVertIcon/index.test.tsx +12 -4
- package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
- package/src/PdfFileIcon/config.tsx +18 -8
- package/src/PdfFileIcon/index.test.tsx +6 -2
- package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/PlusIcon/config.tsx +5 -1
- package/src/PlusIcon/index.test.tsx +6 -2
- package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
- package/src/PrintIcon/config.tsx +6 -2
- package/src/PrintIcon/index.test.tsx +6 -2
- package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
- package/src/ReplyIcon/config.tsx +5 -1
- package/src/ReplyIcon/index.test.tsx +6 -2
- package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
- package/src/RestoreIcon/config.tsx +7 -3
- package/src/RestoreIcon/index.test.tsx +6 -2
- package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
- package/src/SearchIcon/config.tsx +5 -1
- package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
- package/src/SvgIcon/index.tsx +4 -4
- package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
- package/src/UncheckIcon/config.tsx +5 -1
- package/src/UncheckIcon/index.test.tsx +6 -2
- package/src/icons.ts +11 -12
- package/src/lazy.js +28 -29
- package/src/registry.js +78 -34
- package/Base/index.js.map +0 -7
- package/cjs/Base/index.js.map +0 -7
- package/lazy.d.ts +0 -29
- package/lazy.js.map +0 -7
- package/registry.d.ts +0 -31
- package/registry.js.map +0 -7
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the ChatIcon with dots 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--chat ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
13
16
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z"
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
|
@@ -22,11 +25,14 @@ exports[`renders the ChatIcon with no props 1`] = `
|
|
|
22
25
|
<div>
|
|
23
26
|
<svg
|
|
24
27
|
aria-hidden="true"
|
|
28
|
+
as="svg"
|
|
25
29
|
class="ds-svg-icon--chat ds-svg-icon"
|
|
26
30
|
focusable="false"
|
|
27
31
|
viewBox="0 0 24 24"
|
|
28
32
|
>
|
|
29
33
|
<path
|
|
34
|
+
as="path"
|
|
35
|
+
class=""
|
|
30
36
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
31
37
|
/>
|
|
32
38
|
</svg>
|
|
@@ -39,11 +45,14 @@ exports[`renders the ChatIcon with prop color=error and size= xl 1`] = `
|
|
|
39
45
|
<div>
|
|
40
46
|
<svg
|
|
41
47
|
aria-hidden="true"
|
|
42
|
-
|
|
48
|
+
as="svg"
|
|
49
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
|
|
43
50
|
focusable="false"
|
|
44
51
|
viewBox="0 0 24 24"
|
|
45
52
|
>
|
|
46
53
|
<path
|
|
54
|
+
as="path"
|
|
55
|
+
class=""
|
|
47
56
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
48
57
|
/>
|
|
49
58
|
</svg>
|
|
@@ -56,11 +65,14 @@ exports[`renders the ChatIcon with prop color=warning 1`] = `
|
|
|
56
65
|
<div>
|
|
57
66
|
<svg
|
|
58
67
|
aria-hidden="true"
|
|
59
|
-
|
|
68
|
+
as="svg"
|
|
69
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning"
|
|
60
70
|
focusable="false"
|
|
61
71
|
viewBox="0 0 24 24"
|
|
62
72
|
>
|
|
63
73
|
<path
|
|
74
|
+
as="path"
|
|
75
|
+
class=""
|
|
64
76
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
65
77
|
/>
|
|
66
78
|
</svg>
|
|
@@ -73,11 +85,14 @@ exports[`renders the ChatIcon with prop color=warning and size=sm 1`] = `
|
|
|
73
85
|
<div>
|
|
74
86
|
<svg
|
|
75
87
|
aria-hidden="true"
|
|
76
|
-
|
|
88
|
+
as="svg"
|
|
89
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
|
|
77
90
|
focusable="false"
|
|
78
91
|
viewBox="0 0 24 24"
|
|
79
92
|
>
|
|
80
93
|
<path
|
|
94
|
+
as="path"
|
|
95
|
+
class=""
|
|
81
96
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
82
97
|
/>
|
|
83
98
|
</svg>
|
|
@@ -90,11 +105,14 @@ exports[`renders the ChatIcon with prop color=white 1`] = `
|
|
|
90
105
|
<div>
|
|
91
106
|
<svg
|
|
92
107
|
aria-hidden="true"
|
|
93
|
-
|
|
108
|
+
as="svg"
|
|
109
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--white"
|
|
94
110
|
focusable="false"
|
|
95
111
|
viewBox="0 0 24 24"
|
|
96
112
|
>
|
|
97
113
|
<path
|
|
114
|
+
as="path"
|
|
115
|
+
class=""
|
|
98
116
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
99
117
|
/>
|
|
100
118
|
</svg>
|
|
@@ -107,11 +125,14 @@ exports[`renders the ChatIcon with prop size=md 1`] = `
|
|
|
107
125
|
<div>
|
|
108
126
|
<svg
|
|
109
127
|
aria-hidden="true"
|
|
110
|
-
|
|
128
|
+
as="svg"
|
|
129
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--md"
|
|
111
130
|
focusable="false"
|
|
112
131
|
viewBox="0 0 24 24"
|
|
113
132
|
>
|
|
114
133
|
<path
|
|
134
|
+
as="path"
|
|
135
|
+
class=""
|
|
115
136
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
116
137
|
/>
|
|
117
138
|
</svg>
|
|
@@ -124,11 +145,14 @@ exports[`renders the ChatIcon with prop size=xl 1`] = `
|
|
|
124
145
|
<div>
|
|
125
146
|
<svg
|
|
126
147
|
aria-hidden="true"
|
|
127
|
-
|
|
148
|
+
as="svg"
|
|
149
|
+
class="ds-svg-icon--chat ds-svg-icon ds-svg-icon--xl"
|
|
128
150
|
focusable="false"
|
|
129
151
|
viewBox="0 0 24 24"
|
|
130
152
|
>
|
|
131
153
|
<path
|
|
154
|
+
as="path"
|
|
155
|
+
class=""
|
|
132
156
|
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z"
|
|
133
157
|
/>
|
|
134
158
|
</svg>
|
package/src/ChatIcon/config.tsx
CHANGED
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
2
3
|
|
|
3
4
|
export interface ChatType {
|
|
4
5
|
/**
|
|
@@ -13,9 +14,12 @@ export const chat: React.FC<ChatType> = ({ dots = false }) => {
|
|
|
13
14
|
return (
|
|
14
15
|
<>
|
|
15
16
|
{dots ? (
|
|
16
|
-
<
|
|
17
|
+
<IconBase
|
|
18
|
+
as="path"
|
|
19
|
+
d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2ZM7.65,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM12,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3ZM16.35,11.3c-.718,0-1.3-.582-1.3-1.3s.582-1.3,1.3-1.3,1.3.582,1.3,1.3-.582,1.3-1.3,1.3Z"
|
|
20
|
+
/>
|
|
17
21
|
) : (
|
|
18
|
-
<path d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" />
|
|
22
|
+
<IconBase as="path" d="M2,3.5v13h4.35l2.5,3,2.5-3h10.65V3.5H2Z" />
|
|
19
23
|
)}
|
|
20
24
|
</>
|
|
21
25
|
);
|
|
@@ -7,7 +7,7 @@ it('renders the ChatIcon with no props', () => {
|
|
|
7
7
|
expect(render(<ChatIcon />).baseElement).toMatchSnapshot();
|
|
8
8
|
});
|
|
9
9
|
it('renders the ChatIcon with dots', () => {
|
|
10
|
-
expect(render(<ChatIcon dots/>).baseElement).toMatchSnapshot();
|
|
10
|
+
expect(render(<ChatIcon dots />).baseElement).toMatchSnapshot();
|
|
11
11
|
});
|
|
12
12
|
it('renders the ChatIcon with prop size=md', () => {
|
|
13
13
|
expect(render(<ChatIcon size="md" />).baseElement).toMatchSnapshot();
|
|
@@ -22,8 +22,12 @@ it('renders the ChatIcon with prop color=warning', () => {
|
|
|
22
22
|
expect(render(<ChatIcon color="warning" />).baseElement).toMatchSnapshot();
|
|
23
23
|
});
|
|
24
24
|
it('renders the ChatIcon with prop color=warning and size=sm', () => {
|
|
25
|
-
expect(
|
|
25
|
+
expect(
|
|
26
|
+
render(<ChatIcon color="warning" size="sm" />).baseElement
|
|
27
|
+
).toMatchSnapshot();
|
|
26
28
|
});
|
|
27
29
|
it('renders the ChatIcon with prop color=error and size= xl', () => {
|
|
28
|
-
expect(
|
|
30
|
+
expect(
|
|
31
|
+
render(<ChatIcon color="warning" size="xl" />).baseElement
|
|
32
|
+
).toMatchSnapshot();
|
|
29
33
|
});
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the CheckIcon with no props 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--check ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<polygon
|
|
14
|
+
as="polygon"
|
|
15
|
+
class=""
|
|
13
16
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
|
@@ -22,11 +25,14 @@ exports[`renders the CheckIcon with prop color=error and size= xl 1`] = `
|
|
|
22
25
|
<div>
|
|
23
26
|
<svg
|
|
24
27
|
aria-hidden="true"
|
|
25
|
-
|
|
28
|
+
as="svg"
|
|
29
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
|
|
26
30
|
focusable="false"
|
|
27
31
|
viewBox="0 0 24 24"
|
|
28
32
|
>
|
|
29
33
|
<polygon
|
|
34
|
+
as="polygon"
|
|
35
|
+
class=""
|
|
30
36
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
31
37
|
/>
|
|
32
38
|
</svg>
|
|
@@ -39,11 +45,14 @@ exports[`renders the CheckIcon with prop color=success 1`] = `
|
|
|
39
45
|
<div>
|
|
40
46
|
<svg
|
|
41
47
|
aria-hidden="true"
|
|
42
|
-
|
|
48
|
+
as="svg"
|
|
49
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--success"
|
|
43
50
|
focusable="false"
|
|
44
51
|
viewBox="0 0 24 24"
|
|
45
52
|
>
|
|
46
53
|
<polygon
|
|
54
|
+
as="polygon"
|
|
55
|
+
class=""
|
|
47
56
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
48
57
|
/>
|
|
49
58
|
</svg>
|
|
@@ -56,11 +65,14 @@ exports[`renders the CheckIcon with prop color=warning 1`] = `
|
|
|
56
65
|
<div>
|
|
57
66
|
<svg
|
|
58
67
|
aria-hidden="true"
|
|
59
|
-
|
|
68
|
+
as="svg"
|
|
69
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning"
|
|
60
70
|
focusable="false"
|
|
61
71
|
viewBox="0 0 24 24"
|
|
62
72
|
>
|
|
63
73
|
<polygon
|
|
74
|
+
as="polygon"
|
|
75
|
+
class=""
|
|
64
76
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
65
77
|
/>
|
|
66
78
|
</svg>
|
|
@@ -73,11 +85,14 @@ exports[`renders the CheckIcon with prop color=warning and size=s 1`] = `
|
|
|
73
85
|
<div>
|
|
74
86
|
<svg
|
|
75
87
|
aria-hidden="true"
|
|
76
|
-
|
|
88
|
+
as="svg"
|
|
89
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
|
|
77
90
|
focusable="false"
|
|
78
91
|
viewBox="0 0 24 24"
|
|
79
92
|
>
|
|
80
93
|
<polygon
|
|
94
|
+
as="polygon"
|
|
95
|
+
class=""
|
|
81
96
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
82
97
|
/>
|
|
83
98
|
</svg>
|
|
@@ -90,11 +105,14 @@ exports[`renders the CheckIcon with prop color=white 1`] = `
|
|
|
90
105
|
<div>
|
|
91
106
|
<svg
|
|
92
107
|
aria-hidden="true"
|
|
93
|
-
|
|
108
|
+
as="svg"
|
|
109
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--white"
|
|
94
110
|
focusable="false"
|
|
95
111
|
viewBox="0 0 24 24"
|
|
96
112
|
>
|
|
97
113
|
<polygon
|
|
114
|
+
as="polygon"
|
|
115
|
+
class=""
|
|
98
116
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
99
117
|
/>
|
|
100
118
|
</svg>
|
|
@@ -107,11 +125,14 @@ exports[`renders the CheckIcon with prop size=m 1`] = `
|
|
|
107
125
|
<div>
|
|
108
126
|
<svg
|
|
109
127
|
aria-hidden="true"
|
|
110
|
-
|
|
128
|
+
as="svg"
|
|
129
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--md"
|
|
111
130
|
focusable="false"
|
|
112
131
|
viewBox="0 0 24 24"
|
|
113
132
|
>
|
|
114
133
|
<polygon
|
|
134
|
+
as="polygon"
|
|
135
|
+
class=""
|
|
115
136
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
116
137
|
/>
|
|
117
138
|
</svg>
|
|
@@ -124,11 +145,14 @@ exports[`renders the CheckIcon with prop size=xl 1`] = `
|
|
|
124
145
|
<div>
|
|
125
146
|
<svg
|
|
126
147
|
aria-hidden="true"
|
|
127
|
-
|
|
148
|
+
as="svg"
|
|
149
|
+
class="ds-svg-icon--check ds-svg-icon ds-svg-icon--xl"
|
|
128
150
|
focusable="false"
|
|
129
151
|
viewBox="0 0 24 24"
|
|
130
152
|
>
|
|
131
153
|
<polygon
|
|
154
|
+
as="polygon"
|
|
155
|
+
class=""
|
|
132
156
|
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
133
157
|
/>
|
|
134
158
|
</svg>
|
package/src/CheckIcon/config.tsx
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
2
3
|
|
|
3
4
|
export interface CheckType {}
|
|
4
5
|
|
|
5
6
|
export function check(): React.ReactElement {
|
|
6
7
|
return (
|
|
7
8
|
<>
|
|
8
|
-
<
|
|
9
|
+
<IconBase
|
|
10
|
+
as="polygon"
|
|
11
|
+
points="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
|
|
12
|
+
/>
|
|
9
13
|
</>
|
|
10
14
|
);
|
|
11
15
|
}
|
|
@@ -22,8 +22,12 @@ it('renders the CheckIcon with prop color=warning', () => {
|
|
|
22
22
|
expect(render(<CheckIcon color="warning" />).baseElement).toMatchSnapshot();
|
|
23
23
|
});
|
|
24
24
|
it('renders the CheckIcon with prop color=warning and size=s', () => {
|
|
25
|
-
expect(
|
|
25
|
+
expect(
|
|
26
|
+
render(<CheckIcon color="warning" size="sm" />).baseElement
|
|
27
|
+
).toMatchSnapshot();
|
|
26
28
|
});
|
|
27
29
|
it('renders the CheckIcon with prop color=error and size= xl', () => {
|
|
28
|
-
expect(
|
|
30
|
+
expect(
|
|
31
|
+
render(<CheckIcon color="warning" size="xl" />).baseElement
|
|
32
|
+
).toMatchSnapshot();
|
|
29
33
|
});
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the ChevronIcon with direction down prop 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<path
|
|
14
|
+
as="path"
|
|
15
|
+
class=""
|
|
13
16
|
d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
|
@@ -22,11 +25,14 @@ exports[`renders the ChevronIcon with direction left prop 1`] = `
|
|
|
22
25
|
<div>
|
|
23
26
|
<svg
|
|
24
27
|
aria-hidden="true"
|
|
28
|
+
as="svg"
|
|
25
29
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
26
30
|
focusable="false"
|
|
27
31
|
viewBox="0 0 24 24"
|
|
28
32
|
>
|
|
29
33
|
<path
|
|
34
|
+
as="path"
|
|
35
|
+
class=""
|
|
30
36
|
d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
|
|
31
37
|
/>
|
|
32
38
|
</svg>
|
|
@@ -39,11 +45,14 @@ exports[`renders the ChevronIcon with direction up prop 1`] = `
|
|
|
39
45
|
<div>
|
|
40
46
|
<svg
|
|
41
47
|
aria-hidden="true"
|
|
48
|
+
as="svg"
|
|
42
49
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
43
50
|
focusable="false"
|
|
44
51
|
viewBox="0 0 24 24"
|
|
45
52
|
>
|
|
46
53
|
<path
|
|
54
|
+
as="path"
|
|
55
|
+
class=""
|
|
47
56
|
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
48
57
|
/>
|
|
49
58
|
</svg>
|
|
@@ -56,11 +65,14 @@ exports[`renders the ChevronIcon with no props, direction prop is right by defau
|
|
|
56
65
|
<div>
|
|
57
66
|
<svg
|
|
58
67
|
aria-hidden="true"
|
|
68
|
+
as="svg"
|
|
59
69
|
class="ds-svg-icon--chevron ds-svg-icon"
|
|
60
70
|
focusable="false"
|
|
61
71
|
viewBox="0 0 24 24"
|
|
62
72
|
>
|
|
63
73
|
<path
|
|
74
|
+
as="path"
|
|
75
|
+
class=""
|
|
64
76
|
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
65
77
|
/>
|
|
66
78
|
</svg>
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
2
3
|
|
|
3
4
|
export interface ChevronType {
|
|
4
5
|
/**
|
|
@@ -16,16 +17,28 @@ export const chevron: React.FC<ChevronType> = ({ direction = 'right' }) => {
|
|
|
16
17
|
return (
|
|
17
18
|
<>
|
|
18
19
|
{direction === 'left' && (
|
|
19
|
-
<
|
|
20
|
+
<IconBase
|
|
21
|
+
as="path"
|
|
22
|
+
d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
|
|
23
|
+
/>
|
|
20
24
|
)}
|
|
21
25
|
{direction === 'right' && (
|
|
22
|
-
<
|
|
26
|
+
<IconBase
|
|
27
|
+
as="path"
|
|
28
|
+
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
29
|
+
/>
|
|
23
30
|
)}
|
|
24
31
|
{direction === 'up' && (
|
|
25
|
-
<
|
|
32
|
+
<IconBase
|
|
33
|
+
as="path"
|
|
34
|
+
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
35
|
+
/>
|
|
26
36
|
)}
|
|
27
37
|
{direction === 'down' && (
|
|
28
|
-
<
|
|
38
|
+
<IconBase
|
|
39
|
+
as="path"
|
|
40
|
+
d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
|
|
41
|
+
/>
|
|
29
42
|
)}
|
|
30
43
|
</>
|
|
31
44
|
);
|
|
@@ -8,7 +8,9 @@ it('renders the ChevronIcon with no props, direction prop is right by default',
|
|
|
8
8
|
});
|
|
9
9
|
|
|
10
10
|
it('renders the ChevronIcon with direction left prop', () => {
|
|
11
|
-
expect(
|
|
11
|
+
expect(
|
|
12
|
+
render(<ChevronIcon direction="left" />).baseElement
|
|
13
|
+
).toMatchSnapshot();
|
|
12
14
|
});
|
|
13
15
|
|
|
14
16
|
it('renders the ChevronIcon with direction up prop', () => {
|
|
@@ -16,5 +18,7 @@ it('renders the ChevronIcon with direction up prop', () => {
|
|
|
16
18
|
});
|
|
17
19
|
|
|
18
20
|
it('renders the ChevronIcon with direction down prop', () => {
|
|
19
|
-
expect(
|
|
21
|
+
expect(
|
|
22
|
+
render(<ChevronIcon direction="down" />).baseElement
|
|
23
|
+
).toMatchSnapshot();
|
|
20
24
|
});
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the CloseIcon with no props 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--close ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
13
|
<polygon
|
|
14
|
+
as="polygon"
|
|
15
|
+
class=""
|
|
13
16
|
points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
|
|
14
17
|
/>
|
|
15
18
|
</svg>
|
package/src/CloseIcon/config.tsx
CHANGED
|
@@ -1,11 +1,15 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
+
import IconBase from '@digigov/react-icons/IconBase';
|
|
2
3
|
|
|
3
4
|
export interface CloseType {}
|
|
4
5
|
|
|
5
6
|
export function close(): React.ReactElement {
|
|
6
7
|
return (
|
|
7
8
|
<>
|
|
8
|
-
<
|
|
9
|
+
<IconBase
|
|
10
|
+
as="polygon"
|
|
11
|
+
points="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
|
|
12
|
+
/>
|
|
9
13
|
</>
|
|
10
14
|
);
|
|
11
15
|
}
|
|
@@ -1,19 +1,27 @@
|
|
|
1
|
-
//
|
|
1
|
+
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
|
|
2
2
|
|
|
3
3
|
exports[`renders the DownloadIcon with no props 1`] = `
|
|
4
4
|
<body>
|
|
5
5
|
<div>
|
|
6
6
|
<svg
|
|
7
7
|
aria-hidden="true"
|
|
8
|
+
as="svg"
|
|
8
9
|
class="ds-svg-icon--download ds-svg-icon"
|
|
9
10
|
focusable="false"
|
|
10
11
|
viewBox="0 0 24 24"
|
|
11
12
|
>
|
|
12
|
-
<g
|
|
13
|
+
<g
|
|
14
|
+
as="g"
|
|
15
|
+
class=""
|
|
16
|
+
>
|
|
13
17
|
<polygon
|
|
18
|
+
as="polygon"
|
|
19
|
+
class=""
|
|
14
20
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
15
21
|
/>
|
|
16
22
|
<rect
|
|
23
|
+
as="rect"
|
|
24
|
+
class=""
|
|
17
25
|
height="3.301"
|
|
18
26
|
width="12"
|
|
19
27
|
x="6"
|
|
@@ -30,15 +38,23 @@ exports[`renders the DownloadIcon with prop color=error and size= xl 1`] = `
|
|
|
30
38
|
<div>
|
|
31
39
|
<svg
|
|
32
40
|
aria-hidden="true"
|
|
33
|
-
|
|
41
|
+
as="svg"
|
|
42
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
|
|
34
43
|
focusable="false"
|
|
35
44
|
viewBox="0 0 24 24"
|
|
36
45
|
>
|
|
37
|
-
<g
|
|
46
|
+
<g
|
|
47
|
+
as="g"
|
|
48
|
+
class=""
|
|
49
|
+
>
|
|
38
50
|
<polygon
|
|
51
|
+
as="polygon"
|
|
52
|
+
class=""
|
|
39
53
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
40
54
|
/>
|
|
41
55
|
<rect
|
|
56
|
+
as="rect"
|
|
57
|
+
class=""
|
|
42
58
|
height="3.301"
|
|
43
59
|
width="12"
|
|
44
60
|
x="6"
|
|
@@ -55,15 +71,23 @@ exports[`renders the DownloadIcon with prop color=warning 1`] = `
|
|
|
55
71
|
<div>
|
|
56
72
|
<svg
|
|
57
73
|
aria-hidden="true"
|
|
58
|
-
|
|
74
|
+
as="svg"
|
|
75
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning"
|
|
59
76
|
focusable="false"
|
|
60
77
|
viewBox="0 0 24 24"
|
|
61
78
|
>
|
|
62
|
-
<g
|
|
79
|
+
<g
|
|
80
|
+
as="g"
|
|
81
|
+
class=""
|
|
82
|
+
>
|
|
63
83
|
<polygon
|
|
84
|
+
as="polygon"
|
|
85
|
+
class=""
|
|
64
86
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
65
87
|
/>
|
|
66
88
|
<rect
|
|
89
|
+
as="rect"
|
|
90
|
+
class=""
|
|
67
91
|
height="3.301"
|
|
68
92
|
width="12"
|
|
69
93
|
x="6"
|
|
@@ -80,15 +104,23 @@ exports[`renders the DownloadIcon with prop color=warning and size=s 1`] = `
|
|
|
80
104
|
<div>
|
|
81
105
|
<svg
|
|
82
106
|
aria-hidden="true"
|
|
83
|
-
|
|
107
|
+
as="svg"
|
|
108
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
|
|
84
109
|
focusable="false"
|
|
85
110
|
viewBox="0 0 24 24"
|
|
86
111
|
>
|
|
87
|
-
<g
|
|
112
|
+
<g
|
|
113
|
+
as="g"
|
|
114
|
+
class=""
|
|
115
|
+
>
|
|
88
116
|
<polygon
|
|
117
|
+
as="polygon"
|
|
118
|
+
class=""
|
|
89
119
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
90
120
|
/>
|
|
91
121
|
<rect
|
|
122
|
+
as="rect"
|
|
123
|
+
class=""
|
|
92
124
|
height="3.301"
|
|
93
125
|
width="12"
|
|
94
126
|
x="6"
|
|
@@ -105,15 +137,23 @@ exports[`renders the DownloadIcon with prop color=white 1`] = `
|
|
|
105
137
|
<div>
|
|
106
138
|
<svg
|
|
107
139
|
aria-hidden="true"
|
|
108
|
-
|
|
140
|
+
as="svg"
|
|
141
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--white"
|
|
109
142
|
focusable="false"
|
|
110
143
|
viewBox="0 0 24 24"
|
|
111
144
|
>
|
|
112
|
-
<g
|
|
145
|
+
<g
|
|
146
|
+
as="g"
|
|
147
|
+
class=""
|
|
148
|
+
>
|
|
113
149
|
<polygon
|
|
150
|
+
as="polygon"
|
|
151
|
+
class=""
|
|
114
152
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
115
153
|
/>
|
|
116
154
|
<rect
|
|
155
|
+
as="rect"
|
|
156
|
+
class=""
|
|
117
157
|
height="3.301"
|
|
118
158
|
width="12"
|
|
119
159
|
x="6"
|
|
@@ -130,15 +170,23 @@ exports[`renders the DownloadIcon with prop size=m 1`] = `
|
|
|
130
170
|
<div>
|
|
131
171
|
<svg
|
|
132
172
|
aria-hidden="true"
|
|
133
|
-
|
|
173
|
+
as="svg"
|
|
174
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--md"
|
|
134
175
|
focusable="false"
|
|
135
176
|
viewBox="0 0 24 24"
|
|
136
177
|
>
|
|
137
|
-
<g
|
|
178
|
+
<g
|
|
179
|
+
as="g"
|
|
180
|
+
class=""
|
|
181
|
+
>
|
|
138
182
|
<polygon
|
|
183
|
+
as="polygon"
|
|
184
|
+
class=""
|
|
139
185
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
140
186
|
/>
|
|
141
187
|
<rect
|
|
188
|
+
as="rect"
|
|
189
|
+
class=""
|
|
142
190
|
height="3.301"
|
|
143
191
|
width="12"
|
|
144
192
|
x="6"
|
|
@@ -155,15 +203,23 @@ exports[`renders the DownloadIcon with prop size=xl 1`] = `
|
|
|
155
203
|
<div>
|
|
156
204
|
<svg
|
|
157
205
|
aria-hidden="true"
|
|
158
|
-
|
|
206
|
+
as="svg"
|
|
207
|
+
class="ds-svg-icon--download ds-svg-icon ds-svg-icon--xl"
|
|
159
208
|
focusable="false"
|
|
160
209
|
viewBox="0 0 24 24"
|
|
161
210
|
>
|
|
162
|
-
<g
|
|
211
|
+
<g
|
|
212
|
+
as="g"
|
|
213
|
+
class=""
|
|
214
|
+
>
|
|
163
215
|
<polygon
|
|
216
|
+
as="polygon"
|
|
217
|
+
class=""
|
|
164
218
|
points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
|
|
165
219
|
/>
|
|
166
220
|
<rect
|
|
221
|
+
as="rect"
|
|
222
|
+
class=""
|
|
167
223
|
height="3.301"
|
|
168
224
|
width="12"
|
|
169
225
|
x="6"
|