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

package/es/v1/emptystate/version3/EmptyDepartment.js

@@ -0,0 +1,52 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyDepartment(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "department"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyDepartment_svg__cls-4{fill:var(--zd_emptysvg_primary_fill)}.EmptyDepartment_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyDepartment_svg__cls-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptyDepartment_svg__cls-5{fill:var(--zd_emptysvg_medium_circle)}')), /*#__PURE__*/React.createElement("path", {
+    d: "M85.65 63.06s46.91-30.84 70.66-21.55 40 87.37-26.07 122.41-95.89-41.18-96.14-54.69c-.24-13.07 0-44.23 51.55-46.17z",
+    opacity: 0.05,
+    className: "EmptyDepartment_svg__cls-4"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M155.17 36.25a4 4 0 114-4 4 4 0 01-4 4zm0-7a3 3 0 103 3 3 3 0 00-3-3.02z",
+    className: "EmptyDepartment_svg__cls-5"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyDepartment_svg__cls-3",
+    d: "M78.75 32.74a2.6 2.6 0 112.62-2.59 2.6 2.6 0 01-2.62 2.59zm0-4.19a1.6 1.6 0 101.62 1.6 1.6 1.6 0 00-1.62-1.6z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "var(--zd_emptysvg_plus)",
+    d: "M22.07 108.07a.5.5 0 01-.47-.53l.35-6.16a.49.49 0 01.53-.47.5.5 0 01.47.52l-.35 6.17a.51.51 0 01-.53.47z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "var(--zd_emptysvg_plus)",
+    d: "M25.35 105.16l-6.22-.35a.5.5 0 01.06-1l6.22.35a.5.5 0 010 1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyDepartment_svg__cls-5",
+    d: "M165 157.57a2.93 2.93 0 112.95-2.93 2.95 2.95 0 01-2.95 2.93zm0-4.86a1.93 1.93 0 101.95 1.93 1.94 1.94 0 00-1.95-1.93z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyDepartment_svg__cls-3",
+    transform: "rotate(-42.02 176.822 120.063)",
+    d: "M176.31 116.96h1v6.2h-1z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyDepartment_svg__cls-3",
+    transform: "rotate(-41.56 176.809 120.062)",
+    d: "M173.71 119.56h6.2v1h-6.2z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "var(--zd_emptysvg_primary_stroke)",
+    d: "M124.9 96.51a.51.51 0 00.13-.37c-.85-11.83-1.23-24.68-.42-26 1.46-.43 6.63-.52 8.53-.52a.51.51 0 00.5-.5 24 24 0 011.73-7.88c2.2-5.3 6-8.38 11.35-9.14a21.68 21.68 0 0118.55 6.25 15.15 15.15 0 014.3 13.53 19.59 19.59 0 01-11.46 13.74 17.84 17.84 0 01-16.72-.94 15.28 15.28 0 01-7.2-12.56.5.5 0 10-1 .06 16.31 16.31 0 007.67 13.35 18.81 18.81 0 0017.64 1 20.56 20.56 0 0012-14.46 16.31 16.31 0 00-4.5-14.38 22.7 22.7 0 00-19.41-6.55c-12.23 1.75-13.74 14.8-13.92 17.51-1.63 0-6.91.09-8.44.59-1.69.57-1.07 14.57-.23 26.44l-7.92.16a.49.49 0 00-.48.44 45.47 45.47 0 01-3.22 12.64c6.14-17.46-.88-29.52-8-38.27-6.93-8.48-21.61-12.48-34.89-9.51C56.92 64 48 72.34 45.1 84.16 41 100.41 45 113.85 56.62 123c.16.14.3.24.4.32a.64.64 0 00.12.21.59.59 0 00.9-.18.51.51 0 00-.18-.6c-.44-2.1-.29-17.64-.19-28 .08-7.78.15-14.49 0-15.94A.85.85 0 0158 78c1.67-1.65 8.84-1.44 12.18-1.17a6.64 6.64 0 00.24 4.47c1 2.27 3.27 4 6.79 5.12 3.76 1.21 6.9.93 9.32-.84a9 9 0 003.61-6.44c.61-.9 8.28.13 10.8.47 1.31.18 2.3.31 2.84.34 1 2.28 1 25.08.74 39.3-.83 1.29-9.37 13.61-30.24 11.81-26-2.25-30.8-27.48-30.84-27.73a.5.5 0 10-1 .17c0 .27 4.95 26.24 31.74 28.56 1.44.12 2.83.18 4.16.18 19.43 0 27-12.45 27.09-12.58a.45.45 0 00.07-.25c.16-9 .54-38.63-1.06-40.25A.65.65 0 00104 79c-.4 0-1.56-.16-2.91-.34-5.62-.76-10.37-1.3-11.58-.25a1 1 0 00-.35.75 8.11 8.11 0 01-3.21 5.65c-2.15 1.57-5 1.8-8.43.7-3.22-1-5.3-2.57-6.16-4.55a5.66 5.66 0 010-4.32.53.53 0 000-.46.5.5 0 00-.39-.25c-1.14-.11-11.19-1-13.62 1.4a1.88 1.88 0 00-.58 1.53c.13 1.4.06 8.09 0 15.84-.16 16.74-.15 24.18.1 27.15C43 110.64 43.34 95.33 46.07 84.4 48.92 73 57.52 64.84 69.68 62.12c12.94-2.9 27.19 1 33.89 9.16 7.79 9.53 15.42 23.09 5.22 43.48a.48.48 0 00.15.62.5.5 0 00.64 0c.21-.21 5.24-5.08 7-18.52l8-.16a.52.52 0 00.32-.19z"
+  }), /*#__PURE__*/React.createElement("path", {
+    fill: "var(--zd_emptysvg_primary_stroke)",
+    d: "M169.59 117.92a19.31 19.31 0 00-22.27-10.69c-12.22 2.89-13.58 15.15-13.73 18.44a11.94 11.94 0 00-1.51.31.52.52 0 00-.36.57 16.87 16.87 0 00.41 1.78 43.94 43.94 0 01-7.79-2.21l.19-27.76a.5.5 0 00-.5-.5.5.5 0 00-.5.5l-.19 28.1a.5.5 0 00.32.47 42.33 42.33 0 008.83 2.46c2.35 6.22 8.83 12.1 15.72 13.85a17.51 17.51 0 004.31.55c5.29 0 10.15-2.58 14-7.53 4.7-6.11 5.74-12.26 3.07-18.34zm-36.8 8.91c.26-.06.55-.11.84-.15a.49.49 0 00.46.29.52.52 0 00.47-.37 1.84 1.84 0 011.3.29c.19.2.09.59 0 .89a.84.84 0 01-.49.47 4.82 4.82 0 01-2.13.21 13.5 13.5 0 01-.45-1.63zm32.91 8.82c-5.88 7.6-12.62 7.79-17.25 6.62a23.24 23.24 0 01-14.86-12.8 5 5 0 002.16-.31 1.8 1.8 0 001-1 1.75 1.75 0 00-.18-1.92 2.6 2.6 0 00-2-.62c.15-3.24 1.52-14.68 13-17.39a18.34 18.34 0 0121.13 10.12c2.49 5.65 1.49 11.5-3 17.3z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyDepartment_svg__cls-6",
+    d: "M150.11 76.26c-4.09-2.45-4.55 2-6.8 2.2-3.42.29-7.57-.45-7.92-5.67-.62-9 7.36-19.63 21.46-14.52s7.57 22.9-.82 22.9c-3.14 0-4.76-4.17-5.92-4.91zM152.85 131.68c-4.09-2.45-4.54 2-6.8 2.19-3.42.3-7.56-.44-7.92-5.67-.61-9 7.36-19.62 21.47-14.51s7.56 22.9-.82 22.9c-3.15 0-4.78-4.21-5.93-4.91zM59.89 125.62s-1.69-46.78-.22-46.36 7-1.05 8.22.63 4 12.43 13.28 10.54 10.53-9.27 10.53-9.27l9.91.63 1.26 37.5s-15.38 18.13-42.98 6.33z"
+  }));
+}
+EmptyDepartment.propTypes = EmptyStateProps;
+EmptyDepartment.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyDepartment'
+};

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

