@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,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 PrintType { }
4
+ export interface PrintType {}
5
5
 
6
- export function print(): React.ReactElement {
6
+ export function print(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="rect" x="7" y="2" width="10" height="4" />
10
- <Base as="path" d="M18.7,7.935H5.3c-1.823,0-3.3,1.477-3.3,3.3v6.7h2.4v4.065h15.2v-4.065h2.4v-6.7c0-1.823-1.477-3.3-3.3-3.3ZM17,19.4H7v-5h10v5ZM18.7,12.535c-.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" />
9
+ <IconBase as="rect" x="7" y="2" width="10" height="4" />
10
+ <IconBase
11
+ as="path"
12
+ d="M18.7,7.935H5.3c-1.823,0-3.3,1.477-3.3,3.3v6.7h2.4v4.065h15.2v-4.065h2.4v-6.7c0-1.823-1.477-3.3-3.3-3.3ZM17,19.4H7v-5h10v5ZM18.7,12.535c-.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"
13
+ />
11
14
  </>
12
15
  );
13
16
  }
@@ -19,8 +19,12 @@ it('renders the PrintIcon with prop color=warning', () => {
19
19
  expect(render(<PrintIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the PrintIcon with prop color=error and size=sm', () => {
22
- expect(render(<PrintIcon color="error" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<PrintIcon color="error" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the PrintIcon with prop color=info and size= xl', () => {
25
- expect(render(<PrintIcon color="info" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<PrintIcon color="info" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
@@ -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 ReplyIcon 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--reply 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="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the ReplyIcon with prop color=error and size= xl 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--reply 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
  <path
34
+ as="path"
35
+ class=""
30
36
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the ReplyIcon with prop color=warning 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
42
- class="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon"
48
+ as="svg"
49
+ class="ds-svg-icon--reply ds-svg-icon ds-svg-icon--warning"
43
50
  focusable="false"
44
51
  viewBox="0 0 24 24"
45
52
  >
46
53
  <path
54
+ as="path"
55
+ class=""
47
56
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the ReplyIcon with prop color=warning and size=sm 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--reply ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--reply ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
60
70
  focusable="false"
61
71
  viewBox="0 0 24 24"
62
72
  >
63
73
  <path
74
+ as="path"
75
+ class=""
64
76
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
65
77
  />
66
78
  </svg>
@@ -73,11 +85,14 @@ exports[`renders the ReplyIcon with prop color=white 1`] = `
73
85
  <div>
74
86
  <svg
75
87
  aria-hidden="true"
76
- class="ds-svg-icon--reply ds-svg-icon--white ds-svg-icon"
88
+ as="svg"
89
+ class="ds-svg-icon--reply ds-svg-icon ds-svg-icon--white"
77
90
  focusable="false"
78
91
  viewBox="0 0 24 24"
79
92
  >
80
93
  <path
94
+ as="path"
95
+ class=""
81
96
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
82
97
  />
83
98
  </svg>
@@ -90,11 +105,14 @@ exports[`renders the ReplyIcon with prop size=md 1`] = `
90
105
  <div>
91
106
  <svg
92
107
  aria-hidden="true"
93
- class="ds-svg-icon--reply ds-svg-icon--md ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--reply ds-svg-icon ds-svg-icon--md"
94
110
  focusable="false"
95
111
  viewBox="0 0 24 24"
96
112
  >
97
113
  <path
114
+ as="path"
115
+ class=""
98
116
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
99
117
  />
100
118
  </svg>
@@ -107,11 +125,14 @@ exports[`renders the ReplyIcon with prop size=xl 1`] = `
107
125
  <div>
108
126
  <svg
109
127
  aria-hidden="true"
110
- class="ds-svg-icon--reply ds-svg-icon--xl ds-svg-icon"
128
+ as="svg"
129
+ class="ds-svg-icon--reply ds-svg-icon ds-svg-icon--xl"
111
130
  focusable="false"
112
131
  viewBox="0 0 24 24"
113
132
  >
114
133
  <path
134
+ as="path"
135
+ class=""
115
136
  d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
116
137
  />
117
138
  </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 ReplyType { }
4
+ export interface ReplyType {}
5
5
 
6
- export function reply(): React.ReactElement {
6
+ export function reply(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="path" d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z" />
9
+ <IconBase
10
+ as="path"
11
+ d="M16.35,9.517h-8.034l4.184-4.184-2.334-2.333L2,11.167l8.166,8.167,2.334-2.334-4.184-4.183h8.033c1.296,0,2.35,1.054,2.35,2.35v5.834h3.301v-5.834c0-3.115-2.535-5.65-5.65-5.65Z"
12
+ />
10
13
  </>
11
14
  );
12
15
  }
@@ -19,8 +19,12 @@ it('renders the ReplyIcon with prop color=warning', () => {
19
19
  expect(render(<ReplyIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the ReplyIcon with prop color=warning and size=sm', () => {
22
- expect(render(<ReplyIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<ReplyIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the ReplyIcon with prop color=error and size= xl', () => {
25
- expect(render(<ReplyIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<ReplyIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
@@ -1,21 +1,28 @@
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 RestoreIcon 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--restore 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="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
14
17
  />
15
18
  <path
19
+ as="path"
20
+ class=""
16
21
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
17
22
  />
18
23
  <circle
24
+ as="circle"
25
+ class=""
19
26
  cx="12"
20
27
  cy="12"
21
28
  r="1.65"
@@ -30,17 +37,24 @@ exports[`renders the RestoreIcon with prop color=error and size= xl 1`] = `
30
37
  <div>
31
38
  <svg
32
39
  aria-hidden="true"
33
- class="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
40
+ as="svg"
41
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
34
42
  focusable="false"
35
43
  viewBox="0 0 24 24"
36
44
  >
37
45
  <path
46
+ as="path"
47
+ class=""
38
48
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
39
49
  />
40
50
  <path
51
+ as="path"
52
+ class=""
41
53
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
42
54
  />
43
55
  <circle
56
+ as="circle"
57
+ class=""
44
58
  cx="12"
45
59
  cy="12"
46
60
  r="1.65"
@@ -55,17 +69,24 @@ exports[`renders the RestoreIcon with prop color=warning 1`] = `
55
69
  <div>
56
70
  <svg
57
71
  aria-hidden="true"
58
- class="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon"
72
+ as="svg"
73
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--warning"
59
74
  focusable="false"
60
75
  viewBox="0 0 24 24"
61
76
  >
62
77
  <path
78
+ as="path"
79
+ class=""
63
80
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
64
81
  />
65
82
  <path
83
+ as="path"
84
+ class=""
66
85
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
67
86
  />
68
87
  <circle
88
+ as="circle"
89
+ class=""
69
90
  cx="12"
70
91
  cy="12"
71
92
  r="1.65"
@@ -80,17 +101,24 @@ exports[`renders the RestoreIcon with prop color=warning and size=sm 1`] = `
80
101
  <div>
81
102
  <svg
82
103
  aria-hidden="true"
83
- class="ds-svg-icon--restore ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
104
+ as="svg"
105
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
84
106
  focusable="false"
85
107
  viewBox="0 0 24 24"
86
108
  >
87
109
  <path
110
+ as="path"
111
+ class=""
88
112
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
89
113
  />
90
114
  <path
115
+ as="path"
116
+ class=""
91
117
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
92
118
  />
93
119
  <circle
120
+ as="circle"
121
+ class=""
94
122
  cx="12"
95
123
  cy="12"
96
124
  r="1.65"
@@ -105,17 +133,24 @@ exports[`renders the RestoreIcon with prop color=white 1`] = `
105
133
  <div>
106
134
  <svg
107
135
  aria-hidden="true"
108
- class="ds-svg-icon--restore ds-svg-icon--white ds-svg-icon"
136
+ as="svg"
137
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--white"
109
138
  focusable="false"
110
139
  viewBox="0 0 24 24"
111
140
  >
112
141
  <path
142
+ as="path"
143
+ class=""
113
144
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
114
145
  />
115
146
  <path
147
+ as="path"
148
+ class=""
116
149
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
117
150
  />
118
151
  <circle
152
+ as="circle"
153
+ class=""
119
154
  cx="12"
120
155
  cy="12"
121
156
  r="1.65"
@@ -130,17 +165,24 @@ exports[`renders the RestoreIcon with prop size=md 1`] = `
130
165
  <div>
131
166
  <svg
132
167
  aria-hidden="true"
133
- class="ds-svg-icon--restore ds-svg-icon--md ds-svg-icon"
168
+ as="svg"
169
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--md"
134
170
  focusable="false"
135
171
  viewBox="0 0 24 24"
136
172
  >
137
173
  <path
174
+ as="path"
175
+ class=""
138
176
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
139
177
  />
140
178
  <path
179
+ as="path"
180
+ class=""
141
181
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
142
182
  />
143
183
  <circle
184
+ as="circle"
185
+ class=""
144
186
  cx="12"
145
187
  cy="12"
146
188
  r="1.65"
@@ -155,17 +197,24 @@ exports[`renders the RestoreIcon with prop size=xl 1`] = `
155
197
  <div>
156
198
  <svg
157
199
  aria-hidden="true"
158
- class="ds-svg-icon--restore ds-svg-icon--xl ds-svg-icon"
200
+ as="svg"
201
+ class="ds-svg-icon--restore ds-svg-icon ds-svg-icon--xl"
159
202
  focusable="false"
160
203
  viewBox="0 0 24 24"
161
204
  >
162
205
  <path
206
+ as="path"
207
+ class=""
163
208
  d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
164
209
  />
165
210
  <path
211
+ as="path"
212
+ class=""
166
213
  d="M7.5,12H.5l3.5,4.2,3.5-4.2Z"
167
214
  />
168
215
  <circle
216
+ as="circle"
217
+ class=""
169
218
  cx="12"
170
219
  cy="12"
171
220
  r="1.65"
@@ -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 RestoreType { }
4
+ export interface RestoreType {}
5
5
 
6
- export function restore(): React.ReactElement {
6
+ export function restore(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="path" d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z" />
10
- <Base as="path" d="M7.5,12H.5l3.5,4.2,3.5-4.2Z" />
11
- <Base as="circle" cx="12" cy="12" r="1.65" />
9
+ <IconBase
10
+ as="path"
11
+ d="M12,21.3c-2.37,0-4.691-.929-6.407-2.559l1.669-2.003c1.247,1.247,2.974,1.962,4.738,1.962,3.694,0,6.7-3.006,6.7-6.7s-3.006-6.7-6.7-6.7-6.7,3.006-6.7,6.7h-2.6C2.7,6.872,6.872,2.7,12,2.7s9.3,4.172,9.3,9.3-4.172,9.3-9.3,9.3Z"
12
+ />
13
+ <IconBase as="path" d="M7.5,12H.5l3.5,4.2,3.5-4.2Z" />
14
+ <IconBase as="circle" cx="12" cy="12" r="1.65" />
12
15
  </>
13
16
  );
14
17
  }
@@ -19,8 +19,12 @@ it('renders the RestoreIcon with prop color=warning', () => {
19
19
  expect(render(<RestoreIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the RestoreIcon with prop color=warning and size=sm', () => {
22
- expect(render(<RestoreIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<RestoreIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the RestoreIcon with prop color=error and size= xl', () => {
25
- expect(render(<RestoreIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<RestoreIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
@@ -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 SearchIcon 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--search 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,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z"
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 SearchType { }
4
+ export interface SearchType {}
5
5
 
6
- export function search(): React.ReactElement {
6
+ export function search(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="path" d="M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z" />
9
+ <IconBase
10
+ as="path"
11
+ d="M22,19.9l-5.4-5.4c0.9-1.3,1.4-2.8,1.4-4.5c0-4.4-3.6-8-8-8s-8,3.6-8,8s3.6,8,8,8c1.7,0,3.2-0.5,4.5-1.4l5.4,5.4L22,19.9z M10,15c-2.8,0-5-2.2-5-5s2.2-5,5-5s5,2.2,5,5S12.8,15,10,15z"
12
+ />
10
13
  </>
11
14
  );
12
15
  }
@@ -1,10 +1,11 @@
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 SvgIcon 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"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
@@ -18,7 +19,8 @@ exports[`renders the SvgIcon with prop color=base-content 1`] = `
18
19
  <div>
19
20
  <svg
20
21
  aria-hidden="true"
21
- class="ds-svg-icon--base-content ds-svg-icon"
22
+ as="svg"
23
+ class="ds-svg-icon ds-svg-icon--base-content"
22
24
  focusable="false"
23
25
  viewBox="0 0 24 24"
24
26
  >
@@ -33,7 +35,8 @@ exports[`renders the SvgIcon with prop color=dark 1`] = `
33
35
  <div>
34
36
  <svg
35
37
  aria-hidden="true"
36
- class="ds-svg-icon--dark ds-svg-icon"
38
+ as="svg"
39
+ class="ds-svg-icon ds-svg-icon--dark"
37
40
  focusable="false"
38
41
  viewBox="0 0 24 24"
39
42
  >
@@ -48,7 +51,8 @@ exports[`renders the SvgIcon with prop color=error 1`] = `
48
51
  <div>
49
52
  <svg
50
53
  aria-hidden="true"
51
- class="ds-svg-icon--error ds-svg-icon"
54
+ as="svg"
55
+ class="ds-svg-icon ds-svg-icon--error"
52
56
  focusable="false"
53
57
  viewBox="0 0 24 24"
54
58
  >
@@ -63,7 +67,8 @@ exports[`renders the SvgIcon with prop color=error and size= xl 1`] = `
63
67
  <div>
64
68
  <svg
65
69
  aria-hidden="true"
66
- class="ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
70
+ as="svg"
71
+ class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
67
72
  focusable="false"
68
73
  viewBox="0 0 24 24"
69
74
  >
@@ -78,7 +83,8 @@ exports[`renders the SvgIcon with prop color=focus 1`] = `
78
83
  <div>
79
84
  <svg
80
85
  aria-hidden="true"
81
- class="ds-svg-icon--focus ds-svg-icon"
86
+ as="svg"
87
+ class="ds-svg-icon ds-svg-icon--focus"
82
88
  focusable="false"
83
89
  viewBox="0 0 24 24"
84
90
  >
@@ -93,7 +99,8 @@ exports[`renders the SvgIcon with prop color=gray 1`] = `
93
99
  <div>
94
100
  <svg
95
101
  aria-hidden="true"
96
- class="ds-svg-icon--gray ds-svg-icon"
102
+ as="svg"
103
+ class="ds-svg-icon ds-svg-icon--gray"
97
104
  focusable="false"
98
105
  viewBox="0 0 24 24"
99
106
  >
@@ -108,7 +115,8 @@ exports[`renders the SvgIcon with prop color=primary 1`] = `
108
115
  <div>
109
116
  <svg
110
117
  aria-hidden="true"
111
- class="ds-svg-icon--primary ds-svg-icon"
118
+ as="svg"
119
+ class="ds-svg-icon ds-svg-icon--primary"
112
120
  focusable="false"
113
121
  viewBox="0 0 24 24"
114
122
  >
@@ -123,7 +131,8 @@ exports[`renders the SvgIcon with prop color=success 1`] = `
123
131
  <div>
124
132
  <svg
125
133
  aria-hidden="true"
126
- class="ds-svg-icon--success ds-svg-icon"
134
+ as="svg"
135
+ class="ds-svg-icon ds-svg-icon--success"
127
136
  focusable="false"
128
137
  viewBox="0 0 24 24"
129
138
  >
@@ -138,7 +147,8 @@ exports[`renders the SvgIcon with prop color=warning 1`] = `
138
147
  <div>
139
148
  <svg
140
149
  aria-hidden="true"
141
- class="ds-svg-icon--warning ds-svg-icon"
150
+ as="svg"
151
+ class="ds-svg-icon ds-svg-icon--warning"
142
152
  focusable="false"
143
153
  viewBox="0 0 24 24"
144
154
  >
@@ -153,7 +163,8 @@ exports[`renders the SvgIcon with prop color=warning and size=sm 1`] = `
153
163
  <div>
154
164
  <svg
155
165
  aria-hidden="true"
156
- class="ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
166
+ as="svg"
167
+ class="ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
157
168
  focusable="false"
158
169
  viewBox="0 0 24 24"
159
170
  >
@@ -168,7 +179,8 @@ exports[`renders the SvgIcon with prop color=white 1`] = `
168
179
  <div>
169
180
  <svg
170
181
  aria-hidden="true"
171
- class="ds-svg-icon--white ds-svg-icon"
182
+ as="svg"
183
+ class="ds-svg-icon ds-svg-icon--white"
172
184
  focusable="false"
173
185
  viewBox="0 0 24 24"
174
186
  >
@@ -183,7 +195,8 @@ exports[`renders the SvgIcon with prop size=lg 1`] = `
183
195
  <div>
184
196
  <svg
185
197
  aria-hidden="true"
186
- class="ds-svg-icon--lg ds-svg-icon"
198
+ as="svg"
199
+ class="ds-svg-icon ds-svg-icon--lg"
187
200
  focusable="false"
188
201
  viewBox="0 0 24 24"
189
202
  >
@@ -198,7 +211,8 @@ exports[`renders the SvgIcon with prop size=md 1`] = `
198
211
  <div>
199
212
  <svg
200
213
  aria-hidden="true"
201
- class="ds-svg-icon--md ds-svg-icon"
214
+ as="svg"
215
+ class="ds-svg-icon ds-svg-icon--md"
202
216
  focusable="false"
203
217
  viewBox="0 0 24 24"
204
218
  >
@@ -213,7 +227,8 @@ exports[`renders the SvgIcon with prop size=sm 1`] = `
213
227
  <div>
214
228
  <svg
215
229
  aria-hidden="true"
216
- class="ds-svg-icon--sm ds-svg-icon"
230
+ as="svg"
231
+ class="ds-svg-icon ds-svg-icon--sm"
217
232
  focusable="false"
218
233
  viewBox="0 0 24 24"
219
234
  >
@@ -228,7 +243,8 @@ exports[`renders the SvgIcon with prop size=xl 1`] = `
228
243
  <div>
229
244
  <svg
230
245
  aria-hidden="true"
231
- class="ds-svg-icon--xl ds-svg-icon"
246
+ as="svg"
247
+ class="ds-svg-icon ds-svg-icon--xl"
232
248
  focusable="false"
233
249
  viewBox="0 0 24 24"
234
250
  >
@@ -243,7 +259,8 @@ exports[`renders the SvgIcon with prop size=xs 1`] = `
243
259
  <div>
244
260
  <svg
245
261
  aria-hidden="true"
246
- class="ds-svg-icon--xs ds-svg-icon"
262
+ as="svg"
263
+ class="ds-svg-icon ds-svg-icon--xs"
247
264
  focusable="false"
248
265
  viewBox="0 0 24 24"
249
266
  >