@zohodesk/svg 1.0.0-beta.4 → 1.0.0-beta.42

package/es/svg/EmptyTask.js

@@ -1,52 +1,84 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyTask.svg';
-
-var EmptyTask = function (_React$Component) {
-  _inherits(EmptyTask, _React$Component);
-
-  function EmptyTask() {
-    _classCallCheck(this, EmptyTask);
-
-    return _possibleConstructorReturn(this, (EmptyTask.__proto__ || _Object$getPrototypeOf(EmptyTask)).apply(this, arguments));
+export default class EmptyTask extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "task"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyTask_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTask_svg__cls-3,.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5,.EmptyTask_svg__cls-7,.EmptyTask_svg__cls-8{fill:none}.EmptyTask_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTask_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTask_svg__cls-4,.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTask_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTask_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      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",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTask_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTask_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-7",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-6",
+      d: "M131.83 70.33l-5-1.58a12.76 12.76 0 00.65-4.46c0-4.34-3.26-7-7.26-7.24-4.36-.32-7.77 4.26-9 7.19l-7.81-2.14c-1.3-.34-2.73-.43-3.14.84l-1 3.24a2.49 2.49 0 001.64 3.12l28.47 9a2.51 2.51 0 003.15-1.58l1.19-3.72c.44-1.28-.56-2.24-1.89-2.67z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 119.62,
+      cy: 63.17,
+      rx: 2.24,
+      ry: 2.22,
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-6",
+      d: "M98.47 118.8a3.76 3.76 0 01-.38-5.18c2.23-2.79 14.36-17.82 14.36-17.82s10.41 4.26 6.92 8.45l-15.86 19z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTask_svg__cls-5",
+      d: "M63.28 125.48c-1.79 5.74-4.38 16.66 1 18.42s55.64 19.48 59.79 17 29.34-83.43 23.25-85.62-19.54-7.18-20.29-7c0 0 2-7.78-3.15-9.91s-8.28-2.58-12.83 5c0 0-19.33-5.49-21.32-5S63.89 126 64.46 139c0 0 0 1.12 4.27 3.66s48.33 16 53.45 14.1 21.61-67.38 22.18-73.58-51.44-20.3-53.72-17.48c-2.12 2.63-7.5 19.17-13.52 35.9a78.29 78.29 0 00-2.28 7.36l-3.17 12.18a3.35 3.35 0 002.54 4.1 164 164 0 0016.41 2.14l10.8-2.82-6.87-5.94s-3.37 9.13-3.33 9.45 10.85-3.07 10.85-3.07l17.3-20.71s3-2.14-.33-4.15c-1.84-1.12-5.62-5.41-6.59-4.3-1.41 1.63-10.19 12.61-14.36 17.82a3.81 3.81 0 00.38 5.18c2.47 2.3 5.94 5.42 6.75 5.52s26.14-.32 42.29-.62"
+    }), /*#__PURE__*/React.createElement("path", {
+      stroke: "var(--zd_emptysvg_circle_fill)",
+      strokeWidth: 2,
+      strokeLinecap: "round",
+      strokeLinejoin: "round",
+      fill: "none",
+      d: "M108.63 112.84l5.97-7.49"
+    }));
   }
 
-  _createClass(EmptyTask, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'task', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyTask;
-}(React.Component);
-
-export default EmptyTask;
-
+}
 EmptyTask.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyTask.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyTask',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyTeams.js

