@digigov/react-icons 2.0.0-rc.21 → 2.0.0-rc.23

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 (27) hide show
  1. package/index.js +1 -1
  2. package/package.json +2 -2
  3. package/src/AccessibilityIcon/__snapshots__/index.test.tsx.snap +126 -27
  4. package/src/ArrowIcon/__snapshots__/index.test.tsx.snap +13 -1
  5. package/src/BurgerIcon/__snapshots__/index.test.tsx.snap +53 -5
  6. package/src/CancelIcon/__snapshots__/index.test.tsx.snap +28 -7
  7. package/src/CaretIcon/__snapshots__/index.test.tsx.snap +13 -1
  8. package/src/ChatIcon/__snapshots__/index.test.tsx.snap +31 -7
  9. package/src/CheckIcon/__snapshots__/index.test.tsx.snap +32 -8
  10. package/src/ChevronIcon/__snapshots__/index.test.tsx.snap +13 -1
  11. package/src/CloseIcon/__snapshots__/index.test.tsx.snap +4 -1
  12. package/src/DownloadIcon/__snapshots__/index.test.tsx.snap +70 -14
  13. package/src/ExclamationIcon/__snapshots__/index.test.tsx.snap +42 -7
  14. package/src/GlobeIcon/__snapshots__/index.test.tsx.snap +16 -4
  15. package/src/Icon/__snapshots__/index.test.tsx.snap +40 -1
  16. package/src/LockIcon/__snapshots__/index.test.tsx.snap +28 -7
  17. package/src/LoginIcon/__snapshots__/index.test.tsx.snap +42 -7
  18. package/src/MinusIcon/__snapshots__/index.test.tsx.snap +28 -7
  19. package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap +72 -9
  20. package/src/PdfFileIcon/__snapshots__/index.test.tsx.snap +126 -21
  21. package/src/PlusIcon/__snapshots__/index.test.tsx.snap +28 -7
  22. package/src/PrintIcon/__snapshots__/index.test.tsx.snap +42 -7
  23. package/src/ReplyIcon/__snapshots__/index.test.tsx.snap +28 -7
  24. package/src/RestoreIcon/__snapshots__/index.test.tsx.snap +56 -7
  25. package/src/SearchIcon/__snapshots__/index.test.tsx.snap +4 -1
  26. package/src/SvgIcon/__snapshots__/index.test.tsx.snap +34 -17
  27. package/src/UncheckIcon/__snapshots__/index.test.tsx.snap +36 -9
package/index.js CHANGED
@@ -1,4 +1,4 @@
1
- /** @license Digigov v2.0.0-rc.21
1
+ /** @license Digigov v2.0.0-rc.23
2
2
  *
3
3
  * This source code is licensed under the BSD-2-Clause license found in the
4
4
  * LICENSE file in the root directory of this source tree.
package/package.json CHANGED
@@ -1,13 +1,13 @@
1
1
  {
2
2
  "name": "@digigov/react-icons",
3
- "version": "2.0.0-rc.21",
3
+ "version": "2.0.0-rc.23",
4
4
  "description": "@digigov react icons",
5
5
  "author": "GRNET Developers <devs@lists.grnet.gr>",
6
6
  "license": "BSD-2-Clause",
7
7
  "main": "./cjs/index.js",
8
8
  "module": "./index.js",
9
9
  "peerDependencies": {
10
- "@digigov/css": "2.0.0-rc.21",
10
+ "@digigov/css": "2.0.0-rc.23",
11
11
  "clsx": "1.1.1",
12
12
  "react": ">=16.8.0 <19.0.0",
13
13
  "react-dom": ">=16.8.0 <19.0.0"
@@ -1,24 +1,35 @@
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 AccessibilityIcon 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--accessibility ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
- <title>
13
+ <title
14
+ as="title"
15
+ class=""
16
+ >
13
17
  Μενού Προσβασιμότητας
14
18
  </title>
15
19
  <circle
20
+ as="circle"
21
+ class=""
16
22
  cx="12"
17
23
  cy="3"
18
24
  r="3"
19
25
  />
20
26
  <path
21
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
27
+ as="path"
28
+ class=""
29
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
30
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
31
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
32
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
22
33
  />
23
34
  </svg>
24
35
  </div>
@@ -30,20 +41,31 @@ exports[`renders the AccessibilityIcon with prop color=base-content 1`] = `
30
41
  <div>
31
42
  <svg
32
43
  aria-hidden="true"
33
- class="ds-svg-icon--accessibility ds-svg-icon--base-content ds-svg-icon"
44
+ as="svg"
45
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--base-content"
34
46
  focusable="false"
35
47
  viewBox="0 0 24 24"
36
48
  >
37
- <title>
49
+ <title
50
+ as="title"
51
+ class=""
52
+ >
38
53
  Μενού Προσβασιμότητας
39
54
  </title>
40
55
  <circle
56
+ as="circle"
57
+ class=""
41
58
  cx="12"
42
59
  cy="3"
43
60
  r="3"
44
61
  />
45
62
  <path
46
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
63
+ as="path"
64
+ class=""
65
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
66
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
67
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
68
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
47
69
  />
48
70
  </svg>
49
71
  </div>
@@ -55,20 +77,31 @@ exports[`renders the AccessibilityIcon with prop color=error 1`] = `
55
77
  <div>
56
78
  <svg
57
79
  aria-hidden="true"
58
- class="ds-svg-icon--accessibility ds-svg-icon--error ds-svg-icon"
80
+ as="svg"
81
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--error"
59
82
  focusable="false"
60
83
  viewBox="0 0 24 24"
61
84
  >
62
- <title>
85
+ <title
86
+ as="title"
87
+ class=""
88
+ >
63
89
  Μενού Προσβασιμότητας
64
90
  </title>
65
91
  <circle
92
+ as="circle"
93
+ class=""
66
94
  cx="12"
67
95
  cy="3"
68
96
  r="3"
69
97
  />
70
98
  <path
71
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
99
+ as="path"
100
+ class=""
101
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
102
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
103
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
104
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
72
105
  />
73
106
  </svg>
74
107
  </div>
@@ -80,20 +113,31 @@ exports[`renders the AccessibilityIcon with prop color=error and size= xl 1`] =
80
113
  <div>
81
114
  <svg
82
115
  aria-hidden="true"
83
- class="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
116
+ as="svg"
117
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
84
118
  focusable="false"
85
119
  viewBox="0 0 24 24"
86
120
  >
87
- <title>
121
+ <title
122
+ as="title"
123
+ class=""
124
+ >
88
125
  Μενού Προσβασιμότητας
89
126
  </title>
90
127
  <circle
128
+ as="circle"
129
+ class=""
91
130
  cx="12"
92
131
  cy="3"
93
132
  r="3"
94
133
  />
95
134
  <path
96
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
135
+ as="path"
136
+ class=""
137
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
138
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
139
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
140
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
97
141
  />
98
142
  </svg>
99
143
  </div>
@@ -105,20 +149,31 @@ exports[`renders the AccessibilityIcon with prop color=primary 1`] = `
105
149
  <div>
106
150
  <svg
107
151
  aria-hidden="true"
108
- class="ds-svg-icon--accessibility ds-svg-icon--primary ds-svg-icon"
152
+ as="svg"
153
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--primary"
109
154
  focusable="false"
110
155
  viewBox="0 0 24 24"
111
156
  >
112
- <title>
157
+ <title
158
+ as="title"
159
+ class=""
160
+ >
113
161
  Μενού Προσβασιμότητας
114
162
  </title>
115
163
  <circle
164
+ as="circle"
165
+ class=""
116
166
  cx="12"
117
167
  cy="3"
118
168
  r="3"
119
169
  />
120
170
  <path
121
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
171
+ as="path"
172
+ class=""
173
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
174
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
175
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
176
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
122
177
  />
123
178
  </svg>
124
179
  </div>
@@ -130,20 +185,31 @@ exports[`renders the AccessibilityIcon with prop color=success 1`] = `
130
185
  <div>
131
186
  <svg
132
187
  aria-hidden="true"
133
- class="ds-svg-icon--accessibility ds-svg-icon--success ds-svg-icon"
188
+ as="svg"
189
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--success"
134
190
  focusable="false"
135
191
  viewBox="0 0 24 24"
136
192
  >
137
- <title>
193
+ <title
194
+ as="title"
195
+ class=""
196
+ >
138
197
  Μενού Προσβασιμότητας
139
198
  </title>
140
199
  <circle
200
+ as="circle"
201
+ class=""
141
202
  cx="12"
142
203
  cy="3"
143
204
  r="3"
144
205
  />
145
206
  <path
146
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
207
+ as="path"
208
+ class=""
209
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
210
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
211
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
212
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
147
213
  />
148
214
  </svg>
149
215
  </div>
@@ -155,20 +221,31 @@ exports[`renders the AccessibilityIcon with prop color=warning and size=s 1`] =
155
221
  <div>
156
222
  <svg
157
223
  aria-hidden="true"
158
- class="ds-svg-icon--accessibility ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
224
+ as="svg"
225
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
159
226
  focusable="false"
160
227
  viewBox="0 0 24 24"
161
228
  >
162
- <title>
229
+ <title
230
+ as="title"
231
+ class=""
232
+ >
163
233
  Μενού Προσβασιμότητας
164
234
  </title>
165
235
  <circle
236
+ as="circle"
237
+ class=""
166
238
  cx="12"
167
239
  cy="3"
168
240
  r="3"
169
241
  />
170
242
  <path
171
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
243
+ as="path"
244
+ class=""
245
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
246
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
247
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
248
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
172
249
  />
173
250
  </svg>
174
251
  </div>
@@ -180,20 +257,31 @@ exports[`renders the AccessibilityIcon with prop size=l 1`] = `
180
257
  <div>
181
258
  <svg
182
259
  aria-hidden="true"
183
- class="ds-svg-icon--accessibility ds-svg-icon--lg ds-svg-icon"
260
+ as="svg"
261
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--lg"
184
262
  focusable="false"
185
263
  viewBox="0 0 24 24"
186
264
  >
187
- <title>
265
+ <title
266
+ as="title"
267
+ class=""
268
+ >
188
269
  Μενού Προσβασιμότητας
189
270
  </title>
190
271
  <circle
272
+ as="circle"
273
+ class=""
191
274
  cx="12"
192
275
  cy="3"
193
276
  r="3"
194
277
  />
195
278
  <path
196
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
279
+ as="path"
280
+ class=""
281
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
282
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
283
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
284
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
197
285
  />
198
286
  </svg>
199
287
  </div>
@@ -205,20 +293,31 @@ exports[`renders the AccessibilityIcon with prop size=s 1`] = `
205
293
  <div>
206
294
  <svg
207
295
  aria-hidden="true"
208
- class="ds-svg-icon--accessibility ds-svg-icon--sm ds-svg-icon"
296
+ as="svg"
297
+ class="ds-svg-icon--accessibility ds-svg-icon ds-svg-icon--sm"
209
298
  focusable="false"
210
299
  viewBox="0 0 24 24"
211
300
  >
212
- <title>
301
+ <title
302
+ as="title"
303
+ class=""
304
+ >
213
305
  Μενού Προσβασιμότητας
214
306
  </title>
215
307
  <circle
308
+ as="circle"
309
+ class=""
216
310
  cx="12"
217
311
  cy="3"
218
312
  r="3"
219
313
  />
220
314
  <path
221
- d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37 c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93 l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31 C22.89,8.04,21.58,5.38,19.76,6.13z"
315
+ as="path"
316
+ class=""
317
+ d="M19.76,6.13c-4.94,2.01-10.57,2.01-15.51,0c-0.71-0.3-1.55-0.04-1.98,0.66c-1.41,2.6,3.27,3.76,4.94,4.37
318
+ c0.4,0.11,0.81,0.2,1.22,0.28c0.56,0.11,0.92,0.67,0.79,1.25c-0.79,3.66-1.96,9.1-1.96,9.1c-0.46,2.27,2.72,3.15,3.39,0.92L12,17.93
319
+ l1.36,4.78c0.67,2.22,3.85,1.36,3.39-0.92c0,0-1.16-5.4-1.95-9.06c-0.12-0.57,0.22-1.16,0.77-1.27c2.01-0.41,3.94-1.17,5.68-2.31
320
+ C22.89,8.04,21.58,5.38,19.76,6.13z"
222
321
  />
223
322
  </svg>
224
323
  </div>
@@ -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 ArrowIcon with direction down prop 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
+ as="svg"
8
9
  class="ds-svg-icon--arrow 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="19.7 9.6 13.7 15.52 13.7 2.07 10.37 2 10.32 15.52 4.4 9.6 2 12 12 22 22 12 19.7 9.6"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the ArrowIcon with direction left prop 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
28
+ as="svg"
25
29
  class="ds-svg-icon--arrow ds-svg-icon"
26
30
  focusable="false"
27
31
  viewBox="0 0 24 24"
28
32
  >
29
33
  <polygon
34
+ as="polygon"
35
+ class=""
30
36
  points="14.4 19.7 8.48 13.7 21.93 13.7 22 10.37 8.48 10.32 14.4 4.4 12 2 2 12 12 22 14.4 19.7"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the ArrowIcon with direction up prop 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
48
+ as="svg"
42
49
  class="ds-svg-icon--arrow ds-svg-icon"
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 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the ArrowIcon with no props, direction prop is right by default
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
68
+ as="svg"
59
69
  class="ds-svg-icon--arrow ds-svg-icon"
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 12 12 2 2 12 4.3 14.4 10.3 8.48 10.3 21.93 13.63 22 13.68 8.48 19.6 14.4 22 12"
65
77
  />
66
78
  </svg>
@@ -1,28 +1,36 @@
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 BurgerIcon prop color= "error" 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
- class="ds-svg-icon--burger ds-svg-icon--error ds-svg-icon"
8
+ as="svg"
9
+ class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--error"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <g
14
+ as="g"
13
15
  class=""
14
16
  >
15
17
  <rect
18
+ as="rect"
19
+ class=""
16
20
  height="3.3"
17
21
  id="ds-svg-icon--burger__line-1"
18
22
  width="20"
19
23
  />
20
24
  <rect
25
+ as="rect"
26
+ class=""
21
27
  height="3.3"
22
28
  id="ds-svg-icon--burger__line-2"
23
29
  width="20"
24
30
  />
25
31
  <rect
32
+ as="rect"
33
+ class=""
26
34
  height="3.3"
27
35
  id="ds-svg-icon--burger__line-3"
28
36
  width="20"
@@ -38,24 +46,32 @@ exports[`renders the BurgerIcon prop color= "white" 1`] = `
38
46
  <div>
39
47
  <svg
40
48
  aria-hidden="true"
41
- class="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
49
+ as="svg"
50
+ class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--white"
42
51
  focusable="false"
43
52
  viewBox="0 0 24 24"
44
53
  >
45
54
  <g
55
+ as="g"
46
56
  class=""
47
57
  >
48
58
  <rect
59
+ as="rect"
60
+ class=""
49
61
  height="3.3"
50
62
  id="ds-svg-icon--burger__line-1"
51
63
  width="20"
52
64
  />
53
65
  <rect
66
+ as="rect"
67
+ class=""
54
68
  height="3.3"
55
69
  id="ds-svg-icon--burger__line-2"
56
70
  width="20"
57
71
  />
58
72
  <rect
73
+ as="rect"
74
+ class=""
59
75
  height="3.3"
60
76
  id="ds-svg-icon--burger__line-3"
61
77
  width="20"
@@ -71,24 +87,32 @@ exports[`renders the BurgerIcon props active color= "white" 1`] = `
71
87
  <div>
72
88
  <svg
73
89
  aria-hidden="true"
74
- class="ds-svg-icon--burger ds-svg-icon--white ds-svg-icon"
90
+ as="svg"
91
+ class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--white"
75
92
  focusable="false"
76
93
  viewBox="0 0 24 24"
77
94
  >
78
95
  <g
96
+ as="g"
79
97
  class="ds-svg-icon--burger--active"
80
98
  >
81
99
  <rect
100
+ as="rect"
101
+ class=""
82
102
  height="3.3"
83
103
  id="ds-svg-icon--burger__line-1"
84
104
  width="20"
85
105
  />
86
106
  <rect
107
+ as="rect"
108
+ class=""
87
109
  height="3.3"
88
110
  id="ds-svg-icon--burger__line-2"
89
111
  width="20"
90
112
  />
91
113
  <rect
114
+ as="rect"
115
+ class=""
92
116
  height="3.3"
93
117
  id="ds-svg-icon--burger__line-3"
94
118
  width="20"
@@ -104,24 +128,32 @@ exports[`renders the BurgerIcon with no props 1`] = `
104
128
  <div>
105
129
  <svg
106
130
  aria-hidden="true"
131
+ as="svg"
107
132
  class="ds-svg-icon--burger ds-svg-icon"
108
133
  focusable="false"
109
134
  viewBox="0 0 24 24"
110
135
  >
111
136
  <g
137
+ as="g"
112
138
  class=""
113
139
  >
114
140
  <rect
141
+ as="rect"
142
+ class=""
115
143
  height="3.3"
116
144
  id="ds-svg-icon--burger__line-1"
117
145
  width="20"
118
146
  />
119
147
  <rect
148
+ as="rect"
149
+ class=""
120
150
  height="3.3"
121
151
  id="ds-svg-icon--burger__line-2"
122
152
  width="20"
123
153
  />
124
154
  <rect
155
+ as="rect"
156
+ class=""
125
157
  height="3.3"
126
158
  id="ds-svg-icon--burger__line-3"
127
159
  width="20"
@@ -137,24 +169,32 @@ exports[`renders the BurgerIcon with prop active=true 1`] = `
137
169
  <div>
138
170
  <svg
139
171
  aria-hidden="true"
172
+ as="svg"
140
173
  class="ds-svg-icon--burger ds-svg-icon"
141
174
  focusable="false"
142
175
  viewBox="0 0 24 24"
143
176
  >
144
177
  <g
178
+ as="g"
145
179
  class="ds-svg-icon--burger--active"
146
180
  >
147
181
  <rect
182
+ as="rect"
183
+ class=""
148
184
  height="3.3"
149
185
  id="ds-svg-icon--burger__line-1"
150
186
  width="20"
151
187
  />
152
188
  <rect
189
+ as="rect"
190
+ class=""
153
191
  height="3.3"
154
192
  id="ds-svg-icon--burger__line-2"
155
193
  width="20"
156
194
  />
157
195
  <rect
196
+ as="rect"
197
+ class=""
158
198
  height="3.3"
159
199
  id="ds-svg-icon--burger__line-3"
160
200
  width="20"
@@ -170,24 +210,32 @@ exports[`renders the BurgerIcon with prop color=base-content 1`] = `
170
210
  <div>
171
211
  <svg
172
212
  aria-hidden="true"
173
- class="ds-svg-icon--burger ds-svg-icon--base-content ds-svg-icon"
213
+ as="svg"
214
+ class="ds-svg-icon--burger ds-svg-icon ds-svg-icon--base-content"
174
215
  focusable="false"
175
216
  viewBox="0 0 24 24"
176
217
  >
177
218
  <g
219
+ as="g"
178
220
  class=""
179
221
  >
180
222
  <rect
223
+ as="rect"
224
+ class=""
181
225
  height="3.3"
182
226
  id="ds-svg-icon--burger__line-1"
183
227
  width="20"
184
228
  />
185
229
  <rect
230
+ as="rect"
231
+ class=""
186
232
  height="3.3"
187
233
  id="ds-svg-icon--burger__line-2"
188
234
  width="20"
189
235
  />
190
236
  <rect
237
+ as="rect"
238
+ class=""
191
239
  height="3.3"
192
240
  id="ds-svg-icon--burger__line-3"
193
241
  width="20"