@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/LockIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -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 LockIcon 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--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the LockIcon with prop color=error and size= xl 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the LockIcon with prop color=warning 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
42
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
48
+ as="svg"
49
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the LockIcon with prop color=warning and size=sm 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
65
77
  />
66
78
  </svg>
@@ -73,11 +85,14 @@ exports[`renders the LockIcon with prop color=white 1`] = `
73
85
  <div>
74
86
  <svg
75
87
  aria-hidden="true"
76
- class="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
88
+ as="svg"
89
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
82
97
  />
83
98
  </svg>
@@ -90,11 +105,14 @@ exports[`renders the LockIcon with prop size=md 1`] = `
90
105
  <div>
91
106
  <svg
92
107
  aria-hidden="true"
93
- class="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
99
117
  />
100
118
  </svg>
@@ -107,11 +125,14 @@ exports[`renders the LockIcon with prop size=xl 1`] = `
107
125
  <div>
108
126
  <svg
109
127
  aria-hidden="true"
110
- class="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
128
+ as="svg"
129
+ class="ds-svg-icon--lock 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="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
116
137
  />
117
138
  </svg>
package/src/LockIcon/config.tsx CHANGED
@@ -1,11 +1,15 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface LockType {}
4
5
 
5
6
  export function lock(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <path d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"/>
9
+ <IconBase
10
+ as="path"
11
+ d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
12
+ />
9
13
  </>
10
14
  );
11
15
  }
package/src/LockIcon/index.test.tsx CHANGED
@@ -19,8 +19,12 @@ it('renders the LockIcon with prop color=warning', () => {
19
19
  expect(render(<LockIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the LockIcon with prop color=warning and size=sm', () => {
22
- expect(render(<LockIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<LockIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the LockIcon with prop color=error and size= xl', () => {
25
- expect(render(<LockIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<LockIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
package/src/LoginIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -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 LoginIcon 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--login 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="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
14
17
  />
15
18
  <polygon
19
+ as="polygon"
20
+ class=""
16
21
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
17
22
  />
18
23
  </svg>
@@ -25,14 +30,19 @@ exports[`renders the LoginIcon with prop color=error and size= xl 1`] = `
25
30
  <div>
26
31
  <svg
27
32
  aria-hidden="true"
28
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
33
+ as="svg"
34
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
29
35
  focusable="false"
30
36
  viewBox="0 0 24 24"
31
37
  >
32
38
  <polygon
39
+ as="polygon"
40
+ class=""
33
41
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
34
42
  />
35
43
  <polygon
44
+ as="polygon"
45
+ class=""
36
46
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
37
47
  />
38
48
  </svg>
@@ -45,14 +55,19 @@ exports[`renders the LoginIcon with prop color=warning 1`] = `
45
55
  <div>
46
56
  <svg
47
57
  aria-hidden="true"
48
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
58
+ as="svg"
59
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning"
49
60
  focusable="false"
50
61
  viewBox="0 0 24 24"
51
62
  >
52
63
  <polygon
64
+ as="polygon"
65
+ class=""
53
66
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
54
67
  />
55
68
  <polygon
69
+ as="polygon"
70
+ class=""
56
71
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
57
72
  />
58
73
  </svg>
@@ -65,14 +80,19 @@ exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
65
80
  <div>
66
81
  <svg
67
82
  aria-hidden="true"
68
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
83
+ as="svg"
84
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
69
85
  focusable="false"
70
86
  viewBox="0 0 24 24"
71
87
  >
72
88
  <polygon
89
+ as="polygon"
90
+ class=""
73
91
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
74
92
  />
75
93
  <polygon
94
+ as="polygon"
95
+ class=""
76
96
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
77
97
  />
78
98
  </svg>
@@ -85,14 +105,19 @@ exports[`renders the LoginIcon with prop color=white 1`] = `
85
105
  <div>
86
106
  <svg
87
107
  aria-hidden="true"
88
- class="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--white"
89
110
  focusable="false"
90
111
  viewBox="0 0 24 24"
91
112
  >
92
113
  <polygon
114
+ as="polygon"
115
+ class=""
93
116
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
94
117
  />
95
118
  <polygon
119
+ as="polygon"
120
+ class=""
96
121
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
97
122
  />
98
123
  </svg>
@@ -105,14 +130,19 @@ exports[`renders the LoginIcon with prop size=md 1`] = `
105
130
  <div>
106
131
  <svg
107
132
  aria-hidden="true"
108
- class="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
133
+ as="svg"
134
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--md"
109
135
  focusable="false"
110
136
  viewBox="0 0 24 24"
111
137
  >
112
138
  <polygon
139
+ as="polygon"
140
+ class=""
113
141
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
114
142
  />
115
143
  <polygon
144
+ as="polygon"
145
+ class=""
116
146
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
117
147
  />
118
148
  </svg>
@@ -125,14 +155,19 @@ exports[`renders the LoginIcon with prop size=xl 1`] = `
125
155
  <div>
126
156
  <svg
127
157
  aria-hidden="true"
128
- class="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
158
+ as="svg"
159
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--xl"
129
160
  focusable="false"
130
161
  viewBox="0 0 24 24"
131
162
  >
132
163
  <polygon
