@zohodesk/svg 1.0.0-temp.54 → 1.0.0-temp.56

package/lib/v1/emptystate/version3/EmptyError.js

@@ -0,0 +1,95 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyError;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyError(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 500 500",
+    name: "EmptyError"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyError_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyError_svg__cls-3,.EmptyError_svg__cls-4,.EmptyError_svg__cls-5{fill:none}.EmptyError_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyError_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyError_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyError_svg_fill{fill: #DE3535;opacity: 0.3}.EmptyError_svg_line{fill:none;stroke:var(--zd_emptysvg_primary_stroke);stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:10}')), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyError_svg__cls-1",
+    d: "M217.5,155.3c0,0,113.7-75.3,171.3-52.6s96.9,213.4-63.2,298.9S93.2,301,92.6,268  C92,236.1,92.6,160,217.5,155.3z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyError_svg_line",
+    d: "M133.8,379.6c0,0-13.4-217.8,0-222.6c11.4-4.1,189-1.2,240.6-0.3c7.8,0.1,14,6.5,14,14.2V201l-235.8,2.3  l105.1-3.3c5.3-0.3,9.8-0.2,12.8,4.2c15.4,23.3,61.8,95.7,47.1,100.6c-17.5,5.8-114.1,8.3-116.2-2.6c-3.2-17.3,57-96.4,63.5-97.6  s122.2,3.2,123.6,6.6s10.3,168.7,2,173.6s-251,5.9-252.4-1.5s0-218.3,0-218.3"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyError_svg_fill",
+    d: "M330.7,289.8c-1.9-5.8-33.8-78.7-47.9-85.8s-65.2,83.6-69.2,93.4s17.9,10.6,17.9,10.6s82.7,0.6,91.9-1.8  S332.6,295.6,330.7,289.8z M274.7,249.9c0-1.4,1.1-2.5,2.5-2.5s2.5,1.1,2.5,2.5v23c0,1.4-1.1,2.5-2.5,2.5s-2.5-1.1-2.5-2.5V249.9z   M275.4,290.6c0,0-5.8-6.4,1-7c0,0,4.7,0.1,5,2.8S277.2,292.3,275.4,290.6L275.4,290.6z"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "st1",
+    cx: "419.9",
+    cy: "378.9",
+    rx: "6",
+    ry: "5.9",
+    stroke: "var(--zd_emptysvg_small_circle)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    className: "EmptyFrame_svg__cls-3",
+    x1: "162.2",
+    y1: "412.4",
+    x2: "172.3",
+    y2: "423.6"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    className: "EmptyFrame_svg__cls-3",
+    x1: "161.6",
+    y1: "423",
+    x2: "172.9",
+    y2: "413"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "st4",
+    cx: "396",
+    cy: "80",
+    rx: "8.6",
+    ry: "8.6",
+    strokeMiterlimit: "10",
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyFrame_svg__cls-5",
+    cx: "210.8",
+    cy: "74.9",
+    rx: "5.1",
+    ry: "5.1"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    className: "EmptyFrame_svg__cls-4",
+    x1: "70.4",
+    y1: "274.5",
+    x2: "69.6",
+    y2: "289.6"
+  }), /*#__PURE__*/_react["default"].createElement("line", {
+    className: "EmptyFrame_svg__cls-4",
+    x1: "62.4",
+    y1: "281.6",
+    x2: "77.5",
+    y2: "282.5"
+  }));
+}
+
+EmptyError.propTypes = _propTypes.EmptyStateProps;
+EmptyError.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'EmptyError',
+  palette: 'danger'
+});

package/lib/v1/emptystate/version3/EmptyFeed.js

