@digigov/react-icons 2.0.0-rc.20 → 2.0.0-rc.22

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/src/DownloadIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,19 +1,27 @@
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 DownloadIcon 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--download 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="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
15
21
  />
16
22
  <rect
23
+ as="rect"
24
+ class=""
17
25
  height="3.301"
18
26
  width="12"
19
27
  x="6"
@@ -30,15 +38,23 @@ exports[`renders the DownloadIcon with prop color=error and size= xl 1`] = `
30
38
  <div>
31
39
  <svg
32
40
  aria-hidden="true"
33
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
41
+ as="svg"
42
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
34
43
  focusable="false"
35
44
  viewBox="0 0 24 24"
36
45
  >
37
- <g>
46
+ <g
47
+ as="g"
48
+ class=""
49
+ >
38
50
  <polygon
51
+ as="polygon"
52
+ class=""
39
53
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
40
54
  />
41
55
  <rect
56
+ as="rect"
57
+ class=""
42
58
  height="3.301"
43
59
  width="12"
44
60
  x="6"
@@ -55,15 +71,23 @@ exports[`renders the DownloadIcon with prop color=warning 1`] = `
55
71
  <div>
56
72
  <svg
57
73
  aria-hidden="true"
58
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon"
74
+ as="svg"
75
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning"
59
76
  focusable="false"
60
77
  viewBox="0 0 24 24"
61
78
  >
62
- <g>
79
+ <g
80
+ as="g"
81
+ class=""
82
+ >
63
83
  <polygon
84
+ as="polygon"
85
+ class=""
64
86
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
65
87
  />
66
88
  <rect
89
+ as="rect"
90
+ class=""
67
91
  height="3.301"
68
92
  width="12"
69
93
  x="6"
@@ -80,15 +104,23 @@ exports[`renders the DownloadIcon with prop color=warning and size=s 1`] = `
80
104
  <div>
81
105
  <svg
82
106
  aria-hidden="true"
83
- class="ds-svg-icon--download ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
107
+ as="svg"
108
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
84
109
  focusable="false"
85
110
  viewBox="0 0 24 24"
86
111
  >
87
- <g>
112
+ <g
113
+ as="g"
114
+ class=""
115
+ >
88
116
  <polygon
117
+ as="polygon"
118
+ class=""
89
119
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
90
120
  />
91
121
  <rect
122
+ as="rect"
123
+ class=""
92
124
  height="3.301"
93
125
  width="12"
94
126
  x="6"
@@ -105,15 +137,23 @@ exports[`renders the DownloadIcon with prop color=white 1`] = `
105
137
  <div>
106
138
  <svg
107
139
  aria-hidden="true"
108
- class="ds-svg-icon--download ds-svg-icon--white ds-svg-icon"
140
+ as="svg"
141
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--white"
109
142
  focusable="false"
110
143
  viewBox="0 0 24 24"
111
144
  >
112
- <g>
145
+ <g
146
+ as="g"
147
+ class=""
148
+ >
113
149
  <polygon
150
+ as="polygon"
151
+ class=""
114
152
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
115
153
  />
116
154
  <rect
155
+ as="rect"
156
+ class=""
117
157
  height="3.301"
118
158
  width="12"
119
159
  x="6"
@@ -130,15 +170,23 @@ exports[`renders the DownloadIcon with prop size=m 1`] = `
130
170
  <div>
131
171
  <svg
132
172
  aria-hidden="true"
133
- class="ds-svg-icon--download ds-svg-icon--md ds-svg-icon"
173
+ as="svg"
174
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--md"
134
175
  focusable="false"
135
176
  viewBox="0 0 24 24"
136
177
  >
137
- <g>
178
+ <g
179
+ as="g"
180
+ class=""
181
+ >
138
182
  <polygon
183
+ as="polygon"
184
+ class=""
139
185
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
140
186
  />
141
187
  <rect
188
+ as="rect"
189
+ class=""
142
190
  height="3.301"
143
191
  width="12"
144
192
  x="6"
@@ -155,15 +203,23 @@ exports[`renders the DownloadIcon with prop size=xl 1`] = `
155
203
  <div>
156
204
  <svg
157
205
  aria-hidden="true"
158
- class="ds-svg-icon--download ds-svg-icon--xl ds-svg-icon"
206
+ as="svg"
207
+ class="ds-svg-icon--download ds-svg-icon ds-svg-icon--xl"
159
208
  focusable="false"
160
209
  viewBox="0 0 24 24"
161
210
  >
162
- <g>
211
+ <g
212
+ as="g"
213
+ class=""
214
+ >
163
215
  <polygon
216
+ as="polygon"
217
+ class=""
164
218
  points="12 18 20 10 15.3 10 15.3 2 8.7 2 8.7 10 4 10 12 18"
165
219
  />
166
220
  <rect
221
+ as="rect"
222
+ class=""
167
223
  height="3.301"
168
224
  width="12"
169
225
  x="6"
package/src/ExclamationIcon/__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 ExclamationIcon 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--exclamation 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="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
14
17
  />
15
18
  <circle
19
+ as="circle"
20
+ class=""
16
21
  cx="11.993"
17
22
  cy="19.9"
18
23
  r="2.1"
@@ -27,14 +32,19 @@ exports[`renders the ExclamationIcon with prop color=error and size=sm 1`] = `
27
32
  <div>
28
33
  <svg
29
34
  aria-hidden="true"
30
- class="ds-svg-icon--exclamation ds-svg-icon--error ds-svg-icon--sm ds-svg-icon"
35
+ as="svg"
36
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--error ds-svg-icon--sm"
31
37
  focusable="false"
32
38
  viewBox="0 0 24 24"
33
39
  >
34
40
  <path
41
+ as="path"
42
+ class=""
35
43
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
36
44
  />
37
45
  <circle
46
+ as="circle"
47
+ class=""
38
48
  cx="11.993"
39
49
  cy="19.9"
40
50
  r="2.1"
@@ -49,14 +59,19 @@ exports[`renders the ExclamationIcon with prop color=info and size= xl 1`] = `
49
59
  <div>
50
60
  <svg
51
61
  aria-hidden="true"
52
- class="ds-svg-icon--exclamation ds-svg-icon--info ds-svg-icon--xl ds-svg-icon"
62
+ as="svg"
63
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--info ds-svg-icon--xl"
53
64
  focusable="false"
54
65
  viewBox="0 0 24 24"
55
66
  >
56
67
  <path
68
+ as="path"
69
+ class=""
57
70
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
58
71
  />
59
72
  <circle
73
+ as="circle"
74
+ class=""
60
75
  cx="11.993"
61
76
  cy="19.9"
62
77
  r="2.1"
@@ -71,14 +86,19 @@ exports[`renders the ExclamationIcon with prop color=warning 1`] = `
71
86
  <div>
72
87
  <svg
73
88
  aria-hidden="true"
74
- class="ds-svg-icon--exclamation ds-svg-icon--warning ds-svg-icon"
89
+ as="svg"
90
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--warning"
75
91
  focusable="false"
76
92
  viewBox="0 0 24 24"
77
93
  >
78
94
  <path
95
+ as="path"
96
+ class=""
79
97
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
80
98
  />
81
99
  <circle
100
+ as="circle"
101
+ class=""
82
102
  cx="11.993"
83
103
  cy="19.9"
84
104
  r="2.1"
@@ -93,14 +113,19 @@ exports[`renders the ExclamationIcon with prop color=white 1`] = `
93
113
  <div>
94
114
  <svg
95
115
  aria-hidden="true"
96
- class="ds-svg-icon--exclamation ds-svg-icon--white ds-svg-icon"
116
+ as="svg"
117
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--white"
97
118
  focusable="false"
98
119
  viewBox="0 0 24 24"
99
120
  >
100
121
  <path
122
+ as="path"
123
+ class=""
101
124
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
102
125
  />
103
126
  <circle
127
+ as="circle"
128
+ class=""
104
129
  cx="11.993"
105
130
  cy="19.9"
106
131
  r="2.1"
@@ -115,14 +140,19 @@ exports[`renders the ExclamationIcon with prop size=md 1`] = `
115
140
  <div>
116
141
  <svg
117
142
  aria-hidden="true"
118
- class="ds-svg-icon--exclamation ds-svg-icon--md ds-svg-icon"
143
+ as="svg"
144
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--md"
119
145
  focusable="false"
120
146
  viewBox="0 0 24 24"
121
147
  >
122
148
  <path
149
+ as="path"
150
+ class=""
123
151
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
124
152
  />
125
153
  <circle
154
+ as="circle"
155
+ class=""
126
156
  cx="11.993"
127
157
  cy="19.9"
128
158
  r="2.1"
@@ -137,14 +167,19 @@ exports[`renders the ExclamationIcon with prop size=xl 1`] = `
137
167
  <div>
138
168
  <svg
139
169
  aria-hidden="true"
140
- class="ds-svg-icon--exclamation ds-svg-icon--xl ds-svg-icon"
170
+ as="svg"
171
+ class="ds-svg-icon--exclamation ds-svg-icon ds-svg-icon--xl"
141
172
  focusable="false"
142
173
  viewBox="0 0 24 24"
143
174
  >
144
175
  <path
176
+ as="path"
177
+ class=""
145
178
  d="M13.716,16.486h-3.446l-.488-14.486h4.422l-.488,14.486Z"
146
179
  />
147
180
  <circle
181
+ as="circle"
182
+ class=""
148
183
  cx="11.993"
149
184
  cy="19.9"
150
185
  r="2.1"
package/src/GlobeIcon/__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 GlobeIcon prop color= "error" 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
- class="ds-svg-icon--globe ds-svg-icon--error ds-svg-icon"
8
+ as="svg"
9
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--error"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <path
14
+ as="path"
15
+ class=""
13
16
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the GlobeIcon prop color= "white" 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--globe ds-svg-icon--white ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--white"
26
30
  focusable="false"
27
31
  viewBox="0 0 24 24"
28
32
  >
29
33
  <path
34
+ as="path"
35
+ class=""
30
36
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the GlobeIcon with no props 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
48
+ as="svg"
42
49
  class="ds-svg-icon--globe ds-svg-icon"
43
50
  focusable="false"
44
51
  viewBox="0 0 24 24"
45
52
  >
46
53
  <path
54
+ as="path"
55
+ class=""
47
56
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the GlobeIcon with prop color=base-content 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--globe ds-svg-icon--base-content ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--globe ds-svg-icon ds-svg-icon--base-content"
60
70
  focusable="false"
61
71
  viewBox="0 0 24 24"
62
72
  >
63
73
  <path
74
+ as="path"
75
+ class=""
64
76
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
65
77
  />
66
78
  </svg>
package/src/Icon/__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 Icon prop icon= "caret" 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
+ as="svg"
8
9
  class="ds-svg-icon--caret 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="M18,22V2L6,12L18,22z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the Icon prop icon= "caret" and direction=left 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
28
+ as="svg"
25
29
  class="ds-svg-icon--caret ds-svg-icon"
26
30
  focusable="false"
27
31
  viewBox="0 0 24 24"
28
32
  >
29
33
  <path
34
+ as="path"
35
+ class=""
30
36
  d="M18,22V2L6,12L18,22z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the Icon prop icon= "check" 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
48
+ as="svg"
42
49
  class="ds-svg-icon--check 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="9.49 14.94 4.16 9.67 1.84 12.01 9.5 19.6 22.16 7.05 19.84 4.7 9.5 14.94"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the Icon prop icon= "close" 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
68
+ as="svg"
59
69
  class="ds-svg-icon--close 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="14.4,11.8 22,4.2 19.7,1.8 12,9.4 4.4,1.8 2,4.2 9.7,11.9 2.1,19.5 4.4,21.9 12.1,14.3 19.7,21.9 22.1,19.5 "
65
77
  />
66
78
  </svg>
@@ -73,11 +85,14 @@ exports[`renders the Icon prop icon= "uncheck" 1`] = `
73
85
  <div>
74
86
  <svg
75
87
  aria-hidden="true"
88
+ as="svg"
76
89
  class="ds-svg-icon--uncheck ds-svg-icon"
77
90
  focusable="false"
78
91
  viewBox="0 0 24 24"
79
92
  >
80
93
  <polygon
94
+ as="polygon"
95
+ class=""
81
96
  points="20.59 5.74 18.26 3.41 12 9.67 5.742 3.41 3.41 5.74 9.67 12 3.41 18.26 5.74 20.6 12 14.33 18.26 20.59 20.59 18.26 14.33 12 20.59 5.74"
82
97
  />
83
98
  </svg>
@@ -90,21 +105,28 @@ exports[`renders the Icon props icon= "moreVert" 1`] = `
90
105
  <div>
91
106
  <svg
92
107
  aria-hidden="true"
108
+ as="svg"
93
109
  class="ds-svg-icon--moreVert ds-svg-icon"
94
110
  focusable="false"
95
111
  viewBox="0 0 24 24"
96
112
  >
97
113
  <circle
114
+ as="circle"
115
+ class=""
98
116
  cx="12"
99
117
  cy="5"
100
118
  r="2"
101
119
  />
102
120
  <circle
121
+ as="circle"
122
+ class=""
103
123
  cx="12"
104
124
  cy="12"
105
125
  r="2"
106
126
  />
107
127
  <circle
128
+ as="circle"
129
+ class=""
108
130
  cx="12"
109
131
  cy="19"
110
132
  r="2"
@@ -119,11 +141,14 @@ exports[`renders the Icon with no props 1`] = `
119
141
  <div>
120
142
  <svg
121
143
  aria-hidden="true"
144
+ as="svg"
122
145
  class="ds-svg-icon--chevron ds-svg-icon"
123
146
  focusable="false"
124
147
  viewBox="0 0 24 24"
125
148
  >
126
149
  <path
150
+ as="path"
151
+ class=""
127
152
  d="M8.5,2L6.1,4.3l7.6,7.7l-7.6,7.6L8.5,22l10-10L8.5,2z"
128
153
  />
129
154
  </svg>
@@ -136,11 +161,14 @@ exports[`renders the Icon with prop icon=arrow and direction=up 1`] = `
136
161
  <div>
137
162
  <svg
138
163
  aria-hidden="true"
164
+ as="svg"
139
165
  class="ds-svg-icon--chevron ds-svg-icon"
140
166
  focusable="false"
141
167
  viewBox="0 0 24 24"
142
168
  >
143
169
  <path
170
+ as="path"
171
+ class=""
144
172
  d="M2,15.8l2.3,2.4l7.7-7.6l7.6,7.6l2.4-2.4l-10-10L2,15.8z"
145
173
  />
146
174
  </svg>
@@ -153,24 +181,32 @@ exports[`renders the Icon with prop prop icon=burger 1`] = `
153
181
  <div>
154
182
  <svg
155
183
  aria-hidden="true"
184
+ as="svg"
156
185
  class="ds-svg-icon--burger ds-svg-icon"
157
186
  focusable="false"
158
187
  viewBox="0 0 24 24"
159
188
  >
160
189
  <g
190
+ as="g"
161
191
  class=""
162
192
  >
163
193
  <rect
194
+ as="rect"
195
+ class=""
164
196
  height="3.3"
165
197
  id="ds-svg-icon--burger__line-1"
166
198
  width="20"
167
199
  />
168
200
  <rect
201
+ as="rect"
202
+ class=""
169
203
  height="3.3"
170
204
  id="ds-svg-icon--burger__line-2"
171
205
  width="20"
172
206
  />
173
207
  <rect
208
+ as="rect"
209
+ class=""
174
210
  height="3.3"
175
211
  id="ds-svg-icon--burger__line-3"
176
212
  width="20"
@@ -186,11 +222,14 @@ exports[`renders the Icon with prop prop icon=globe 1`] = `
186
222
  <div>
187
223
  <svg
188
224
  aria-hidden="true"
225
+ as="svg"
189
226
  class="ds-svg-icon--globe ds-svg-icon"
190
227
  focusable="false"
191
228
  viewBox="0 0 24 24"
192
229
  >
193
230
  <path
231
+ as="path"
232
+ class=""
194
233
  d="M12,1C5.925,1,1,5.925,1,12s4.925,11,11,11,11-4.925,11-11S18.075,1,12,1ZM19.203,7.7h-2.6c-.236-1.22-.572-2.32-.98-3.267,1.49.716,2.735,1.857,3.58,3.267ZM20.4,12c0,.582-.06,1.151-.173,1.7h-3.292c.039-.556.066-1.12.066-1.7s-.026-1.145-.066-1.7h3.292c.113.549.173,1.118.173,1.7ZM12,20.378c-.484-.265-1.393-1.667-1.943-4.078h3.885c-.55,2.411-1.459,3.814-1.943,4.078ZM9.667,13.7c-.042-.537-.068-1.103-.068-1.7s.025-1.163.068-1.7h4.665c.042.537.068,1.103.068,1.7s-.025,1.163-.068,1.7h-4.665ZM3.6,12c0-.582.06-1.151.173-1.7h3.292c-.039.556-.066,1.12-.066,1.7s.026,1.145.066,1.7h-3.292c-.113-.549-.173-1.118-.173-1.7ZM12,3.622c.484.265,1.393,1.667,1.943,4.079h-3.885c.55-2.411,1.459-3.814,1.943-4.079ZM8.377,4.433c-.409.947-.745,2.047-.98,3.267h-2.6c.845-1.411,2.09-2.551,3.58-3.267ZM4.797,16.3h2.6c.236,1.22.572,2.32.98,3.267-1.49-.716-2.735-1.857-3.58-3.267ZM15.623,19.567c.409-.947.745-2.047.98-3.267h2.6c-.845,1.411-2.09,2.551-3.58,3.267Z"
195
234
  />
196
235
  </svg>