@zohodesk/svg 1.1.12 → 1.1.13

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 (56) hide show
  1. package/README.md +4 -0
  2. package/deprecated/june_2022/ErrorUnauthorizedLogin.js +127 -127
  3. package/es/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
  4. package/es/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
  5. package/es/css/EmptyStateVariables.module.css +38 -38
  6. package/es/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
  7. package/es/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
  8. package/es/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
  9. package/es/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
  10. package/es/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
  11. package/es/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
  12. package/es/v1/emptystate/version3/BusinessHours.js +78 -0
  13. package/es/v1/emptystate/version3/CustomButton.js +76 -0
  14. package/es/v1/emptystate/version3/DataSharing.js +131 -0
  15. package/es/v1/emptystate/version3/HolidayLists.js +69 -0
  16. package/es/v1/emptystate/version3/MyInformation.js +80 -0
  17. package/images/EmptyBusinessHoliday.svg +50 -50
  18. package/images/EmptyBusinessHour.svg +42 -42
  19. package/images/EmptyContactInfo.svg +27 -27
  20. package/images/EmptyCustomDomain.svg +85 -85
  21. package/images/EmptyFilter.svg +62 -62
  22. package/images/EmptyFromAddress.svg +41 -41
  23. package/images/EmptyImportHistory.svg +43 -43
  24. package/images/EmptyNetwork.svg +50 -50
  25. package/images/EmptyRecycleBin.svg +58 -58
  26. package/images/EmptyRoles.svg +30 -30
  27. package/images/EmptySkills.svg +83 -83
  28. package/images/EmptyWebhook.svg +44 -44
  29. package/images/FailureLog.svg +46 -46
  30. package/images/Inconvenience.svg +719 -719
  31. package/images/NoRequestFound.svg +247 -247
  32. package/images/PageNotFound.svg +405 -405
  33. package/images/ReguestUrlNotFound.svg +267 -267
  34. package/images/UnableToProcess.svg +752 -752
  35. package/images/UnauthorizedLogin.svg +1047 -1047
  36. package/images/WillBack.svg +633 -633
  37. package/install.md +11 -11
  38. package/lib/Loader/__tests__/__snapshots__/Loader.spec.js.snap +54 -54
  39. package/lib/SVG/__tests__/__snapshots__/SVG.spec.js.snap +328 -328
  40. package/lib/css/EmptyStateVariables.module.css +38 -38
  41. package/lib/emptystate/version1/__tests__/__snapshots__/version1.spec.js.snap +24 -24
  42. package/lib/emptystate/version2/__tests__/__snapshots__/version2.spec.js.snap +208 -208
  43. package/lib/emptystate/version3/__tests__/__snapshots__/version3.spec.js.snap +5968 -5968
  44. package/lib/errorstate/version1/__tests__/__snapshots__/version1.spec.js.snap +162 -162
  45. package/lib/errorstate/version2/__tests__/__snapshots__/version2.spec.js.snap +63 -63
  46. package/lib/errorstate/version3/__tests__/__snapshots__/version3.spec.js.snap +698 -698
  47. package/lib/v1/emptystate/version3/BusinessHours.js +98 -0
  48. package/lib/v1/emptystate/version3/CustomButton.js +96 -0
  49. package/lib/v1/emptystate/version3/DataSharing.js +151 -0
  50. package/lib/v1/emptystate/version3/HolidayLists.js +89 -0
  51. package/lib/v1/emptystate/version3/MyInformation.js +100 -0
  52. package/package.json +1 -1
  53. package/postPublish.js +8 -8
  54. package/prePublish.js +70 -70
  55. package/react-cli.config.js +19 -19
  56. package/result.json +1 -1
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  This Bundle Contains EmptyState Images.
4
4
 
5
+ # 1.1.13
6
+
7
+ - v1 => MyInformation, DataSharing, HolidayLists, Business Hours and CustomButton svg added.
8
+
5
9
  # 1.1.12
6
10
 
