@digigov/react-icons 2.0.0-85c27c19 → 2.0.0-8e254888

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (200) hide show
  1. package/AccessibilityIcon/config/index.js +4 -2
  2. package/AccessibilityIcon/config.js.map +2 -2
  3. package/ArrowIcon/config/index.js +26 -1
  4. package/ArrowIcon/config.js.map +2 -2
  5. package/BurgerIcon/config/index.js +30 -4
  6. package/BurgerIcon/config.d.ts +2 -2
  7. package/BurgerIcon/config.js.map +2 -2
  8. package/CancelIcon/config/index.js +8 -1
  9. package/CancelIcon/config.js.map +2 -2
  10. package/CaretIcon/config/index.js +2 -1
  11. package/CaretIcon/config.js.map +2 -2
  12. package/ChatIcon/config/index.js +8 -1
  13. package/ChatIcon/config.js.map +2 -2
  14. package/CheckIcon/config/index.js +8 -1
  15. package/CheckIcon/config.js.map +2 -2
  16. package/ChevronIcon/config/index.js +26 -1
  17. package/ChevronIcon/config.js.map +2 -2
  18. package/CloseIcon/config/index.js +8 -1
  19. package/CloseIcon/config.js.map +2 -2
  20. package/DownloadIcon/config/index.js +8 -1
  21. package/DownloadIcon/config.js.map +2 -2
  22. package/ExclamationIcon/config/index.js +8 -1
  23. package/ExclamationIcon/config.js.map +2 -2
  24. package/GlobeIcon/config/index.js +8 -1
  25. package/GlobeIcon/config.js.map +2 -2
  26. package/Icon/index.d.ts +1 -1
  27. package/Icon/index.js +1 -1
  28. package/Icon/index.js.map +2 -2
  29. package/{Base → IconBase}/index.d.ts +6 -6
  30. package/{Base → IconBase}/index.js +5 -4
  31. package/IconBase/index.js.map +7 -0
  32. package/{Base → IconBase}/package.json +1 -1
  33. package/LockIcon/config/index.js +8 -1
  34. package/LockIcon/config.js.map +2 -2
  35. package/LoginIcon/config/index.js +14 -1
  36. package/LoginIcon/config.js.map +2 -2
  37. package/MinusIcon/config/index.js +2 -1
  38. package/MinusIcon/config.js.map +2 -2
  39. package/MoreVertIcon/config/index.js +2 -1
  40. package/MoreVertIcon/config.js.map +2 -2
  41. package/PdfFileIcon/config/index.js +20 -1
  42. package/PdfFileIcon/config.js.map +2 -2
  43. package/PlusIcon/config/index.js +8 -1
  44. package/PlusIcon/config.js.map +2 -2
  45. package/PrintIcon/config/index.js +8 -1
  46. package/PrintIcon/config.js.map +2 -2
  47. package/ReplyIcon/config/index.js +8 -1
  48. package/ReplyIcon/config.js.map +2 -2
  49. package/RestoreIcon/config/index.js +8 -1
  50. package/RestoreIcon/config.js.map +2 -2
  51. package/SearchIcon/config/index.js +8 -1
  52. package/SearchIcon/config.js.map +2 -2
  53. package/SvgIcon/index.d.ts +2 -2
  54. package/SvgIcon/index.js +2 -2
  55. package/SvgIcon/index.js.map +2 -2
  56. package/UncheckIcon/config/index.js +8 -1
  57. package/UncheckIcon/config.js.map +2 -2
  58. package/cjs/AccessibilityIcon/config/index.js +4 -2
  59. package/cjs/AccessibilityIcon/config.js.map +3 -3
  60. package/cjs/ArrowIcon/config/index.js +26 -1
  61. package/cjs/ArrowIcon/config.js.map +3 -3
  62. package/cjs/BurgerIcon/config/index.js +30 -4
  63. package/cjs/BurgerIcon/config.js.map +3 -3
  64. package/cjs/CancelIcon/config/index.js +8 -1
  65. package/cjs/CancelIcon/config.js.map +3 -3
  66. package/cjs/CaretIcon/config/index.js +2 -1
  67. package/cjs/CaretIcon/config.js.map +3 -3
  68. package/cjs/ChatIcon/config/index.js +8 -1
  69. package/cjs/ChatIcon/config.js.map +3 -3
  70. package/cjs/CheckIcon/config/index.js +8 -1
  71. package/cjs/CheckIcon/config.js.map +3 -3
  72. package/cjs/ChevronIcon/config/index.js +26 -1
  73. package/cjs/ChevronIcon/config.js.map +3 -3
  74. package/cjs/CloseIcon/config/index.js +8 -1
  75. package/cjs/CloseIcon/config.js.map +3 -3
  76. package/cjs/DownloadIcon/config/index.js +8 -1
  77. package/cjs/DownloadIcon/config.js.map +3 -3
  78. package/cjs/ExclamationIcon/config/index.js +8 -1
  79. package/cjs/ExclamationIcon/config.js.map +3 -3
  80. package/cjs/GlobeIcon/config/index.js +8 -1
  81. package/cjs/GlobeIcon/config.js.map +3 -3
  82. package/cjs/Icon/index.js +1 -1
  83. package/cjs/Icon/index.js.map +2 -2
  84. package/cjs/{Base → IconBase}/index.js +9 -8
  85. package/cjs/IconBase/index.js.map +7 -0
  86. package/cjs/LockIcon/config/index.js +8 -1
  87. package/cjs/LockIcon/config.js.map +3 -3
  88. package/cjs/LoginIcon/config/index.js +14 -1
  89. package/cjs/LoginIcon/config.js.map +3 -3
  90. package/cjs/MinusIcon/config/index.js +2 -1
  91. package/cjs/MinusIcon/config.js.map +3 -3
  92. package/cjs/MoreVertIcon/config/index.js +2 -1
  93. package/cjs/MoreVertIcon/config.js.map +3 -3
  94. package/cjs/PdfFileIcon/config/index.js +20 -1
  95. package/cjs/PdfFileIcon/config.js.map +3 -3
  96. package/cjs/PlusIcon/config/index.js +8 -1
  97. package/cjs/PlusIcon/config.js.map +3 -3
  98. package/cjs/PrintIcon/config/index.js +8 -1
  99. package/cjs/PrintIcon/config.js.map +3 -3
  100. package/cjs/ReplyIcon/config/index.js +8 -1
  101. package/cjs/ReplyIcon/config.js.map +3 -3
  102. package/cjs/RestoreIcon/config/index.js +8 -1
  103. package/cjs/RestoreIcon/config.js.map +3 -3
  104. package/cjs/SearchIcon/config/index.js +8 -1
  105. package/cjs/SearchIcon/config.js.map +3 -3
  106. package/cjs/SvgIcon/index.js +2 -2
  107. package/cjs/SvgIcon/index.js.map +3 -3
  108. package/cjs/UncheckIcon/config/index.js +8 -1
  109. package/cjs/UncheckIcon/config.js.map +3 -3
  110. package/cjs/icons.js.map +1 -1
  111. package/cjs/lazy/index.js +7 -7
  112. package/cjs/lazy.js.map +3 -3
  113. package/cjs/registry/index.js +54 -8
  114. package/cjs/registry.js.map +3 -3
  115. package/icons.d.ts +11 -11
  116. package/icons.js.map +1 -1
  117. package/index.js +1 -1
  118. package/lazy/index.js +28 -32
  119. package/package.json +2 -2
  120. package/registry/index.js +86 -41
  121. package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
  122. package/src/AccessibilityIcon/config.tsx +5 -3
  123. package/src/AccessibilityIcon/index.test.tsx +12 -4
  124. package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
  125. package/src/ArrowIcon/config.tsx +17 -4
  126. package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
  127. package/src/BurgerIcon/config.tsx +24 -7
  128. package/src/BurgerIcon/index.test.tsx +6 -2
  129. package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
  130. package/src/CancelIcon/config.tsx +5 -1
  131. package/src/CancelIcon/index.test.tsx +6 -2
  132. package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
  133. package/src/CaretIcon/config.tsx +5 -4
  134. package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
  135. package/src/ChatIcon/config.tsx +6 -2
  136. package/src/ChatIcon/index.test.tsx +7 -3
  137. package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
  138. package/src/CheckIcon/config.tsx +5 -1
  139. package/src/CheckIcon/index.test.tsx +6 -2
  140. package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
  141. package/src/ChevronIcon/config.tsx +17 -4
  142. package/src/ChevronIcon/index.test.tsx +6 -2
  143. package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
  144. package/src/CloseIcon/config.tsx +5 -1
  145. package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
  146. package/src/DownloadIcon/config.tsx +8 -4
  147. package/src/DownloadIcon/index.test.tsx +9 -3
  148. package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
  149. package/src/ExclamationIcon/config.tsx +6 -2
  150. package/src/ExclamationIcon/index.test.tsx +12 -4
  151. package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
  152. package/src/GlobeIcon/config.tsx +5 -1
  153. package/src/GlobeIcon/index.test.tsx +3 -1
  154. package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
  155. package/src/Icon/index.test.tsx +3 -1
  156. package/src/Icon/index.tsx +1 -1
  157. package/src/{Base → IconBase}/index.tsx +10 -9
  158. package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
  159. package/src/LockIcon/config.tsx +5 -1
  160. package/src/LockIcon/index.test.tsx +6 -2
  161. package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
  162. package/src/LoginIcon/config.tsx +9 -2
  163. package/src/LoginIcon/index.test.tsx +6 -2
  164. package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
  165. package/src/MinusIcon/config.tsx +3 -2
  166. package/src/MinusIcon/index.test.tsx +6 -2
  167. package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
  168. package/src/MoreVertIcon/config.tsx +4 -3
  169. package/src/MoreVertIcon/index.test.tsx +12 -4
  170. package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
  171. package/src/PdfFileIcon/config.tsx +18 -8
  172. package/src/PdfFileIcon/index.test.tsx +6 -2
  173. package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
  174. package/src/PlusIcon/config.tsx +5 -1
  175. package/src/PlusIcon/index.test.tsx +6 -2
  176. package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
  177. package/src/PrintIcon/config.tsx +6 -2
  178. package/src/PrintIcon/index.test.tsx +6 -2
  179. package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
  180. package/src/ReplyIcon/config.tsx +5 -1
  181. package/src/ReplyIcon/index.test.tsx +6 -2
  182. package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
  183. package/src/RestoreIcon/config.tsx +7 -3
  184. package/src/RestoreIcon/index.test.tsx +6 -2
  185. package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
  186. package/src/SearchIcon/config.tsx +5 -1
  187. package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
  188. package/src/SvgIcon/index.tsx +4 -4
  189. package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
  190. package/src/UncheckIcon/config.tsx +5 -1
  191. package/src/UncheckIcon/index.test.tsx +6 -2
  192. package/src/icons.ts +11 -12
  193. package/src/lazy.js +28 -29
  194. package/src/registry.js +78 -34
  195. package/Base/index.js.map +0 -7
  196. package/cjs/Base/index.js.map +0 -7
  197. package/lazy.d.ts +0 -29
  198. package/lazy.js.map +0 -7
  199. package/registry.d.ts +0 -31
  200. package/registry.js.map +0 -7