@@ -1,52 +1,68 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyTeams.svg';
-
-var EmptyTeams = function (_React$Component) {
-  _inherits(EmptyTeams, _React$Component);
-
-  function EmptyTeams() {
-    _classCallCheck(this, EmptyTeams);
-
-    return _possibleConstructorReturn(this, (EmptyTeams.__proto__ || _Object$getPrototypeOf(EmptyTeams)).apply(this, arguments));
+export default class EmptyTeams extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "team"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyTeams_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTeams_svg__cls-4,.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6,.EmptyTeams_svg__cls-8,.EmptyTeams_svg__cls-9{fill:none}.EmptyTeams_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTeams_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTeams_svg__cls-5,.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTeams_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTeams_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTeams_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTeams_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-7",
+      d: "M80.06 113.44s.91 20.72-13 19.13-7.94-24.92-7.94-24.92 10.06 7.35 20.94 5.79zM93.18 68.15s-1.87 5-3.85 7.13c0 0-3.54 17.77 13.45 18.78 0 0 10.14 2 13-15.13a27 27 0 01-22.6-10.78zM122.61 127.05s1.68-16 5.8-14 2 1.09 11.37-2c0 0 7.62-1.56 9.18 10.63 0 0-.3 7.33-1.66 10.27 0 0-6.2-5.51-14-3.82a85.63 85.63 0 00-10.69 2.87z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTeams_svg__cls-6",
+      d: "M79.93 111.64s2.31 19-10.4 20.93S58 107.65 59.14 107.65s13.24 9.55 25.08 4.61c0 0-3.27-16.21-15.91-14.23s-12.63 14-14 21.66-5.22 13.84-2.2 19.86 28.17 14.12 34-5.72c4.76-16.26-2-31-10.1-37.08a6.43 6.43 0 01-1-9.31 32 32 0 018.28-7c8.59-5 10.51-13.83 10.34-15s-2.49-.3-1.93.79S101.66 81 119 78.68c0 0 3.29-22.93-13.47-23.37s-16.57 13.36-16 25.94S101.39 94.06 105 94.06c8.2 0 11.5-14.28 11.13-19.53s-6.86 1.86 4.07 7.62c6.56 3.46 11.92 10.11 15.15 15 2.49 3.75 2.82 6.93 5.83 10 3.16 3.22 7.38 8 6.79 14.95 0 0-1.69-12.37-8.17-11s-7.44 4.53-11.37 2-5.8 14-5.8 14-6.27-19.34 10.24-22.24 17.52 11.25 15.16 24.44-18.89 19.55-25.4 1.72c0 0 14.49-6.6 21.72 0s-28 17.46-57.43 9.71"
+    }));
   }
 
-  _createClass(EmptyTeams, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'team', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyTeams;
-}(React.Component);
-
-export default EmptyTeams;
-
+}
 EmptyTeams.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyTeams.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyTeams',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyTemplate.js

