@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
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,18 +1,27 @@
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 PdfFileType { }
4
+ export interface PdfFileType {}
5
5
 
6
- export function pdfFile(): React.ReactElement {
6
+ export function pdfFile(): React.ReactElement<any> {
7
7
  return (
8
- <Base as="g">
9
- <Base as="polygon" points="4 19 4 7 2 7 2 21 18 21 18 19 4 19" />
10
- <Base as="g">
11
- <Base as="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" />
12
- <Base as="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" />
13
- <Base as="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" />
14
- </Base>
15
- </Base>
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>
16
25
  );
17
26
  }
18
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
  });
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,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 PlusType { }
4
+ export interface PlusType {}
5
5
 
6
- export function plus(): React.ReactElement {
6
+ export function plus(): React.ReactElement<any> {
7
7
  return (
8
8
  <>
9
- <Base as="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
+ />
10
13
  </>
11
14
  );
12
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>