package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,25 +1,32 @@
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 MoreVertIcon 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--moreVert ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <circle
14
+ as="circle"
15
+ class=""
13
16
  cx="12"
14
17
  cy="5"
15
18
  r="2"
16
19
  />
17
20
  <circle
21
+ as="circle"
22
+ class=""
18
23
  cx="12"
19
24
  cy="12"
20
25
  r="2"
21
26
  />
22
27
  <circle
28
+ as="circle"
29
+ class=""
23
30
  cx="12"
24
31
  cy="19"
25
32
  r="2"
@@ -34,21 +41,28 @@ exports[`renders the MoreVertIcon with prop color=dark 1`] = `
34
41
  <div>
35
42
  <svg
36
43
  aria-hidden="true"
37
- class="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
44
+ as="svg"
45
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--dark"
38
46
  focusable="false"
39
47
  viewBox="0 0 24 24"
40
48
  >
41
49
  <circle
50
+ as="circle"
51
+ class=""
42
52
  cx="12"
43
53
  cy="5"
44
54
  r="2"
45
55
  />
46
56
  <circle
57
+ as="circle"
58
+ class=""
47
59
  cx="12"
48
60
  cy="12"
49
61
  r="2"
50
62
  />
51
63
  <circle
64
+ as="circle"
65
+ class=""
52
66
  cx="12"
53
67
  cy="19"
54
68
  r="2"
@@ -63,21 +77,28 @@ exports[`renders the MoreVertIcon with prop color=error and size= xl 1`] = `
63
77
  <div>