@@ -1,53 +1,80 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyTemplate.svg';
-
-var EmptyTemplate = function (_React$Component) {
-  _inherits(EmptyTemplate, _React$Component);
-
-  function EmptyTemplate() {
-    _classCallCheck(this, EmptyTemplate);
-
-    return _possibleConstructorReturn(this, (EmptyTemplate.__proto__ || _Object$getPrototypeOf(EmptyTemplate)).apply(this, arguments));
+export default class EmptyTemplate extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "accounts"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".template_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.template_svg__cls-3,.template_svg__cls-4,.template_svg__cls-5,.template_svg__cls-6,.template_svg__cls-8{fill:none}.template_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.template_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.template_svg__cls-4,.template_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.template_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.template_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      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",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "template_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "template_svg__cls-8",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("g", {
+      opacity: 0.25
+    }, /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-7",
+      d: "M71.15 144.21s-1.36-1.61-1.35-6.74-2.71-38.94.83-45.79c0 0 17.44-4.94 30-2 0 0 2.84 1.37 2.88 3.89s1.67 48.5 1.67 48.5-.2 4.64-7.2 4.4-26.83-2.26-26.83-2.26zM116.79 116.73s-2.87-14.92-.55-25.24c0 0 .31-2.36 4.15-2.72s19.83-2.45 20.89-.06.73 25.61.5 26.58-2 2.63-5.08 2.65-17.12 2.67-19.91-1.21zM116.21 133.28s-.16-9.66 1.5-10.76 24.49-3 25.57-.13 1.05 21-1.26 22.71-25.19 0-25.19 0z"
+    })), /*#__PURE__*/React.createElement("circle", {
+      className: "template_svg__cls-7",
+      cx: 67.38,
+      cy: 68.33,
+      r: 3.09
+    }), /*#__PURE__*/React.createElement("circle", {
+      className: "template_svg__cls-7",
+      cx: 77.13,
+      cy: 68.33,
+      r: 3.09
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "template_svg__cls-5",
+      d: "M44.61 81.45A10.42 10.42 0 0055 71v-7.7a7.53 7.53 0 014.22-6.9 6.53 6.53 0 013.19-.59c4.83.32 81.74 0 81.74 0s7.4.34 7.72 5.17 0 80.45 0 80.45.32 5.47-4.82 7.08c-4.69 1.46-73 .26-85.3 0-1.09 0-2.95-.76-3-1.84-.45-8-1.14-39.36.6-57.61a8.15 8.15 0 011.9-4.59A4 4 0 0164 83c2.53-.16 62.3-1.29 72.73-1.49a5.41 5.41 0 014.56 2.19 5.14 5.14 0 01.77 1.67c.74 3 .65 28.32-.46 30.91s-25.23 3.69-26.42.33c-1.62-4.56-2-24.92.18-26.85s25.93-2.68 28.27-1.68 1.42 50.31-1.15 57c0 0-26.13 1.18-27.12 0s-.76-20.85.2-22.17c1.28-1.79 25.4-1.64 27.12-1.19 2.56.67 3.18 22.27 1.84 23.5-2.4 2.2-70.53 2.23-74.29-1.53s-4-50.48-1-52.46 23.36-3.62 31.47-1.51c0 0 3 1.71 2.88 3.89s1.67 48.5 1.67 48.5-.18 3.47-5.8 5.19-45.67 2-45.67-7 .63-52.68.63-52.68.13-6.06 5.49-7l95.46-.77a4.22 4.22 0 014.25 4.22v4.41a4.22 4.22 0 004.22 4.23"
+    }));
   }
 
-  _createClass(EmptyTemplate, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'accounts', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyTemplate;
-}(React.Component);
-
-export default EmptyTemplate;
-
-
+}
 EmptyTemplate.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyTemplate.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyTemplate',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyTicket.js

@@ -1,52 +1,71 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyTicket.svg';
-
-var EmptyTicket = function (_React$Component) {
-  _inherits(EmptyTicket, _React$Component);
-
-  function EmptyTicket() {
-    _classCallCheck(this, EmptyTicket);
-
-    return _possibleConstructorReturn(this, (EmptyTicket.__proto__ || _Object$getPrototypeOf(EmptyTicket)).apply(this, arguments));
+export default class EmptyTicket extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ticket"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyTicket_svg__cls-3,.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5,.EmptyTicket_svg__cls-6,.EmptyTicket_svg__cls-7{fill:none}.EmptyTicket_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTicket_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTicket_svg__cls-4,.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTicket_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTicket_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      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",
+      opacity: 0.05,
+      fill: "var(--zd_emptysvg_primary_fill)"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTicket_svg__cls-3",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-4",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTicket_svg__cls-7",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-6",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M92.47 136.92c5.86 6.12 3.36 12.57 1.4 15.86a3.49 3.49 0 00.57 4.28l4.19 4.16a3.49 3.49 0 004.9 0 355.81 355.81 0 0055-54.57 3.4 3.4 0 000-4.86l-2.72-2.7a6.17 6.17 0 00-7.02-1.09 13 13 0 01-14.73-2.47 12.64 12.64 0 01-2.76-13.82c2.95-3.95.37-6.61-2-9l-1.38-1.37a3.48 3.48 0 00-4.91 0L68 126a3.42 3.42 0 000 4.86l4.15 4.14a3.59 3.59 0 004.31.57c3.43-2.03 10.24-4.67 16.01 1.35z",
+      fill: "var(--zd_emptysvg_secondary_fill)"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTicket_svg__cls-5",
+      d: "M67.59 117.27q-1.25-28.22 0-55.94a3.5 3.5 0 013.52-3.49h5.47a3.75 3.75 0 013.66 2.87 12.84 12.84 0 0025 0 3.73 3.73 0 013.66-2.87h5.46a3.5 3.5 0 013.52 3.49v5.8a21.87 21.87 0 01-2.72 10.63c-5.23 9.46-11.82 19-32.25 37.78-3.26 3-5.58.08-3.68-2.52C88.69 100.09 123 71.54 123 71.54a3.49 3.49 0 014.9 0l3.93 3.9a3.7 3.7 0 01.54 4.59 12.52 12.52 0 001.81 15.68A12.9 12.9 0 00150 97.55a3.78 3.78 0 014.66.52l3.91 3.87a3.42 3.42 0 010 4.86 371.77 371.77 0 01-54.91 54.44 3.49 3.49 0 01-4.9 0l-3.67-3.64a4.39 4.39 0 01-.78-5.25c1.89-3.38 3.85-9.51-1.7-15.4-6.64-5.53-12.31-3.94-15.51-2a4.54 4.54 0 01-5.53-.63l-3.46-3.44a3.39 3.39 0 010-4.85l5.76-5.72a5.41 5.41 0 013.55-1.62c1.08 0 1.91.34.92 2-2 3.27-24.61 3.6-24.61 3.6"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M98.5 116.52l6.91-1 3.52-6.23a.39.39 0 01.5 0l3.14 6.36 7.54.87c.25 0 .38.25.13.5l-5.66 5 1.39 6.85c0 .25-.13.38-.38.25l-6-3.11-6.59 3.21c-.13.13-.38 0-.38-.24l.63-7-5-4.86a1 1 0 01.25-.6z",
+      fill: "var(--zd_emptysvg_circle_fill)"
+    }));
   }
 