@@ -0,0 +1,75 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyError(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "EmptyError"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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.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.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.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.createElement("line", {
+    className: "EmptyFrame_svg__cls-3",
+    x1: "162.2",
+    y1: "412.4",
+    x2: "172.3",
+    y2: "423.6"
+  }), /*#__PURE__*/React.createElement("line", {
+    className: "EmptyFrame_svg__cls-3",
+    x1: "161.6",
+    y1: "423",
+    x2: "172.9",
+    y2: "413"
+  }), /*#__PURE__*/React.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.createElement("ellipse", {
+    className: "EmptyFrame_svg__cls-5",
+    cx: "210.8",
+    cy: "74.9",
+    rx: "5.1",
+    ry: "5.1"
+  }), /*#__PURE__*/React.createElement("line", {
+    className: "EmptyFrame_svg__cls-4",
+    x1: "70.4",
+    y1: "274.5",
+    x2: "69.6",
+    y2: "289.6"
+  }), /*#__PURE__*/React.createElement("line", {
+    className: "EmptyFrame_svg__cls-4",
+    x1: "62.4",
+    y1: "281.6",
+    x2: "77.5",
+    y2: "282.5"
+  }));
+}
+EmptyError.propTypes = EmptyStateProps;
+EmptyError.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyError',
+  palette: 'danger'
+};

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

