@digigov/react-icons 1.1.2 → 1.2.0-2702533a
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/ArrowIcon/__snapshots__/index.test.tsx.snap +8 -8
- package/CancelIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/CancelIcon/config/index.js +9 -0
- package/CancelIcon/config/package.json +6 -0
- package/CancelIcon/config.d.ts +8 -0
- package/CancelIcon/index.d.ts +4 -0
- package/CancelIcon/index.js +9 -0
- package/CancelIcon/index.test/index.js +45 -0
- package/CancelIcon/index.test/package.json +6 -0
- package/CancelIcon/index.test.d.ts +1 -0
- package/CancelIcon/package.json +6 -0
- package/ChevronIcon/__snapshots__/index.test.tsx.snap +148 -0
- package/DownloadIcon/__snapshots__/index.test.tsx.snap +318 -0
- package/DownloadIcon/config/index.js +14 -0
- package/DownloadIcon/config/package.json +6 -0
- package/DownloadIcon/config.d.ts +8 -0
- package/DownloadIcon/index.d.ts +4 -0
- package/DownloadIcon/index.js +9 -0
- package/DownloadIcon/index.test/index.js +45 -0
- package/DownloadIcon/index.test/package.json +6 -0
- package/DownloadIcon/index.test.d.ts +1 -0
- package/DownloadIcon/package.json +6 -0
- package/Icon/__snapshots__/index.test.tsx.snap +10 -10
- package/LockIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/LockIcon/config/index.js +9 -0
- package/LockIcon/config/package.json +6 -0
- package/LockIcon/config.d.ts +8 -0
- package/LockIcon/index.d.ts +4 -0
- package/LockIcon/index.js +9 -0
- package/LockIcon/index.test/index.js +45 -0
- package/LockIcon/index.test/package.json +6 -0
- package/LockIcon/index.test.d.ts +1 -0
- package/LockIcon/package.json +6 -0
- package/MinusIcon/__snapshots__/index.test.tsx.snap +283 -0
- package/MinusIcon/config/index.js +12 -0
- package/MinusIcon/config/package.json +6 -0
- package/MinusIcon/config.d.ts +8 -0
- package/MinusIcon/index.d.ts +4 -0
- package/MinusIcon/index.js +9 -0
- package/MinusIcon/index.test/index.js +45 -0
- package/MinusIcon/index.test/package.json +6 -0
- package/MinusIcon/index.test.d.ts +1 -0
- package/MinusIcon/package.json +6 -0
- package/PdfFileIcon/__snapshots__/index.test.tsx.snap +353 -0
- package/PdfFileIcon/config/index.js +15 -0
- package/PdfFileIcon/config/package.json +6 -0
- package/PdfFileIcon/config.d.ts +8 -0
- package/PdfFileIcon/index.d.ts +4 -0
- package/PdfFileIcon/index.js +9 -0
- package/PdfFileIcon/index.test/index.js +45 -0
- package/PdfFileIcon/index.test/package.json +6 -0
- package/PdfFileIcon/index.test.d.ts +1 -0
- package/PdfFileIcon/package.json +6 -0
- package/PlusIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/PlusIcon/config/index.js +9 -0
- package/PlusIcon/config/package.json +6 -0
- package/PlusIcon/config.d.ts +8 -0
- package/PlusIcon/index.d.ts +4 -0
- package/PlusIcon/index.js +9 -0
- package/PlusIcon/index.test/index.js +45 -0
- package/PlusIcon/index.test/package.json +6 -0
- package/PlusIcon/index.test.d.ts +1 -0
- package/PlusIcon/package.json +6 -0
- package/cjs/ArrowIcon/__snapshots__/index.test.tsx.snap +8 -8
- package/cjs/CancelIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/cjs/CancelIcon/config/index.js +17 -0
- package/cjs/CancelIcon/index.js +16 -0
- package/cjs/CancelIcon/index.test/index.js +48 -0
- package/cjs/ChevronIcon/__snapshots__/index.test.tsx.snap +148 -0
- package/cjs/DownloadIcon/__snapshots__/index.test.tsx.snap +318 -0
- package/cjs/DownloadIcon/config/index.js +22 -0
- package/cjs/DownloadIcon/index.js +16 -0
- package/cjs/DownloadIcon/index.test/index.js +48 -0
- package/cjs/Icon/__snapshots__/index.test.tsx.snap +10 -10
- package/cjs/Icon/index.js +1 -1
- package/cjs/LockIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/cjs/LockIcon/config/index.js +17 -0
- package/cjs/LockIcon/index.js +16 -0
- package/cjs/LockIcon/index.test/index.js +48 -0
- package/cjs/MinusIcon/__snapshots__/index.test.tsx.snap +283 -0
- package/cjs/MinusIcon/config/index.js +20 -0
- package/cjs/MinusIcon/index.js +16 -0
- package/cjs/MinusIcon/index.test/index.js +48 -0
- package/cjs/PdfFileIcon/__snapshots__/index.test.tsx.snap +353 -0
- package/cjs/PdfFileIcon/config/index.js +23 -0
- package/cjs/PdfFileIcon/index.js +16 -0
- package/cjs/PdfFileIcon/index.test/index.js +48 -0
- package/cjs/PlusIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/cjs/PlusIcon/config/index.js +17 -0
- package/cjs/PlusIcon/index.js +16 -0
- package/cjs/PlusIcon/index.test/index.js +48 -0
- package/cjs/icons/index.js +66 -0
- package/cjs/index.js +66 -0
- package/cjs/registry/index.js +12 -0
- package/icons/index.js +6 -0
- package/icons.d.ts +18 -0
- package/index.d.ts +6 -0
- package/index.js +8 -2
- package/package.json +4 -3
- package/registry/index.js +12 -0
- package/registry.d.ts +6 -0
- package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +8 -8
- package/src/CancelIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/src/CancelIcon/config.tsx +15 -0
- package/src/CancelIcon/index.test.tsx +26 -0
- package/src/CancelIcon/index.tsx +8 -0
- package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +148 -0
- package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +318 -0
- package/src/DownloadIcon/config.tsx +16 -0
- package/src/DownloadIcon/index.test.tsx +26 -0
- package/src/DownloadIcon/index.tsx +8 -0
- package/src/Icon/__snapshots__/index.test.tsx.snap +10 -10
- package/src/LockIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/src/LockIcon/config.tsx +15 -0
- package/src/LockIcon/index.test.tsx +26 -0
- package/src/LockIcon/index.tsx +8 -0
- package/src/MinusIcon/__snapshots__/index.test.tsx.snap +283 -0
- package/src/MinusIcon/config.tsx +15 -0
- package/src/MinusIcon/index.test.tsx +26 -0
- package/src/MinusIcon/index.tsx +8 -0
- package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +353 -0
- package/src/PdfFileIcon/config.tsx +20 -0
- package/src/PdfFileIcon/index.test.tsx +26 -0
- package/src/PdfFileIcon/index.tsx +8 -0
- package/src/PlusIcon/__snapshots__/index.test.tsx.snap +262 -0
- package/src/PlusIcon/config.tsx +15 -0
- package/src/PlusIcon/index.test.tsx +26 -0
- package/src/PlusIcon/index.tsx +8 -0
- package/src/icons.ts +18 -0
- package/src/index.ts +6 -0
- package/src/registry.js +12 -0
package/registry/index.js
CHANGED
|
@@ -1,15 +1,21 @@
|
|
|
1
1
|
import * as _digigov_react_icons_AccessibilityIcon from '@digigov/react-icons/AccessibilityIcon';
|
|
2
2
|
import * as _digigov_react_icons_ArrowIcon from '@digigov/react-icons/ArrowIcon';
|
|
3
3
|
import * as _digigov_react_icons_BurgerIcon from '@digigov/react-icons/BurgerIcon';
|
|
4
|
+
import * as _digigov_react_icons_CancelIcon from '@digigov/react-icons/CancelIcon';
|
|
4
5
|
import * as _digigov_react_icons_CaretIcon from '@digigov/react-icons/CaretIcon';
|
|
5
6
|
import * as _digigov_react_icons_CheckIcon from '@digigov/react-icons/CheckIcon';
|
|
6
7
|
import * as _digigov_react_icons_ChevronIcon from '@digigov/react-icons/ChevronIcon';
|
|
7
8
|
import * as _digigov_react_icons_CloseIcon from '@digigov/react-icons/CloseIcon';
|
|
9
|
+
import * as _digigov_react_icons_DownloadIcon from '@digigov/react-icons/DownloadIcon';
|
|
8
10
|
import * as _digigov_react_icons_GlobeIcon from '@digigov/react-icons/GlobeIcon';
|
|
9
11
|
import * as _digigov_react_icons_Icon from '@digigov/react-icons/Icon';
|
|
10
12
|
import * as _digigov_react_icons_icons from '@digigov/react-icons/icons';
|
|
11
13
|
import * as _digigov_react_icons from '@digigov/react-icons';
|
|
14
|
+
import * as _digigov_react_icons_LockIcon from '@digigov/react-icons/LockIcon';
|
|
15
|
+
import * as _digigov_react_icons_MinusIcon from '@digigov/react-icons/MinusIcon';
|
|
12
16
|
import * as _digigov_react_icons_MoreVertIcon from '@digigov/react-icons/MoreVertIcon';
|
|
17
|
+
import * as _digigov_react_icons_PdfFileIcon from '@digigov/react-icons/PdfFileIcon';
|
|
18
|
+
import * as _digigov_react_icons_PlusIcon from '@digigov/react-icons/PlusIcon';
|
|
13
19
|
import * as _digigov_react_icons_SearchIcon from '@digigov/react-icons/SearchIcon';
|
|
14
20
|
import * as _digigov_react_icons_UncheckIcon from '@digigov/react-icons/UncheckIcon';
|
|
15
21
|
function lazyImport(pkgImport) {
|
|
@@ -30,15 +36,21 @@ export default {
|
|
|
30
36
|
'@digigov/react-icons/AccessibilityIcon': lazyImport(_digigov_react_icons_AccessibilityIcon),
|
|
31
37
|
'@digigov/react-icons/ArrowIcon': lazyImport(_digigov_react_icons_ArrowIcon),
|
|
32
38
|
'@digigov/react-icons/BurgerIcon': lazyImport(_digigov_react_icons_BurgerIcon),
|
|
39
|
+
'@digigov/react-icons/CancelIcon': lazyImport(_digigov_react_icons_CancelIcon),
|
|
33
40
|
'@digigov/react-icons/CaretIcon': lazyImport(_digigov_react_icons_CaretIcon),
|
|
34
41
|
'@digigov/react-icons/CheckIcon': lazyImport(_digigov_react_icons_CheckIcon),
|
|
35
42
|
'@digigov/react-icons/ChevronIcon': lazyImport(_digigov_react_icons_ChevronIcon),
|
|
36
43
|
'@digigov/react-icons/CloseIcon': lazyImport(_digigov_react_icons_CloseIcon),
|
|
44
|
+
'@digigov/react-icons/DownloadIcon': lazyImport(_digigov_react_icons_DownloadIcon),
|
|
37
45
|
'@digigov/react-icons/GlobeIcon': lazyImport(_digigov_react_icons_GlobeIcon),
|
|
38
46
|
'@digigov/react-icons/Icon': lazyImport(_digigov_react_icons_Icon),
|
|
39
47
|
'@digigov/react-icons/icons': lazyImport(_digigov_react_icons_icons),
|
|
40
48
|
'@digigov/react-icons': lazyImport(_digigov_react_icons),
|
|
49
|
+
'@digigov/react-icons/LockIcon': lazyImport(_digigov_react_icons_LockIcon),
|
|
50
|
+
'@digigov/react-icons/MinusIcon': lazyImport(_digigov_react_icons_MinusIcon),
|
|
41
51
|
'@digigov/react-icons/MoreVertIcon': lazyImport(_digigov_react_icons_MoreVertIcon),
|
|
52
|
+
'@digigov/react-icons/PdfFileIcon': lazyImport(_digigov_react_icons_PdfFileIcon),
|
|
53
|
+
'@digigov/react-icons/PlusIcon': lazyImport(_digigov_react_icons_PlusIcon),
|
|
42
54
|
'@digigov/react-icons/SearchIcon': lazyImport(_digigov_react_icons_SearchIcon),
|
|
43
55
|
'@digigov/react-icons/UncheckIcon': lazyImport(_digigov_react_icons_UncheckIcon)
|
|
44
56
|
};
|
package/registry.d.ts
CHANGED
|
@@ -2,15 +2,21 @@ declare const _default: {
|
|
|
2
2
|
'@digigov/react-icons/AccessibilityIcon': {};
|
|
3
3
|
'@digigov/react-icons/ArrowIcon': {};
|
|
4
4
|
'@digigov/react-icons/BurgerIcon': {};
|
|
5
|
+
'@digigov/react-icons/CancelIcon': {};
|
|
5
6
|
'@digigov/react-icons/CaretIcon': {};
|
|
6
7
|
'@digigov/react-icons/CheckIcon': {};
|
|
7
8
|
'@digigov/react-icons/ChevronIcon': {};
|
|
8
9
|
'@digigov/react-icons/CloseIcon': {};
|
|
10
|
+
'@digigov/react-icons/DownloadIcon': {};
|
|
9
11
|
'@digigov/react-icons/GlobeIcon': {};
|
|
10
12
|
'@digigov/react-icons/Icon': {};
|
|
11
13
|
'@digigov/react-icons/icons': {};
|
|
12
14
|
'@digigov/react-icons': {};
|
|
15
|
+
'@digigov/react-icons/LockIcon': {};
|
|
16
|
+
'@digigov/react-icons/MinusIcon': {};
|
|
13
17
|
'@digigov/react-icons/MoreVertIcon': {};
|
|
18
|
+
'@digigov/react-icons/PdfFileIcon': {};
|
|
19
|
+
'@digigov/react-icons/PlusIcon': {};
|
|
14
20
|
'@digigov/react-icons/SearchIcon': {};
|
|
15
21
|
'@digigov/react-icons/UncheckIcon': {};
|
|
16
22
|
};
|
|
@@ -27,8 +27,8 @@ exports[`renders the ArrowIcon with direction down prop 1`] = `
|
|
|
27
27
|
<arrow
|
|
28
28
|
direction="down"
|
|
29
29
|
>
|
|
30
|
-
<
|
|
31
|
-
|
|
30
|
+
<polygon
|
|
31
|
+
points="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
|
|
32
32
|
/>
|
|
33
33
|
</arrow>
|
|
34
34
|
</svg>
|
|
@@ -65,8 +65,8 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
|
|
|
65
65
|
<arrow
|
|
66
66
|
direction="left"
|
|
67
67
|
>
|
|
68
|
-
<
|
|
69
|
-
|
|
68
|
+
<polygon
|
|
69
|
+
points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
|
|
70
70
|
/>
|
|
71
71
|
</arrow>
|
|
72
72
|
</svg>
|
|
@@ -103,8 +103,8 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
|
|
|
103
103
|
<arrow
|
|
104
104
|
direction="up"
|
|
105
105
|
>
|
|
106
|
-
<
|
|
107
|
-
|
|
106
|
+
<polygon
|
|
107
|
+
points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
|
|
108
108
|
/>
|
|
109
109
|
</arrow>
|
|
110
110
|
</svg>
|
|
@@ -136,8 +136,8 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
|
|
|
136
136
|
viewBox="0 0 24 24"
|
|
137
137
|
>
|
|
138
138
|
<arrow>
|
|
139
|
-
<
|
|
140
|
-
|
|
139
|
+
<polygon
|
|
140
|
+
points="22 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
|
|
141
141
|
/>
|
|
142
142
|
</arrow>
|
|
143
143
|
</svg>
|
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the CancelIcon with no props 1`] = `
|
|
4
|
+
<CancelIcon>
|
|
5
|
+
<ForwardRef(Icon)
|
|
6
|
+
icon="cancel"
|
|
7
|
+
>
|
|
8
|
+
<ForwardRef(SvgIcon)
|
|
9
|
+
className="govgr-svg-icon--cancel"
|
|
10
|
+
>
|
|
11
|
+
<ForwardRef(Base)
|
|
12
|
+
aria-hidden="true"
|
|
13
|
+
as="svg"
|
|
14
|
+
className="govgr-svg-icon--cancel govgr-svg-icon"
|
|
15
|
+
focusable="false"
|
|
16
|
+
viewBox="0 0 24 24"
|
|
17
|
+
>
|
|
18
|
+
<svg
|
|
19
|
+
aria-hidden="true"
|
|
20
|
+
className="govgr-svg-icon--cancel govgr-svg-icon"
|
|
21
|
+
focusable="false"
|
|
22
|
+
viewBox="0 0 24 24"
|
|
23
|
+
>
|
|
24
|
+
<cancel>
|
|
25
|
+
<path
|
|
26
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
27
|
+
/>
|
|
28
|
+
</cancel>
|
|
29
|
+
</svg>
|
|
30
|
+
</ForwardRef(Base)>
|
|
31
|
+
</ForwardRef(SvgIcon)>
|
|
32
|
+
</ForwardRef(Icon)>
|
|
33
|
+
</CancelIcon>
|
|
34
|
+
`;
|
|
35
|
+
|
|
36
|
+
exports[`renders the CancelIcon with prop size=m 1`] = `
|
|
37
|
+
<CancelIcon
|
|
38
|
+
size="md"
|
|
39
|
+
>
|
|
40
|
+
<ForwardRef(Icon)
|
|
41
|
+
icon="cancel"
|
|
42
|
+
size="md"
|
|
43
|
+
>
|
|
44
|
+
<ForwardRef(SvgIcon)
|
|
45
|
+
className="govgr-svg-icon--cancel"
|
|
46
|
+
size="md"
|
|
47
|
+
>
|
|
48
|
+
<ForwardRef(Base)
|
|
49
|
+
aria-hidden="true"
|
|
50
|
+
as="svg"
|
|
51
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--md govgr-svg-icon"
|
|
52
|
+
focusable="false"
|
|
53
|
+
viewBox="0 0 24 24"
|
|
54
|
+
>
|
|
55
|
+
<svg
|
|
56
|
+
aria-hidden="true"
|
|
57
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--md govgr-svg-icon"
|
|
58
|
+
focusable="false"
|
|
59
|
+
viewBox="0 0 24 24"
|
|
60
|
+
>
|
|
61
|
+
<cancel>
|
|
62
|
+
<path
|
|
63
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
64
|
+
/>
|
|
65
|
+
</cancel>
|
|
66
|
+
</svg>
|
|
67
|
+
</ForwardRef(Base)>
|
|
68
|
+
</ForwardRef(SvgIcon)>
|
|
69
|
+
</ForwardRef(Icon)>
|
|
70
|
+
</CancelIcon>
|
|
71
|
+
`;
|
|
72
|
+
|
|
73
|
+
exports[`renders the CancelIcon with prop size=xl 1`] = `
|
|
74
|
+
<CancelIcon
|
|
75
|
+
size="xl"
|
|
76
|
+
>
|
|
77
|
+
<ForwardRef(Icon)
|
|
78
|
+
icon="cancel"
|
|
79
|
+
size="xl"
|
|
80
|
+
>
|
|
81
|
+
<ForwardRef(SvgIcon)
|
|
82
|
+
className="govgr-svg-icon--cancel"
|
|
83
|
+
size="xl"
|
|
84
|
+
>
|
|
85
|
+
<ForwardRef(Base)
|
|
86
|
+
aria-hidden="true"
|
|
87
|
+
as="svg"
|
|
88
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--xl govgr-svg-icon"
|
|
89
|
+
focusable="false"
|
|
90
|
+
viewBox="0 0 24 24"
|
|
91
|
+
>
|
|
92
|
+
<svg
|
|
93
|
+
aria-hidden="true"
|
|
94
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--xl govgr-svg-icon"
|
|
95
|
+
focusable="false"
|
|
96
|
+
viewBox="0 0 24 24"
|
|
97
|
+
>
|
|
98
|
+
<cancel>
|
|
99
|
+
<path
|
|
100
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
101
|
+
/>
|
|
102
|
+
</cancel>
|
|
103
|
+
</svg>
|
|
104
|
+
</ForwardRef(Base)>
|
|
105
|
+
</ForwardRef(SvgIcon)>
|
|
106
|
+
</ForwardRef(Icon)>
|
|
107
|
+
</CancelIcon>
|
|
108
|
+
`;
|
|
109
|
+
|
|
110
|
+
exports[`renders the CancelIcon with prop variant=error and size= xl 1`] = `
|
|
111
|
+
<CancelIcon
|
|
112
|
+
size="xl"
|
|
113
|
+
variant="warning"
|
|
114
|
+
>
|
|
115
|
+
<ForwardRef(Icon)
|
|
116
|
+
icon="cancel"
|
|
117
|
+
size="xl"
|
|
118
|
+
variant="warning"
|
|
119
|
+
>
|
|
120
|
+
<ForwardRef(SvgIcon)
|
|
121
|
+
className="govgr-svg-icon--cancel"
|
|
122
|
+
size="xl"
|
|
123
|
+
variant="warning"
|
|
124
|
+
>
|
|
125
|
+
<ForwardRef(Base)
|
|
126
|
+
aria-hidden="true"
|
|
127
|
+
as="svg"
|
|
128
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
|
|
129
|
+
focusable="false"
|
|
130
|
+
viewBox="0 0 24 24"
|
|
131
|
+
>
|
|
132
|
+
<svg
|
|
133
|
+
aria-hidden="true"
|
|
134
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--xl govgr-svg-icon"
|
|
135
|
+
focusable="false"
|
|
136
|
+
viewBox="0 0 24 24"
|
|
137
|
+
>
|
|
138
|
+
<cancel>
|
|
139
|
+
<path
|
|
140
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
141
|
+
/>
|
|
142
|
+
</cancel>
|
|
143
|
+
</svg>
|
|
144
|
+
</ForwardRef(Base)>
|
|
145
|
+
</ForwardRef(SvgIcon)>
|
|
146
|
+
</ForwardRef(Icon)>
|
|
147
|
+
</CancelIcon>
|
|
148
|
+
`;
|
|
149
|
+
|
|
150
|
+
exports[`renders the CancelIcon with prop variant=light 1`] = `
|
|
151
|
+
<CancelIcon
|
|
152
|
+
variant="light"
|
|
153
|
+
>
|
|
154
|
+
<ForwardRef(Icon)
|
|
155
|
+
icon="cancel"
|
|
156
|
+
variant="light"
|
|
157
|
+
>
|
|
158
|
+
<ForwardRef(SvgIcon)
|
|
159
|
+
className="govgr-svg-icon--cancel"
|
|
160
|
+
variant="light"
|
|
161
|
+
>
|
|
162
|
+
<ForwardRef(Base)
|
|
163
|
+
aria-hidden="true"
|
|
164
|
+
as="svg"
|
|
165
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--light govgr-svg-icon"
|
|
166
|
+
focusable="false"
|
|
167
|
+
viewBox="0 0 24 24"
|
|
168
|
+
>
|
|
169
|
+
<svg
|
|
170
|
+
aria-hidden="true"
|
|
171
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--light govgr-svg-icon"
|
|
172
|
+
focusable="false"
|
|
173
|
+
viewBox="0 0 24 24"
|
|
174
|
+
>
|
|
175
|
+
<cancel>
|
|
176
|
+
<path
|
|
177
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
178
|
+
/>
|
|
179
|
+
</cancel>
|
|
180
|
+
</svg>
|
|
181
|
+
</ForwardRef(Base)>
|
|
182
|
+
</ForwardRef(SvgIcon)>
|
|
183
|
+
</ForwardRef(Icon)>
|
|
184
|
+
</CancelIcon>
|
|
185
|
+
`;
|
|
186
|
+
|
|
187
|
+
exports[`renders the CancelIcon with prop variant=warning 1`] = `
|
|
188
|
+
<CancelIcon
|
|
189
|
+
variant="warning"
|
|
190
|
+
>
|
|
191
|
+
<ForwardRef(Icon)
|
|
192
|
+
icon="cancel"
|
|
193
|
+
variant="warning"
|
|
194
|
+
>
|
|
195
|
+
<ForwardRef(SvgIcon)
|
|
196
|
+
className="govgr-svg-icon--cancel"
|
|
197
|
+
variant="warning"
|
|
198
|
+
>
|
|
199
|
+
<ForwardRef(Base)
|
|
200
|
+
aria-hidden="true"
|
|
201
|
+
as="svg"
|
|
202
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon"
|
|
203
|
+
focusable="false"
|
|
204
|
+
viewBox="0 0 24 24"
|
|
205
|
+
>
|
|
206
|
+
<svg
|
|
207
|
+
aria-hidden="true"
|
|
208
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon"
|
|
209
|
+
focusable="false"
|
|
210
|
+
viewBox="0 0 24 24"
|
|
211
|
+
>
|
|
212
|
+
<cancel>
|
|
213
|
+
<path
|
|
214
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
215
|
+
/>
|
|
216
|
+
</cancel>
|
|
217
|
+
</svg>
|
|
218
|
+
</ForwardRef(Base)>
|
|
219
|
+
</ForwardRef(SvgIcon)>
|
|
220
|
+
</ForwardRef(Icon)>
|
|
221
|
+
</CancelIcon>
|
|
222
|
+
`;
|
|
223
|
+
|
|
224
|
+
exports[`renders the CancelIcon with prop variant=warning and size=s 1`] = `
|
|
225
|
+
<CancelIcon
|
|
226
|
+
size="sm"
|
|
227
|
+
variant="warning"
|
|
228
|
+
>
|
|
229
|
+
<ForwardRef(Icon)
|
|
230
|
+
icon="cancel"
|
|
231
|
+
size="sm"
|
|
232
|
+
variant="warning"
|
|
233
|
+
>
|
|
234
|
+
<ForwardRef(SvgIcon)
|
|
235
|
+
className="govgr-svg-icon--cancel"
|
|
236
|
+
size="sm"
|
|
237
|
+
variant="warning"
|
|
238
|
+
>
|
|
239
|
+
<ForwardRef(Base)
|
|
240
|
+
aria-hidden="true"
|
|
241
|
+
as="svg"
|
|
242
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
|
|
243
|
+
focusable="false"
|
|
244
|
+
viewBox="0 0 24 24"
|
|
245
|
+
>
|
|
246
|
+
<svg
|
|
247
|
+
aria-hidden="true"
|
|
248
|
+
className="govgr-svg-icon--cancel govgr-svg-icon--warning govgr-svg-icon--sm govgr-svg-icon"
|
|
249
|
+
focusable="false"
|
|
250
|
+
viewBox="0 0 24 24"
|
|
251
|
+
>
|
|
252
|
+
<cancel>
|
|
253
|
+
<path
|
|
254
|
+
d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"
|
|
255
|
+
/>
|
|
256
|
+
</cancel>
|
|
257
|
+
</svg>
|
|
258
|
+
</ForwardRef(Base)>
|
|
259
|
+
</ForwardRef(SvgIcon)>
|
|
260
|
+
</ForwardRef(Icon)>
|
|
261
|
+
</CancelIcon>
|
|
262
|
+
`;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
|
|
3
|
+
export interface CancelType {}
|
|
4
|
+
|
|
5
|
+
export function cancel(): React.ReactElement {
|
|
6
|
+
return (
|
|
7
|
+
<>
|
|
8
|
+
<path d="M12,2C6.477,2,2,6.477,2,12s4.477,10,10,10,10-4.477,10-10S17.523,2,12,2ZM17.419,15.581l-1.838,1.838-3.581-3.581-3.581,3.581-1.838-1.838,3.581-3.581-3.581-3.581,1.838-1.839,3.581,3.581,3.581-3.581,1.838,1.839-3.581,3.581,3.581,3.581Z"/>
|
|
9
|
+
</>
|
|
10
|
+
);
|
|
11
|
+
}
|
|
12
|
+
|
|
13
|
+
cancel.props = [];
|
|
14
|
+
|
|
15
|
+
export default cancel;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import { mount } from 'enzyme';
|
|
3
|
+
|
|
4
|
+
import CancelIcon from '@digigov/react-icons/CancelIcon';
|
|
5
|
+
|
|
6
|
+
it('renders the CancelIcon with no props', () => {
|
|
7
|
+
expect(mount(<CancelIcon />)).toMatchSnapshot();
|
|
8
|
+
});
|
|
9
|
+
it('renders the CancelIcon with prop size=m', () => {
|
|
10
|
+
expect(mount(<CancelIcon size="md" />)).toMatchSnapshot();
|
|
11
|
+
});
|
|
12
|
+
it('renders the CancelIcon with prop size=xl', () => {
|
|
13
|
+
expect(mount(<CancelIcon size="xl" />)).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
it('renders the CancelIcon with prop variant=light', () => {
|
|
16
|
+
expect(mount(<CancelIcon variant="light" />)).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
it('renders the CancelIcon with prop variant=warning', () => {
|
|
19
|
+
expect(mount(<CancelIcon variant="warning" />)).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it('renders the CancelIcon with prop variant=warning and size=s', () => {
|
|
22
|
+
expect(mount(<CancelIcon variant="warning" size="sm" />)).toMatchSnapshot();
|
|
23
|
+
});
|
|
24
|
+
it('renders the CancelIcon with prop variant=error and size= xl', () => {
|
|
25
|
+
expect(mount(<CancelIcon variant="warning" size="xl" />)).toMatchSnapshot();
|
|
26
|
+
});
|
|
@@ -0,0 +1,148 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`renders the ChevronIcon with direction down prop 1`] = `
|
|
4
|
+
<ChevronIcon
|
|
5
|
+
direction="down"
|
|
6
|
+
>
|
|
7
|
+
<ForwardRef(Icon)
|
|
8
|
+
direction="down"
|
|
9
|
+
icon="chevron"
|
|
10
|
+
>
|
|
11
|
+
<ForwardRef(SvgIcon)
|
|
12
|
+
className="govgr-svg-icon--chevron"
|
|
13
|
+
>
|
|
14
|
+
<ForwardRef(Base)
|
|
15
|
+
aria-hidden="true"
|
|
16
|
+
as="svg"
|
|
17
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
18
|
+
focusable="false"
|
|
19
|
+
viewBox="0 0 24 24"
|
|
20
|
+
>
|
|
21
|
+
<svg
|
|
22
|
+
aria-hidden="true"
|
|
23
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
24
|
+
focusable="false"
|
|
25
|
+
viewBox="0 0 24 24"
|
|
26
|
+
>
|
|
27
|
+
<chevron
|
|
28
|
+
direction="down"
|
|
29
|
+
>
|
|
30
|
+
<path
|
|
31
|
+
d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z"
|
|
32
|
+
/>
|
|
33
|
+
</chevron>
|
|
34
|
+
</svg>
|
|
35
|
+
</ForwardRef(Base)>
|
|
36
|
+
</ForwardRef(SvgIcon)>
|
|
37
|
+
</ForwardRef(Icon)>
|
|
38
|
+
</ChevronIcon>
|
|
39
|
+
`;
|
|
40
|
+
|
|
41
|
+
exports[`renders the ChevronIcon with direction left prop 1`] = `
|
|
42
|
+
<ChevronIcon
|
|
43
|
+
direction="left"
|
|
44
|
+
>
|
|
45
|
+
<ForwardRef(Icon)
|
|
46
|
+
direction="left"
|
|
47
|
+
icon="chevron"
|
|
48
|
+
>
|
|
49
|
+
<ForwardRef(SvgIcon)
|
|
50
|
+
className="govgr-svg-icon--chevron"
|
|
51
|
+
>
|
|
52
|
+
<ForwardRef(Base)
|
|
53
|
+
aria-hidden="true"
|
|
54
|
+
as="svg"
|
|
55
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
56
|
+
focusable="false"
|
|
57
|
+
viewBox="0 0 24 24"
|
|
58
|
+
>
|
|
59
|
+
<svg
|
|
60
|
+
aria-hidden="true"
|
|
61
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
62
|
+
focusable="false"
|
|
63
|
+
viewBox="0 0 24 24"
|
|
64
|
+
>
|
|
65
|
+
<chevron
|
|
66
|
+
direction="left"
|
|
67
|
+
>
|
|
68
|
+
<path
|
|
69
|
+
d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z"
|
|
70
|
+
/>
|
|
71
|
+
</chevron>
|
|
72
|
+
</svg>
|
|
73
|
+
</ForwardRef(Base)>
|
|
74
|
+
</ForwardRef(SvgIcon)>
|
|
75
|
+
</ForwardRef(Icon)>
|
|
76
|
+
</ChevronIcon>
|
|
77
|
+
`;
|
|
78
|
+
|
|
79
|
+
exports[`renders the ChevronIcon with direction up prop 1`] = `
|
|
80
|
+
<ChevronIcon
|
|
81
|
+
direction="up"
|
|
82
|
+
>
|
|
83
|
+
<ForwardRef(Icon)
|
|
84
|
+
direction="up"
|
|
85
|
+
icon="chevron"
|
|
86
|
+
>
|
|
87
|
+
<ForwardRef(SvgIcon)
|
|
88
|
+
className="govgr-svg-icon--chevron"
|
|
89
|
+
>
|
|
90
|
+
<ForwardRef(Base)
|
|
91
|
+
aria-hidden="true"
|
|
92
|
+
as="svg"
|
|
93
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
94
|
+
focusable="false"
|
|
95
|
+
viewBox="0 0 24 24"
|
|
96
|
+
>
|
|
97
|
+
<svg
|
|
98
|
+
aria-hidden="true"
|
|
99
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
100
|
+
focusable="false"
|
|
101
|
+
viewBox="0 0 24 24"
|
|
102
|
+
>
|
|
103
|
+
<chevron
|
|
104
|
+
direction="up"
|
|
105
|
+
>
|
|
106
|
+
<path
|
|
107
|
+
d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
|
|
108
|
+
/>
|
|
109
|
+
</chevron>
|
|
110
|
+
</svg>
|
|
111
|
+
</ForwardRef(Base)>
|
|
112
|
+
</ForwardRef(SvgIcon)>
|
|
113
|
+
</ForwardRef(Icon)>
|
|
114
|
+
</ChevronIcon>
|
|
115
|
+
`;
|
|
116
|
+
|
|
117
|
+
exports[`renders the ChevronIcon with no props, direction prop is right by default 1`] = `
|
|
118
|
+
<ChevronIcon>
|
|
119
|
+
<ForwardRef(Icon)
|
|
120
|
+
icon="chevron"
|
|
121
|
+
>
|
|
122
|
+
<ForwardRef(SvgIcon)
|
|
123
|
+
className="govgr-svg-icon--chevron"
|
|
124
|
+
>
|
|
125
|
+
<ForwardRef(Base)
|
|
126
|
+
aria-hidden="true"
|
|
127
|
+
as="svg"
|
|
128
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
129
|
+
focusable="false"
|
|
130
|
+
viewBox="0 0 24 24"
|
|
131
|
+
>
|
|
132
|
+
<svg
|
|
133
|
+
aria-hidden="true"
|
|
134
|
+
className="govgr-svg-icon--chevron govgr-svg-icon"
|
|
135
|
+
focusable="false"
|
|
136
|
+
viewBox="0 0 24 24"
|
|
137
|
+
>
|
|
138
|
+
<chevron>
|
|
139
|
+
<path
|
|
140
|
+
d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
|
|
141
|
+
/>
|
|
142
|
+
</chevron>
|
|
143
|
+
</svg>
|
|
144
|
+
</ForwardRef(Base)>
|
|
145
|
+
</ForwardRef(SvgIcon)>
|
|
146
|
+
</ForwardRef(Icon)>
|
|
147
|
+
</ChevronIcon>
|
|
148
|
+
`;
|