64
78
  <svg
65
79
  aria-hidden="true"
66
- class="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
80
+ as="svg"
81
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
67
82
  focusable="false"
68
83
  viewBox="0 0 24 24"
69
84
  >
70
85
  <circle
86
+ as="circle"
87
+ class=""
71
88
  cx="12"
72
89
  cy="5"
73
90
  r="2"
74
91
  />
75
92
  <circle
93
+ as="circle"
94
+ class=""
76
95
  cx="12"
77
96
  cy="12"
78
97
  r="2"
79
98
  />
80
99
  <circle
100
+ as="circle"
101
+ class=""
81
102
  cx="12"
82
103
  cy="19"
83
104
  r="2"
@@ -92,21 +113,28 @@ exports[`renders the MoreVertIcon with prop color=focus 1`] = `
92
113
  <div>
93
114
  <svg
94
115
  aria-hidden="true"
95
- class="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
116
+ as="svg"
117
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--focus"
96
118
  focusable="false"
97
119
  viewBox="0 0 24 24"
98
120
  >
99
121
  <circle
122
+ as="circle"
123
+ class=""
100
124
  cx="12"
101
125
  cy="5"
102
126
  r="2"
103
127
  />
104
128
  <circle
129
+ as="circle"
130
+ class=""
105
131
  cx="12"
106
132
  cy="12"
107
133
  r="2"
108
134
  />
109
135
  <circle
136
+ as="circle"
137
+ class=""
110
138
  cx="12"
111
139
  cy="19"
112
140
  r="2"
@@ -121,21 +149,28 @@ exports[`renders the MoreVertIcon with prop color=primary 1`] = `
121
149
  <div>