@@ -0,0 +1,55 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyFeed(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "Feed"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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: "EmptyFeed_svg__cls-4",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyFeed_svg__cls-5",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyFeed_svg__cls-8",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyFeed_svg__cls-7",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    cx: 111.07,
+    cy: 152.77,
+    rx: 11.07,
+    ry: 10.89,
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.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 = EmptyStateProps;
+EmptyFeed.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFeed'
+};

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

@@ -0,0 +1,53 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyFollowers(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "Followers"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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.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.createElement("ellipse", {
+    className: "EmptyFollowers_svg__cls-3",
+    cx: 195.59,
+    cy: 74.06,
+    rx: 5.02,
+    ry: 5.06
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyFollowers_svg__cls-4",
+    d: "M61.8 246.07l-.83 14.88M54 253.09l14.77.84"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyFollowers_svg__cls-8",
+    cx: 400.47,
+    cy: 374.57,
+    rx: 5.83,
+    ry: 5.88
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyFollowers_svg__cls-7",
+    d: "M423.56 285.54l9.85 11.12M422.97 296.06l11.03-9.93"
+  }), /*#__PURE__*/React.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.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 = EmptyStateProps;
+EmptyFollowers.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'EmptyFollowers'
+};

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

@@ -0,0 +1,51 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyFrame(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "emptyFrame"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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.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.createElement("ellipse", {
+    className: "EmptyFrame_svg__cls-5",
+    cx: 80.66,
+    cy: 31.43,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyFrame_svg__cls-4",
+    d: "M24.32 102.69l-.35 6.17M21.04 105.6l6.22.35"
+  }), /*#__PURE__*/React.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.createElement("path", {
+    className: "EmptyFrame_svg__cls-3",
+    d: "M176.64 119.05l4.15 4.6M176.4 123.4l4.64-4.11"
+  }), /*#__PURE__*/React.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 = EmptyStateProps;
+EmptyFrame.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyFrame'
+};

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

@@ -0,0 +1,52 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyHappiness(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "happiness"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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: "EmptyHappiness_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyHappiness_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyHappiness_svg__cls-7",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyHappiness_svg__cls-6",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.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.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 = EmptyStateProps;
+EmptyHappiness.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHappiness'
+};

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

@@ -0,0 +1,52 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyHistory(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "accounts"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.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.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: "EmptyHistory_svg__cls-3",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyHistory_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyHistory_svg__cls-7",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyHistory_svg__cls-6",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.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.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 = EmptyStateProps;
+EmptyHistory.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyHistory'
+};

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

@@ -0,0 +1,66 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyInstagram(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyInstagram"
+  }, props), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#instagram_svg__a)"
+  }, /*#__PURE__*/React.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.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.createElement("g", {
+    clipPath: "url(#instagram_svg__b)"
+  }, /*#__PURE__*/React.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.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.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.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.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.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.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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "instagram_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(129 130)",
+    d: "M0 0h242v239.983H0z"
+  })), /*#__PURE__*/React.createElement("clipPath", {
+    id: "instagram_svg__b"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(22.5 50)",
+    d: "M0 0h450v400H0z"
+  }))));
+}
+EmptyInstagram.propTypes = EmptyStateProps;
+EmptyInstagram.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInstagram'
+};

package/es/v1/emptystate/version3/EmptyInstantmessage.js

