@zohodesk/svg 1.1.16 → 1.1.18

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 (55) hide show
  1. package/README.md +9 -0
  2. package/assets/Appearance/dark/themes/blue/blue_SVGTheme_DarkTheme.module.css +1 -1
  3. package/assets/Appearance/pureDark/themes/blue/blue_SVGTheme_PureDarkTheme.module.css +1 -1
  4. package/deprecated/june_2022/ErrorUnauthorizedLogin.js +127 -127
  5. package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
  6. package/es/SVG/SVG.module.css +34 -34
  7. package/es/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
  8. package/es/css/EmptyStateVariables.module.css +38 -38
  9. package/es/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
  10. package/es/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
  11. package/es/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
  12. package/es/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
  13. package/es/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
  14. package/es/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
  15. package/es/v1/emptystate/version3/{EmptyDolphin.js → EmptyPenguin.js} +5 -5
  16. package/es/v1/emptystate/version3/EmptyRecycleBin.js +73 -0
  17. package/es/v1/emptystate/version3/EmptySync.js +68 -0
  18. package/images/EmptyBusinessHoliday.svg +50 -50
  19. package/images/EmptyBusinessHour.svg +42 -42
  20. package/images/EmptyContactInfo.svg +27 -27
  21. package/images/EmptyCustomDomain.svg +85 -85
  22. package/images/EmptyFilter.svg +62 -62
  23. package/images/EmptyFromAddress.svg +41 -41
  24. package/images/EmptyImportHistory.svg +43 -43
  25. package/images/EmptyNetwork.svg +50 -50
  26. package/images/EmptyRecycleBin.svg +58 -58
  27. package/images/EmptyRoles.svg +30 -30
  28. package/images/EmptySkills.svg +83 -83
  29. package/images/EmptyWebhook.svg +44 -44
  30. package/images/FailureLog.svg +46 -46
  31. package/images/Inconvenience.svg +719 -719
  32. package/images/NoRequestFound.svg +247 -247
  33. package/images/PageNotFound.svg +405 -405
  34. package/images/ReguestUrlNotFound.svg +267 -267
  35. package/images/UnableToProcess.svg +752 -752
  36. package/images/UnauthorizedLogin.svg +1047 -1047
  37. package/images/WillBack.svg +633 -633
  38. package/install.md +11 -11
  39. package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
  40. package/lib/SVG/SVG.module.css +34 -34
  41. package/lib/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
  42. package/lib/css/EmptyStateVariables.module.css +38 -38
  43. package/lib/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
  44. package/lib/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
  45. package/lib/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
  46. package/lib/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
  47. package/lib/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
  48. package/lib/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
  49. package/lib/v1/emptystate/version3/{EmptyDolphin.js → EmptyPenguin.js} +6 -6
  50. package/lib/v1/emptystate/version3/EmptyRecycleBin.js +94 -0
  51. package/lib/v1/emptystate/version3/EmptySync.js +89 -0
  52. package/package.json +1 -1
  53. package/postPublish.js +8 -8
  54. package/react-cli.config.js +19 -19
  55. package/result.json +1 -1