122
150
  <svg
123
151
  aria-hidden="true"
124
- class="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
152
+ as="svg"
153
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--primary"
125
154
  focusable="false"
126
155
  viewBox="0 0 24 24"
127
156
  >
128
157
  <circle
158
+ as="circle"
159
+ class=""
129
160
  cx="12"
130
161
  cy="5"
131
162
  r="2"
132
163
  />
133
164
  <circle
165
+ as="circle"
166
+ class=""
134
167
  cx="12"
135
168
  cy="12"
136
169
  r="2"
137
170
  />
138
171
  <circle
172
+ as="circle"
173
+ class=""
139
174
  cx="12"
140
175
  cy="19"
141
176
  r="2"
@@ -150,21 +185,28 @@ exports[`renders the MoreVertIcon with prop color=success 1`] = `
150
185
  <div>
151
186
  <svg
152
187
  aria-hidden="true"
153
- class="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
188
+ as="svg"
189
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--success"
154
190
  focusable="false"
155
191
  viewBox="0 0 24 24"
156
192
  >
157
193
  <circle
194
+ as="circle"
195
+ class=""
158
196
  cx="12"
159
197
  cy="5"
160
198
  r="2"
161
199
  />
162
200
  <circle
201
+ as="circle"
202
+ class=""
163
203
  cx="12"
164
204
  cy="12"
165
205
  r="2"
166
206
  />
167
207
  <circle
208
+ as="circle"
209
+ class=""
168
210
  cx="12"
169
211
  cy="19"
170
212
  r="2"
@@ -179,21 +221,28 @@ exports[`renders the MoreVertIcon with prop color=warning and size=s 1`] = `
179
221
  <div>
180
222
  <svg
181
223
  aria-hidden="true"
182
- class="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
224
+ as="svg"
225
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
183
226
  focusable="false"
184
227
  viewBox="0 0 24 24"
185
228
  >
186
229
  <circle
230
+ as="circle"
231
+ class=""
187
232
  cx="12"
188
233
  cy="5"
189
234
  r="2"
190
235
  />
191
236
  <circle
237
+ as="circle"
238
+ class=""
192
239
  cx="12"
193
240
  cy="12"
194
241
  r="2"
195
242
  />
196
243
  <circle
244
+ as="circle"
245
+ class=""
197
246
  cx="12"
198
247
  cy="19"
199
248
  r="2"