@@ -0,0 +1,75 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyFeed;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyFeed(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 200 200",
+    name: "Feed"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyFeed_svg__cls-4,.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6,.EmptyFeed_svg__cls-7,.EmptyFeed_svg__cls-8{fill:none}.EmptyFeed_svg__cls-4{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFeed_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFeed_svg__cls-5,.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFeed_svg__cls-6{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFeed_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("ellipse", {
+    className: "EmptyFeed_svg__cls-4",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFeed_svg__cls-5",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyFeed_svg__cls-8",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFeed_svg__cls-7",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 111.07,
+    cy: 152.77,
+    rx: 11.07,
+    ry: 10.89,
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFeed_svg__cls-6",
+    d: "M44.32 94.5S67.74 113.31 64 114.9s-8.34-6.88-2.42-13 41.73-42.38 101.77 0l-12.95 17.24s-37.42-38.94-77.81 0l13.87 13.65s24.87-22.36 50.69 0a.08.08 0 010 .1l-14.78 14.54a.07.07 0 01-.09 0c-.69-.62-9-7.86-17.26-4.08a10.22 10.22 0 00-5.19 12.34c1 2.94 3.13 6.49 9.1 7.36 6.36.93 9.62-1.65 11-5 2.73-6.6-2.43-13.64-9.67-13.83-3.18-.09-6.47 1.11-8.32 5.51"
+  }));
+}
+
+EmptyFeed.propTypes = _propTypes.EmptyStateProps;
+EmptyFeed.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'EmptyFeed'
+});

package/lib/v1/emptystate/version3/EmptyFollowers.js

@@ -0,0 +1,73 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyFollowers;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyFollowers(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 500 500",
+    name: "Followers"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyFollowers_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyFollowers_svg__cls-3,.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5,EmptyFollowers_svg__cls-7,.EmptyFollowers_svg__cls-8{fill:none;stroke-width:3px}.EmptyFollowers_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFollowers_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFollowers_svg__cls-4,.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyFollowers_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyFollowers_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M212 153.52s111.42-74.45 167.82-52S474.7 312.38 317.89 397 90.15 297.57 89.55 265c-.55-31.6 0-106.8 122.45-111.48z",
+    opacity: 0.05,
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 377.09,
+    cy: 79.12,
+    rx: 8.4,
+    ry: 8.47,
+    strokeMiterlimit: 10,
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "none",
+    strokeWidth: 3
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyFollowers_svg__cls-3",
+    cx: 195.59,
+    cy: 74.06,
+    rx: 5.02,
+    ry: 5.06
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFollowers_svg__cls-4",
+    d: "M61.8 246.07l-.83 14.88M54 253.09l14.77.84"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyFollowers_svg__cls-8",
+    cx: 400.47,
+    cy: 374.57,
+    rx: 5.83,
+    ry: 5.88
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFollowers_svg__cls-7",
+    d: "M423.56 285.54l9.85 11.12M422.97 296.06l11.03-9.93"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFollowers_svg__cls-6",
+    d: "M238.69 313.62s-52.62-34-55-77.81 55.63-25.75 55.34 4.51c0 0 15.63-43 42.15-28.73s-6.58 81.25-42.49 102.03zM331.4 156v-26.12h20.24l1.92 24.87 23.21.54s3.13.05 3.49 3-1.07 16.42-1.07 16.42l-21.34 1.45-.11 23.3s-24.44 3.27-24.41 1c.07-5.59-1.33-23.88-1.33-23.88l-22.58-2.07.26-19.4 21.72 1z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFollowers_svg__cls-5",
+    d: "M222.1 334.39h-22.56a7.26 7.26 0 00-6.18 3.49s-21.76 33.85-23.06 37.43c-1.38 3.76 1.34 6.44 3.23 2.81S173 337 173 337a7.25 7.25 0 00-7.61-7.28c-8.5.45-21.43.88-24.13-.48-4.1-2.06-8.2-158.91 0-166.13 7.53-6.7 190.14-7.11 190.14-7.11v-26.12s18-1.62 20.24 0 1 24.22 1.92 24.87c.78.52 16.84.55 23.21.54a3.56 3.56 0 013.49 3c1 5.47.73 15.64-1.07 16.42s-10.3-.1-18.21-.14a3.89 3.89 0 00-3.87 4.2c.51 6.67 1.33 19 .63 20.69-1 2.26-23.45 4.53-24.41 1S332 176.51 332 176.51s-22.87.3-22.58-2.07-.92-19.4.26-19.4c14.21.67 26.28 8.56 26.36 22.9.2 35.09.29 96.72-.5 125.46A24.51 24.51 0 01322 324.73c-8.16 4-19.36 8.13-31 8-2.61 0-5.49-.09-8.67-.43-42.7-4.57-101.88-54.67-101.88-96.5s52.82-20.3 55.33 4.51c0 0 14.76-43.5 42.16-28.73C323 235.91 234 324.35 234 324.35"
+  }));
+}
+
+EmptyFollowers.propTypes = _propTypes.EmptyStateProps;
+EmptyFollowers.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'EmptyFollowers'
+});

