@zohodesk/svg 1.0.0-beta.40 → 1.0.0-beta.41

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 (197) hide show
  1. package/README.md +1 -1
  2. package/assets/Appearance/dark/mode/darkEmptyStates.module.css +37 -0
  3. package/assets/Appearance/dark/themes/blue/blueDarkCTATheme.module.css +10 -0
  4. package/assets/Appearance/dark/themes/green/greenDarkCTATheme.module.css +10 -0
  5. package/assets/Appearance/dark/themes/orange/orangeDarkCTATheme.module.css +10 -0
  6. package/assets/Appearance/dark/themes/red/redDarkCTATheme.module.css +10 -0
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css +10 -0
  8. package/assets/Appearance/default/mode/defaultEmptyStates.module.css +37 -0
  9. package/assets/Appearance/default/themes/blue/blueDefaultCTATheme.module.css +10 -0
  10. package/assets/Appearance/default/themes/green/greenDefaultCTATheme.module.css +10 -0
  11. package/assets/Appearance/default/themes/orange/orangeDefaultCTATheme.module.css +10 -0
  12. package/assets/Appearance/default/themes/red/redDefaultCTATheme.module.css +10 -0
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultCTATheme.module.css +10 -0
  14. package/{src → es}/Provider.js +66 -67
  15. package/{src → es}/index.js +1 -2
  16. package/es/svg/EmptyAccounts.js +101 -0
  17. package/es/svg/EmptyActiveCalls.js +72 -0
  18. package/es/svg/EmptyActivity.js +72 -0
  19. package/es/svg/EmptyAgent.js +72 -0
  20. package/es/svg/EmptyAgentQueue.js +78 -0
  21. package/es/svg/EmptyApproval.js +78 -0
  22. package/es/svg/EmptyArchived.js +80 -0
  23. package/es/svg/EmptyAttach.js +72 -0
  24. package/es/svg/EmptyBlueprint.js +87 -0
  25. package/{src → es}/svg/EmptyBusinessHoliday.js +13 -8
  26. package/{src → es}/svg/EmptyBusinessHour.js +13 -8
  27. package/es/svg/EmptyCallHistory.js +74 -0
  28. package/es/svg/EmptyCollision.js +72 -0
  29. package/es/svg/EmptyColumn.js +78 -0
  30. package/es/svg/EmptyContact.js +72 -0
  31. package/es/svg/EmptyContract.js +68 -0
  32. package/es/svg/EmptyConversation.js +72 -0
  33. package/es/svg/EmptyCrm.js +72 -0
  34. package/es/svg/EmptyCrmNotes.js +83 -0
  35. package/es/svg/EmptyCrmPotential.js +86 -0
  36. package/{src → es}/svg/EmptyCustomDomain.js +13 -7
  37. package/es/svg/EmptyDashboard.js +78 -0
  38. package/es/svg/EmptyDepartment.js +72 -0
  39. package/es/svg/EmptyError.js +94 -0
  40. package/es/svg/EmptyFeed.js +75 -0
  41. package/es/svg/EmptyFollowers.js +73 -0
  42. package/es/svg/EmptyFrame.js +71 -0
  43. package/{src → es}/svg/EmptyFromAddress.js +14 -7
  44. package/es/svg/EmptyHappiness.js +72 -0
  45. package/es/svg/EmptyHistory.js +72 -0
  46. package/{src → es}/svg/EmptyImportHistory.js +14 -7
  47. package/es/svg/EmptyInconvenience.js +42 -0
  48. package/es/svg/EmptyInvoice.js +77 -0
  49. package/{src → es}/svg/EmptyNetwork.js +14 -7
  50. package/es/svg/EmptyNotification.js +72 -0
  51. package/es/svg/EmptyProducts.js +75 -0
  52. package/{src → es}/svg/EmptyRecycleBin.js +14 -7
  53. package/es/svg/EmptyReply.js +67 -0
  54. package/es/svg/EmptyReports.js +78 -0
  55. package/{src → es}/svg/EmptyRoles.js +14 -7
  56. package/es/svg/EmptySchedule.js +114 -0
  57. package/es/svg/EmptySearch.js +82 -0
  58. package/es/svg/EmptySkills.js +120 -0
  59. package/es/svg/EmptySla.js +67 -0
  60. package/es/svg/EmptySnippet.js +82 -0
  61. package/{src → es}/svg/EmptyStateVariables.module.css +0 -0
  62. package/es/svg/EmptyTag.js +75 -0
  63. package/es/svg/EmptyTask.js +88 -0
  64. package/es/svg/EmptyTeams.js +72 -0
  65. package/es/svg/EmptyTemplate.js +84 -0
  66. package/es/svg/EmptyTicket.js +75 -0
  67. package/es/svg/EmptyTimeEntry.js +78 -0
  68. package/es/svg/EmptyTimeline.js +72 -0
  69. package/es/svg/EmptyTopic.js +78 -0
  70. package/es/svg/EmptyUnauthorizedLogin.js +47 -0
  71. package/{src → es}/svg/EmptyWebhook.js +14 -7
  72. package/es/svg/EmptyWillBeRightBack.js +42 -0
  73. package/es/svg/ErrorInconvenience.js +113 -0
  74. package/es/svg/ErrorOopsSomethingMiss.js +114 -0
  75. package/es/svg/ErrorUnableToProcessRequest.js +114 -0
  76. package/es/svg/ErrorUnauthorizedLogin.js +113 -0
  77. package/es/svg/ErrorUrlNotFound.js +114 -0
  78. package/es/svg/ErrorWillBeRightBack.js +113 -0
  79. package/es/svg/Extractor.js +66 -0
  80. package/es/svg/FailureLog.js +39 -0
  81. package/es/svg/Import.js +82 -0
  82. package/es/svg/Loader.js +71 -0
  83. package/es/svg/NoRequestFound.js +42 -0
  84. package/es/svg/NotImpossible.js +79 -0
  85. package/es/svg/PageNotFound.js +43 -0
  86. package/es/svg/Predictor.js +73 -0
  87. package/es/svg/SVG.js +78 -0
  88. package/{src → es}/svg/SVG.module.css +0 -0
  89. package/es/svg/SvgLoader.js +28 -0
  90. package/es/svg/UnableToProcessRequest.js +43 -0
  91. package/es/svg/UnauthorizedLogin.js +43 -0
  92. package/es/svg/UrlNotFound.js +43 -0
  93. package/es/svg/WillBeRightBack.js +43 -0
  94. package/es/svg/ZiaAnamoly.js +67 -0
  95. package/{src → es}/svg/images/EmptyBusinessHoliday.svg +0 -0
  96. package/{src → es}/svg/images/EmptyBusinessHour.svg +0 -0
  97. package/{src → es}/svg/images/EmptyContactInfo.svg +0 -0
  98. package/{src → es}/svg/images/EmptyCustomDomain.svg +0 -0
  99. package/{src → es}/svg/images/EmptyFilter.svg +0 -0
  100. package/{src → es}/svg/images/EmptyFromAddress.svg +0 -0
  101. package/{src → es}/svg/images/EmptyImportHistory.svg +0 -0
  102. package/{src → es}/svg/images/EmptyNetwork.svg +0 -0
  103. package/{src → es}/svg/images/EmptyRecycleBin.svg +0 -0
  104. package/{src → es}/svg/images/EmptyRoles.svg +0 -0
  105. package/{src → es}/svg/images/EmptySkills.svg +0 -0
  106. package/{src → es}/svg/images/EmptyWebhook.svg +0 -0
  107. package/{src → es}/svg/images/FailureLog.svg +0 -0
  108. package/{src → es}/svg/images/Inconvenience.svg +0 -0
  109. package/{src → es}/svg/images/NoRequestFound.svg +0 -0
  110. package/{src → es}/svg/images/PageNotFound.svg +0 -0
  111. package/{src → es}/svg/images/ReguestUrlNotFound.svg +0 -0
  112. package/{src → es}/svg/images/UnableToProcess.svg +0 -0
  113. package/{src → es}/svg/images/UnauthorizedLogin.svg +0 -0
  114. package/{src → es}/svg/images/WillBack.svg +0 -0
  115. package/{src → es}/svg/utils.js +1 -2
  116. package/package.json +2 -9
  117. package/lib/svg/docs/SVG__common.docs.js +0 -98
  118. package/lib/svg/docs/SVG__default.docs.js +0 -435
  119. package/lib/svg/docs/SVG__errorstate.docs.js +0 -129
  120. package/lib/svg/docs/SVGdocstyle.module.css +0 -8
  121. package/preprocess/index.js +0 -2
  122. package/preprocess/json/svgAppearanceVariableJson.js +0 -151
  123. package/preprocess/json/svgThemeVariableJson.js +0 -71
  124. package/preprocess/svgAppearanceColors.js +0 -63
  125. package/preprocess/svgThemeColors.js +0 -92
  126. package/src/svg/EmptyAccounts.js +0 -121
  127. package/src/svg/EmptyActiveCalls.js +0 -85
  128. package/src/svg/EmptyActivity.js +0 -85
  129. package/src/svg/EmptyAgent.js +0 -85
  130. package/src/svg/EmptyAgentQueue.js +0 -94
  131. package/src/svg/EmptyApproval.js +0 -85
  132. package/src/svg/EmptyArchived.js +0 -94
  133. package/src/svg/EmptyAttach.js +0 -85
  134. package/src/svg/EmptyBlueprint.js +0 -106
  135. package/src/svg/EmptyCallHistory.js +0 -82
  136. package/src/svg/EmptyCollision.js +0 -85
  137. package/src/svg/EmptyColumn.js +0 -91
  138. package/src/svg/EmptyContact.js +0 -85
  139. package/src/svg/EmptyContract.js +0 -81
  140. package/src/svg/EmptyConversation.js +0 -85
  141. package/src/svg/EmptyCrm.js +0 -84
  142. package/src/svg/EmptyCrmNotes.js +0 -96
  143. package/src/svg/EmptyCrmPotential.js +0 -100
  144. package/src/svg/EmptyDashboard.js +0 -90
  145. package/src/svg/EmptyDepartment.js +0 -87
  146. package/src/svg/EmptyError.js +0 -42
  147. package/src/svg/EmptyFeed.js +0 -87
  148. package/src/svg/EmptyFollowers.js +0 -85
  149. package/src/svg/EmptyFrame.js +0 -83
  150. package/src/svg/EmptyHappiness.js +0 -85
  151. package/src/svg/EmptyHistory.js +0 -84
  152. package/src/svg/EmptyInconvenience.js +0 -37
  153. package/src/svg/EmptyInvoice.js +0 -90
  154. package/src/svg/EmptyNotification.js +0 -84
  155. package/src/svg/EmptyProducts.js +0 -88
  156. package/src/svg/EmptyReply.js +0 -81
  157. package/src/svg/EmptyReports.js +0 -90
  158. package/src/svg/EmptySchedule.js +0 -131
  159. package/src/svg/EmptySearch.js +0 -95
  160. package/src/svg/EmptySkills.js +0 -116
  161. package/src/svg/EmptySla.js +0 -81
  162. package/src/svg/EmptySnippet.js +0 -96
  163. package/src/svg/EmptyTag.js +0 -88
  164. package/src/svg/EmptyTask.js +0 -97
  165. package/src/svg/EmptyTeams.js +0 -85
  166. package/src/svg/EmptyTemplate.js +0 -88
  167. package/src/svg/EmptyTicket.js +0 -88
  168. package/src/svg/EmptyTimeEntry.js +0 -91
  169. package/src/svg/EmptyTimeline.js +0 -85
  170. package/src/svg/EmptyTopic.js +0 -92
  171. package/src/svg/EmptyUnauthorizedLogin.js +0 -44
  172. package/src/svg/EmptyWillBeRightBack.js +0 -44
  173. package/src/svg/ErrorInconvenience.js +0 -128
  174. package/src/svg/ErrorOopsSomethingMiss.js +0 -128
  175. package/src/svg/ErrorUnableToProcessRequest.js +0 -128
  176. package/src/svg/ErrorUnauthorizedLogin.js +0 -127
  177. package/src/svg/ErrorUrlNotFound.js +0 -128
  178. package/src/svg/ErrorWillBeRightBack.js +0 -127
  179. package/src/svg/Extractor.js +0 -76
  180. package/src/svg/FailureLog.js +0 -32
  181. package/src/svg/Import.js +0 -85
  182. package/src/svg/Loader.js +0 -81
  183. package/src/svg/NoRequestFound.js +0 -37
  184. package/src/svg/NotImpossible.js +0 -80
  185. package/src/svg/PageNotFound.js +0 -38
  186. package/src/svg/Predictor.js +0 -78
  187. package/src/svg/SVG.js +0 -107
  188. package/src/svg/SvgLoader.js +0 -21
  189. package/src/svg/UnableToProcessRequest.js +0 -37
  190. package/src/svg/UnauthorizedLogin.js +0 -37
  191. package/src/svg/UrlNotFound.js +0 -37
  192. package/src/svg/WillBeRightBack.js +0 -37
  193. package/src/svg/ZiaAnamoly.js +0 -76
  194. package/src/svg/docs/SVG__common.docs.js +0 -47
  195. package/src/svg/docs/SVG__default.docs.js +0 -233
  196. package/src/svg/docs/SVG__errorstate.docs.js +0 -75
  197. package/src/svg/docs/SVGdocstyle.module.css +0 -8