@@ -208,21 +257,28 @@ exports[`renders the MoreVertIcon with prop size=l 1`] = `
208
257
  <div>
209
258
  <svg
210
259
  aria-hidden="true"
211
- class="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
260
+ as="svg"
261
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--lg"
212
262
  focusable="false"
213
263
  viewBox="0 0 24 24"
214
264
  >
215
265
  <circle
266
+ as="circle"
267
+ class=""
216
268
  cx="12"
217
269
  cy="5"
218
270
  r="2"
219
271
  />
220
272
  <circle
273
+ as="circle"
274
+ class=""
221
275
  cx="12"
222
276
  cy="12"
223
277
  r="2"
224
278
  />
225
279
  <circle
280
+ as="circle"
281
+ class=""
226
282
  cx="12"
227
283
  cy="19"
228
284
  r="2"
@@ -237,21 +293,28 @@ exports[`renders the MoreVertIcon with prop size=s 1`] = `
237
293
  <div>
238
294
  <svg
239
295
  aria-hidden="true"
240
- class="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
296
+ as="svg"
297
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--sm"
241
298
  focusable="false"
242
299
  viewBox="0 0 24 24"
243
300
  >
244
301
  <circle
302
+ as="circle"
303
+ class=""
245
304
  cx="12"
246
305
  cy="5"
247
306
  r="2"
248
307
  />
249
308
  <circle
309
+ as="circle"
310
+ class=""
250
311
  cx="12"
251
312
  cy="12"
252
313
  r="2"
253
314
  />
254
315
  <circle
316
+ as="circle"
317
+ class=""
255
318
  cx="12"
256
319
  cy="19"
257
320
  r="2"
package/src/MoreVertIcon/config.tsx CHANGED
@@ -1,13 +1,14 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface MoreVertType {}
4
5
 
5
6
  export function moreVert(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <circle cx="12" cy="5" r="2" />
9
- <circle cx="12" cy="12" r="2" />
10
- <circle cx="12" cy="19" r="2" />
9
+ <IconBase as="circle" cx="12" cy="5" r="2" />
10
+ <IconBase as="circle" cx="12" cy="12" r="2" />
11
+ <IconBase as="circle" cx="12" cy="19" r="2" />
11
12
  </>
12
13
  );
13
14
  }
package/src/MoreVertIcon/index.test.tsx CHANGED
@@ -16,17 +16,25 @@ it('renders the MoreVertIcon with prop color=dark', () => {
16
16
  expect(render(<MoreVertIcon color="dark" />).baseElement).toMatchSnapshot();
17
17
  });
18
18
  it('renders the MoreVertIcon with prop color=primary', () => {
19
- expect(render(<MoreVertIcon color="primary" />).baseElement).toMatchSnapshot();
19
+ expect(
20
+ render(<MoreVertIcon color="primary" />).baseElement
21
+ ).toMatchSnapshot();
20
22
  });
21
23
  it('renders the MoreVertIcon with prop color=success', () => {
22
- expect(render(<MoreVertIcon color="success" />).baseElement).toMatchSnapshot();
24
+ expect(
25
+ render(<MoreVertIcon color="success" />).baseElement
26
+ ).toMatchSnapshot();
23
27
  });
24
28
  it('renders the MoreVertIcon with prop color=focus', () => {
25
29
  expect(render(<MoreVertIcon color="focus" />).baseElement).toMatchSnapshot();
26
30
  });
