@digigov/react-icons 2.0.0-daaf7bdf → 2.0.0-e20fed09

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.
Files changed (218) hide show
  1. package/AccessibilityIcon/config/index.js +3 -3
  2. package/AccessibilityIcon/config.d.ts +1 -1
  3. package/AccessibilityIcon/config.js.map +2 -2
  4. package/ArrowIcon/config/index.js +26 -2
  5. package/ArrowIcon/config.js.map +2 -2
  6. package/BurgerIcon/config/index.js +29 -5
  7. package/BurgerIcon/config.d.ts +2 -2
  8. package/BurgerIcon/config.js.map +2 -2
  9. package/CancelIcon/config/index.js +8 -2
  10. package/CancelIcon/config.d.ts +1 -1
  11. package/CancelIcon/config.js.map +2 -2
  12. package/CaretIcon/config/index.js +2 -2
  13. package/CaretIcon/config.js.map +2 -2
  14. package/ChatIcon/config/index.js +8 -2
  15. package/ChatIcon/config.js.map +2 -2
  16. package/CheckIcon/config/index.js +8 -2
  17. package/CheckIcon/config.d.ts +1 -1
  18. package/CheckIcon/config.js.map +2 -2
  19. package/ChevronIcon/config/index.js +26 -2
  20. package/ChevronIcon/config.js.map +2 -2
  21. package/CloseIcon/config/index.js +8 -2
  22. package/CloseIcon/config.d.ts +1 -1
  23. package/CloseIcon/config.js.map +2 -2
  24. package/DownloadIcon/config/index.js +8 -2
  25. package/DownloadIcon/config.d.ts +1 -1
  26. package/DownloadIcon/config.js.map +2 -2
  27. package/ExclamationIcon/config/index.js +8 -2
  28. package/ExclamationIcon/config.d.ts +1 -1
  29. package/ExclamationIcon/config.js.map +2 -2
  30. package/GlobeIcon/config/index.js +8 -2
  31. package/GlobeIcon/config.d.ts +1 -1
  32. package/GlobeIcon/config.js.map +2 -2
  33. package/Icon/index.d.ts +1 -1
  34. package/Icon/index.js +1 -1
  35. package/Icon/index.js.map +2 -2
  36. package/{Base → IconBase}/index.d.ts +6 -6
  37. package/{Base → IconBase}/index.js +4 -4
  38. package/IconBase/index.js.map +7 -0
  39. package/{Base → IconBase}/package.json +1 -1
  40. package/LockIcon/config/index.js +8 -2
  41. package/LockIcon/config.d.ts +1 -1
  42. package/LockIcon/config.js.map +2 -2
  43. package/LoginIcon/config/index.js +14 -2
  44. package/LoginIcon/config.d.ts +1 -1
  45. package/LoginIcon/config.js.map +2 -2
  46. package/MinusIcon/config/index.js +2 -2
  47. package/MinusIcon/config.d.ts +1 -1
  48. package/MinusIcon/config.js.map +2 -2
  49. package/MoreVertIcon/config/index.js +2 -2
  50. package/MoreVertIcon/config.d.ts +1 -1
  51. package/MoreVertIcon/config.js.map +2 -2
  52. package/PdfFileIcon/config/index.js +20 -2
  53. package/PdfFileIcon/config.d.ts +1 -1
  54. package/PdfFileIcon/config.js.map +2 -2
  55. package/PlusIcon/config/index.js +8 -2
  56. package/PlusIcon/config.d.ts +1 -1
  57. package/PlusIcon/config.js.map +2 -2
  58. package/PrintIcon/config/index.js +8 -2
  59. package/PrintIcon/config.d.ts +1 -1
  60. package/PrintIcon/config.js.map +2 -2
  61. package/ReplyIcon/config/index.js +8 -2
  62. package/ReplyIcon/config.d.ts +1 -1
  63. package/ReplyIcon/config.js.map +2 -2
  64. package/RestoreIcon/config/index.js +8 -2
  65. package/RestoreIcon/config.d.ts +1 -1
  66. package/RestoreIcon/config.js.map +2 -2
  67. package/SearchIcon/config/index.js +8 -2
  68. package/SearchIcon/config.d.ts +1 -1
  69. package/SearchIcon/config.js.map +2 -2
  70. package/SvgIcon/index.d.ts +2 -2
  71. package/SvgIcon/index.js +2 -2
  72. package/SvgIcon/index.js.map +2 -2
  73. package/UncheckIcon/config/index.js +8 -2
  74. package/UncheckIcon/config.d.ts +1 -1
  75. package/UncheckIcon/config.js.map +2 -2
  76. package/cjs/AccessibilityIcon/config/index.js +3 -3
  77. package/cjs/AccessibilityIcon/config.js.map +3 -3
  78. package/cjs/ArrowIcon/config/index.js +26 -2
  79. package/cjs/ArrowIcon/config.js.map +3 -3
  80. package/cjs/BurgerIcon/config/index.js +29 -5
  81. package/cjs/BurgerIcon/config.js.map +3 -3
  82. package/cjs/CancelIcon/config/index.js +8 -2
  83. package/cjs/CancelIcon/config.js.map +3 -3
  84. package/cjs/CaretIcon/config/index.js +2 -2
  85. package/cjs/CaretIcon/config.js.map +3 -3
  86. package/cjs/ChatIcon/config/index.js +8 -2
  87. package/cjs/ChatIcon/config.js.map +3 -3
  88. package/cjs/CheckIcon/config/index.js +8 -2
  89. package/cjs/CheckIcon/config.js.map +3 -3
  90. package/cjs/ChevronIcon/config/index.js +26 -2
  91. package/cjs/ChevronIcon/config.js.map +3 -3
  92. package/cjs/CloseIcon/config/index.js +8 -2
  93. package/cjs/CloseIcon/config.js.map +3 -3
  94. package/cjs/DownloadIcon/config/index.js +8 -2
  95. package/cjs/DownloadIcon/config.js.map +3 -3
  96. package/cjs/ExclamationIcon/config/index.js +8 -2
  97. package/cjs/ExclamationIcon/config.js.map +3 -3
  98. package/cjs/GlobeIcon/config/index.js +8 -2
  99. package/cjs/GlobeIcon/config.js.map +3 -3
  100. package/cjs/Icon/index.js +1 -1
  101. package/cjs/Icon/index.js.map +2 -2
  102. package/cjs/{Base → IconBase}/index.js +8 -8
  103. package/cjs/IconBase/index.js.map +7 -0
  104. package/cjs/LockIcon/config/index.js +8 -2
  105. package/cjs/LockIcon/config.js.map +3 -3
  106. package/cjs/LoginIcon/config/index.js +14 -2
  107. package/cjs/LoginIcon/config.js.map +3 -3
  108. package/cjs/MinusIcon/config/index.js +2 -2
  109. package/cjs/MinusIcon/config.js.map +3 -3
  110. package/cjs/MoreVertIcon/config/index.js +2 -2
  111. package/cjs/MoreVertIcon/config.js.map +3 -3
  112. package/cjs/PdfFileIcon/config/index.js +20 -2
  113. package/cjs/PdfFileIcon/config.js.map +3 -3
  114. package/cjs/PlusIcon/config/index.js +8 -2
  115. package/cjs/PlusIcon/config.js.map +3 -3
  116. package/cjs/PrintIcon/config/index.js +8 -2
  117. package/cjs/PrintIcon/config.js.map +3 -3
  118. package/cjs/ReplyIcon/config/index.js +8 -2
  119. package/cjs/ReplyIcon/config.js.map +3 -3
  120. package/cjs/RestoreIcon/config/index.js +8 -2
  121. package/cjs/RestoreIcon/config.js.map +3 -3
  122. package/cjs/SearchIcon/config/index.js +8 -2
  123. package/cjs/SearchIcon/config.js.map +3 -3
  124. package/cjs/SvgIcon/index.js +2 -2
  125. package/cjs/SvgIcon/index.js.map +3 -3
  126. package/cjs/UncheckIcon/config/index.js +8 -2
  127. package/cjs/UncheckIcon/config.js.map +3 -3
  128. package/cjs/icons.js.map +1 -1
  129. package/cjs/lazy/index.js +7 -7
  130. package/cjs/lazy.js.map +3 -3
  131. package/cjs/registry/index.js +52 -6
  132. package/cjs/registry.js.map +3 -3
  133. package/icons.d.ts +11 -11
  134. package/icons.js.map +1 -1
  135. package/index.js +1 -1
  136. package/lazy/index.js +28 -32
  137. package/package.json +4 -4
  138. package/registry/index.js +85 -40
  139. package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
  140. package/src/AccessibilityIcon/config.tsx +7 -6
  141. package/src/AccessibilityIcon/index.test.tsx +12 -4
  142. package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
  143. package/src/ArrowIcon/config.tsx +17 -5
  144. package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
  145. package/src/BurgerIcon/config.tsx +24 -8
  146. package/src/BurgerIcon/index.test.tsx +6 -2
  147. package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
  148. package/src/CancelIcon/config.tsx +7 -4
  149. package/src/CancelIcon/index.test.tsx +6 -2
  150. package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
  151. package/src/CaretIcon/config.tsx +5 -5
  152. package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
  153. package/src/ChatIcon/config.tsx +6 -3
  154. package/src/ChatIcon/index.test.tsx +7 -3
  155. package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
  156. package/src/CheckIcon/config.tsx +7 -4
  157. package/src/CheckIcon/index.test.tsx +6 -2
  158. package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
  159. package/src/ChevronIcon/config.tsx +17 -5
  160. package/src/ChevronIcon/index.test.tsx +6 -2
  161. package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
  162. package/src/CloseIcon/config.tsx +7 -4
  163. package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
  164. package/src/DownloadIcon/config.tsx +10 -7
  165. package/src/DownloadIcon/index.test.tsx +9 -3
  166. package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
  167. package/src/ExclamationIcon/config.tsx +8 -5
  168. package/src/ExclamationIcon/index.test.tsx +12 -4
  169. package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
  170. package/src/GlobeIcon/config.tsx +7 -4
  171. package/src/GlobeIcon/index.test.tsx +3 -1
  172. package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
  173. package/src/Icon/index.test.tsx +3 -1
  174. package/src/Icon/index.tsx +1 -1
  175. package/src/{Base → IconBase}/index.tsx +10 -10
  176. package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
  177. package/src/LockIcon/config.tsx +7 -4
  178. package/src/LockIcon/index.test.tsx +6 -2
  179. package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
  180. package/src/LoginIcon/config.tsx +11 -5
  181. package/src/LoginIcon/index.test.tsx +6 -2
  182. package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
  183. package/src/MinusIcon/config.tsx +4 -4
  184. package/src/MinusIcon/index.test.tsx +6 -2
  185. package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
  186. package/src/MoreVertIcon/config.tsx +6 -6
  187. package/src/MoreVertIcon/index.test.tsx +12 -4
  188. package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
  189. package/src/PdfFileIcon/config.tsx +20 -11
  190. package/src/PdfFileIcon/index.test.tsx +6 -2
  191. package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
  192. package/src/PlusIcon/config.tsx +7 -4
  193. package/src/PlusIcon/index.test.tsx +6 -2
  194. package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
  195. package/src/PrintIcon/config.tsx +8 -5
  196. package/src/PrintIcon/index.test.tsx +6 -2
  197. package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
  198. package/src/ReplyIcon/config.tsx +7 -4
  199. package/src/ReplyIcon/index.test.tsx +6 -2
  200. package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
  201. package/src/RestoreIcon/config.tsx +9 -6
  202. package/src/RestoreIcon/index.test.tsx +6 -2
  203. package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
  204. package/src/SearchIcon/config.tsx +7 -4
  205. package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
  206. package/src/SvgIcon/index.tsx +15 -15
  207. package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
  208. package/src/UncheckIcon/config.tsx +7 -4
  209. package/src/UncheckIcon/index.test.tsx +6 -2
  210. package/src/icons.ts +11 -12
  211. package/src/lazy.js +28 -29
  212. package/src/registry.js +77 -33
  213. package/Base/index.js.map +0 -7
  214. package/cjs/Base/index.js.map +0 -7
  215. package/lazy.d.ts +0 -29
  216. package/lazy.js.map +0 -7
  217. package/registry.d.ts +0 -31
  218. package/registry.js.map +0 -7