@@ -0,0 +1,68 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyInstantmessage(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 500 500",
+    name: "emptyInstantmessage"
+  }, props), /*#__PURE__*/React.createElement("path", {
+    d: "M317.98 373.083c7.705 0 13.952-6.247 13.952-13.953 0-7.706-6.247-13.952-13.952-13.952-7.706 0-13.953 6.246-13.953 13.952 0 7.706 6.247 13.953 13.953 13.953ZM386.859 330.678c15.341 0 27.778-12.437 27.778-27.778 0-15.342-12.437-27.779-27.778-27.779-15.342 0-27.779 12.437-27.779 27.779 0 15.341 12.437 27.778 27.779 27.778ZM238.015 134.565c15.342 0 27.778-12.437 27.778-27.779 0-15.341-12.436-27.778-27.778-27.778-15.342 0-27.779 12.437-27.779 27.778 0 15.342 12.437 27.779 27.779 27.779Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M260.847 202.875c44.193 44.888 7.681 141.629-90.175 156.738-38.216 5.914-75.507-17.929-84.409-55.557-5.787-24.495-8.207-59.871 31.272-88.007 92.132-65.637 150.93-32.051 168.902-15.026 10.522 9.996 50.801 75.655-14.499 129.023l13.952 60.376-56.82-38.827s-62.985 14.458-107.073-11.974A45.415 45.415 0 0 1 99.5 296.312c1.515-14.331 10.186-28.999 38.764-30.346 57.135-2.673 25.4 49.791 10.522 39.711-14.878-10.081-6.65-37.059 15.952-39.774 22.601-2.715 16.835-17.993 23.822-19.929 6.987-1.936 27.358-1.326 25.506 15.404-1.852 16.731-26.474 14.731-28.915 2.231-2.441-12.5 25.884-41.184 38.679-44.761 19.908-5.577 26.095 18.056 13.216 27.357-12.879 9.302-26.242-19.655-14.121-34.975 0 0 27.758-39.585 105.222-42.468l48.97-2.23-56.82 11.09s-4.208.694-4.924 6.797c-.715 6.103-3.072 13.637-5.177 9.828-2.104-3.809 11.28-24.559-9.28-34.113 0 0-.716-.947 2.883-.968 3.598-.021 62.649 3.893 78.453 3.767a1.282 1.282 0 0 1 1.268 1.572 1.284 1.284 0 0 1-.384.659l-44.698 41.099s-3.346 4.083-6.314-1.325c-2.967-5.409-3.409-16.52-16.077-12.501",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    fill: "transparent",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("path", {
+    opacity: 0.8,
+    d: "M174.353 332.151c-12.627 2.104-20.455-13.848-10.859-22.392 4.209-3.766 11.195-7.239 22.265-9.785 42.909-9.849 36.891-40.805 41.478-40.216 4.588.589 14.731 3.094 24.833-14.542 9.722-17.003 27.694 69.741-77.717 86.935Z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/React.createElement("path", {
+    d: "M205.373 134.313s-2.252 13.258 0 13.258 8.418-7.513 13.995-6.629c5.576.884 43.014 5.135 46.297-30.893 3.283-36.028-43.52-45.246-64.522-23.149-13.089 13.7-8.228 28.768-2.693 38.174 0 0 24.727-26.642 26.347-25.253 1.62 1.389 8.754 9.218 9.575 9.091.821-.126 15.868-9.912 16.331-8.986.463.926-17.488 22.181-18.077 21.234-.59-.947-8.166-9.701-9.218-9.807-1.052-.105-14.731 9.113-14.731 9.113M398.35 309.443a12.839 12.839 0 0 0 4.209-4.545 2.38 2.38 0 0 0 0-2.336c-2.757-4.735-9.807-8.418-12.858-9.702a2.424 2.424 0 0 0-2.694.505c-4.609 4.483-1.789 8.418-1.789 8.418-9.407-1.283-28.789-20.329-22.854-18.94 4.377.968 6.734-2.672 7.702-4.671a2.44 2.44 0 0 0 0-2.252c-1.536-2.736-5.766-10.144-6.692-10.396-.926-.253-13.826-.337-10.754 14.878 3.073 15.215 25.485 33.987 48.087 32.387 22.601-1.599 23.864-26.831 11.174-48.612-11.174-19.171-47.413-30.262-67.173-4.209-19.761 26.053-2.526 51.917-2.526 51.917l-10.143 17.761 24.222-5.577s25.485 18.183 51.411-5.661",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    fill: "transparent",
+    strokeWidth: 2.5,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }), /*#__PURE__*/React.createElement("g", {
+    clipPath: "url(#instantmessage_svg__a)"
+  }, /*#__PURE__*/React.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.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.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.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.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.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.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.createElement("defs", null, /*#__PURE__*/React.createElement("clipPath", {
+    id: "instantmessage_svg__a"
+  }, /*#__PURE__*/React.createElement("path", {
+    fill: "#fff",
+    transform: "translate(22.5 50)",
+    d: "M0 0h450v400H0z"
+  }))));
+}
+EmptyInstantmessage.propTypes = EmptyStateProps;
+EmptyInstantmessage.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInstantmessage'
+};