-  _createClass(EmptyTicket, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'ticket', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyTicket;
-}(React.Component);
-
-export default EmptyTicket;
-
+}
 EmptyTicket.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyTicket.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyTicket',
+  palette: 'default'
 };
 
 if (false) {

package/es/svg/EmptyTimeEntry.js

@@ -1,52 +1,74 @@
-import _Object$getPrototypeOf from 'babel-runtime/core-js/object/get-prototype-of';
-import _classCallCheck from 'babel-runtime/helpers/classCallCheck';
-import _createClass from 'babel-runtime/helpers/createClass';
-import _possibleConstructorReturn from 'babel-runtime/helpers/possibleConstructorReturn';
-import _inherits from 'babel-runtime/helpers/inherits';
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 import React from 'react';
 import PropTypes from 'prop-types';
 import SVG from './SVG';
-import image from './images/EmptyTimeEntry.svg';
-
-var EmptyTimeEntry = function (_React$Component) {
-  _inherits(EmptyTimeEntry, _React$Component);
-
-  function EmptyTimeEntry() {
-    _classCallCheck(this, EmptyTimeEntry);
-
-    return _possibleConstructorReturn(this, (EmptyTimeEntry.__proto__ || _Object$getPrototypeOf(EmptyTimeEntry)).apply(this, arguments));
+export default class EmptyTimeEntry extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "timeEntry"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".EmptyTimeEntry_svg__cls-7{fill:var(--zd_emptysvg_secondary_fill)}.EmptyTimeEntry_svg__cls-4,.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6,.EmptyTimeEntry_svg__cls-8,.EmptyTimeEntry_svg__cls-9{fill:none}.EmptyTimeEntry_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyTimeEntry_svg__cls-8{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyTimeEntry_svg__cls-5,.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyTimeEntry_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyTimeEntry_svg__cls-9{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      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",
+      fill: "var(--zd_emptysvg_primary_fill)",
+      opacity: 0.05
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      cx: 156.04,
+      cy: 31.69,
+      rx: 3.54,
+      ry: 3.51,
+      strokeMiterlimit: 10,
+      stroke: "var(--zd_emptysvg_medium_circle)",
+      fill: "none"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-4",
+      cx: 79.62,
+      cy: 29.6,
+      rx: 2.12,
+      ry: 2.1
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-5",
+      d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-9",
+      cx: 165.88,
+      cy: 154.09,
+      rx: 2.45,
+      ry: 2.43
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-8",
+      d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-7",
+      d: "M124.41 65.47a4.64 4.64 0 01-.66-7.84A15.42 15.42 0 01140 56.47a15.17 15.17 0 018.12 14 4.7 4.7 0 01-6.92 3.85zM86.72 73.16a4.69 4.69 0 01-6.62-4.33 15.17 15.17 0 019.11-13.35 15.41 15.41 0 0116.08 2.3 4.65 4.65 0 01-1.23 7.78z"
+    }), /*#__PURE__*/React.createElement("ellipse", {
+      className: "EmptyTimeEntry_svg__cls-7",
+      cx: 123.01,
+      cy: 102.52,
+      rx: 26.27,
+      ry: 31.53
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "EmptyTimeEntry_svg__cls-6",
+      d: "M34.94 145.49h43.51a22.78 22.78 0 0020-11.75 2.31 2.31 0 014.32 1.33v.11c-.51 3.88-5.6 8.79-11.89 3.3-5.7-5-20.15-14.36-16.54-38.88a33.9 33.9 0 018.4-18c3.15-3.43 7.27-6.45 12.1-6.54 0 0 .29.07.72.22a1.43 1.43 0 001.78-1.9l-.73-1.73a2 2 0 011-2.67c3.48-1.64 10.77-5.14 11-5.81.25-.87-1-7.2-5.57-7.27-2.65 0-14.54.5-15.17 1.88s3.42.5 2.91-3-5.56-1.88-4.8.51 2 3.05.44 4.31c-.55.45-11.81 6.75-8.16 12.36.67 1 1.21 1.8 1.64 2.4a3.26 3.26 0 003.92 1.06c3.06-1.32 8.37-3.59 8.73-3.59s1.39 2.76 8.22-.87 14.66-5 16.06-4.77c0 0 1.14.11 1.23-1.56 0-.91.1-4.38 5.56-7.27 2.35-1.24 14.54.5 15.18 1.88s-3.42.5-2.91-3 5.56-1.88 4.8.5-.76 4.14-.25 4.64 11.13 6.14 8 12S145 77.8 145 77.8s-13.52-12.52-23.08-11.48a1.54 1.54 0 01-1.14-.31c-.78-.64-.61-1.54 1.52-1.61 3.24-.11 31.9 5.92 32.28 36.9s-24.9 39.16-34.48 36.87c-9-2.13-27.94-6.36-28.26-39.11a28.89 28.89 0 018.39-20.89c6.09-6 16.2-10.61 32.3-4.81 0 0 22.82 9.5 16.3 38.78s-38.15 26.23-48.12 8.93S97 81.15 107.56 76.4s20.26-4.22 15 24.57c0 0-3.77-1-2.32-22.89 0 0 .43-2.59 3-.87s-.38 27.46-1.89 28.51c-.61.42-3.4-2.43-2-4.32a2.64 2.64 0 014.93 1.3c0 2.56-16.41 12.38-17.86 11.66s11.18-8.21 11.18-8.21"
+    }));
   }
 
-  _createClass(EmptyTimeEntry, [{
-    key: 'render',
-    value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return React.createElement(
-        SVG,
-        { viewBox: '0 0 181.9 139.3', name: 'timeEntry', size: size, className: className, alignHorizontal: alignHorizontal },
-        React.createElement('image', { xlinkHref: image, height: '100%', width: '100%' })
-      );
-    }
-  }]);
-
-  return EmptyTimeEntry;
-}(React.Component);
-
-export default EmptyTimeEntry;
-
+}
 EmptyTimeEntry.propTypes = {
-  size: PropTypes.oneOf('small', 'large'),
+  alignHorizontal: PropTypes.bool,
   className: PropTypes.string,
-  alignHorizontal: PropTypes.bool
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
 };
 EmptyTimeEntry.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptyTimeEntry',
+  palette: 'default'
 };
 
 if (false) {