@@ -1,131 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptySchedule extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='schedule' {...this.props}>
9
- <defs>
10
- <style>
11
- {
12
- ".EmptySchedule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySchedule_svg__cls-3,.EmptySchedule_svg__cls-4,.EmptySchedule_svg__cls-5{fill:none}.EmptySchedule_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySchedule_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySchedule_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}"
13
- }
14
- </style>
15
- </defs>
16
- <path
17
- d="M86 66.22a.61.61 0 00.35-.11c2.8-1.83 43.49-28 64.45-19.75 21.71 8.55 36.53 80.46-23.83 112.73s-87.67-37.92-87.9-50.36c-.22-12.02 0-40.65 46.93-42.51z"
18
- opacity={0.05}
19
- fill="var(--zd_emptysvg_primary_fill)"
20
- />
21
- <ellipse
22
- cx={152.54}
23
- cy={36.46}
24
- rx={3.32}
25
- ry={3.31}
26
- strokeMiterlimit={10}
27
- stroke="var(--zd_emptysvg_medium_circle)"
28
- fill="none"
29
- />
30
- <circle
31
- className="EmptySchedule_svg__cls-3"
32
- cx={80.89}
33
- cy={34.48}
34
- r={1.98}
35
- />
36
- <path
37
- className="EmptySchedule_svg__cls-4"
38
- d="M28.08 101.77l-.33 5.83M25 104.52l5.83.33"
39
- />
40
- <circle
41
- cx={161.76}
42
- cy={152.05}
43
- r={2.3}
44
- stroke="var(--zd_emptysvg_small_circle)"
45
- strokeLinecap="round"
46
- strokeLinejoin="round"
47
- fill="none"
48
- />
49
- <path
50
- className="EmptySchedule_svg__cls-5"
51
- d="M170.88 117.22l3.89 4.35M170.65 121.33l4.35-3.88"
52
- />
53
- <rect
54
- className="EmptySchedule_svg__cls-6"
55
- x={71.39}
56
- y={97.3}
57
- width={9.87}
58
- height={9.86}
59
- rx={4.93}
60
- />
61
- <rect
62
- className="EmptySchedule_svg__cls-6"
63
- x={99.44}
64
- y={97.29}
65
- width={9.86}
66
- height={9.87}
67
- rx={4.93}
68
- transform="rotate(109.27 104.376 102.215)"
69
- />
70
- <rect
71
- className="EmptySchedule_svg__cls-6"
72
- x={90.53}
73
- y={124.26}
74
- width={9.87}
75
- height={9.86}
76
- rx={4.93}
77
- />
78
- <rect
79
- className="EmptySchedule_svg__cls-6"
80
- x={109.28}
81
- y={114.95}
82
- width={28.46}
83
- height={28.49}
84
- rx={14.23}
85
- transform="rotate(109.27 123.514 129.181)"
86
- />
87
- <rect
88
- className="EmptySchedule_svg__cls-6"
89
- x={126.95}
90
- y={97.3}
91
- width={9.87}
92
- height={9.86}
93
- rx={4.93}
94
- />
95
- <path
96
- className="EmptySchedule_svg__cls-6"
97
- d="M57.79 91.87s-.4-18.81 4.08-21.14 77 .22 77 .22 6.95-.07 7.8 6.51a35.62 35.62 0 010 10.7H67.44s-9.01-.11-9.65 3.71z"
98
- />
99
- <path
100
- d="M57.15 135.56c1.11-6.06-.21-52.07.2-58.22.21-3.19.67-4.09 2.51-5.58s4.77-.86 9.27-.77h4.41c4.5.09 8.64.09 9.48-.26 1.68-.7 0-9.79-2.38-8.67s-4.21 16.78-.42 16.64S86 71 86 71h34.59c4.5.09 7.21.06 8-.29 1.68-.7 0-9.79-2.38-8.67s-4.21 16.8-.41 16.66 5.74-7.7 5.74-7.7l6.44-.14s12.12-1.17 12 6.59c0 2.19 0 4-.05 5.47 0 0-.93 20.95.06 20.92.79 0 2.33-5.23-1.15-13.62a3.42 3.42 0 00-3.18-2.1H67.43s-8.89-1-8.38 6.89 0 43.75 0 43.75.86 6.5 7.52 6.8 76.51 0 76.51 0 6.45-1 6.92-7.75l.27-13.82v-14.82l-27.14 25.53-5.32-3.9a1.82 1.82 0 01-.27-2.69h0a1.83 1.83 0 012.6-.1l3.4 3.23L134 120.32a13.73 13.73 0 00-13.69-4.23 13.44 13.44 0 00-9.85 16.34 13.62 13.62 0 0016.57 9.68 13.43 13.43 0 009.84-16.34"
101
- strokeWidth={0.69}
102
- stroke="var(--zd_emptysvg_primary_stroke)"
103
- strokeLinecap="round"
104
- strokeLinejoin="round"
105
- fill="none"
106
- />
107
- </SVG>
108
- );
109
- }
110
- }
111
- EmptySchedule.propTypes = {
112
- alignHorizontal: PropTypes.bool,
113
- className: PropTypes.string,
114
- dataId: PropTypes.string,
115
- isRender: PropTypes.bool,
116
- size: PropTypes.oneOf(['small', 'large']),
117
- palette: PropTypes.oneOf(['default', 'dark'])
118
- };
119
- EmptySchedule.defaultProps = {
120
- size: 'large',
121
- alignHorizontal: true,
122
- isRender: true,
123
- className: '',
124
- dataId: 'EmptySchedule',
125
- palette: 'default'
126
- };
127
- if (__DOCS__) {
128
- EmptySchedule.docs = {
129
- componentGroup: 'SVG'
130
- };
131
- }
@@ -1,95 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptySearch extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='search' {...this.props}>
9
- <defs>
10
- <style>
11
- {
12
- ".EmptySearch_svg__cls-4,.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6,.EmptySearch_svg__cls-7,.EmptySearch_svg__cls-8{fill:none}.EmptySearch_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySearch_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySearch_svg__cls-5,.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySearch_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySearch_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
13
- }
14
- </style>
15
- </defs>
16
- <path
17
- d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
18
- fill="var(--zd_emptysvg_primary_fill)"
19
- opacity={0.05}
20
- />
21
- <ellipse
22
- cx={156.04}
23
- cy={31.69}
24
- rx={3.54}
25
- ry={3.51}
26
- strokeMiterlimit={10}
27
- stroke="var(--zd_emptysvg_medium_circle)"
28
- fill="none"
29
- />
30
- <ellipse
31
- className="EmptySearch_svg__cls-4"
32
- cx={79.62}
33
- cy={29.6}
34
- rx={2.12}
35
- ry={2.1}
36
- />
37
- <path
38
- className="EmptySearch_svg__cls-5"
39
- d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
40
- />
41
- <ellipse
42
- className="EmptySearch_svg__cls-8"
43
- cx={165.88}
44
- cy={154.09}
45
- rx={2.45}
46
- ry={2.43}
47
- />
48
- <path
49
- className="EmptySearch_svg__cls-7"
50
- d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
51
- />
52
- <path
53
- d="M101.35 87.13s4.94 2.24 6.06 9.58"
54
- stroke="var(--zd_emptysvg_circle_fill)"
55
- strokeWidth={2}
56
- strokeLinecap="round"
57
- strokeLinejoin="round"
58
- fill="none"
59
- />
60
- <ellipse
61
- cx={95.28}
62
- cy={96.71}
63
- rx={21.41}
64
- ry={21.23}
65
- fill="var(--zd_emptysvg_secondary_fill)"
66
- />
67
- <path
68
- className="EmptySearch_svg__cls-6"
69
- d="M33.71 102.31H56.2a7.33 7.33 0 007.28-6.64c.75-7.62 4.37-20 19-27.59 22.32-11.51 51.78 10.62 43.75 37.18l-3.57 7.67 27.38 27.15s4.11 6.77 0 10.62-8 1.77-12.21-1.18S112 124.14 112 124.14s-26.19 12.4-42.26-8.26c0 0-1-1.53-2.09-3.42-2.2-3.73 1.4-8.42 5.52-7a3.11 3.11 0 011.5 1c2.19 2.85 9.2 15.31 25.23 12.24s19.48-19.7 15.81-32.18-25.88-16.08-34.38-8-9.65 18.57-5.6 22 7-.57 8.31-5.93 4.41-8.81 8.38-8.81 7.84-2.11 5.72-5.75-12.51-.82-16 2.68c-5.32 5.28-9.27 17.71-1 26.19s19.7 5.22 22.6 3.69 6.4-7.8 7.92-8.62"
70
- />
71
- </SVG>
72
- );
73
- }
74
- }
75
- EmptySearch.propTypes = {
76
- alignHorizontal: PropTypes.bool,
77
- className: PropTypes.string,
78
- dataId: PropTypes.string,
79
- isRender: PropTypes.bool,
80
- size: PropTypes.oneOf(['small', 'large']),
81
- palette: PropTypes.oneOf(['default', 'dark'])
82
- };
83
- EmptySearch.defaultProps = {
84
- size: 'large',
85
- alignHorizontal: true,
86
- isRender: true,
87
- className: '',
88
- dataId: 'emptySearch',
89
- palette: 'default'
90
- };
91
- if (__DOCS__) {
92
- EmptySearch.docs = {
93
- componentGroup: 'SVG'
94
- };
95
- }
@@ -1,116 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptySkills extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='search' {...this.props}>
9
- <style>
10
- {
11
- ".EmptySkills_svg__st2,.EmptySkills_svg__st4{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.EmptySkills_svg__st4{stroke:var(--zd_emptysvg_cross)}.EmptySkills_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySkills_svg__st7{opacity:.25}.EmptySkills_svg__st9{fill:none;stroke:var(--zd_emptysvg_primary_fill);stroke-width:.5;stroke-miterlimit:10}"
12
- }
13
- </style>
14
- <path
15
- d="M86.5 62.5s46.9-30.9 70.7-21.5 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13.1 0-44.3 51.5-46.2z"
16
- opacity={0.05}
17
- fill="var(--zd_emptysvg_primary_fill)"
18
- />
19
- <circle
20
- cx={156}
21
- cy={31.7}
22
- fill="none"
23
- stroke="var(--zd_emptysvg_medium_circle)"
24
- strokeMiterlimit={10}
25
- r={3.5}
26
- />
27
- <circle className="EmptySkills_svg__st2" cx={79.6} cy={29.6} r={2.1} />
28
- <path
29
- className="EmptySkills_svg__st3"
30
- d="M23.3 100.9l-.4 6.1M20 103.8l6.2.3"
31
- />
32
- <circle
33
- cx={165.9}
34
- cy={154.1}
35
- fill="none"
36
- stroke="var(--zd_emptysvg_medium_circle)"
37
- strokeLinecap="round"
38
- strokeLinejoin="round"
39
- r={2.4}
40
- />
41
- <path
42
- className="EmptySkills_svg__st4"
43
- d="M175.6 117.2l4.2 4.6M175.4 121.6l4.6-4.2"
44
- />
45
- <path
46
- d="M25.9 124.2s28.6-2.9 35.8-25.2 29.5-22.8 35.6-24.2l.7-.2c6.6-2.4 11.3-8.9 11.3-16.3 0-9.5-7.7-17.2-17.2-17.2S75 48.8 75 58.3c0 8.2 5.7 15 13.4 16.7h0c2.1.7 4.5 1.6 7.3 1.9 2.2.2 4.5.3 6.8.2 5.3-.2 18.5 2.2 23.3 13.8 6.3 15.4 16.9 30.2 36.4 30.2 0 0-44.3 6.3-51.1-23 0 0 3.2 1.1 0 15.1S92.4 142 66.5 128s-30.6 18.7-5 22.3 58.3-18.4 72.7-22 24.1 5 24.1 12.2c0 20.2-79.2 33.1-83.2-42.5"
47
- fill="none"
48
- stroke="var(--zd_emptysvg_primary_stroke)"
49
- strokeMiterlimit={10}
50
- />
51
- <circle cx={97.2} cy={58.1} r={17.1} fill="var(--zd_emptysvg_secondary_fill)" />
52
- <g className="EmptySkills_svg__st7">
53
- <defs>
54
- <circle
55
- id="EmptySkills_svg__SVGID_1_"
56
- cx={147.6}
57
- cy={58.7}
58
- r={12.7}
59
- />
60
- </defs>
61
- <clipPath id="EmptySkills_svg__SVGID_2_">
62
- <use xlinkHref="#EmptySkills_svg__SVGID_1_" overflow="visible" />
63
- </clipPath>
64
- <g clipPath="url(#EmptySkills_svg__SVGID_2_)">
65
- <path
66
- className="EmptySkills_svg__st9"
67
- d="M162.5 47.7l-4.1 26M160.9 47.5l-4.1 26M159.3 47.2l-4.1 26M157.7 47l-4.1 26M156.1 46.7l-4.2 26M154.5 46.5l-4.1 25.9M152.9 46.2l-4.2 26M151.3 45.9l-4.2 26M149.7 45.7l-4.2 26M148.1 45.4l-4.2 26M146.5 45.2l-4.2 26M144.9 44.9l-4.2 26M143.2 44.7l-4.1 26M141.6 44.4l-4.1 26M140 44.2l-4.1 26M138.4 43.9l-4.1 26M136.8 43.6l-4.1 26"
68
- />
69
- </g>
70
- <circle
71
- className="EmptySkills_svg__st9"
72
- cx={147.6}
73
- cy={58.7}
74
- r={12.7}
75
- />
76
- </g>
77
- <g className="EmptySkills_svg__st7">
78
- <defs>
79
- <circle id="EmptySkills_svg__SVGID_3_" cx={34.3} cy={61.8} r={12.7} />
80
- </defs>
81
- <clipPath id="EmptySkills_svg__SVGID_4_">
82
- <use xlinkHref="#EmptySkills_svg__SVGID_3_" overflow="visible" />
83
- </clipPath>
84
- <g clipPath="url(#EmptySkills_svg__SVGID_4_)">
85
- <path
86
- className="EmptySkills_svg__st9"
87
- d="M47.7 50.6l-4.2 26M44.5 50.1l-4.2 26M41.2 49.6l-4.1 26M38 49l-4.1 26.1M34.8 48.5l-4.1 26M31.6 48l-4.1 26M28.4 47.5l-4.2 26M25.2 47L21 73"
88
- />
89
- </g>
90
- <circle className="EmptySkills_svg__st9" cx={34.3} cy={61.8} r={12.7} />
91
- </g>
92
- </SVG>
93
- );
94
- }
95
- }
96
- EmptySkills.propTypes = {
97
- alignHorizontal: PropTypes.bool,
98
- className: PropTypes.string,
99
- dataId: PropTypes.string,
100
- isRender: PropTypes.bool,
101
- size: PropTypes.oneOf(['small', 'large']),
102
- palette: PropTypes.oneOf(['default', 'dark'])
103
- };
104
- EmptySkills.defaultProps = {
105
- size: 'large',
106
- alignHorizontal: true,
107
- isRender: true,
108
- className: '',
109
- dataId: 'emptySkills',
110
- palette: 'default'
111
- };
112
- if (__DOCS__) {
113
- EmptySkills.docs = {
114
- componentGroup: 'SVG'
115
- };
116
- }
@@ -1,81 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptySla extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='Sla' {...this.props}>
9
- <defs>
10
- <style>
11
- {
12
- '.EmptySla_svg-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptySla_svg-4{fill:var(--zd_emptysvg_plus)}'
13
- }
14
- </style>
15
- </defs>
16
- <path
17
- d='M88.4 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S43.36 119.89 43.13 108c-.21-11.5 0-38.9 45.27-40.6z'
18
- fill='var(--zd_emptysvg_primary_fill)'
19
- opacity={0.05}
20
- />
21
- <path
22
- d='M158.11 150.45a2.5 2.5 0 112.51-2.5 2.51 2.51 0 01-2.51 2.5zm0-4.28a1.78 1.78 0 101.79 1.83 1.79 1.79 0 00-1.79-1.83z'
23
- fill='var(--zd_emptysvg_small_circle)'
24
- />
25
- <path
26
- d='M149.46 43.73a3.45 3.45 0 113.47-3.45 3.47 3.47 0 01-3.47 3.45zm0-6.17a2.73 2.73 0 102.75 2.72 2.74 2.74 0 00-2.75-2.72z'
27
- fill='var(--zd_emptysvg_medium_circle)'
28
- />
29
- <path
30
- className='EmptySla_svg-3'
31
- d='M82.35 40.64a2.21 2.21 0 112.21-2.2 2.2 2.2 0 01-2.21 2.2zm0-3.68a1.48 1.48 0 101.49 1.48A1.49 1.49 0 0082.35 37z'
32
- />
33
- <path
34
- className='EmptySla_svg-4'
35
- d='M32.57 106.9a.35.35 0 01-.33-.38l.3-5.42a.36.36 0 01.72 0l-.31 5.42a.35.35 0 01-.38.38z'
36
- />
37
- <path
38
- className='EmptySla_svg-4'
39
- d='M35.45 104.34L30 104a.36.36 0 010-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.35.38z'
40
- />
41
- <path
42
- className='EmptySla_svg-3'
43
- d='M170.29 119.92a.36.36 0 01-.27-.12l-3.65-4a.36.36 0 01.54-.49l3.64 4a.35.35 0 010 .51.34.34 0 01-.26.1z'
44
- />
45
- <path
46
- className='EmptySla_svg-3'
47
- d='M166.42 119.7a.36.36 0 01-.23-.63l4.07-3.62a.36.36 0 01.48.54l-4.08 3.62a.34.34 0 01-.24.09z'
48
- />
49
- <path
50
- d='M101.93 94.22s-8.08 10.21-7.18 10.78 10.83 13 11.47 12.27 34-25.4 34-25.4-.49-3-2.92-1.62C129 95 109.68 109.18 109 108.23c-.9-1.23-7.07-14.01-7.07-14.01z'
51
- fill='var(--zd_emptysvg_secondary_fill)'
52
- />
53
- <path
54
- d='M105.4 156.63h-.15c-1.5-.29-10.69-7.45-18.34-14-5-4.23-16.69-14.49-18.07-18.39-2.21-6.26-1.62-50.79-1.59-52.68a.74.74 0 01.33-.59c.56-.42 2.67-.73 5.76-1 0-1.24.06-2.13.06-2.55a1 1 0 01.34-.75c3.71-3.64 54.81-3 60.63-2.91a.52.52 0 01.52.53.53.53 0 01-.53.52c-.14 0-14.77-.22-29.44 0-27 .47-30.16 2.09-30.46 2.6 0 .43 0 1.28-.06 2.45 7.24-.47 18.92-.54 29.14-.49 16.31.07 34 .52 35.75.91.54.12.84.18.8 9.33 0 4.31-.13 8.66-.13 8.71a.5.5 0 01-.23.42l-30.44 19.83a.53.53 0 01-.44.07.55.55 0 01-.33-.3c-.05-.1-4.6-10.57-6.39-12.79a.35.35 0 00-.34-.17c-1.59.1-4.94 5.63-6 7.44-.24.41-.44.73-.58.94 0 .38.76 2.64 11.19 14.34l.1.11c2.53-.89 21.19-15.53 32.65-24.78a.53.53 0 01.55-.07.53.53 0 01.3.47c0 .95.3 23.3-.51 27.34-.46 2.3-8.31 10.3-15.41 16.75-3.5 3.18-15.2 13.58-18.61 13.58-5.31 0-28.89-25.58-32-31.47-1.6-3-1.06-23.91-.25-46 0-1.13.08-2.15.11-3a19.34 19.34 0 00-5 .7c0 2.93-.55 46.23 1.54 52.14.89 2.54 7.53 9.24 17.74 17.93 9.53 8.11 17 13.56 17.88 13.75 1.32 0 10.34-6.53 20.23-15.66 10.83-10 17.09-17.93 17.19-21.78l.42-16.48a.52.52 0 01.52-.51.53.53 0 01.51.54l-.42 16.48c-.17 6.81-16.75 22.52-27.85 31.43-3.32 2.69-9.01 7.06-10.69 7.06zM74.35 71c0 .92-.07 2-.11 3.15-.47 12.66-1.56 42.29.12 45.49 1.57 3 8.06 10.65 15.11 17.85 7.77 7.93 14 13.06 16 13.06s9.15-5.35 17.91-13.31c9.4-8.55 14.79-14.72 15.08-16.18.69-3.44.55-21.43.51-26-2.28 1.83-8.84 7.09-15.41 12.2-16.74 13-17.2 12.51-17.68 12l-.26-.3c-12.41-13.92-11.67-15-11.31-15.56.12-.18.33-.52.59-1 2.46-4.06 5-7.83 6.87-7.95a1.42 1.42 0 011.22.56c1.64 2.05 5.29 10.21 6.28 12.47l29.69-19.35c.18-7.27.19-15.28-.1-16.75-2.57-.33-18.67-.77-35.38-.85-14.41-.08-23.7.13-29.13.47zm32.26 47.49zm-11.45-14.66z'
55
- fill='var(--zd_emptysvg_primary_stroke)'
56
- />
57
- </SVG>
58
- );
59
- }
60
- }
61
- EmptySla.propTypes = {
62
- alignHorizontal: PropTypes.bool,
63
- className: PropTypes.string,
64
- dataId: PropTypes.string,
65
- isRender: PropTypes.bool,
66
- size: PropTypes.oneOf(['small', 'large']),
67
- palette: PropTypes.oneOf(['default', 'dark'])
68
- };
69
- EmptySla.defaultProps = {
70
- size: 'large',
71
- alignHorizontal: true,
72
- isRender: true,
73
- className: '',
74
- dataId: 'EmptySla',
75
- palette: 'default'
76
- };
77
- if (__DOCS__) {
78
- EmptySla.docs = {
79
- componentGroup: 'SVG'
80
- };
81
- }
@@ -1,96 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptySnippet extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='snippet' {...this.props}>
9
- <defs>
10
- <style>
11
- {
12
- ".EmptySnippet_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySnippet_svg__cls-3,.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5,.EmptySnippet_svg__cls-7,.EmptySnippet_svg__cls-8{fill:none}.EmptySnippet_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySnippet_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySnippet_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
13
- }
14
- </style>
15
- </defs>
16
- <path
17
- d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
18
- opacity={0.05}
19
- fill="var(--zd_emptysvg_primary_fill)"
20
- />
21
- <ellipse
22
- cx={156.04}
23
- cy={31.69}
24
- rx={3.54}
25
- ry={3.51}
26
- strokeMiterlimit={10}
27
- stroke="var(--zd_emptysvg_medium_circle)"
28
- fill="none"
29
- />
30
- <ellipse
31
- className="EmptySnippet_svg__cls-3"
32
- cx={79.62}
33
- cy={29.6}
34
- rx={2.12}
35
- ry={2.1}
36
- />
37
- <path
38
- className="EmptySnippet_svg__cls-4"
39
- d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
40
- />
41
- <ellipse
42
- className="EmptySnippet_svg__cls-8"
43
- cx={165.88}
44
- cy={154.09}
45
- rx={2.45}
46
- ry={2.43}
47
- />
48
- <path
49
- className="EmptySnippet_svg__cls-7"
50
- d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
51
- />
52
- <path
53
- className="EmptySnippet_svg__cls-6"
54
- d="M119.87 139.21s-11.87-8.72 1.14-35c13.82-27.89 38.05-42 47.15-31.63 4.7 5.42-31.72 67.7-48.29 66.63z"
55
- />
56
- <path
57
- className="EmptySnippet_svg__cls-5"
58
- d="M107.71 147.22l-31.65 6s-7.53-9.06-5-52.27c1.32-22.39-8.82-32.16-8.82-32.16L128.41 55s6.26 11.49 3.83 27.54C129.6 100 115.6 102.17 116.78 134a1.14 1.14 0 002.15.38c5.62-11.24 24.49-47.73 35-52.54 0 0-38.4 48.36-37.33 71.47 0 0 4.51-11.69 4.56-13.86.06-2.47-4.9-2.75-3.87 0s16.48-3.56 29.8-25.06 27.17-36.09 19.56-43.9c-11.08-11.37-44.18 23-49.23 42.72-5.82 22.72 1.45 26.5 5.41 27.16s12.66-8.83 12.66-8.83 2.14 9.75 4.22 11.94l-16.38 2.91"
59
- />
60
- <path
61
- d="M123.26 116.23s3.32-11.21 10.42-19.74"
62
- stroke="var(--zd_emptysvg_circle_fill)"
63
- strokeWidth={3}
64
- strokeLinecap="round"
65
- strokeLinejoin="round"
66
- fill="none"
67
- />
68
- <path
69
- className="EmptySnippet_svg__cls-6"
70
- d="M94.37 100.23s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.12-8.49 8 0 .02-.47-8.52-9.43-8zM88.34 121.72s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.11-8.49 8 0 .02-.47-8.51-9.43-8zM83.26 107s5.38-.77 5.38-5.79c0 0 0 5.68 4.79 5.79 0 0-4.84-.07-4.82 4.55a4.81 4.81 0 00-5.35-4.55z"
71
- />
72
- </SVG>
73
- );
74
- }
75
- }
76
- EmptySnippet.propTypes = {
77
- alignHorizontal: PropTypes.bool,
78
- className: PropTypes.string,
79
- dataId: PropTypes.string,
80
- isRender: PropTypes.bool,
81
- size: PropTypes.oneOf(['small', 'large']),
82
- palette: PropTypes.oneOf(['default', 'dark'])
83
- };
84
- EmptySnippet.defaultProps = {
85
- size: 'large',
86
- alignHorizontal: true,
87
- isRender: true,
88
- className: '',
89
- dataId: 'emptySnippet',
90
- palette: 'default'
91
- };
92
- if (__DOCS__) {
93
- EmptySnippet.docs = {
94
- componentGroup: 'SVG'
95
- };
96
- }
@@ -1,88 +0,0 @@
1
- import React from 'react';
2
- import PropTypes from 'prop-types';
3
- import SVG from './SVG';
4
-
5
- export default class EmptyTag extends React.Component {
6
- render() {
7
- return (
8
- <SVG viewBox='0 0 200 200' name='tag' {...this.props}>
9
- <defs>
10
- <style>
11
- {
12
- ".EmptyTag_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTag_svg__cls-4,.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6,.EmptyTag_svg__cls-8,.EmptyTag_svg__cls-9{fill:none}.EmptyTag_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTag_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTag_svg__cls-5,.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTag_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTag_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}"
13
- }
14
- </style>
15
- </defs>
16
- <path
17
- d="M86.51 62.52S133.43 31.67 157.17 41s40 87.37-26.06 122.41S35.22 122.19 35 108.68c-.28-13.07 0-44.23 51.51-46.16z"
18
- fill="var(--zd_emptysvg_primary_fill)"
19
- opacity={0.05}
20
- />
21
- <ellipse
22
- cx={156.04}
23
- cy={31.69}
24
- rx={3.54}
25
- ry={3.51}
26
- strokeMiterlimit={10}
27
- stroke="var(--zd_emptysvg_medium_circle)"
28
- fill="none"
29
- />
30
- <ellipse
31
- className="EmptyTag_svg__cls-4"
32
- cx={79.62}
33
- cy={29.6}
34
- rx={2.12}
35
- ry={2.1}
36
- />
37
- <path
38
- className="EmptyTag_svg__cls-5"
39
- d="M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
40
- />
41
- <ellipse
42
- className="EmptyTag_svg__cls-9"
43
- cx={165.88}
44
- cy={154.09}
45
- rx={2.45}
46
- ry={2.43}
47
- />
48
- <path
49
- className="EmptyTag_svg__cls-8"
50
- d="M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
51
- />
52
- <path
53
- className="EmptyTag_svg__cls-7"
54
- d="M136.3 107.68s-1.24 51.51-2.14 54-45.41-1.83-46.59-3.82 42.71-48.51 48.73-50.18z"
55
- />
56
- <path
57
- className="EmptyTag_svg__cls-6"
58
- d="M171.12 53.1s-13.85 5.78-26.25-4.34-24.4 19.63-22.61 32.54c1.88 13.51-10.34 16.07-13.93 9.4s5-15.45 16.66-11.06c0 0 5.45 2 7 4.14 8.94 12.74 1.59 22-.92 25s-5.81 6.85-7.71 7.78c-3.52 1.71 7.3-9.4 12.14-8.93v4c-.15 17.83-.08 49.91-2.14 50-3.82.19-36.94-2.54-42.79-2.34a5 5 0 01-5-3.46 2.86 2.86 0 01.19-2.29c1.12-1.95 20.44-20.1 28.67-27.8a.23.23 0 01.33.32c-14.36 16.07-32.8 36-34.33 35.56-2.07-.61-27-24.87-35.67-33.4a4.37 4.37 0 01-.12-6.14c8.5-9 33.4-33.91 43-43.49A16.41 16.41 0 0196.7 74c6.6-1.05 16.18-2.64 17.87-2.46"
59
- />
60
- <path
61
- className="EmptyTag_svg__cls-7"
62
- d="M78.39 112.58l7.92-1.15 4-7.14a.44.44 0 01.57 0l3.61 7.29 8.64 1c.29 0 .43.28.14.57l-6.48 5.71 1.59 7.86c0 .28-.15.43-.44.28l-6.91-3.57-7.49 3.72c-.15.14-.43 0-.43-.29l.72-8-5.77-5.57a1.08 1.08 0 01.33-.71z"
63
- />
64
- </SVG>
65
- );
66
- }
67
- }
68
- EmptyTag.propTypes = {
69
- alignHorizontal: PropTypes.bool,
70
- className: PropTypes.string,
71
- dataId: PropTypes.string,
72
- isRender: PropTypes.bool,
73
- size: PropTypes.oneOf(['small', 'large']),
74
- palette: PropTypes.oneOf(['default', 'dark'])
75
- };
76
- EmptyTag.defaultProps = {
77
- size: 'large',
78
- alignHorizontal: true,
79
- isRender: true,
80
- className: '',
81
- dataId: 'emptyTag',
82
- palette: 'default'
83
- };
84
- if (__DOCS__) {
85
- EmptyTag.docs = {
86
- componentGroup: 'SVG'
87
- };
88
- }