package/es/v1/emptystate/version3/EmptyInvoice.js

@@ -0,0 +1,57 @@
+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); }
+
+import React from 'react';
+import { EmptyStateProps } from '../props/propTypes';
+import { EmptyStateDefaultProps } from '../props/defaultProps';
+import SVG from '../../SVG/SVG';
+export default function EmptyInvoice(props) {
+  return /*#__PURE__*/React.createElement(SVG, _extends({
+    viewBox: "0 0 200 200",
+    name: "invoice"
+  }, props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.EmptyInvoice_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptyInvoice_svg__cls-3,.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5,.EmptyInvoice_svg__cls-7,.EmptyInvoice_svg__cls-8{fill:none}.EmptyInvoice_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptyInvoice_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptyInvoice_svg__cls-4,.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptyInvoice_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptyInvoice_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: "EmptyInvoice_svg__cls-7",
+    cx: 79.62,
+    cy: 29.6,
+    rx: 2.12,
+    ry: 2.1
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyInvoice_svg__cls-4",
+    d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+  }), /*#__PURE__*/React.createElement("ellipse", {
+    className: "EmptyInvoice_svg__cls-8",
+    cx: 165.88,
+    cy: 154.09,
+    rx: 2.45,
+    ry: 2.43
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyInvoice_svg__cls-3",
+    d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+  }), /*#__PURE__*/React.createElement("circle", {
+    className: "EmptyInvoice_svg__cls-6",
+    cx: 57.41,
+    cy: 113.21,
+    r: 14.89
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyInvoice_svg__cls-6",
+    d: "M48.34 130.44l.37 17.69a.83.83 0 001.37.63l7-6.81 6.75 7c.75.67 1.1-1.59 1.1-2.6v-18.77M75.54 73.14s-4.64-1.26 5.62-3S124.53 69 124.42 72c0 0-43.42 2.82-48.88 1.14zM84 103.87s-2.54-.29-1.3-2.77c.81-1.6 40.16-4.64 41.79-.79 1.05 2.42-40.49 3.56-40.49 3.56z"
+  }), /*#__PURE__*/React.createElement("path", {
+    className: "EmptyInvoice_svg__cls-5",
+    d: "M65 134.94s1.12 12.34 0 14-7.85-7-7.85-7-6.13 8.84-8.67 7.23c0 0-1-14.15-.47-17.87a1.82 1.82 0 011.48-1.53c4.18-.79 17.77-1.64 22.24-12.22C77 105 63.59 94.05 49.83 99.06c-11.42 4.16-14.58 28.31 6.72 28.88s19-19 16.21-24.11C69.08 97 61 94.65 58.27 94.46a1.84 1.84 0 01-1.71-1.76l.93-27.7a19.26 19.26 0 012.18-10 14.82 14.82 0 0112.86-8.07c14-.85 74.65 0 74.65 0s17.71-.38 17.67 23.58a55.92 55.92 0 00-22.83 0s-1.3-20.23 6.68-20.57c0 0-7.62-3.26-8.79 17.3L142 136a21.76 21.76 0 01-1.41 8.57c-1.62 4.15-4.88 8.75-11.26 7.25a12.85 12.85 0 01-9.21-8.87l-1-3.34h-43s-2.63-1.65 46.72-1.24c0 0-2.6 9.27 2.06 13.74 1.85 1.77 11.39 3.09 11.39 3.09H69s-1.7-18.13 1.81-25.2 16-20.9-2.31-37c0 0 .39-18.28.68-25.54.44-11.25 55.12-7.4 58.14-4.37s5.38 7.39 1 8.4-53.87 2.87-54.11.67c-.2-1.78 44-4.51 49.53-1.63 4.45 2.29 3.45 19.6 3.3 25.84a4 4 0 01-.25 1.18 5.28 5.28 0 01-2.47 2.94 6.87 6.87 0 01-2.28.73c-11.11 1.57-33.26 2.45-38 2.65a1.41 1.41 0 01-1.45-1.08c-.15-.6-.31-1.47.15-1.69 3.47-1.6 43.07-6 44.9 2.1 1.4 6.18 1 15.16.28 19.29a2.79 2.79 0 01-2.48 2.3c-6.34.62-23.75 2.68-23.59.42.24-3.43 20.32-3.12 20.32-3.12"
+  }));
+}
+EmptyInvoice.propTypes = EmptyStateProps;
+EmptyInvoice.defaultProps = { ...EmptyStateDefaultProps,
+  dataId: 'emptyInvoice'
+};