package/lib/v1/emptystate/version3/EmptyFrame.js

@@ -0,0 +1,71 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyFrame;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyFrame(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 200 200",
+    name: "emptyFrame"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyFrame_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.EmptyFrame_svg__cls-3,.EmptyFrame_svg__cls-4,.EmptyFrame_svg__cls-5{fill:none}.EmptyFrame_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyFrame_svg__cls-5{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyFrame_svg__cls-4{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFrame_svg__cls-1",
+    d: "M87.55 64.35s46.92-30.84 70.66-21.56 40 87.37-26.06 122.42S36.26 124 36 110.51c-.24-13.06 0-44.22 51.55-46.16z"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 157.08,
+    cy: 33.53,
+    rx: 3.54,
+    ry: 3.51,
+    strokeMiterlimit: 10,
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyFrame_svg__cls-5",
+    cx: 80.66,
+    cy: 31.43,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFrame_svg__cls-4",
+    d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 166.92,
+    cy: 155.93,
+    rx: 2.45,
+    ry: 2.43,
+    stroke: "var(--zd_emptysvg_small_circle)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFrame_svg__cls-3",
+    d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyFrame_svg__cls-1",
+    d: "M59.89 123.66S22 99.3 21.1 78.87s51.06-57.72 98.23-20.71 1 83.7-8.82 88.28c-9.51 4.43-32.43 14.39-50.62-22.78z"
+  }));
+}
+
+EmptyFrame.propTypes = _propTypes.EmptyStateProps;
+EmptyFrame.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyFrame'
+});

package/lib/v1/emptystate/version3/EmptyHappiness.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyHappiness;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyHappiness(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 200 200",
+    name: "happiness"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyHappiness_svg__cls-3,.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5,.EmptyHappiness_svg__cls-6,.EmptyHappiness_svg__cls-7{fill:none}.EmptyHappiness_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHappiness_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHappiness_svg__cls-4,.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHappiness_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHappiness_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("ellipse", {
+    className: "EmptyHappiness_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHappiness_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyHappiness_svg__cls-7",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHappiness_svg__cls-6",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M68.31 125.71s12.59-12.23 15.08-9.4 5.83 9.18 8.13 8.2 6.44-9.74 8.9-8.32 16.44 9.1 16.44 9.1-11.83 21.44-26.39 23-22.16-22.58-22.16-22.58z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHappiness_svg__cls-5",
+    d: "M111.71 132.7c-6.94 10.22-17.79 17.3-24.44 15.35C72 143.56 70.8 128.61 70.8 128.61s24.85 13.81 47.93-5.23c0 0-2.83-1.42-2.5.51s1.68 1.92 1.68 1.92-9.76-4.79-16.83-9.32a2.6 2.6 0 00-3.6.82c-1.87 3-5.21 8.35-7.53 6.49-3.35-2.68-6.11-9-8.46-8-1.92.76-9.35 7.52-13.18 9.94 0 0 12-12.59 13.66-12.2s4.54.61 4.54-1.4c0-4-3.63-3-5.54-4a4.31 4.31 0 01-1.65-1.46c-2.07-3.26 2.45-6.13 3.71-8.42a30.21 30.21 0 003.06-20.31C82.43 59.06 74.2 53.53 67.94 52.22a11 11 0 00-11.86 5.63c-16.18 29.28 1 106.87 45 102 47-5.26 55.66-70.81 44.53-101.72s-64-11.14-46.38 12 47.3-5.25 18.86-5.25C101 64.89 97 80.78 96.54 93.46"
+  }));
+}
+
+EmptyHappiness.propTypes = _propTypes.EmptyStateProps;
+EmptyHappiness.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyHappiness'
+});