27
31
  it('renders the MoreVertIcon with prop color=warning and size=s', () => {
28
- expect(render(<MoreVertIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
32
+ expect(
33
+ render(<MoreVertIcon color="warning" size="sm" />).baseElement
34
+ ).toMatchSnapshot();
29
35
  });
30
36
  it('renders the MoreVertIcon with prop color=error and size= xl', () => {
31
- expect(render(<MoreVertIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
37
+ expect(
38
+ render(<MoreVertIcon color="warning" size="xl" />).baseElement
39
+ ).toMatchSnapshot();
32
40
  });
package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,26 +1,41 @@
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 PdfFileIcon 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--pdfFile 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="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
15
21
  />
16
- <g>
22
+ <g
23
+ as="g"
24
+ class=""
25
+ >
17
26
  <path
27
+ as="path"
28
+ class=""
18
29
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
19
30
  />
20
31
  <path
32
+ as="path"
33
+ class=""
21
34
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
22
35
  />
23
36
  <path
37
+ as="path"
38
+ class=""
24
39
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
25
40
  />
26
41
  </g>
@@ -35,22 +50,37 @@ exports[`renders the PdfFileIcon with prop color=error and size= xl 1`] = `
35
50
  <div>
36
51
  <svg
37
52
  aria-hidden="true"
38
- class="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
53
+ as="svg"
54
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
39
55
  focusable="false"
40
56
  viewBox="0 0 24 24"
41
57
  >
42
- <g>
58
+ <g
59
+ as="g"
60
+ class=""
61
+ >
43
62
  <polygon
63
+ as="polygon"
64
+ class=""
44
65
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
45
66
  />
46
- <g>
67
+ <g
68
+ as="g"
69
+ class=""
70
+ >
47
71
  <path
72
+ as="path"
73
+ class=""
48
74
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
49
75
  />
50
76
  <path
77
+ as="path"
78
+ class=""
51
79
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
52
80
  />
53
81
  <path
82
+ as="path"
83
+ class=""
54
84
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
55
85
  />
56
86
  </g>
@@ -65,22 +95,37 @@ exports[`renders the PdfFileIcon with prop color=warning 1`] = `
65
95
  <div>
66
96
  <svg
67
97
  aria-hidden="true"
68
- class="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon"
98
+ as="svg"
99
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--warning"
69
100
  focusable="false"
70
101
  viewBox="0 0 24 24"
71
102
  >
72
- <g>
103
+ <g
104
+ as="g"
105
+ class=""
106
+ >
73
107
  <polygon
108
+ as="polygon"
109
+ class=""
74
110
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
75
111
  />
76
- <g>
112
+ <g
113
+ as="g"
114
+ class=""
115
+ >
77
116
  <path
117
+ as="path"
118
+ class=""
78
119
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
79
120
  />
80
121
  <path
122
+ as="path"
123
+ class=""
81
124
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
82
125
  />
83
126
  <path
127
+ as="path"
128
+ class=""
84
129
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
85
130
  />
86
131
  </g>
@@ -95,22 +140,37 @@ exports[`renders the PdfFileIcon with prop color=warning and size=s 1`] = `
95
140
  <div>
96
141
  <svg
97
142
  aria-hidden="true"
98
- class="ds-svg-icon--pdfFile ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
143
+ as="svg"
144
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
99
145
  focusable="false"
100
146
  viewBox="0 0 24 24"
101
147
  >
102
- <g>
148
+ <g
149
+ as="g"
150
+ class=""
151
+ >
103
152
  <polygon
153
+ as="polygon"
154
+ class=""
104
155
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
105
156
  />
106
- <g>
157
+ <g
158
+ as="g"
159
+ class=""
160
+ >
107
161
  <path
162
+ as="path"
163
+ class=""
108
164
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
109
165
  />
110
166
  <path
167
+ as="path"
168
+ class=""
111
169
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
112
170
  />
113
171
  <path
172
+ as="path"
173
+ class=""
114
174
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
115
175
  />
116
176
  </g>
@@ -125,22 +185,37 @@ exports[`renders the PdfFileIcon with prop color=white 1`] = `
125
185
  <div>
126
186
  <svg
127
187
  aria-hidden="true"
128
- class="ds-svg-icon--pdfFile ds-svg-icon--white ds-svg-icon"
188
+ as="svg"
189
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--white"
129
190
  focusable="false"
130
191
  viewBox="0 0 24 24"
131
192
  >
132
- <g>
193
+ <g
194
+ as="g"
195
+ class=""
196
+ >
133
197
  <polygon
198
+ as="polygon"
199
+ class=""
134
200
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
135
201
  />
136
- <g>
202
+ <g
203
+ as="g"
204
+ class=""
205
+ >
137
206
  <path
207
+ as="path"
208
+ class=""
138
209
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
139
210
  />
140
211
  <path
212
+ as="path"
213
+ class=""
141
214
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
142
215
  />
143
216
  <path
217
+ as="path"
218
+ class=""
144
219
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
145
220
  />
146
221
  </g>
@@ -155,22 +230,37 @@ exports[`renders the PdfFileIcon with prop size=m 1`] = `
155
230
  <div>
156
231
  <svg
157
232
  aria-hidden="true"
158
- class="ds-svg-icon--pdfFile ds-svg-icon--md ds-svg-icon"
233
+ as="svg"
234
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--md"
159
235
  focusable="false"
160
236
  viewBox="0 0 24 24"
161
237
  >
162
- <g>
238
+ <g
239
+ as="g"
240
+ class=""
241
+ >
163
242
  <polygon
243
+ as="polygon"
244
+ class=""
164
245
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
165
246
  />
166
- <g>
247
+ <g
248
+ as="g"
249
+ class=""
250
+ >
167
251
  <path
252
+ as="path"
253
+ class=""
168
254
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
169
255
  />
170
256
  <path
257
+ as="path"
258
+ class=""
171
259
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
172
260
  />
173
261
  <path
262
+ as="path"
263
+ class=""
174
264
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
175
265
  />
176
266
  </g>
@@ -185,22 +275,37 @@ exports[`renders the PdfFileIcon with prop size=xl 1`] = `
185
275
  <div>
186
276
  <svg
187
277
  aria-hidden="true"
188
- class="ds-svg-icon--pdfFile ds-svg-icon--xl ds-svg-icon"
278
+ as="svg"
279
+ class="ds-svg-icon--pdfFile ds-svg-icon ds-svg-icon--xl"
189
280
  focusable="false"
190
281
  viewBox="0 0 24 24"
191
282
  >
192
- <g>
283
+ <g
284
+ as="g"
285
+ class=""
286
+ >
193
287
  <polygon
288
+ as="polygon"
289
+ class=""
194
290
  points="4 19 4 7 2 7 2 21 18 21 18 19 4 19"
195
291
  />
196
- <g>
292
+ <g
293
+ as="g"
294
+ class=""
295
+ >
197
296
  <path
297
+ as="path"
298
+ class=""
198
299
  d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
199
300
  />
200
301
  <path
302
+ as="path"
303
+ class=""
201
304
  d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
202
305
  />
203
306
  <path
307
+ as="path"
308
+ class=""
204
309
  d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
205
310
  />
206
311
  </g>
package/src/PdfFileIcon/config.tsx CHANGED
@@ -1,17 +1,27 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface PdfFileType {}
4
5
 
5
6
  export function pdfFile(): React.ReactElement {
6
7
  return (
7
- <g>
8
- <polygon points="4 19 4 7 2 7 2 21 18 21 18 19 4 19" />
9
- <g>
10
- <path d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z" />
11
- <path d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z" />
12
- <path d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z" />
13
- </g>
14
- </g>
8
+ <IconBase as="g">
9
+ <IconBase as="polygon" points="4 19 4 7 2 7 2 21 18 21 18 19 4 19" />
10
+ <IconBase as="g">
11
+ <IconBase
12
+ as="path"
13
+ d="M9.594,8.364h-.838v1.504h.823c.243,0,.429-.061.557-.183.128-.122.192-.294.192-.516,0-.243-.066-.438-.197-.584-.131-.146-.31-.22-.537-.222Z"
14
+ />
15
+ <IconBase
16
+ as="path"
17
+ d="M13.952,8.364h-.422v3.276h.437c.36,0,.637-.128.831-.385.193-.257.29-.638.29-1.144v-.226c0-.504-.097-.883-.29-1.139-.193-.255-.475-.383-.845-.383Z"
18
+ />
19
+ <IconBase
20
+ as="path"
21
+ d="M6,3v14h16V3H6ZM11.057,10.381c-.364.304-.863.456-1.498.456h-.802v1.769h-1.257v-5.213h2.08c.399,0,.751.073,1.058.22s.544.356.712.627c.168.271.252.578.252.922,0,.508-.182.915-.546,1.219ZM16.368,10.111c0,.477-.101.905-.303,1.284-.202.378-.486.674-.852.888-.366.214-.775.322-1.226.324h-1.715v-5.213h1.679c.461,0,.875.104,1.242.313.368.209.655.504.861.884.206.381.311.807.313,1.28v.24ZM20.5,8.364h-2.231v1.199h2.026v.967h-2.026v2.077h-1.257v-5.213h3.487v.97Z"
22
+ />
23
+ </IconBase>
24
+ </IconBase>
15
25
  );
16
26
  }
17
27
 
package/src/PdfFileIcon/index.test.tsx CHANGED
@@ -19,8 +19,12 @@ it('renders the PdfFileIcon with prop color=warning', () => {
19
19
  expect(render(<PdfFileIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the PdfFileIcon with prop color=warning and size=s', () => {
22
- expect(render(<PdfFileIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<PdfFileIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the PdfFileIcon with prop color=error and size= xl', () => {
25
- expect(render(<PdfFileIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<PdfFileIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });