@zohodesk/svg 1.0.0-beta.44 → 1.0.0-beta.47

package/es/svg/NetworkError.js

@@ -0,0 +1,75 @@
+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';
+export default class NetworkError extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "NetworkError"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".NetworkError_svg__cls-2{fill:var(--zd_emptysvg_plus)}.NetworkError_svg__cls-3{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+      d: "M83.58 69.05s45.64-29.14 68.74-20.37S191.2 131.25 127 164.36s-93.29-38.91-93.54-51.68c-.27-12.35-.03-41.8 50.12-43.63Z",
+      style: {
+        opacity: 0.1,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-2",
+      d: "M18 111.51a.49.49 0 0 1-.47-.52l.39-6.7a.5.5 0 0 1 .53-.47.51.51 0 0 1 .47.52l-.4 6.71a.5.5 0 0 1-.52.46Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-2",
+      d: "m21.71 108.34-7-.38a.5.5 0 1 1 .06-1l7 .38a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M139.6 186.47a3.15 3.15 0 1 1 3.25-3.15 3.2 3.2 0 0 1-3.25 3.15Zm0-5.3a2.15 2.15 0 1 0 2.25 2.15 2.21 2.21 0 0 0-2.25-2.15Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-3",
+      d: "M184.47 146a.46.46 0 0 1-.36-.16l-4.65-5a.49.49 0 0 1 0-.7.51.51 0 0 1 .71 0l4.64 5a.49.49 0 0 1 0 .7.48.48 0 0 1-.34.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "NetworkError_svg__cls-3",
+      d: "M179.55 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.51.51 0 0 1 .71.05.49.49 0 0 1 0 .7l-5.2 4.47a.52.52 0 0 1-.38.12ZM76.11 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M156.05 25.35a4.33 4.33 0 1 1 4.37-4.35 4.35 4.35 0 0 1-4.37 4.35Zm0-7.67a3.34 3.34 0 1 0 3.37 3.32 3.36 3.36 0 0 0-3.37-3.32Z",
+      style: {
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M70.93 54.19S26.22 71.38 35 122.2s73.87 45.48 89.63 29h0a32 32 0 0 0 4.44-5.92c3.32-5.7 10.67-17.76 15.88-22.52 5.83-5.32 21 16.22 24.93 24a3 3 0 0 1-2 4.13c-8.66 1.62-36.29 6.29-37.8.29-1-3.86 2.89-12.52 6.62-19.65a59.16 59.16 0 0 0 6.77-25.33h0c0-20.63-26.22-56.55-55.72-54.26 0 0-14.37 3.48-8.18 13.74S94.32 63.15 94 61.21c-.32-1.76-5.7-3.38-11.3 6.79a6.26 6.26 0 0 1-6.59 3.1c-2.15-.38-4.43-1-5.39-2.07C68.6 66.76 63 71.2 67 74.09s5.15 3.17 3 5.25-8.5 6.33-4.34 8.23 31.3 8.69 35.92.73S63 83.14 58.1 102.82c0 0-3.44 9.45 9.86 12.8s4.07 34 16.47 32c0 0 5.79-1.35 9.14-10 2-5.1 6.88-7.69 9.82-8.38a2.76 2.76 0 0 1 3.38 3.13c-.39 2.41-2.38 6.15-5 7.69-4.71 2.81-4.82-7.32-2.68-10.76s7.45-16 0-21.88-8.47-2.73-8.45-1.55c.09 4.16 11.13 13.93 18 11s10-10.4 9-13.66-8.5-6.69-9.86-4.25 5.16 6.06 12.67 4.34 16.28-.27 15.19 10.14",
+      style: {
+        fill: "none",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M110.51 98.21c6.3 2 8.62 5.37 5 12.94s-12.82 2.44-12.61 5.81-4.17 15-5.29 15.15-6.13 9.57-6.13 9.57-13.37 16.87-14.91-7.39-13.09-12.44-18.26-25.46S71 89.27 71 89.27c13.71 1.28 33.21 7 39.51 8.94ZM168.57 149c-2 4.13-2.42 2.44-9.82 3.42s-24.51 4.24-28.61-1.26c0 0 9.27-27.27 14.85-28.4s25.56 22.07 23.58 26.24Zm-21.85-8a1 1 0 0 0 2 0v-9.24a1 1 0 0 0-2 0Zm3.36 5.4c-.14-1.08-2-1.13-2-1.13-2.72.24-.4 2.8-.4 2.8.71.64 2.54-.64 2.4-1.72Z",
+      style: {
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }
+    }));
+  }
+
+}
+NetworkError.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+NetworkError.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'NetworkError',
+  palette: 'default'
+};
+
+if (false) {
+  NetworkError.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/ReadRecipients.js

@@ -0,0 +1,71 @@
+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';
+export default class ReadRecipients extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "ReadRecipients"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".ReadRecipients_svg__cls-2{fill:var(--zd_emptysvg_plus)}.ReadRecipients_svg__cls-3{fill:var(--zd_emptysvg_cross)}.ReadRecipients_svg__cls-5{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}.ReadRecipients_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill);isolation:isolate;}")), /*#__PURE__*/React.createElement("path", {
+      d: "M77.57 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.31 115.68-93.29-38.91-93.54-51.68c-.28-12.35-.04-41.8 50.11-43.63Z",
+      style: {
+        opacity: 0.1,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "M12 111.51a.5.5 0 0 1-.47-.52l.4-6.7a.49.49 0 0 1 .52-.47.49.49 0 0 1 .47.52l-.4 6.66a.5.5 0 0 1-.52.51Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-2",
+      d: "m15.7 108.34-7-.38a.48.48 0 0 1-.47-.52.49.49 0 0 1 .53-.47l7 .38a.5.5 0 0 1 0 1Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      fill: "var(--zd_emptysvg_small_circle)",
+      d: "M133.59 186.47a3.15 3.15 0 1 1 3.24-3.15 3.2 3.2 0 0 1-3.24 3.15Zm0-5.3a2.15 2.15 0 1 0 2.24 2.15 2.21 2.21 0 0 0-2.24-2.15Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M178.46 146a.5.5 0 0 1-.37-.16l-4.64-5a.48.48 0 0 1 0-.7.5.5 0 0 1 .7 0l4.65 5a.49.49 0 0 1 0 .7.5.5 0 0 1-.34.16Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-3",
+      d: "M173.54 145.75a.52.52 0 0 1-.38-.17.49.49 0 0 1 .05-.7l5.2-4.47a.5.5 0 1 1 .66.75l-5.2 4.47a.52.52 0 0 1-.33.12ZM70.1 31.09a3.31 3.31 0 1 1 3.33-3.31 3.33 3.33 0 0 1-3.33 3.31Zm0-5.62a2.31 2.31 0 1 0 2.33 2.31 2.33 2.33 0 0 0-2.33-2.31Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      d: "M150 25.35a4.33 4.33 0 1 1 4.41-4.35 4.36 4.36 0 0 1-4.41 4.35Zm0-7.67a3.34 3.34 0 1 0 3.41 3.32 3.37 3.37 0 0 0-3.41-3.32Z",
+      style: {
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M179.76 104.89C162.61 93.42 150 92 148.69 110.9c-4.42 64.65-5.18 55.53-12 53.93s-31.5-35.71-33.44-29.7S137.58 162.9 128 164.5s-59.47-9.5-73-11.9 16-25.73 20.72-25.73-17.59 20.91-27.51 24S50.19 98.57 53 87.1s29.89 38.49 33.12 40.41 63-25.73 64.63-32.05S126.9 39.17 115.68 34c-7.34-3.32-63.23 36.24-62.9 44.82 0 .75 12.3 12.11 12.3 12.11l2.48-19.51s68.61 6.65 69.8 9.33-.43 20-.43 20S91.08 125.48 89.24 124c-1.83-1.72-20.49-27.88-20.49-28.84 0 0-15.65-22.63-23.63-21.77s-17.48 7.49-23.31.61"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-6",
+      d: "m67.67 147.78 20.06-13.19s33.12 22.3 25.79 22.94-45.85-9.75-45.85-9.75ZM127.22 97.17l-34.85 17.59S74.36 93.1 73.6 85.81c-1.19-11.9 40.89-2.9 53.84-1.39 3.88.42-.22 12.75-.22 12.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "ReadRecipients_svg__cls-5",
+      d: "M109.85 85.92s-13.92 8.79-18 11c-2.26 1.29-4.2-2.9-5.5-6.86M118.8 87s-13.91 8.79-18 11c-1.08.54-2.05 0-2.92-1.18"
+    }));
+  }
+
+}
+ReadRecipients.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+ReadRecipients.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'ReadRecipients',
+  palette: 'default'
+};
+
+if (false) {
+  ReadRecipients.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/es/svg/Variable.js

@@ -0,0 +1,70 @@
+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';
+export default class Variable extends React.Component {
+  render() {
+    return /*#__PURE__*/React.createElement(SVG, _extends({
+      viewBox: "0 0 200 200",
+      name: "Variable"
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".Variable_svg__cls-5{isolation:isolate}.Variable_svg__cls-2{fill:var(--zd_emptysvg_plus)}.Variable_svg__cls-3{fill:var(--zd_emptysvg_medium_circle)}.Variable_svg__cls-4{fill:var(--zd_emptysvg_cross)}.Variable_svg__cls-5{fill:var(--zd_emptysvg_secondary_fill);}.Variable_svg__cls-6{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round}")), /*#__PURE__*/React.createElement("path", {
+      d: "M73.17 58.19S119.83 27 143.44 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.52-55.3c-.33-13.21 0-44.7 51.17-46.63Z",
+      style: {
+        isolation: "isolate",
+        fill: "var(--zd_emptysvg_primary_fill)",
+        opacity: 0.1
+      }
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-2",
+      d: "M7 119.3a.49.49 0 0 1-.47-.52l.41-7.47a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-2",
+      d: "m10.81 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-3",
+      d: "M164.12 22.8a4.75 4.75 0 1 0 4.68 4.82v-.08a4.73 4.73 0 0 0-4.68-4.74Zm0 8.5a3.76 3.76 0 1 1 3.69-3.83v.07a3.72 3.72 0 0 1-3.69 3.76ZM117.37 175.07a3.45 3.45 0 1 0 3.4 3.5 3.43 3.43 0 0 0-3.4-3.5Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.42 2.42 0 0 1-2.4 2.48Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-4",
+      d: "M73.88 22a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 .05 0ZM182.8 131.81a.49.49 0 0 0-.69 0l-2.38 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M93.2 140.35s7.1 6.8 9 6 39.86-17.67 38.67-19-6.4-4.21-7.73-3.86-40.71 14.89-39.94 16.86Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M106.84 161.45c9.7 4.77 59.48-28.11 57.51-30.08-3.65-3.64-33.61-9.88-37.26-7.85S78.86 138.8 80.9 142.59s25.1 16.47 29.24 16.26 50.35-22.71 47.39-27.41c-1.33-2.17-24.25-7.71-26-7.15s-41.55 15.14-40 16.9 8 7 9.56 6.24 38-17.6 37.48-19.07-11.74-6.87-13.78-6.17S84.2 137 82.44 136.91s-6.18 1.12-8.58-6S63.11 95.2 63.11 95.2s-2.46-4.63 8-6.94 45.77-7.65 47.18-6.66 10.56 25.4 9.29 35.4a3.39 3.39 0 0 1-2.39 2.8l-40.08 13.11s-6.18 2.67-9.84-6.3-7.73-28.47-7.73-28.47-2.32-4.13 4.92-6c5.9-1.47 43.38-10.37 45.28-8.2s8.93 27.55 7.73 29.73"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-5",
+      d: "M85.82 92.53a15.41 15.41 0 0 0-7.53 4.84c-1.61 1.89-2.6 4 0 4.56 5.14 1.12 14.21-1.12 14.21 1.12S75.2 119.52 83.29 123s38.1-3.72 38.24-8.06-6.32-25.24-8.29-26.29c-4.43-2.5-20.18 1.71-27.42 3.88Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M88.28 105.15 84 110.62l6.82 1.89M97 101.3l-1.27 12M101.78 101.58l6.75 2.52-4.53 5.12M156.83 73s1.69-.21 1.12 2 .15 2.73.92 3.08.28-1.54-.42.07c-.92 2.17-.07 4-1.13 5.26-.7.84-1.83-.07-1.83-.07M149.31 73s-1.69-.21-1.13 2-.14 2.73-.91 3.08-.28-1.54.42.07c.91 2.17.07 4 1.12 5.26.71.84 1.83-.07 1.83-.07M86.31 53.13 80.9 65.68M31.33 133.69s-1.41-19.07.35-19.77 23.41-3.16 25.52-.71 1.76 21.18 1.06 22.23-26.26 4.28-26.93-1.75Z"
+    }), /*#__PURE__*/React.createElement("path", {
+      className: "Variable_svg__cls-6",
+      d: "M166.11 89.24c-.63.91-20.67 3.5-25.8-.07a2.2 2.2 0 0 1-.36-.91s-1.4-19.07.36-19.77 21-2.88 25-1.06c1.85 3.72 1.5 20.76.8 21.81ZM97 69.26c-.64.91-20.46 3.5-25.46-.07a3.52 3.52 0 0 1-.35-.91s-1.4-18.86.35-19.56 20.75-2.81 24.68-1c1.78 3.66 1.41 20.56.78 21.54ZM49.33 118.61h4.57M46.09 118.68h1.76M39.69 118.75l3.8-.07M35.34 118.82l3.37-.07M52.84 122.26l1.06-.07M46.3 122.33l3.87-.07M42.86 122.33h2M35.34 122.4l5.69-.07M39.84 130l-4.5.07M43.07 130h-1.76M49.47 130h-3.8M53.9 129.9l-3.45.07M36.39 126.47h-1M42.86 126.39l-3.8.07M46.37 126.39h-2M53.9 126.32h-5.7"
+    }));
+  }
+
+}
+Variable.propTypes = {
+  alignHorizontal: PropTypes.bool,
+  className: PropTypes.string,
+  dataId: PropTypes.string,
+  isRender: PropTypes.bool,
+  size: PropTypes.oneOf(['small', 'large']),
+  palette: PropTypes.oneOf(['default', 'dark'])
+};
+Variable.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'Variable',
+  palette: 'default'
+};
+
+if (false) {
+  Variable.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/Provider.js

@@ -13,8 +13,6 @@ var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/App
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
-
 require("@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css");
 
 require("@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css");
@@ -43,6 +41,18 @@ require("../assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css")
 
 require("../assets/Appearance/dark/mode/darkEmptyStates.module.css");
 
+require("../assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -80,25 +90,16 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       appearanceName: 'default',
       themeName: 'blue'
     };
-    _this.switchMode = _this.switchMode.bind(_assertThisInitialized(_this));
     _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(Provider, [{
-    key: "switchMode",
-    value: function switchMode() {
-      var appearanceName = this.state.appearanceName;
-
-      if (appearanceName == 'default') {
-        this.setState({
-          appearanceName: 'dark'
-        });
-      } else {
-        this.setState({
-          appearanceName: 'default'
-        });
-      }
+    key: "setAppearance",
+    value: function setAppearance(mode) {
+      this.setState({
+        appearanceName: mode
+      });
     }
   }, {
     key: "setTheme",
@@ -137,6 +138,29 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       var yellow = {
         backgroundColor: '#e8b923'
       };
+      var light = {
+        backgroundColor: '#fff'
+      };
+      var night = {
+        backgroundColor: '#232b38'
+      };
+      var dark = {
+        backgroundColor: '#212121'
+      };
+      var fixedPosition = {
+        position: 'fixed',
+        bottom: '0',
+        backgroundColor: '#272727',
+        padding: '10px',
+        borderRadius: '15px 15px 0 0',
+        minWidth: '100px',
+        textAlign: 'center',
+        boxShadow: '0 0 3px #000',
+        fontSize: '12px',
+        zIndex: '3',
+        display: 'flex',
+        alignItems: 'center'
+      };
       return /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
         customProps: {
           ExtraProps: {
@@ -147,29 +171,46 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         scroll: "vertical"
       }, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
+        style: Object.assign({}, fixedPosition, {
+          left: '20%',
+          transform: 'translate(-20%)'
+        })
+      }, /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          color: '#fff'
+        }
+      }, "Appearance:"), /*#__PURE__*/_react["default"].createElement("div", {
+        style: {
+          display: 'flex'
+        }
+      }, /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Light Mode",
+        style: Object.assign({}, themeClass, light),
+        onClick: function onClick() {
+          return _this2.setAppearance('default');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Night Mode",
+        style: Object.assign({}, themeClass, night),
+        onClick: function onClick() {
+          return _this2.setAppearance('dark');
+        }
+      }), /*#__PURE__*/_react["default"].createElement("span", {
+        title: "Dark Mode",
+        style: Object.assign({}, themeClass, dark),
+        onClick: function onClick() {
+          return _this2.setAppearance('pureDark');
+        }
+      }))), /*#__PURE__*/_react["default"].createElement("div", {
+        style: Object.assign({}, fixedPosition, {
+          left: '80%',
+          transform: 'translate(-80%)'
+        })
+      }, /*#__PURE__*/_react["default"].createElement("div", {
         style: {
-          position: 'fixed',
-          bottom: '0',
-          backgroundColor: '#272727',
-          padding: '10px',
-          borderRadius: '15px 15px 0 0',
-          minWidth: '100px',
-          textAlign: 'center',
-          left: '50%',
-          transform: 'translate(-50%)',
-          boxShadow: '0 0 3px #000',
-          fontSize: '12px',
-          zIndex: '3',
-          display: 'flex',
-          alignItems: 'center'
+          color: '#fff'
         }
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-        id: "switchMode",
-        text: "Light/Night Mode",
-        labelSize: "small",
-        onChange: this.switchMode,
-        checked: appearanceName == 'dark'
-      })), /*#__PURE__*/_react["default"].createElement("div", {
+      }, "Themes:"), /*#__PURE__*/_react["default"].createElement("div", {
         style: {
           display: 'flex'
         }

package/lib/svg/CustomModule.js

@@ -0,0 +1,120 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _SVG = _interopRequireDefault(require("./SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var CustomModule = /*#__PURE__*/function (_React$Component) {
+  _inherits(CustomModule, _React$Component);
+
+  var _super = _createSuper(CustomModule);
+
+  function CustomModule() {
+    _classCallCheck(this, CustomModule);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(CustomModule, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "CustomModule"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, ".customModule_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.customModule_svg__cls-2{fill:var(--zd_emptysvg_plus)}.customModule_svg__cls-3{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M84.86 69.05s45.64-29.14 68.74-20.37 38.88 82.57-25.35 115.68S35 125.45 34.71 112.68c-.24-12.35 0-41.8 50.15-43.63z",
+        style: {
+          isolation: "isolate"
+        },
+        opacity: 0.1,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "customModule_svg__cls-2",
+        d: "M19.31 111.51a.5.5 0 01-.47-.52l.4-6.7a.49.49 0 01.52-.47.49.49 0 01.47.52l-.42 6.66a.5.5 0 01-.5.51z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "customModule_svg__cls-2",
+        d: "M23 108.34l-7-.34a.48.48 0 01-.47-.52.49.49 0 01.53-.47l7 .38a.5.5 0 010 1z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M140.88 186.47a3.15 3.15 0 113.24-3.15 3.2 3.2 0 01-3.24 3.15zm0-5.3a2.15 2.15 0 102.24 2.15 2.21 2.21 0 00-2.24-2.15z",
+        fill: "var(--zd_emptysvg_small_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "customModule_svg__cls-3",
+        d: "M185.75 146a.5.5 0 01-.37-.16l-4.64-5a.48.48 0 010-.7.5.5 0 01.7 0l4.65 5a.49.49 0 010 .7.5.5 0 01-.34.16z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "customModule_svg__cls-3",
+        d: "M180.83 145.75a.52.52 0 01-.38-.17.49.49 0 01.05-.7l5.2-4.47a.5.5 0 11.66.75l-5.2 4.47a.52.52 0 01-.33.12zM77.39 31.09a3.31 3.31 0 113.33-3.31 3.33 3.33 0 01-3.33 3.31zm0-5.62a2.31 2.31 0 102.33 2.31 2.33 2.33 0 00-2.33-2.31z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M157.33 25.35A4.33 4.33 0 11161.7 21a4.36 4.36 0 01-4.37 4.35zm0-7.67A3.34 3.34 0 10160.7 21a3.37 3.37 0 00-3.37-3.32z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("g", null, /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M66.43 47.65c-.5 1.49-15.52 26.14-22.34 20.35-1.69-1.44 48.16-25.81 48.16-25.81s58.57 24.32 60.06 26.31-62 35.24-62 35.24L36.15 73l-3 66.53 55.6 32.26 68-29.5-.05-38.36c-6.31.46-10.84 9.56-4.9 15.88 5 5.35 15.35 2.72 16.18-6.46.93-10.26-10.19-10.66-10.19-10.66l.21-16.26a33.14 33.14 0 013.55 0c.77.13 0 6.6 3 9.15s8.27-3.28 9.54-3.27 4.93 5.73 4.93 5.73-4.84 6.2-4.34 8.11 8.37 2.69 9.52 2.82 0 8.51 0 8.51-8-.66-9.78 2.26 4.67 7.88 4.8 8.65-5.61 6.33-5.61 6.33l-5.07-4.21c-1.77-1.65-3.72-.59-5.33 0a2.51 2.51 0 00-1.39 1.33l-.13 5.49a34.64 34.64 0 01-8 .29c-2.3-.24.57-9.28-3.69-8.42s-5.91 5.66-9.29 3.58-3.7-3.51-3.26-4.6 5-7.08 4.18-8.5-8.62-2.1-9.06-2.76-.64-5.35 0-7.21 6.23-.74 8-2-.42-7-2.92-10.27c0 0 2.09-4.58 4.28-5.23s7.4 5.92 10.25 3.42.78-8 2.59-9.22h1.62c-.17-6.36-.27-11.2-.64-11.94-1.49-3-58.08 31.77-58.08 31.77l-.85 55.44",
+        fill: "none",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        strokeLinecap: "round",
+        strokeLinejoin: "round"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "customModule_svg__cls-6",
+        d: "M132.21 72.4S93.39 48 89.51 49.67s-8.88 4.43-6.66 14.42-22.18-2.78-21.63 1.66 29.24 29.1 32 27.44 38.99-20.79 38.99-20.79zM80.63 152.43S56.67 94.3 50 95.83s-10.2 37.73-7.14 39.26 37.77 17.34 37.77 17.34zM161 111c-.07 2.33 2.1 1.08 2.78 1.88 1 1.19 1.76 3-.56 4.8-4 3.09-11 3.46-12.3-3.5s8.62-10.15 10.8-7c.81 1.2-.72 3.15-.72 3.82z"
+      })));
+    }
+  }]);
+
+  return CustomModule;
+}(_react["default"].Component);
+
+exports["default"] = CustomModule;
+CustomModule.propTypes = {
+  alignHorizontal: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'large']),
+  palette: _propTypes["default"].oneOf(['default', 'dark'])
+};
+CustomModule.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'CustomModule',
+  palette: 'default'
+};
+
+if (false) {
+  CustomModule.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/svg/EmptyDelete.js

@@ -0,0 +1,113 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+var _SVG = _interopRequireDefault(require("./SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+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); }
+
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+
+function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
+
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
+
+function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); Object.defineProperty(subClass, "prototype", { writable: false }); if (superClass) _setPrototypeOf(subClass, superClass); }
+
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } else if (call !== void 0) { throw new TypeError("Derived constructors may only return object or undefined"); } return _assertThisInitialized(self); }
+
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptyDelete = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptyDelete, _React$Component);
+
+  var _super = _createSuper(EmptyDelete);
+
+  function EmptyDelete() {
+    _classCallCheck(this, EmptyDelete);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptyDelete, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "delete"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, ".EmptyDelete_svg__cls-3{fill:var(--zd_emptysvg_plus)}.EmptyDelete_svg__cls-4{fill:var(--zd_emptysvg_medium_circle)}.EmptyDelete_svg__cls-5{fill:var(--zd_emptysvg_cross)}")), /*#__PURE__*/_react["default"].createElement("path", {
+        fill: "var(--zd_emptysvg_primary_stroke)",
+        d: "M98.66 174.25a113.49 113.49 0 0 1-27.21-3.46 12.5 12.5 0 0 1-9.23-9.71l-1.76-.41a.5.5 0 0 1-.38-.45c0-.16-1-16-1.24-32.23-.46-33 2.67-35.4 3.69-36.17a1.77 1.77 0 0 1 1.73-.27 2.73 2.73 0 0 1 1.35 1.26c34.09-4.43 53.35-2 63.07.54a23.88 23.88 0 0 0 6.74-4.35c-3.66-.92-8.67-5.24-13.17-10.94-10.9-9.35-25-23.9-31-40.47-1.54-4.29-1.65-7-.34-8.18 1-1 2.9-.86 5.49.32 4.39 2 11.06 7.26 17.9 13.9a12.7 12.7 0 0 1 3.09-2.6c6.38-3.89 10.43-2.64 12.7-.9 3.6 2.74 4.7 8.32 3.66 11.92-.66 2.27-2.11 3.67-4 3.84a.44.44 0 0 0-.32.11c-.28.58 1.43 3.12 2.94 5.37 3.49 5.17 8.57 12.72 7.94 19.9a13 13 0 0 1 .21 2.66c-.11 3.89-1.76 5-3.13 5.2h-.14l-9.71 72.07a12.35 12.35 0 0 1-9.66 11 90.93 90.93 0 0 1-19.22 2.05ZM63.3 161.31a11.5 11.5 0 0 0 8.39 8.51c11.17 2.79 28.21 5.32 46 1.45a11.34 11.34 0 0 0 8.88-10.13l.05-.39c-3.73.74-34.91 6.55-63.32.56Zm-.2-1.06c28.38 6.1 59.71.24 63.33-.48L135 96.52a39.82 39.82 0 0 0-6.12-2.16h-.05c-21.39 9.36-49.77 4.4-62.11 1.5 2.33 10.52-.47 37.88-3.6 61.28a11.42 11.42 0 0 0-.02 3.11Zm-2-.46 1 .23a12.49 12.49 0 0 1 0-3c4.24-31.67 5.49-53.53 3.61-61.39-1-.24-1.83-.45-2.54-.64a1 1 0 0 1 .12-1.88l1.27-.11a1.51 1.51 0 0 0-.64-.46.79.79 0 0 0-.79.13c-4.96 3.69-3.2 49.33-2.07 67.12Zm5.38-64.94c11.75 2.75 39.55 7.8 60.82-.9-19.53-4.7-50.16-1.56-61.18-.19a10.72 10.72 0 0 1 .32 1.09Zm63.73-1.1a39 39 0 0 1 5.22 1.86l.8-5.94a23.23 23.23 0 0 1-6.06 4.08Zm-65 .13-1.71.23 2 .49c-.17-.26-.26-.5-.36-.72Zm74.34-9a12.9 12.9 0 0 1-1.84 3.15c.95-.32 1.56-1.37 1.77-3.11Zm-16.65-7.54a155 155 0 0 0 13.64 10.5 11.81 11.81 0 0 0 2.37-4.36 10.88 10.88 0 0 0 .41-2.09C137.57 72 126 56.66 114.4 45.14c-3.46 4.88-2.18 11.71-.18 17.09a57.83 57.83 0 0 0 8.68 15.11Zm4.16 4.73a25.24 25.24 0 0 0 7.53 5.64c-1.68-1.18-4.33-3.1-7.53-5.64ZM115 44.35c10 9.86 20.21 22.58 24 32.36-1.16-5.42-4.78-10.8-7.45-14.76-2.39-3.55-3.51-5.3-3-6.35a1.26 1.26 0 0 1 1.13-.68c2-.17 2.8-2 3.12-3.12.95-3.28-.05-8.36-3.3-10.85-2.91-2.22-6.91-1.88-11.58 1a12.43 12.43 0 0 0-2.92 2.4ZM92.83 29.78a1.77 1.77 0 0 0-1.23.4c-.55.5-1.2 2.1.6 7.1C97.5 52 109.31 65.1 119.49 74.33a56.79 56.79 0 0 1-6.21-11.75c-2.83-7.62-2.65-13.88.42-18.14C107.11 38 100.59 32.77 96 30.67a8.17 8.17 0 0 0-3.17-.89Z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M137.48 86.1c-3.16 2.63-15.63-7.12-27.86-21.78S90 35.64 93.18 33s15.64 7.12 27.87 21.78 19.59 28.69 16.43 31.32Zm-51 62c3.36.94 2.62-30.95-.93-32.26s-2.42 31.33-2.42 31.33Zm22.54-.93s.06-21.75 3.6-20.44 3.11 22.31-.25 21.37Zm-12.92 0s-.24-27.18 3.31-25.87 1.61 27.45 0 26.8c-3.15-1.3-3.28-.91-3.28-.91Z",
+        style: {
+          fill: "var(--zd_emptysvg_secondary_fill)"
+        }
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M82.32 58.19S129 27 152.59 36.4s39.74 88.3-25.92 123.72-95.36-41.65-95.57-55.3c-.28-13.21 0-44.7 51.22-46.63Z",
+        style: {
+          fill: "var(--zd_emptysvg_primary_fill)",
+          isolation: "isolate",
+          opacity: 0.1
+        }
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyDelete_svg__cls-3",
+        d: "M16.1 119.3a.49.49 0 0 1-.47-.52l.37-7.48a.51.51 0 0 1 .53-.47.5.5 0 0 1 .47.53l-.41 7.47a.5.5 0 0 1-.51.48Z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyDelete_svg__cls-3",
+        d: "m20 115.77-7.34-.42a.49.49 0 0 1-.47-.53.51.51 0 0 1 .53-.47l7.34.42a.49.49 0 0 1 .47.51.49.49 0 0 1-.52.48Z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyDelete_svg__cls-4",
+        d: "M173.27 22.8a4.75 4.75 0 1 0 4.73 4.82v-.08a4.73 4.73 0 0 0-4.73-4.74Zm0 8.5a3.76 3.76 0 1 1 3.73-3.83v.07a3.72 3.72 0 0 1-3.73 3.76ZM155 170.8a3.45 3.45 0 1 0 3.4 3.5v-.05a3.43 3.43 0 0 0-3.4-3.45Zm0 5.9a2.45 2.45 0 1 1 2.4-2.5v.05a2.43 2.43 0 0 1-2.4 2.45Z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptyDelete_svg__cls-5",
+        d: "M59.81 39.5a3 3 0 1 0 3 3 3 3 0 0 0-3-3Zm0 5.09a2 2 0 1 1 2-2.05 2 2 0 0 1-2 2.05ZM192 131.81a.49.49 0 0 0-.69 0l-2.43 2.19-2.12-2.4a.51.51 0 0 0-.71 0 .5.5 0 0 0 0 .61l2.09 2.38-2.38 2.17a.5.5 0 0 0 0 .7.44.44 0 0 0 .37.16.46.46 0 0 0 .33-.13l2.37-2.15 2.11 2.41a.51.51 0 0 0 .71.05.51.51 0 0 0 0-.71l-2.13-2.42 2.38-2.16a.48.48 0 0 0 .1-.68Z"
+      }));
+    }
+  }]);
+
+  return EmptyDelete;
+}(_react["default"].Component);
+
+exports["default"] = EmptyDelete;
+EmptyDelete.propTypes = {
+  alignHorizontal: _propTypes["default"].bool,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isRender: _propTypes["default"].bool,
+  size: _propTypes["default"].oneOf(['small', 'large']),
+  palette: _propTypes["default"].oneOf(['default', 'dark'])
+};
+EmptyDelete.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptyDelete',
+  palette: 'default'
+};
+
+if (false) {
+  EmptyDelete.docs = {
+    componentGroup: 'SVG'
+  };
+}