package/lib/v1/emptystate/version3/EmptyHistory.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyHistory;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyHistory(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 200 200",
+    name: "accounts"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptyHistory_svg__cls-3,.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5,.EmptyHistory_svg__cls-6,.EmptyHistory_svg__cls-7{fill:none}.EmptyHistory_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyHistory_svg__cls-6{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyHistory_svg__cls-4,.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyHistory_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyHistory_svg__cls-7{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}')), /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("ellipse", {
+    className: "EmptyHistory_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHistory_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    className: "EmptyHistory_svg__cls-7",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHistory_svg__cls-6",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M53.08 154s8.57-1.57 11.15-22.71c1.83-15 4-30.35 5.15-38.06a6.68 6.68 0 015.87-5.68c16.7-1.91 69.7-7.12 89.62.61l-11 56.17s-6.46 9.67-12.79 9.67z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "EmptyHistory_svg__cls-5",
+    d: "M175.07 88.31C175.53 69.79 155.31 69 155.31 69s-31-1.61-31.86-3.18c-1.24-2.43-6.79-8.42-10.15-11.93a8.74 8.74 0 00-6.3-2.67c-8.36-.06-28.48-.17-33.49 0-6.37.25-8.27 21-8.27 21s-23.78-4.93-23.56 10.33C41.89 96.8 38 154 48.05 154c15.51 0 10.38-60.21 20.18-65.84 5.6-3.22 93.45-8.5 96.64 0 2.36 6.3-6.37 39.45-11 56.17a13.23 13.23 0 01-12.79 9.67H62s25.42.13 43-23c0 0-11 9.44-5.6 11.72s18.59 2.7 18.49-2c-.1-4.91-5.39-13.63-5.39-13.63s10.08 5.41 10.15 16.27c0 0 .3 3-5 3.48-6.34.63-15.79.55-18.8 0a9.29 9.29 0 01-2.11-.42c-1.79-.76-4.45-2.83-2.33-8.26 4.18-10.74 27.68-22.4 28.1-30.32s-3.17-8.15-6-8.35c-8-.55-17.44-.4-17.44-.4s-6.44.09-5 7.48 10.14 12.89 10.35 11-6.76-4.86-2.74-8.14 16.16-1.26 14.89 2.75c-1 3.19-5.49 5.81-5.49 5.81"
+  }));
+}
+
+EmptyHistory.propTypes = _propTypes.EmptyStateProps;
+EmptyHistory.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyHistory'
+});

package/lib/v1/emptystate/version3/EmptyInstagram.js

