@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/LockIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,15 +1,18 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the LockIcon with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
+ as="svg"
8
9
  class="ds-svg-icon--lock ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <path
14
+ as="path"
15
+ class=""
13
16
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
14
17
  />
15
18
  </svg>
@@ -22,11 +25,14 @@ exports[`renders the LockIcon with prop color=error and size= xl 1`] = `
22
25
  <div>
23
26
  <svg
24
27
  aria-hidden="true"
25
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
28
+ as="svg"
29
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
26
30
  focusable="false"
27
31
  viewBox="0 0 24 24"
28
32
  >
29
33
  <path
34
+ as="path"
35
+ class=""
30
36
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
31
37
  />
32
38
  </svg>
@@ -39,11 +45,14 @@ exports[`renders the LockIcon with prop color=warning 1`] = `
39
45
  <div>
40
46
  <svg
41
47
  aria-hidden="true"
42
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon"
48
+ as="svg"
49
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--warning"
43
50
  focusable="false"
44
51
  viewBox="0 0 24 24"
45
52
  >
46
53
  <path
54
+ as="path"
55
+ class=""
47
56
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
48
57
  />
49
58
  </svg>
@@ -56,11 +65,14 @@ exports[`renders the LockIcon with prop color=warning and size=sm 1`] = `
56
65
  <div>
57
66
  <svg
58
67
  aria-hidden="true"
59
- class="ds-svg-icon--lock ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
68
+ as="svg"
69
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
60
70
  focusable="false"
61
71
  viewBox="0 0 24 24"
62
72
  >
63
73
  <path
74
+ as="path"
75
+ class=""
64
76
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
65
77
  />
66
78
  </svg>
@@ -73,11 +85,14 @@ exports[`renders the LockIcon with prop color=white 1`] = `
73
85
  <div>
74
86
  <svg
75
87
  aria-hidden="true"
76
- class="ds-svg-icon--lock ds-svg-icon--white ds-svg-icon"
88
+ as="svg"
89
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--white"
77
90
  focusable="false"
78
91
  viewBox="0 0 24 24"
79
92
  >
80
93
  <path
94
+ as="path"
95
+ class=""
81
96
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
82
97
  />
83
98
  </svg>
@@ -90,11 +105,14 @@ exports[`renders the LockIcon with prop size=md 1`] = `
90
105
  <div>
91
106
  <svg
92
107
  aria-hidden="true"
93
- class="ds-svg-icon--lock ds-svg-icon--md ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--md"
94
110
  focusable="false"
95
111
  viewBox="0 0 24 24"
96
112
  >
97
113
  <path
114
+ as="path"
115
+ class=""
98
116
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
99
117
  />
100
118
  </svg>
@@ -107,11 +125,14 @@ exports[`renders the LockIcon with prop size=xl 1`] = `
107
125
  <div>
108
126
  <svg
109
127
  aria-hidden="true"
110
- class="ds-svg-icon--lock ds-svg-icon--xl ds-svg-icon"
128
+ as="svg"
129
+ class="ds-svg-icon--lock ds-svg-icon ds-svg-icon--xl"
111
130
  focusable="false"
112
131
  viewBox="0 0 24 24"
113
132
  >
114
133
  <path
134
+ as="path"
135
+ class=""
115
136
  d="M17.872,9v-1.128c0-3.238-2.635-5.872-5.872-5.872s-5.872,2.634-5.872,5.872v1.128h-2.128v13h16v-13h-2.128ZM9.429,7.872c0-1.418,1.153-2.572,2.571-2.572s2.571,1.154,2.571,2.572v1.128h-5.143v-1.128ZM13.65,16c0,.911-.739,1.65-1.65,1.65s-1.65-.739-1.65-1.65v-2c0-.911.739-1.65,1.65-1.65s1.65.739,1.65,1.65v2Z"
116
137
  />
117
138
  </svg>
package/src/LoginIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,18 +1,23 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the LoginIcon with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
+ as="svg"
8
9
  class="ds-svg-icon--login ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <polygon
14
+ as="polygon"
15
+ class=""
13
16
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
14
17
  />
15
18
  <polygon
19
+ as="polygon"
20
+ class=""
16
21
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
17
22
  />
18
23
  </svg>
@@ -25,14 +30,19 @@ exports[`renders the LoginIcon with prop color=error and size= xl 1`] = `
25
30
  <div>
26
31
  <svg
27
32
  aria-hidden="true"
28
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
33
+ as="svg"
34
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
29
35
  focusable="false"
30
36
  viewBox="0 0 24 24"
31
37
  >
32
38
  <polygon
39
+ as="polygon"
40
+ class=""
33
41
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
34
42
  />
35
43
  <polygon
44
+ as="polygon"
45
+ class=""
36
46
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
37
47
  />
38
48
  </svg>
@@ -45,14 +55,19 @@ exports[`renders the LoginIcon with prop color=warning 1`] = `
45
55
  <div>
46
56
  <svg
47
57
  aria-hidden="true"
48
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon"
58
+ as="svg"
59
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning"
49
60
  focusable="false"
50
61
  viewBox="0 0 24 24"
51
62
  >
52
63
  <polygon
64
+ as="polygon"
65
+ class=""
53
66
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
54
67
  />
55
68
  <polygon
69
+ as="polygon"
70
+ class=""
56
71
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
57
72
  />
58
73
  </svg>
@@ -65,14 +80,19 @@ exports[`renders the LoginIcon with prop color=warning and size=s 1`] = `
65
80
  <div>
66
81
  <svg
67
82
  aria-hidden="true"
68
- class="ds-svg-icon--login ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
83
+ as="svg"
84
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
69
85
  focusable="false"
70
86
  viewBox="0 0 24 24"
71
87
  >
72
88
  <polygon
89
+ as="polygon"
90
+ class=""
73
91
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
74
92
  />
75
93
  <polygon
94
+ as="polygon"
95
+ class=""
76
96
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
77
97
  />
78
98
  </svg>
@@ -85,14 +105,19 @@ exports[`renders the LoginIcon with prop color=white 1`] = `
85
105
  <div>
86
106
  <svg
87
107
  aria-hidden="true"
88
- class="ds-svg-icon--login ds-svg-icon--white ds-svg-icon"
108
+ as="svg"
109
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--white"
89
110
  focusable="false"
90
111
  viewBox="0 0 24 24"
91
112
  >
92
113
  <polygon
114
+ as="polygon"
115
+ class=""
93
116
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
94
117
  />
95
118
  <polygon
119
+ as="polygon"
120
+ class=""
96
121
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
97
122
  />
98
123
  </svg>
@@ -105,14 +130,19 @@ exports[`renders the LoginIcon with prop size=md 1`] = `
105
130
  <div>
106
131
  <svg
107
132
  aria-hidden="true"
108
- class="ds-svg-icon--login ds-svg-icon--md ds-svg-icon"
133
+ as="svg"
134
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--md"
109
135
  focusable="false"
110
136
  viewBox="0 0 24 24"
111
137
  >
112
138
  <polygon
139
+ as="polygon"
140
+ class=""
113
141
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
114
142
  />
115
143
  <polygon
144
+ as="polygon"
145
+ class=""
116
146
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
117
147
  />
118
148
  </svg>
@@ -125,14 +155,19 @@ exports[`renders the LoginIcon with prop size=xl 1`] = `
125
155
  <div>
126
156
  <svg
127
157
  aria-hidden="true"
128
- class="ds-svg-icon--login ds-svg-icon--xl ds-svg-icon"
158
+ as="svg"
159
+ class="ds-svg-icon--login ds-svg-icon ds-svg-icon--xl"
129
160
  focusable="false"
130
161
  viewBox="0 0 24 24"
131
162
  >
132
163
  <polygon
164
+ as="polygon"
165
+ class=""
133
166
  points="10.419 6.081 8.581 7.919 11.361 10.7 2 10.7 2 13.3 11.361 13.3 8.581 16.081 10.419 17.919 16.339 12 10.419 6.081"
134
167
  />
135
168
  <polygon
169
+ as="polygon"
170
+ class=""
136
171
  points="19.4 2 15 2 15 4.6 19.4 4.6 19.4 19.4 15 19.4 15 22 19.4 22 22 22 22 19.4 22 4.6 22 2 19.4 2"
137
172
  />
138
173
  </svg>
package/src/MinusIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,15 +1,18 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
1
+ // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
2
 
3
3
  exports[`renders the MinusIcon with no props 1`] = `
4
4
  <body>
5
5
  <div>
6
6
  <svg
7
7
  aria-hidden="true"
8
+ as="svg"
8
9
  class="ds-svg-icon--minus ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <rect
14
+ as="rect"
15
+ class=""
13
16
  height="3.3"
14
17
  width="20"
15
18
  x="2"
@@ -25,11 +28,14 @@ exports[`renders the MinusIcon with prop color=error and size= xl 1`] = `
25
28
  <div>
26
29
  <svg
27
30
  aria-hidden="true"
28
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
31
+ as="svg"
32
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
29
33
  focusable="false"
30
34
  viewBox="0 0 24 24"
31
35
  >
32
36
  <rect
37
+ as="rect"
38
+ class=""
33
39
  height="3.3"
34
40
  width="20"
35
41
  x="2"
@@ -45,11 +51,14 @@ exports[`renders the MinusIcon with prop color=warning 1`] = `
45
51
  <div>
46
52
  <svg
47
53
  aria-hidden="true"
48
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon"
54
+ as="svg"
55
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning"
49
56
  focusable="false"
50
57
  viewBox="0 0 24 24"
51
58
  >
52
59
  <rect
60
+ as="rect"
61
+ class=""
53
62
  height="3.3"
54
63
  width="20"
55
64
  x="2"
@@ -65,11 +74,14 @@ exports[`renders the MinusIcon with prop color=warning and size=s 1`] = `
65
74
  <div>
66
75
  <svg
67
76
  aria-hidden="true"
68
- class="ds-svg-icon--minus ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
77
+ as="svg"
78
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
69
79
  focusable="false"
70
80
  viewBox="0 0 24 24"
71
81
  >
72
82
  <rect
83
+ as="rect"
84
+ class=""
73
85
  height="3.3"
74
86
  width="20"
75
87
  x="2"
@@ -85,11 +97,14 @@ exports[`renders the MinusIcon with prop color=white 1`] = `
85
97
  <div>
86
98
  <svg
87
99
  aria-hidden="true"
88
- class="ds-svg-icon--minus ds-svg-icon--white ds-svg-icon"
100
+ as="svg"
101
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--white"
89
102
  focusable="false"
90
103
  viewBox="0 0 24 24"
91
104
  >
92
105
  <rect
106
+ as="rect"
107
+ class=""
93
108
  height="3.3"
94
109
  width="20"
95
110
  x="2"
@@ -105,11 +120,14 @@ exports[`renders the MinusIcon with prop size=m 1`] = `
105
120
  <div>
106
121
  <svg
107
122
  aria-hidden="true"
108
- class="ds-svg-icon--minus ds-svg-icon--md ds-svg-icon"
123
+ as="svg"
124
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--md"
109
125
  focusable="false"
110
126
  viewBox="0 0 24 24"
111
127
  >
112
128
  <rect
129
+ as="rect"
130
+ class=""
113
131
  height="3.3"
114
132
  width="20"
115
133
  x="2"
@@ -125,11 +143,14 @@ exports[`renders the MinusIcon with prop size=xl 1`] = `
125
143
  <div>
126
144
  <svg
127
145
  aria-hidden="true"
128
- class="ds-svg-icon--minus ds-svg-icon--xl ds-svg-icon"
146
+ as="svg"
147
+ class="ds-svg-icon--minus ds-svg-icon ds-svg-icon--xl"
129
148
  focusable="false"
130
149
  viewBox="0 0 24 24"
131
150
  >
132
151
  <rect
152
+ as="rect"
153
+ class=""
133
154
  height="3.3"
134
155
  width="20"
135
156
  x="2"
package/src/MoreVertIcon/__snapshots__/index.test.tsx.snap CHANGED
@@ -1,25 +1,32 @@
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 MoreVertIcon 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--moreVert ds-svg-icon"
9
10
  focusable="false"
10
11
  viewBox="0 0 24 24"
11
12
  >
12
13
  <circle
14
+ as="circle"
15
+ class=""
13
16
  cx="12"
14
17
  cy="5"
15
18
  r="2"
16
19
  />
17
20
  <circle
21
+ as="circle"
22
+ class=""
18
23
  cx="12"
19
24
  cy="12"
20
25
  r="2"
21
26
  />
22
27
  <circle
28
+ as="circle"
29
+ class=""
23
30
  cx="12"
24
31
  cy="19"
25
32
  r="2"
@@ -34,21 +41,28 @@ exports[`renders the MoreVertIcon with prop color=dark 1`] = `
34
41
  <div>
35
42
  <svg
36
43
  aria-hidden="true"
37
- class="ds-svg-icon--moreVert ds-svg-icon--dark ds-svg-icon"
44
+ as="svg"
45
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--dark"
38
46
  focusable="false"
39
47
  viewBox="0 0 24 24"
40
48
  >
41
49
  <circle
50
+ as="circle"
51
+ class=""
42
52
  cx="12"
43
53
  cy="5"
44
54
  r="2"
45
55
  />
46
56
  <circle
57
+ as="circle"
58
+ class=""
47
59
  cx="12"
48
60
  cy="12"
49
61
  r="2"
50
62
  />
51
63
  <circle
64
+ as="circle"
65
+ class=""
52
66
  cx="12"
53
67
  cy="19"
54
68
  r="2"
@@ -63,21 +77,28 @@ exports[`renders the MoreVertIcon with prop color=error and size= xl 1`] = `
63
77
  <div>
64
78
  <svg
65
79
  aria-hidden="true"
66
- class="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--xl ds-svg-icon"
80
+ as="svg"
81
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--warning ds-svg-icon--xl"
67
82
  focusable="false"
68
83
  viewBox="0 0 24 24"
69
84
  >
70
85
  <circle
86
+ as="circle"
87
+ class=""
71
88
  cx="12"
72
89
  cy="5"
73
90
  r="2"
74
91
  />
75
92
  <circle
93
+ as="circle"
94
+ class=""
76
95
  cx="12"
77
96
  cy="12"
78
97
  r="2"
79
98
  />
80
99
  <circle
100
+ as="circle"
101
+ class=""
81
102
  cx="12"
82
103
  cy="19"
83
104
  r="2"
@@ -92,21 +113,28 @@ exports[`renders the MoreVertIcon with prop color=focus 1`] = `
92
113
  <div>
93
114
  <svg
94
115
  aria-hidden="true"
95
- class="ds-svg-icon--moreVert ds-svg-icon--focus ds-svg-icon"
116
+ as="svg"
117
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--focus"
96
118
  focusable="false"
97
119
  viewBox="0 0 24 24"
98
120
  >
99
121
  <circle
122
+ as="circle"
123
+ class=""
100
124
  cx="12"
101
125
  cy="5"
102
126
  r="2"
103
127
  />
104
128
  <circle
129
+ as="circle"
130
+ class=""
105
131
  cx="12"
106
132
  cy="12"
107
133
  r="2"
108
134
  />
109
135
  <circle
136
+ as="circle"
137
+ class=""
110
138
  cx="12"
111
139
  cy="19"
112
140
  r="2"
@@ -121,21 +149,28 @@ exports[`renders the MoreVertIcon with prop color=primary 1`] = `
121
149
  <div>
122
150
  <svg
123
151
  aria-hidden="true"
124
- class="ds-svg-icon--moreVert ds-svg-icon--primary ds-svg-icon"
152
+ as="svg"
153
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--primary"
125
154
  focusable="false"
126
155
  viewBox="0 0 24 24"
127
156
  >
128
157
  <circle
158
+ as="circle"
159
+ class=""
129
160
  cx="12"
130
161
  cy="5"
131
162
  r="2"
132
163
  />
133
164
  <circle
165
+ as="circle"
166
+ class=""
134
167
  cx="12"
135
168
  cy="12"
136
169
  r="2"
137
170
  />
138
171
  <circle
172
+ as="circle"
173
+ class=""
139
174
  cx="12"
140
175
  cy="19"
141
176
  r="2"
@@ -150,21 +185,28 @@ exports[`renders the MoreVertIcon with prop color=success 1`] = `
150
185
  <div>
151
186
  <svg
152
187
  aria-hidden="true"
153
- class="ds-svg-icon--moreVert ds-svg-icon--success ds-svg-icon"
188
+ as="svg"
189
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--success"
154
190
  focusable="false"
155
191
  viewBox="0 0 24 24"
156
192
  >
157
193
  <circle
194
+ as="circle"
195
+ class=""
158
196
  cx="12"
159
197
  cy="5"
160
198
  r="2"
161
199
  />
162
200
  <circle
201
+ as="circle"
202
+ class=""
163
203
  cx="12"
164
204
  cy="12"
165
205
  r="2"
166
206
  />
167
207
  <circle
208
+ as="circle"
209
+ class=""
168
210
  cx="12"
169
211
  cy="19"
170
212
  r="2"
@@ -179,21 +221,28 @@ exports[`renders the MoreVertIcon with prop color=warning and size=s 1`] = `
179
221
  <div>
180
222
  <svg
181
223
  aria-hidden="true"
182
- class="ds-svg-icon--moreVert ds-svg-icon--warning ds-svg-icon--sm ds-svg-icon"
224
+ as="svg"
225
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--warning ds-svg-icon--sm"
183
226
  focusable="false"
184
227
  viewBox="0 0 24 24"
185
228
  >
186
229
  <circle
230
+ as="circle"
231
+ class=""
187
232
  cx="12"
188
233
  cy="5"
189
234
  r="2"
190
235
  />
191
236
  <circle
237
+ as="circle"
238
+ class=""
192
239
  cx="12"
193
240
  cy="12"
194
241
  r="2"
195
242
  />
196
243
  <circle
244
+ as="circle"
245
+ class=""
197
246
  cx="12"
198
247
  cy="19"
199
248
  r="2"
@@ -208,21 +257,28 @@ exports[`renders the MoreVertIcon with prop size=l 1`] = `
208
257
  <div>
209
258
  <svg
210
259
  aria-hidden="true"
211
- class="ds-svg-icon--moreVert ds-svg-icon--lg ds-svg-icon"
260
+ as="svg"
261
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--lg"
212
262
  focusable="false"
213
263
  viewBox="0 0 24 24"
214
264
  >
215
265
  <circle
266
+ as="circle"
267
+ class=""
216
268
  cx="12"
217
269
  cy="5"
218
270
  r="2"
219
271
  />
220
272
  <circle
273
+ as="circle"
274
+ class=""
221
275
  cx="12"
222
276
  cy="12"
223
277
  r="2"
224
278
  />
225
279
  <circle
280
+ as="circle"
281
+ class=""
226
282
  cx="12"
227
283
  cy="19"
228
284
  r="2"
@@ -237,21 +293,28 @@ exports[`renders the MoreVertIcon with prop size=s 1`] = `
237
293
  <div>
238
294
  <svg
239
295
  aria-hidden="true"
240
- class="ds-svg-icon--moreVert ds-svg-icon--sm ds-svg-icon"
296
+ as="svg"
297
+ class="ds-svg-icon--moreVert ds-svg-icon ds-svg-icon--sm"
241
298
  focusable="false"
242
299
  viewBox="0 0 24 24"
243
300
  >
244
301
  <circle
302
+ as="circle"
303
+ class=""
245
304
  cx="12"
246
305
  cy="5"
247
306
  r="2"
248
307
  />
249
308
  <circle
309
+ as="circle"
310
+ class=""
250
311
  cx="12"
251
312
  cy="12"
252
313
  r="2"
253
314
  />
254
315
  <circle
316
+ as="circle"
317
+ class=""
255
318
  cx="12"
256
319
  cy="19"
257
320
  r="2"