164
+ as="polygon"
165
+ class=""
133
166
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
134
167
  />
135
168
  <polygon
169
+ as="polygon"
170
+ class=""
136
171
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
137
172
  />
138
173
  </svg>
package/src/LoginIcon/config.tsx CHANGED
@@ -1,12 +1,19 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface LoginType {}
4
5
 
5
6
  export function login(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <polygon points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081" />
9
- <polygon points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2" />
9
+ <IconBase
10
+ as="polygon"
11
+ points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
12
+ />
13
+ <IconBase
14
+ as="polygon"
15
+ points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
16
+ />
10
17
  </>
11
18
  );
12
19
  }
package/src/LoginIcon/index.test.tsx CHANGED
@@ -19,8 +19,12 @@ it('renders the LoginIcon with prop color=warning', () => {
19
19
  expect(render(<LoginIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the LoginIcon with prop color=warning and size=s', () => {
22
- expect(render(<LoginIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<LoginIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the LoginIcon with prop color=error and size= xl', () => {
25
- expect(render(<LoginIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<LoginIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
package/src/MinusIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -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 MinusIcon 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--minus ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <rect
14
+ as="rect"
15
+ class=""
13
16
  height="3.3"
14
17
  width="20"
15
18
  x="2"
@@ -25,11 +28,14 @@ exports[`renders the MinusIcon with prop color=error and size= xl 1`] = `
25
28
  <div>
26
29
  <svg
27
30
  aria-hidden="true"
28
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
31
+ as="svg"
32
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
29
33
  focusable="false"
30
34
  viewBox="0 0 24 24"
31
35
  >
32
36
  <rect
37
+ as="rect"
38
+ class=""
33
39
  height="3.3"
34
40
  width="20"
35
41
  x="2"
@@ -45,11 +51,14 @@ exports[`renders the MinusIcon with prop color=warning 1`] = `
45
51
  <div>
46
52
  <svg
47
53
  aria-hidden="true"
48
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
54
+ as="svg"
55
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning"
49
56
  focusable="false"
50
57
  viewBox="0 0 24 24"
51
58
  >
52
59
  <rect
60
+ as="rect"
61
+ class=""
53
62
  height="3.3"
54
63
  width="20"
55
64
  x="2"
@@ -65,11 +74,14 @@ exports[`renders the MinusIcon with prop color=warning and size=s 1`] = `
65
74
  <div>
66
75
  <svg
67
76
  aria-hidden="true"
68
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
77
+ as="svg"
78
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
69
79
  focusable="false"
70
80
  viewBox="0 0 24 24"
71
81
  >
72
82
  <rect
83
+ as="rect"
84
+ class=""
73
85
  height="3.3"
74
86
  width="20"
75
87
  x="2"
@@ -85,11 +97,14 @@ exports[`renders the MinusIcon with prop color=white 1`] = `
85
97
  <div>
86
98
  <svg
87
99
  aria-hidden="true"
88
- class="ds-svg-icon--minus ds-svg-icon--white ds-svg-icon"
100
+ as="svg"
101
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--white"
89
102
  focusable="false"
90
103
  viewBox="0 0 24 24"
91
104
  >
92
105
  <rect
106
+ as="rect"
107
+ class=""
93
108
  height="3.3"
94
109
  width="20"
95
110
  x="2"
@@ -105,11 +120,14 @@ exports[`renders the MinusIcon with prop size=m 1`] = `
105
120
  <div>
106
121
  <svg
107
122
  aria-hidden="true"
108
- class="ds-svg-icon--minus ds-svg-icon--md ds-svg-icon"
123
+ as="svg"
124
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--md"
109
125
  focusable="false"
110
126
  viewBox="0 0 24 24"
111
127
  >
112
128
  <rect
129
+ as="rect"
130
+ class=""
113
131
  height="3.3"
114
132
  width="20"
115
133
  x="2"
@@ -125,11 +143,14 @@ exports[`renders the MinusIcon with prop size=xl 1`] = `
125
143
  <div>
126
144
  <svg
127
145
  aria-hidden="true"
128
- class="ds-svg-icon--minus ds-svg-icon--xl ds-svg-icon"
146
+ as="svg"
147
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--xl"
129
148
  focusable="false"
130
149
  viewBox="0 0 24 24"
131
150
  >
132
151
  <rect
152
+ as="rect"
153
+ class=""
133
154
  height="3.3"
134
155
  width="20"
135
156
  x="2"
package/src/MinusIcon/config.tsx CHANGED
@@ -1,12 +1,13 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface MinusType {}
4
5
 
5
6
  export function minus(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <rect x="2" y="10.35" width="20" height="3.3"/>
9
- </>
9
+ <IconBase as="rect" x="2" y="10.35" width="20" height="3.3" />
10
+ </>
10
11
  );
11
12
  }
12
13
 
package/src/MinusIcon/index.test.tsx CHANGED
@@ -19,8 +19,12 @@ it('renders the MinusIcon with prop color=warning', () => {
19
19
  expect(render(<MinusIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the MinusIcon with prop color=warning and size=s', () => {
22
- expect(render(<MinusIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<MinusIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the MinusIcon with prop color=error and size= xl', () => {
25
- expect(render(<MinusIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<MinusIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });