@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/PlusIcon/__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 PlusIcon 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--plus 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="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the PlusIcon with prop color=error and size= xl 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--plus 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
  <polygon
34
+ as="polygon"
35
+ class=""
30
36
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the PlusIcon with prop color=warning 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
42
- class="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon"
48
+ as="svg"
49
+ class="ds-svg-icon--plus ds-svg-icon ds-svg-icon--warning"
43
50
  focusable="false"
44
51
  viewBox="0 0 24 24"
45
52
  >
46
53
  <polygon
54
+ as="polygon"
55
+ class=""
47
56
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the PlusIcon with prop color=warning and size=s 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--plus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--plus 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
  <polygon
74
+ as="polygon"
75
+ class=""
64
76
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
65
77
  />
66
78
  </svg>
@@ -73,11 +85,14 @@ exports[`renders the PlusIcon with prop color=white 1`] = `
73
85
  <div>
74
86
  <svg
75
87
  aria-hidden="true"
76
- class="ds-svg-icon--plus ds-svg-icon--white ds-svg-icon"
88
+ as="svg"
89
+ class="ds-svg-icon--plus ds-svg-icon ds-svg-icon--white"
77
90
  focusable="false"
78
91
  viewBox="0 0 24 24"
79
92
  >
80
93
  <polygon
94
+ as="polygon"
95
+ class=""
81
96
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
82
97
  />
83
98
  </svg>
@@ -90,11 +105,14 @@ exports[`renders the PlusIcon with prop size=m 1`] = `
90
105
  <div>
91
106
  <svg
92
107
  aria-hidden="true"
93
- class="ds-svg-icon--plus ds-svg-icon--md ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--plus ds-svg-icon ds-svg-icon--md"
94
110
  focusable="false"
95
111
  viewBox="0 0 24 24"
96
112
  >
97
113
  <polygon
114
+ as="polygon"
115
+ class=""
98
116
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
99
117
  />
100
118
  </svg>
@@ -107,11 +125,14 @@ exports[`renders the PlusIcon with prop size=xl 1`] = `
107
125
  <div>
108
126
  <svg
109
127
  aria-hidden="true"
110
- class="ds-svg-icon--plus ds-svg-icon--xl ds-svg-icon"
128
+ as="svg"
129
+ class="ds-svg-icon--plus ds-svg-icon ds-svg-icon--xl"
111
130
  focusable="false"
112
131
  viewBox="0 0 24 24"
113
132
  >
114
133
  <polygon
134
+ as="polygon"
135
+ class=""
115
136
  points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
116
137
  />
117
138
  </svg>
package/src/PlusIcon/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 PlusType {}
4
5
 
5
6
  export function plus(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <polygon points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35" />
9
+ <IconBase
10
+ as="polygon"
11
+ points="22 10.35 13.65 10.35 13.65 2 10.35 2 10.35 10.35 2 10.35 2 13.65 10.35 13.65 10.35 22 13.65 22 13.65 13.65 22 13.65 22 10.35"
12
+ />
9
13
  </>
10
14
  );
11
15
  }
package/src/PlusIcon/index.test.tsx CHANGED
@@ -19,8 +19,12 @@ it('renders the PlusIcon with prop color=warning', () => {
19
19
  expect(render(<PlusIcon color="warning" />).baseElement).toMatchSnapshot();
20
20
  });
21
21
  it('renders the PlusIcon with prop color=warning and size=s', () => {
22
- expect(render(<PlusIcon color="warning" size="sm" />).baseElement).toMatchSnapshot();
22
+ expect(
23
+ render(<PlusIcon color="warning" size="sm" />).baseElement
24
+ ).toMatchSnapshot();
23
25
  });
24
26
  it('renders the PlusIcon with prop color=error and size= xl', () => {
25
- expect(render(<PlusIcon color="warning" size="xl" />).baseElement).toMatchSnapshot();
27
+ expect(
28
+ render(<PlusIcon color="warning" size="xl" />).baseElement
29
+ ).toMatchSnapshot();
26
30
  });
package/src/PrintIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,21 +1,26 @@
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 PrintIcon 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--print 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="4"
14
17
  width="10"
15
18
  x="7"
16
19
  y="2"
17
20
  />
18
21
  <path
22
+ as="path"
23
+ class=""
19
24
  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"
20
25
  />
21
26
  </svg>
@@ -28,17 +33,22 @@ exports[`renders the PrintIcon with prop color=error and size=sm 1`] = `
28
33
  <div>
29
34
  <svg
30
35
  aria-hidden="true"
31
- class="ds-svg-icon--print ds-svg-icon--error ds-svg-icon--sm ds-svg-icon"
36
+ as="svg"
37
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--error ds-svg-icon--sm"
32
38
  focusable="false"
33
39
  viewBox="0 0 24 24"
34
40
  >
35
41
  <rect
42
+ as="rect"
43
+ class=""
36
44
  height="4"
37
45
  width="10"
38
46
  x="7"
39
47
  y="2"
40
48
  />
41
49
  <path
50
+ as="path"
51
+ class=""
42
52
  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"
43
53
  />
44
54
  </svg>
@@ -51,17 +61,22 @@ exports[`renders the PrintIcon with prop color=info and size= xl 1`] = `
51
61
  <div>
52
62
  <svg
53
63
  aria-hidden="true"
54
- class="ds-svg-icon--print ds-svg-icon--info ds-svg-icon--xl ds-svg-icon"
64
+ as="svg"
65
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--info ds-svg-icon--xl"
55
66
  focusable="false"
56
67
  viewBox="0 0 24 24"
57
68
  >
58
69
  <rect
70
+ as="rect"
71
+ class=""
59
72
  height="4"
60
73
  width="10"
61
74
  x="7"
62
75
  y="2"
63
76
  />
64
77
  <path
78
+ as="path"
79
+ class=""
65
80
  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"
66
81
  />
67
82
  </svg>
@@ -74,17 +89,22 @@ exports[`renders the PrintIcon with prop color=warning 1`] = `
74
89
  <div>
75
90
  <svg
76
91
  aria-hidden="true"
77
- class="ds-svg-icon--print ds-svg-icon--warning ds-svg-icon"
92
+ as="svg"
93
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--warning"
78
94
  focusable="false"
79
95
  viewBox="0 0 24 24"
80
96
  >
81
97
  <rect
98
+ as="rect"
99
+ class=""
82
100
  height="4"
83
101
  width="10"
84
102
  x="7"
85
103
  y="2"
86
104
  />
87
105
  <path
106
+ as="path"
107
+ class=""
88
108
  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"
89
109
  />
90
110
  </svg>
@@ -97,17 +117,22 @@ exports[`renders the PrintIcon with prop color=white 1`] = `
97
117
  <div>
98
118
  <svg
99
119
  aria-hidden="true"
100
- class="ds-svg-icon--print ds-svg-icon--white ds-svg-icon"
120
+ as="svg"
121
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--white"
101
122
  focusable="false"
102
123
  viewBox="0 0 24 24"
103
124
  >
104
125
  <rect
126
+ as="rect"
127
+ class=""
105
128
  height="4"
106
129
  width="10"
107
130
  x="7"
108
131
  y="2"
109
132
  />
110
133
  <path
134
+ as="path"
135
+ class=""
111
136
  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"
112
137
  />
113
138
  </svg>
@@ -120,17 +145,22 @@ exports[`renders the PrintIcon with prop size=md 1`] = `
120
145
  <div>
121
146
  <svg
122
147
  aria-hidden="true"
123
- class="ds-svg-icon--print ds-svg-icon--md ds-svg-icon"
148
+ as="svg"
149
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--md"
124
150
  focusable="false"
125
151
  viewBox="0 0 24 24"
126
152
  >
127
153
  <rect
154
+ as="rect"
155
+ class=""
128
156
  height="4"
129
157
  width="10"
130
158
  x="7"
131
159
  y="2"
132
160
  />
133
161
  <path
162
+ as="path"
163
+ class=""
134
164
  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"
135
165
  />
136
166
  </svg>
@@ -143,17 +173,22 @@ exports[`renders the PrintIcon with prop size=xl 1`] = `
143
173
  <div>
144
174
  <svg
145
175
  aria-hidden="true"
146
- class="ds-svg-icon--print ds-svg-icon--xl ds-svg-icon"
176
+ as="svg"
177
+ class="ds-svg-icon--print ds-svg-icon ds-svg-icon--xl"
147
178
  focusable="false"
148
179
  viewBox="0 0 24 24"
149
180
  >
150
181
  <rect
182
+ as="rect"
183
+ class=""
151
184
  height="4"
152
185
  width="10"
153
186
  x="7"
154
187
  y="2"
155
188
  />
156
189
  <path
190
+ as="path"
191
+ class=""
157
192
  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"
158
193
  />
159
194
  </svg>
package/src/PrintIcon/config.tsx CHANGED
@@ -1,12 +1,16 @@
1
1
  import React from 'react';
2
+ import IconBase from '@digigov/react-icons/IconBase';
2
3
 
3
4
  export interface PrintType {}
4
5
 
5
6
  export function print(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <rect x="7" y="2" width="10" height="4" />
9
- <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
+ />
10
14
  </>
11
15
  );
12
16
  }
package/src/PrintIcon/index.test.tsx CHANGED
@@ -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
  });
package/src/ReplyIcon/__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 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>
package/src/ReplyIcon/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 ReplyType {}
4
5
 
5
6
  export function reply(): React.ReactElement {
6
7
  return (
7
8
  <>
8
- <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
+ />
9
13
  </>
10
14
  );
11
15
  }
package/src/ReplyIcon/index.test.tsx CHANGED
@@ -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
  });