@@ -1,15 +1,18 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
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,5 +1,5 @@
1
1
  import React from 'react';
2
- import Base from '@digigov/react-icons/Base'
2
+ import IconBase from '@digigov/react-icons/IconBase';
3
3
 
4
4
  export interface ChevronType {
5
5
  /**
@@ -17,16 +17,28 @@ export const chevron: React.FC<ChevronType> = ({ direction = 'right' }) => {
17
17
  return (
18
18
  <>
19
19
  {direction === 'left' && (
20
- <Base as="path" d="M14.8,22l2.4-2.3L9.6,12l7.6-7.6L14.8,2l-10,10L14.8,22z" />
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
+ />
21
24
  )}
22
25
  {direction === 'right' && (
23
- <Base as="path" d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z" />
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
+ />
24
30
  )}
25
31
  {direction === 'up' && (
26
- <Base as="path" d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z" />
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
+ />
27
36
  )}
28
37
  {direction === 'down' && (
29
- <Base as="path" d="M22,8.2l-2.3-2.4L12,13.4L4.4,5.8L2,8.2l10,10L22,8.2z" />
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
+ />
30
42
  )}
31
43
  </>
32
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(render(<ChevronIcon direction="left" />).baseElement).toMatchSnapshot();
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(render(<ChevronIcon direction="down" />).baseElement).toMatchSnapshot();
21
+ expect(
22
+ render(<ChevronIcon direction="down" />).baseElement
23
+ ).toMatchSnapshot();
20
24
  });
@@ -1,15 +1,18 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
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>
@@ -1,12 +1,15 @@
1
1
  import React from 'react';
2
- import Base from '@digigov/react-icons/Base';
2
+ import IconBase from '@digigov/react-icons/IconBase';
3
3
 
4
- export interface CloseType { }
4
+ export interface CloseType {}
5
5
 
6
- export function close(): React.ReactElement {
6
+ export function close(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="polygon" 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 " />
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
+ />
10
13
  </>
11
14
  );
12
15
  }
@@ -1,19 +1,27 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
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
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
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
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
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
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
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
- class="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
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
- class="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
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
- class="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
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"
@@ -1,14 +1,17 @@
1
1
  import React from 'react';
2
- import Base from '@digigov/react-icons/Base';
2
+ import IconBase from '@digigov/react-icons/IconBase';
3
3
 
4
- export interface DownloadType { }
4
+ export interface DownloadType {}
5
5
 
6
- export function download(): React.ReactElement {
6
+ export function download(): React.ReactElement<any> {
7
7
  return (
8
- <Base as="g">
9
- <Base as="polygon" points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18" />
10
- <Base as="rect" x="6" y="18.699" width="12" height="3.301" />
11
- </Base>
8
+ <IconBase as="g">
9
+ <IconBase
10
+ as="polygon"
11
+ points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
12
+ />
13
+ <IconBase as="rect" x="6" y="18.699" width="12" height="3.301" />
14
+ </IconBase>
12
15
  );
13
16
  }
14
17
 
@@ -16,11 +16,17 @@ it('renders the DownloadIcon with prop color=white', () => {
16
16
  expect(render(<DownloadIcon color="white" />).baseElement).toMatchSnapshot();
17
17
  });
18
18
  it('renders the DownloadIcon with prop color=warning', () => {
19
- expect(render(<DownloadIcon color="warning" />).baseElement).toMatchSnapshot();
19
+ expect(
20
+ render(<DownloadIcon color="warning" />).baseElement
21
+ ).toMatchSnapshot();
20
22
  });
21
23
  it('renders the DownloadIcon with prop color=warning and size=s', () => {
22
- expect(render(<DownloadIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
24
+ expect(
25
+ render(<DownloadIcon color="warning" size="sm" />).baseElement
26
+ ).toMatchSnapshot();
23
27
  });
24
28
  it('renders the DownloadIcon with prop color=error and size= xl', () => {
25
- expect(render(<DownloadIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
29
+ expect(
30
+ render(<DownloadIcon color="warning" size="xl" />).baseElement
31
+ ).toMatchSnapshot();
26
32
  });
@@ -1,18 +1,23 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the ExclamationIcon 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--exclamation 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="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
14
17
  />
15
18
  <circle
19
+ as="circle"
20
+ class=""
16
21
  cx="11.993"
17
22
  cy="19.9"
18
23
  r="2.1"
@@ -27,14 +32,19 @@ exports[`renders the ExclamationIcon with prop color=error and size=sm 1`] = `
27
32
  <div>
28
33
  <svg
29
34
  aria-hidden="true"
30
- class="ds-svg-icon--exclamation ds-svg-icon--error ds-svg-icon--sm ds-svg-icon"
35
+ as="svg"
36
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--error ds-svg-icon--sm"
31
37
  focusable="false"
32
38
  viewBox="0 0 24 24"
33
39
  >
34
40
  <path
41
+ as="path"
42
+ class=""
35
43
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
36
44
  />
37
45
  <circle
46
+ as="circle"
47
+ class=""
38
48
  cx="11.993"
39
49
  cy="19.9"
40
50
  r="2.1"
@@ -49,14 +59,19 @@ exports[`renders the ExclamationIcon with prop color=info and size= xl 1`] = `
49
59
  <div>
50
60
  <svg
51
61
  aria-hidden="true"
52
- class="ds-svg-icon--exclamation ds-svg-icon--info ds-svg-icon--xl ds-svg-icon"
62
+ as="svg"
63
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--info ds-svg-icon--xl"
53
64
  focusable="false"
54
65
  viewBox="0 0 24 24"
55
66
  >
56
67
  <path
68
+ as="path"
69
+ class=""
57
70
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
58
71
  />
59
72
  <circle
73
+ as="circle"
74
+ class=""
60
75
  cx="11.993"
61
76
  cy="19.9"
62
77
  r="2.1"
@@ -71,14 +86,19 @@ exports[`renders the ExclamationIcon with prop color=warning 1`] = `
71
86
  <div>
72
87
  <svg
73
88
  aria-hidden="true"
74
- class="ds-svg-icon--exclamation ds-svg-icon--warning ds-svg-icon"
89
+ as="svg"
90
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--warning"
75
91
  focusable="false"
76
92
  viewBox="0 0 24 24"
77
93
  >
78
94
  <path
95
+ as="path"
96
+ class=""
79
97
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
80
98
  />
81
99
  <circle
100
+ as="circle"
101
+ class=""
82
102
  cx="11.993"
83
103
  cy="19.9"
84
104
  r="2.1"
@@ -93,14 +113,19 @@ exports[`renders the ExclamationIcon with prop color=white 1`] = `
93
113
  <div>
94
114
  <svg
95
115
  aria-hidden="true"
96
- class="ds-svg-icon--exclamation ds-svg-icon--white ds-svg-icon"
116
+ as="svg"
117
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--white"
97
118
  focusable="false"
98
119
  viewBox="0 0 24 24"
99
120
  >
100
121
  <path
122
+ as="path"
123
+ class=""
101
124
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
102
125
  />
103
126
  <circle
127
+ as="circle"
128
+ class=""
104
129
  cx="11.993"
105
130
  cy="19.9"
106
131
  r="2.1"
@@ -115,14 +140,19 @@ exports[`renders the ExclamationIcon with prop size=md 1`] = `
115
140
  <div>
116
141
  <svg
117
142
  aria-hidden="true"
118
- class="ds-svg-icon--exclamation ds-svg-icon--md ds-svg-icon"
143
+ as="svg"
144
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--md"
119
145
  focusable="false"
120
146
  viewBox="0 0 24 24"
121
147
  >
122
148
  <path
149
+ as="path"
150
+ class=""
123
151
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
124
152
  />
125
153
  <circle
154
+ as="circle"
155
+ class=""
126
156
  cx="11.993"
127
157
  cy="19.9"
128
158
  r="2.1"
@@ -137,14 +167,19 @@ exports[`renders the ExclamationIcon with prop size=xl 1`] = `
137
167
  <div>
138
168
  <svg
139
169
  aria-hidden="true"
140
- class="ds-svg-icon--exclamation ds-svg-icon--xl ds-svg-icon"
170
+ as="svg"
171
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--xl"
141
172
  focusable="false"
142
173
  viewBox="0 0 24 24"
143
174
  >
144
175
  <path
176
+ as="path"
177
+ class=""
145
178
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
146
179
  />
147
180
  <circle
181
+ as="circle"
182
+ class=""
148
183
  cx="11.993"
149
184
  cy="19.9"
150
185
  r="2.1"
@@ -1,13 +1,16 @@
1
1
  import React from 'react';
2
- import Base from '@digigov/react-icons/Base';
2
+ import IconBase from '@digigov/react-icons/IconBase';
3
3
 
4
- export interface ExclamationType { }
4
+ export interface ExclamationType {}
5
5
 
6
- export function exclamation(): React.ReactElement {
6
+ export function exclamation(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="path" d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z" />
10
- <Base as="circle" cx="11.993" cy="19.9" r="2.1" />
9
+ <IconBase
10
+ as="path"
11
+ d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
12
+ />
13
+ <IconBase as="circle" cx="11.993" cy="19.9" r="2.1" />
11
14
  </>
12
15
  );
13
16
  }
@@ -13,14 +13,22 @@ it('renders the ExclamationIcon with prop size=xl', () => {
13
13
  expect(render(<ExclamationIcon size="xl" />).baseElement).toMatchSnapshot();
14
14
  });
15
15
  it('renders the ExclamationIcon with prop color=white', () => {
16
- expect(render(<ExclamationIcon color="white" />).baseElement).toMatchSnapshot();
16
+ expect(
17
+ render(<ExclamationIcon color="white" />).baseElement
18
+ ).toMatchSnapshot();
17
19
  });
18
20
  it('renders the ExclamationIcon with prop color=warning', () => {
19
- expect(render(<ExclamationIcon color="warning" />).baseElement).toMatchSnapshot();
21
+ expect(
22
+ render(<ExclamationIcon color="warning" />).baseElement
23
+ ).toMatchSnapshot();
20
24
  });
21
25
  it('renders the ExclamationIcon with prop color=error and size=sm', () => {
22
- expect(render(<ExclamationIcon color="error" size="sm" />).baseElement).toMatchSnapshot();
26
+ expect(
27
+ render(<ExclamationIcon color="error" size="sm" />).baseElement
28
+ ).toMatchSnapshot();
23
29
  });
24
30
  it('renders the ExclamationIcon with prop color=info and size= xl', () => {
25
- expect(render(<ExclamationIcon color="info" size="xl" />).baseElement).toMatchSnapshot();
31
+ expect(
32
+ render(<ExclamationIcon color="info" size="xl" />).baseElement
33
+ ).toMatchSnapshot();
26
34
  });
@@ -1,15 +1,18 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the GlobeIcon prop color= "error" 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
- class="ds-svg-icon--globe ds-svg-icon--error ds-svg-icon"
8
+ as="svg"
9
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--error"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <path
14
+ as="path"
15
+ class=""
13
16
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the GlobeIcon prop color= "white" 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--globe ds-svg-icon--white ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--white"
26
30
  focusable="false"
27
31
  viewBox="0 0 24 24"
28
32
  >
29
33
  <path
34
+ as="path"
35
+ class=""
30
36
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the GlobeIcon with no props 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
48
+ as="svg"
42
49
  class="ds-svg-icon--globe 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="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the GlobeIcon with prop color=base-content 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--globe ds-svg-icon--base-content ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--base-content"
60
70
  focusable="false"
61
71
  viewBox="0 0 24 24"
62
72
  >
63
73
  <path
74
+ as="path"
75
+ class=""
64
76
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
65
77
  />
66
78
  </svg>