7
11
  - v1 => EmptyTrophy svg added.
@@ -1,127 +1,127 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class UnauthorizedLogin extends React.Component {
6
- render() {
7
- return (
8
- <SVG
9
- viewBox='0 -40 500 500'
10
- name='UnauthorizedLogin'
11
- {...this.props}
12
- >
13
- <defs>
14
- <style>
15
- {
16
- ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
17
- }
18
- </style>
19
- </defs>
20
- <path
21
- className="ErrorUnauthorizedLogin_svg__cls-1"
22
- d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
23
- />
24
- <circle
25
- className="ErrorUnauthorizedLogin_svg__cls-1"
26
- cx={92.57}
27
- cy={364.54}
28
- r={25.39}
29
- />
30
- <circle
31
- className="ErrorUnauthorizedLogin_svg__cls-1"
32
- cx={75.88}
33
- cy={120.98}
34
- r={25.39}
35
- />
36
- <circle
37
- className="ErrorUnauthorizedLogin_svg__cls-1"
38
- cx={293.35}
39
- cy={73.62}
40
- r={12.74}
41
- />
42
- <circle
43
- className="ErrorUnauthorizedLogin_svg__cls-1"
44
- cx={141.83}
45
- cy={409.84}
46
- r={12.74}
47
- />
48
- <circle
49
- className="ErrorUnauthorizedLogin_svg__cls-1"
50
- cx={376.13}
51
- cy={397.82}
52
- r={12.74}
53
- />
54
- <path
55
- className="ErrorUnauthorizedLogin_svg__cls-2"
56
- d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
57
- />
58
- <path
59
- d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
60
- strokeWidth={1.5}
61
- strokeLinecap="round"
62
- strokeLinejoin="round"
63
- stroke="var(--zd_emptysvg_primary_stroke)"
64
- fill="none"
65
- />
66
- <ellipse
67
- cx={319.44}
68
- cy={65.07}
69
- rx={3.54}
70
- ry={3.51}
71
- strokeMiterlimit={10}
72
- stroke="var(--zd_emptysvg_medium_circle)"
73
- fill="none"
74
- />
75
- <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
76
- <ellipse
77
- cx={60.28}
78
- cy={276.06}
79
- rx={3.31}
80
- ry={3.28}
81
- stroke="var(--zd_emptysvg_tiny_circle)"
82
- strokeMiterlimit={10}
83
- fill="none"
84
- />
85
- <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
86
- <path
87
- className="ErrorUnauthorizedLogin_svg__cls-8"
88
- d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
89
- />
90
- <ellipse
91
- cx={392.54}
92
- cy={383.2}
93
- rx={2.46}
94
- ry={2.44}
95
- strokeLinecap="round"
96
- strokeLinejoin="round"
97
- stroke="var(--zd_emptysvg_small_circle)"
98
- fill="none"
99
- />
100
- <path
101
- className="ErrorUnauthorizedLogin_svg__cls-10"
102
- d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
103
- />
104
- </SVG>
105
- );
106
- }
107
- }
108
-
109
- UnauthorizedLogin.propTypes = {
110
- alignHorizontal: PropTypes.bool,
111
- className: PropTypes.string,
112
- dataId: PropTypes.string,
113
- isRender: PropTypes.bool
114
- };
115
-
116
- UnauthorizedLogin.defaultProps = {
117
- alignHorizontal: true,
118
- isRender: true,
119
- className: '',
120
- dataId: 'unauthorizedlogin'
121
- };
122
-
123
- if (__DOCS__) {
124
- UnauthorizedLogin.docs = {
125
- componentGroup: 'SVG'
126
- };
127
- }
1
+ import React from 'react';
2
+ import PropTypes from 'prop-types';
3
+ import SVG from './SVG';
4
+
5
+ export default class UnauthorizedLogin extends React.Component {
6
+ render() {
7
+ return (
8
+ <SVG
9
+ viewBox='0 -40 500 500'
10
+ name='UnauthorizedLogin'
11
+ {...this.props}
12
+ >
13
+ <defs>
14
+ <style>
15
+ {
16
+ ".ErrorUnauthorizedLogin_svg__cls-1,.ErrorUnauthorizedLogin_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorUnauthorizedLogin_svg__cls-1{opacity:.05}.ErrorUnauthorizedLogin_svg__cls-2{opacity:.2}.ErrorUnauthorizedLogin_svg__cls-10,.ErrorUnauthorizedLogin_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUnauthorizedLogin_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUnauthorizedLogin_svg__cls-8{stroke:var(--zd_emptysvg_plus)}"
17
+ }
18
+ </style>
19
+ </defs>
20
+ <path
21
+ className="ErrorUnauthorizedLogin_svg__cls-1"
22
+ d="M135.58 156.52s33.78-54.78 54.78-11 32.86 82.17 94 33.78 86.73-55.69 109.55-25.56S438.22 440.44 215 387.49c0 0-176.65-66.64-79.42-230.97z"
23
+ />
24
+ <circle
25
+ className="ErrorUnauthorizedLogin_svg__cls-1"
26
+ cx={92.57}
27
+ cy={364.54}
28
+ r={25.39}
29
+ />
30
+ <circle
31
+ className="ErrorUnauthorizedLogin_svg__cls-1"
32
+ cx={75.88}
33
+ cy={120.98}
34
+ r={25.39}
35
+ />
36
+ <circle
37
+ className="ErrorUnauthorizedLogin_svg__cls-1"
38
+ cx={293.35}
39
+ cy={73.62}
40
+ r={12.74}
41
+ />
42
+ <circle
43
+ className="ErrorUnauthorizedLogin_svg__cls-1"
44
+ cx={141.83}
45
+ cy={409.84}
46
+ r={12.74}
47
+ />
48
+ <circle
49
+ className="ErrorUnauthorizedLogin_svg__cls-1"
50
+ cx={376.13}
51
+ cy={397.82}
52
+ r={12.74}
53
+ />
54
+ <path
55
+ className="ErrorUnauthorizedLogin_svg__cls-2"
56
+ d="M220.15 211.69s-4.35-10 3-21.2c0 0 20.88 28.8 57.64 2.26 0 0 8.15 1.69 4 22.05 0 0 15.34-15.48 6.28-32.53 0 0 2.56-7.53-3.29-16.29s-13.24-19-28-20.74c0 0 4.07-2.48 3-4.5s-2.26-4.94-8.37-6.24-10.64 6.11-7.13 10.68c0 0-18.13.71-29.39 22.64A33.72 33.72 0 00215 176c-2 8.74-5.24 29 5.15 35.69zM201.67 235.61s-5.82 38.09 46 37.56 58.71-31.74 58.71-36.5-59.77-3.7-63.48 13.25-29.62-12.17-33.85-14.81a6 6 0 00-7.38.5z"
57
+ />
58
+ <path
59
+ d="M196.6 377.4c-2 0-57.79 11-52.29 0s53.69-15.82 52.29-13.76-44.72 11.69-45.41-3.45 12.39-89.42 25.46-112.13c0 0-8.25 0-10.31 4.14s-10 25.67-6.2 28.88S198 328.56 269.52 320.3v-35.78H240s-2 46.79 1.37 48.84 32.33.7 32.33.7v-15.92s64.09-11 76.61-35.53c0 0-3.06 1-2 8.15s10.72 45.16 9.71 71c0 0-30.14 12.52-33.21 11.5s32.51-14.19 35.65-9 7.31 10.66 5 12.12-49.15 6.35-50.46-1.38-1.67-14.84-6.26-18.19-30.85-21.19-30.85-21.19l-4.08-52.84s50.6-11.2 62.13-29.39c0 0-12.65-50.23-10-47.63s2.61 42.45 5.58 42.05 24.93 4.82 25.67 12.22c0 0 6.7-3 7.07-4.07s-12.65 8.14-13 12.65 13-3 14.86-1.5 5.2 8.57 0 9.68-10.76-1.49-11.51 1.12 10 11.9 14.26 11.9 17-.37 18.83-9.67-8.94-5.22-8.94-5.22 8.24 1.5 9.17-3.72-4.69-19.72-8.77-21.95-5.9.52-5.9.52 5.7-1.81 5.82-2.42-27-41-54.66-55.46c0 0-23.17-12.76-30.55-11.63s10.73 22.6-9.05 34.46c0 0 4.52-18.07-4-22 0 0-29.95 27.13-57.64-2.26 0 0-7.91 10.74-2.83 19.78 0 0 19.35 33.15 61.57 5.32 0 0 10.64-7.48 11.39-17.32s-4.49-12.69-1.12-20.43c0 0-5.78-28.52-30.93-32.36s-9.22-11.29-6.83-11 8.81 3.06 8.49 7.67-9.84 3.84-15.65 3-31.93 10.85-33.7 38.38 6.58 28.18 6.58 28.18S212 201.39 215 181.4c0 0-26.33 7.13-30.67 13.24s-6.11 32.53-5.78 35.43 5.78-28.92 1.08-34.35c0 0-39.41 27.5-48.45 50.26 0 0 14.82 12.74 17 12.34s-15.91-12-18.8-9.09-10.85 19.53-10.48 23.87 5.42 14.82 9.4 15.54 13.38 2.53 14.82 1.8 11.57-11.92 10.13-12.65-7.24.73-10.85-3.25 1.81-9.4 4-8 5.09 6.87 6.11 6.87 5.09-.36 5.43-2.9-5.09-10.51-5.09-10.51 11.53-13.12 25.46-14.57c0 0 3.54 27.28 57.33 39.35l3 47.81s-19.4 13.66-27.8 17.41-13.8 16.82-14.26 23.13c0 0-1.1-17.6 15.08-25.41s24.73-15.81 24.73-15.81l-1.39-25.5s-44.1-11.35-59.52-32.13l1.39-4.49s56.68 61.87 162.11-.35c0 0 .11-10.36-1.49-13.24s11.34 23.19 11.5 24.37"
60
+ strokeWidth={1.5}
61
+ strokeLinecap="round"
62
+ strokeLinejoin="round"
63
+ stroke="var(--zd_emptysvg_primary_stroke)"
64
+ fill="none"
65
+ />
66
+ <ellipse
67
+ cx={319.44}
68
+ cy={65.07}
69
+ rx={3.54}
70
+ ry={3.51}
71
+ strokeMiterlimit={10}
72
+ stroke="var(--zd_emptysvg_medium_circle)"
73
+ fill="none"
74
+ />
75
+ <ellipse cx={254.71} cy={426.04} rx={3.54} ry={3.51} fill="var(--zd_emptysvg_medium_circle)" />
76
+ <ellipse
77
+ cx={60.28}
78
+ cy={276.06}
79
+ rx={3.31}
80
+ ry={3.28}
81
+ stroke="var(--zd_emptysvg_tiny_circle)"
82
+ strokeMiterlimit={10}
83
+ fill="none"
84
+ />
85
+ <ellipse cx={434.38} cy={281.34} rx={3.31} ry={3.28} fill="var(--zd_emptysvg_tiny_circle)" />
86
+ <path
87
+ className="ErrorUnauthorizedLogin_svg__cls-8"
88
+ d="M111.78 165.79l-.35 6.17M108.49 168.7l6.23.35"
89
+ />
90
+ <ellipse
91
+ cx={392.54}
92
+ cy={383.2}
93
+ rx={2.46}
94
+ ry={2.44}
95
+ strokeLinecap="round"
96
+ strokeLinejoin="round"
97
+ stroke="var(--zd_emptysvg_small_circle)"
98
+ fill="none"
99
+ />
100
+ <path
101
+ className="ErrorUnauthorizedLogin_svg__cls-10"
102
+ d="M391.61 121.34l4.15 4.62M391.36 125.71l4.65-4.12"
103
+ />
104
+ </SVG>
105
+ );
106
+ }
107
+ }
108
+
109
+ UnauthorizedLogin.propTypes = {
110
+ alignHorizontal: PropTypes.bool,
111
+ className: PropTypes.string,
112
+ dataId: PropTypes.string,
113
+ isRender: PropTypes.bool
114
+ };
115
+
116
+ UnauthorizedLogin.defaultProps = {
117
+ alignHorizontal: true,
118
+ isRender: true,
119
+ className: '',
120
+ dataId: 'unauthorizedlogin'
121
+ };
122
+
123
+ if (__DOCS__) {
124
+ UnauthorizedLogin.docs = {
125
+ componentGroup: 'SVG'
126
+ };
127
+ }
@@ -1,54 +1,54 @@
1
- // Jest Snapshot v1, https://goo.gl/fbAQLP
2
-
3
- exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
4
- <DocumentFragment>
5
- <div
6
- class="center"
7
- >
8
- <div
9
- aria-hidden="true"
10
- class=" loaderWrapper default svgCenter "
11
- >
12
- <svg
13
- data-id="loader"
14
- data-test-id="loader"
15
- height="100%"
16
- style="animation: loaderone 2s linear infinite;"
17
- viewBox="0 0 40 40"
18
- width="100%"
19
- >
20
- <defs>
21
- <style>
22
- @keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
23
- </style>
24
- </defs>
25
- <circle
26
- cx="20"
27
- cy="20"
28
- fill="none"
29
- r="13"
30
- stroke="#089949"
31
- stroke-dasharray="82"
32
- stroke-dashoffset="82"
33
- stroke-linecap="round"
34
- stroke-linejoin="round"
35
- stroke-width="2"
36
- style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
37
- />
38
- <circle
39
- cx="20"
40
- cy="20"
41
- fill="none"
42
- r="8"
43
- stroke="#17c662"
44
- stroke-dasharray="50"
45
- stroke-dashoffset="50"
46
- stroke-linecap="round"
47
- stroke-linejoin="round"
48
- style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
49
- />
50
- </svg>
51
- </div>
52
- </div>
53
- </DocumentFragment>
54
- `;
1
+ // Jest Snapshot v1, https://goo.gl/fbAQLP
2
+
3
+ exports[`Loader componet sholud render the basic strucutr of Loader 1`] = `
4
+ <DocumentFragment>
5
+ <div
6
+ class="center"
7
+ >
8
+ <div
9
+ aria-hidden="true"
10
+ class=" loaderWrapper default svgCenter "
11
+ >
12
+ <svg
13
+ data-id="loader"
14
+ data-test-id="loader"
15
+ height="100%"
16
+ style="animation: loaderone 2s linear infinite;"
17
+ viewBox="0 0 40 40"
18
+ width="100%"
19
+ >
20
+ <defs>
21
+ <style>
22
+ @keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}
23
+ </style>
24
+ </defs>
25
+ <circle
26
+ cx="20"
27
+ cy="20"
28
+ fill="none"
29
+ r="13"
30
+ stroke="#089949"
31
+ stroke-dasharray="82"
32
+ stroke-dashoffset="82"
33
+ stroke-linecap="round"
34
+ stroke-linejoin="round"
35
+ stroke-width="2"
36
+ style="animation: circleAnimation_1 1.5s linear infinite; transform-origin: center;"
37
+ />
38
+ <circle
39
+ cx="20"
40
+ cy="20"
41
+ fill="none"
42
+ r="8"
43
+ stroke="#17c662"
44
+ stroke-dasharray="50"
45
+ stroke-dashoffset="50"
46
+ stroke-linecap="round"
47
+ stroke-linejoin="round"
48
+ style="animation: circleAnimation_2 1.2s linear infinite; transform-origin: center;"
49
+ />
50
+ </svg>
51
+ </div>
52
+ </div>
53
+ </DocumentFragment>
54
+ `;