package/es/css/EmptyStateVariables.module.css CHANGED
@@ -1,39 +1,39 @@
1
- .default {
2
- /* empty svg default palette variables */
3
- --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
4
- --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
5
- --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
6
- --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
7
- --zd_emptysvg_plus: var(--zdt_svg_default_plus);
8
- --zd_emptysvg_cross: var(--zdt_svg_default_cross);
9
- --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
10
- --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
11
- --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
12
- --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
13
- }
14
- .dark {
15
- /* empty svg dark palette variables */
16
- --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
17
- --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
18
- --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
19
- --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
20
- --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
21
- --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
22
- --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
23
- --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
24
- --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
25
- --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
26
- }
27
- .danger {
28
- /* empty svg danger palette variables */
29
- --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
30
- --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
31
- --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
32
- --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
33
- --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
34
- --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
35
- --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
36
- --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
37
- --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
38
- --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
1
+ .default {
2
+ /* empty svg default palette variables */
3
+ --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
4
+ --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
5
+ --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
6
+ --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
7
+ --zd_emptysvg_plus: var(--zdt_svg_default_plus);
8
+ --zd_emptysvg_cross: var(--zdt_svg_default_cross);
9
+ --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
10
+ --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
11
+ --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
12
+ --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
13
+ }
14
+ .dark {
15
+ /* empty svg dark palette variables */
16
+ --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
17
+ --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
18
+ --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
19
+ --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
20
+ --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
21
+ --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
22
+ --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
23
+ --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
24
+ --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
25
+ --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
26
+ }
27
+ .danger {
28
+ /* empty svg danger palette variables */
29
+ --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
30
+ --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
31
+ --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
32
+ --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
33
+ --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
34
+ --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
35
+ --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
36
+ --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
37
+ --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
38
+ --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
39
39
  }
package/es/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap CHANGED
@@ -1,24 +1,24 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`SVG componet Rendering all svgs in version1 emptystate EmptyCustomDomain 1`] = `
4
- <DocumentFragment>
5
- <div
6
- aria-hidden="true"
7
- class="large default svgCenter "
8
- >
9
- <svg
10
- data-id="emptyCustomDomain"
11
- data-test-id="emptyCustomDomain"
12
- height="100%"
13
- viewBox="0 0 298 123.46"
14
- width="100%"
15
- >
16
- <image
17
- height="100%"
18
- width="100%"
19
- xlink:href="EmptyCustomDomain.svg"
20
- />
21
- </svg>
22
- </div>
23
- </DocumentFragment>
24
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`SVG componet Rendering all svgs in version1 emptystate EmptyCustomDomain 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-hidden="true"
7
+ class="large default svgCenter "
8
+ >
9
+ <svg
10
+ data-id="emptyCustomDomain"
11
+ data-test-id="emptyCustomDomain"
12
+ height="100%"
13
+ viewBox="0 0 298 123.46"
14
+ width="100%"
15
+ >
16
+ <image
17
+ height="100%"
18
+ width="100%"
19
+ xlink:href="EmptyCustomDomain.svg"
20
+ />
21
+ </svg>
22
+ </div>
23
+ </DocumentFragment>
24
+ `;
package/es/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap CHANGED
@@ -1,208 +1,208 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyBusinessHoliday 1`] = `
4
- <DocumentFragment>
5
- <div
6
- aria-hidden="true"
7
- class="large default svgCenter "
8
- >
9
- <svg
10
- data-id="emptyBusinessHoliday"
11
- data-test-id="emptyBusinessHoliday"
12
- height="100%"
13
- viewBox="0 0 181.9 139.3"
14
- width="100%"
15
- >
16
- <image
17
- height="100%"
18
- width="100%"
19
- xlink:href="EmptyBusinessHoliday.svg"
20
- />
21
- </svg>
22
- </div>
23
- </DocumentFragment>
24
- `;
25
-
26
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyBusinessHour 1`] = `
27
- <DocumentFragment>
28
- <div
29
- aria-hidden="true"
30
- class="large default svgCenter "
31
- >
32
- <svg
33
- data-id="emptyBusinessHour"
34
- data-test-id="emptyBusinessHour"
35
- height="100%"
36
- viewBox="0 0 181.9 139.3"
37
- width="100%"
38
- >
39
- <image
40
- height="100%"
41
- width="100%"
42
- xlink:href="EmptyBusinessHour.svg"
43
- />
44
- </svg>
45
- </div>
46
- </DocumentFragment>
47
- `;
48
-
49
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyFromAddress 1`] = `
50
- <DocumentFragment>
51
- <div
52
- aria-hidden="true"
53
- class="large default svgCenter "
54
- >
55
- <svg
56
- data-id="emptyFromAddress"
57
- data-test-id="emptyFromAddress"
58
- height="100%"
59
- viewBox="0 0 181.9 139.3"
60
- width="100%"
61
- >
62
- <image
63
- height="100%"
64
- width="100%"
65
- xlink:href="EmptyFromAddress.svg"
66
- />
67
- </svg>
68
- </div>
69
- </DocumentFragment>
70
- `;
71
-
72
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyImportHistory 1`] = `
73
- <DocumentFragment>
74
- <div
75
- aria-hidden="true"
76
- class="large default svgCenter "
77
- >
78
- <svg
79
- data-id="emptyImportHistory"
80
- data-test-id="emptyImportHistory"
81
- height="100%"
82
- viewBox="0 0 181.9 139.3"
83
- width="100%"
84
- >
85
- <image
86
- height="100%"
87
- width="100%"
88
- xlink:href="EmptyImportHistory.svg"
89
- />
90
- </svg>
91
- </div>
92
- </DocumentFragment>
93
- `;
94
-
95
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyNetwork 1`] = `
96
- <DocumentFragment>
97
- <div
98
- aria-hidden="true"
99
- class="large default svgCenter "
100
- >
101
- <svg
102
- data-id="emptyNetwork"
103
- data-test-id="emptyNetwork"
104
- height="100%"
105
- viewBox="0 0 181.9 139.3"
106
- width="100%"
107
- >
108
- <image
109
- height="100%"
110
- width="100%"
111
- xlink:href="EmptyNetwork.svg"
112
- />
113
- </svg>
114
- </div>
115
- </DocumentFragment>
116
- `;
117
-
118
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyRecycleBin 1`] = `
119
- <DocumentFragment>
120
- <div
121
- aria-hidden="true"
122
- class="large default svgCenter "
123
- >
124
- <svg
125
- data-id="emptyRecycleBin"
126
- data-test-id="emptyRecycleBin"
127
- height="100%"
128
- viewBox="0 0 181.9 149.5"
129
- width="100%"
130
- >
131
- <image
132
- height="100%"
133
- width="100%"
134
- xlink:href="EmptyRecycleBin.svg"
135
- />
136
- </svg>
137
- </div>
138
- </DocumentFragment>
139
- `;
140
-
141
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyRoles 1`] = `
142
- <DocumentFragment>
143
- <div
144
- aria-hidden="true"
145
- class="large default svgCenter "
146
- >
147
- <svg
148
- data-id="emptyRoles"
149
- data-test-id="emptyRoles"
150
- height="100%"
151
- viewBox="0 0 181.9 139.3"
152
- width="100%"
153
- >
154
- <image
155
- height="100%"
156
- width="100%"
157
- xlink:href="EmptyRoles.svg"
158
- />
159
- </svg>
160
- </div>
161
- </DocumentFragment>
162
- `;
163
-
164
- exports[`SVG componet Rendering all svgs in version2 emptystate EmptyWebhook 1`] = `
165
- <DocumentFragment>
166
- <div
167
- aria-hidden="true"
168
- class="large default svgCenter "
169
- >
170
- <svg
171
- data-id="emptyWebhook"
172
- data-test-id="emptyWebhook"
173
- height="100%"
174
- viewBox="0 0 181.9 139.3"
175
- width="100%"
176
- >
177
- <image
178
- height="100%"
179
- width="100%"
180
- xlink:href="EmptyWebhook.svg"
181
- />
182
- </svg>
183
- </div>
184
- </DocumentFragment>
185
- `;
186
-
187
- exports[`SVG componet Rendering all svgs in version2 emptystate FailureLog 1`] = `
188
- <DocumentFragment>
189
- <div
190
- aria-hidden="true"
191
- class="large default svgCenter "
192
- >
193
- <svg
194
- data-id="failureLog"
195
- data-test-id="failureLog"
196
- height="100%"
197
- viewBox="0 0 189.4 139.3"
198
- width="100%"
199
- >
200
- <image
201
- height="100%"
202
- width="100%"
203
- xlink:href="FailureLog.svg"
204
- />
205
- </svg>
206
- </div>
207
- </DocumentFragment>
208
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyBusinessHoliday 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ aria-hidden="true"
7
+ class="large default svgCenter "
8
+ >
9
+ <svg
10
+ data-id="emptyBusinessHoliday"
11
+ data-test-id="emptyBusinessHoliday"
12
+ height="100%"
13
+ viewBox="0 0 181.9 139.3"
14
+ width="100%"
15
+ >
16
+ <image
17
+ height="100%"
18
+ width="100%"
19
+ xlink:href="EmptyBusinessHoliday.svg"
20
+ />
21
+ </svg>
22
+ </div>
23
+ </DocumentFragment>
24
+ `;
25
+
26
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyBusinessHour 1`] = `
27
+ <DocumentFragment>
28
+ <div
29
+ aria-hidden="true"
30
+ class="large default svgCenter "
31
+ >
32
+ <svg
33
+ data-id="emptyBusinessHour"
34
+ data-test-id="emptyBusinessHour"
35
+ height="100%"
36
+ viewBox="0 0 181.9 139.3"
37
+ width="100%"
38
+ >
39
+ <image
40
+ height="100%"
41
+ width="100%"
42
+ xlink:href="EmptyBusinessHour.svg"
43
+ />
44
+ </svg>
45
+ </div>
46
+ </DocumentFragment>
47
+ `;
48
+
49
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyFromAddress 1`] = `
50
+ <DocumentFragment>
51
+ <div
52
+ aria-hidden="true"
53
+ class="large default svgCenter "
54
+ >
55
+ <svg
56
+ data-id="emptyFromAddress"
57
+ data-test-id="emptyFromAddress"
58
+ height="100%"
59
+ viewBox="0 0 181.9 139.3"
60
+ width="100%"
61
+ >
62
+ <image
63
+ height="100%"
64
+ width="100%"
65
+ xlink:href="EmptyFromAddress.svg"
66
+ />
67
+ </svg>
68
+ </div>
69
+ </DocumentFragment>
70
+ `;
71
+
72
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyImportHistory 1`] = `
73
+ <DocumentFragment>
74
+ <div
75
+ aria-hidden="true"
76
+ class="large default svgCenter "
77
+ >
78
+ <svg
79
+ data-id="emptyImportHistory"
80
+ data-test-id="emptyImportHistory"
81
+ height="100%"
82
+ viewBox="0 0 181.9 139.3"
83
+ width="100%"
84
+ >
85
+ <image
86
+ height="100%"
87
+ width="100%"
88
+ xlink:href="EmptyImportHistory.svg"
89
+ />
90
+ </svg>
91
+ </div>
92
+ </DocumentFragment>
93
+ `;
94
+
95
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyNetwork 1`] = `
96
+ <DocumentFragment>
97
+ <div
98
+ aria-hidden="true"
99
+ class="large default svgCenter "
100
+ >
101
+ <svg
102
+ data-id="emptyNetwork"
103
+ data-test-id="emptyNetwork"
104
+ height="100%"
105
+ viewBox="0 0 181.9 139.3"
106
+ width="100%"
107
+ >
108
+ <image
109
+ height="100%"
110
+ width="100%"
111
+ xlink:href="EmptyNetwork.svg"
112
+ />
113
+ </svg>
114
+ </div>
115
+ </DocumentFragment>
116
+ `;
117
+
118
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyRecycleBin 1`] = `
119
+ <DocumentFragment>
120
+ <div
121
+ aria-hidden="true"
122
+ class="large default svgCenter "
123
+ >
124
+ <svg
125
+ data-id="emptyRecycleBin"
126
+ data-test-id="emptyRecycleBin"
127
+ height="100%"
128
+ viewBox="0 0 181.9 149.5"
129
+ width="100%"
130
+ >
131
+ <image
132
+ height="100%"
133
+ width="100%"
134
+ xlink:href="EmptyRecycleBin.svg"
135
+ />
136
+ </svg>
137
+ </div>
138
+ </DocumentFragment>
139
+ `;
140
+
141
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyRoles 1`] = `
142
+ <DocumentFragment>
143
+ <div
144
+ aria-hidden="true"
145
+ class="large default svgCenter "
146
+ >
147
+ <svg
148
+ data-id="emptyRoles"
149
+ data-test-id="emptyRoles"
150
+ height="100%"
151
+ viewBox="0 0 181.9 139.3"
152
+ width="100%"
153
+ >
154
+ <image
155
+ height="100%"
156
+ width="100%"
157
+ xlink:href="EmptyRoles.svg"
158
+ />
159
+ </svg>
160
+ </div>
161
+ </DocumentFragment>
162
+ `;
163
+
164
+ exports[`SVG componet Rendering all svgs in version2 emptystate EmptyWebhook 1`] = `
165
+ <DocumentFragment>
166
+ <div
167
+ aria-hidden="true"
168
+ class="large default svgCenter "
169
+ >
170
+ <svg
171
+ data-id="emptyWebhook"
172
+ data-test-id="emptyWebhook"
173
+ height="100%"
174
+ viewBox="0 0 181.9 139.3"
175
+ width="100%"
176
+ >
177
+ <image
178
+ height="100%"
179
+ width="100%"
180
+ xlink:href="EmptyWebhook.svg"
181
+ />
182
+ </svg>
183
+ </div>
184
+ </DocumentFragment>
185
+ `;
186
+
187
+ exports[`SVG componet Rendering all svgs in version2 emptystate FailureLog 1`] = `
188
+ <DocumentFragment>
189
+ <div
190
+ aria-hidden="true"
191
+ class="large default svgCenter "
192
+ >
193
+ <svg
194
+ data-id="failureLog"
195
+ data-test-id="failureLog"
196
+ height="100%"
197
+ viewBox="0 0 189.4 139.3"
198
+ width="100%"
199
+ >
200
+ <image
201
+ height="100%"
202
+ width="100%"
203
+ xlink:href="FailureLog.svg"
204
+ />
205
+ </svg>
206
+ </div>
207
+ </DocumentFragment>
208
+ `;