@@ -0,0 +1,86 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = EmptyInstagram;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../props/propTypes");
+
+var _defaultProps = require("../props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+function _extends() { _extends = Object.assign ? Object.assign.bind() : 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 EmptyInstagram(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyInstagram"
+  }, props), /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#instagram_svg__a)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    opacity: 0.8,
+    d: "M217.69 259.748c9.951-16.661-8.113-18.483-8.901-27.724-1.181-13.915 1.812-30.84 23.001-32.292 36.469-2.482 79.555 30.021 58.839 87.528-20.716 57.508-92.815 30.84-92.815-3.326 0-12.701 17.041-19.434 19.876-24.186ZM311.321 173.54c2.416-4.066-1.969-4.515-2.153-6.733-.288-3.379.42-7.498 5.567-7.921 8.874-.607 19.324 7.288 14.283 21.255-5.041 13.968-22.528 7.472-22.528-.818 0-3.142 4.149-4.674 4.831-5.783Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M330.33 175.838s-10.765 20.779-23.499 8.264c-12.734-12.515 4.805-30.787 15.753-24.503 10.949 6.284 22.108 33.322-18.694 33.031-40.801-.29-26.518 17.823-26.518 17.823 48.862 56.425-37.992 106.169 3.019 84.941 41.012-21.229 10.266-84.941-3.019-94.631-13.286-9.691-85.647-12.146-93.497 40.028a58.877 58.877 0 0 0 .625 23.198 58.71 58.71 0 0 0 9.536 21.133 65.862 65.862 0 0 0 24.172 20.242 65.477 65.477 0 0 0 30.755 6.638c37.388-.713 116.313-2.35 117.705-3.275 1.812-1.214 9.636-142.58-11.474-165.604s-213.538-5.465-220.759-4.251c-7.22 1.215-2.442 151.901-4.227 209.118-.945 30.1 232.338 20.436 234.622 13.598 2.284-6.839.762-32.371.762-32.371",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    fill: "transparent",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  })), /*#__PURE__*/_react["default"].createElement("g", {
+    clipPath: "url(#instagram_svg__b)"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    opacity: 0.1,
+    d: "M198.002 140.499s116.75-78 175.75-54.5 99.25 220.75-64.75 309.25-238.5-104-239.25-138c-.5-33.25 0-111.75 128.25-116.75Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M32.5 293.25s-.25 0 0 0c-.75 0-1.25-.75-1.25-1.25l1-18.75c0-.75.5-1.25 1.25-1.25s1.25.5 1.25 1.25l-1 18.75c-.25.75-.75 1.25-1.25 1.25Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "m42 284.5-18.5-1c-.75 0-1.25-.75-1.25-1.25 0-.75.75-1.25 1.25-1.25l18.25 1c.75 0 1.25.75 1.25 1.25.25.75-.25 1.25-1 1.25Z",
+    fill: "var(--zd_emptysvg_plus)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M425.5 52C419 52 413.75 57.25 413.75 63.75C413.75 70.25 419 75.5 425.5 75.5C432 75.5 437.25 70.25 437.25 63.75C437.25 57.25 431.75 52 425.5 52ZM425.5 73.25C420.5 73.25 416.25 69 416.25 63.75C416.25 58.5 420.5 54.25 425.5 54.25C430.5 54.25 434.75 58.5 434.75 63.75C434.75 69 430.5 73.25 425.5 73.25Z",
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M308.5 432.75C303.75 432.75 300 436.5 300 441.25C300 446 303.75 449.75 308.5 449.75C313.25 449.75 317 446 317 441.25C317 436.75 313.25 432.75 308.5 432.75ZM308.5 447.5C305.25 447.5 302.5 444.75 302.5 441.25C302.5 437.75 305.25 435 308.5 435C311.75 435 314.5 437.75 314.5 441.25C314.5 444.75 311.75 447.5 308.5 447.5Z",
+    fill: "var(--zd_emptysvg_small_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M199.75 50c-4.25 0-7.5 3.5-7.5 7.5s3.25 7.5 7.5 7.5 7.5-3.5 7.5-7.5-3.25-7.5-7.5-7.5Zm0 12.75c-2.75 0-5-2.25-5-5s2.25-5 5-5 5 2.25 5 5-2.25 5-5 5ZM472 324.5c-.5-.5-1.25-.5-1.75 0l-6 5.5-5.25-6c-.5-.5-1.25-.5-1.75 0s-.5 1.25 0 1.75l5.25 6-6 5.5c-.5.5-.5 1.25 0 1.75.25.25.5.5 1 .5.25 0 .5 0 .75-.25l6-5.5 5.25 6c.25.25.5.5 1 .5.25 0 .5 0 .75-.25.5-.5.5-1.25 0-1.75l-5.25-6 6-5.5c.5-.75.5-1.75 0-2.25Z",
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    opacity: 0.1,
+    d: "M287.002 162.499s-93.25-62.25-140.5-43.5-79.5 176.5 51.75 247.25 190.75-83.25 191.25-110.5c.5-26.5 0-89.5-102.5-93.25Z",
+    fill: "var(--zd_emptysvg_primary_fill)"
+  })), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "instagram_svg__a"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#fff",
+    transform: "translate(129 130)",
+    d: "M0 0h242v239.983H0z"
+  })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+    id: "instagram_svg__b"
+  }, /*#__PURE__*/_react["default"].createElement("path", {
+    fill: "#fff",
+    transform: "translate(22.5 50)",
+    d: "M0 0h450v400H0z"
+  }))));
+}
+
+EmptyInstagram.propTypes = _propTypes.EmptyStateProps;
+EmptyInstagram.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.EmptyStateDefaultProps), {}, {
+  dataId: 'emptyInstagram'
+});