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

package/lib/svg/EmptySkills.js

@@ -1,80 +1,166 @@
-'use strict';
+"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 _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = require('react');
+var _SVG = _interopRequireDefault(require("./SVG"));
 
-var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _propTypes = require('prop-types');
+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); }
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _SVG = require('./SVG');
+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); } }
 
-var _SVG2 = _interopRequireDefault(_SVG);
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-var _EmptySkills = require('./images/EmptySkills.svg');
+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); }
 
-var _EmptySkills2 = _interopRequireDefault(_EmptySkills);
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+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; } }
 
-var EmptySkills = function (_React$Component) {
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+var EmptySkills = /*#__PURE__*/function (_React$Component) {
   _inherits(EmptySkills, _React$Component);
 
+  var _super = _createSuper(EmptySkills);
+
   function EmptySkills() {
     _classCallCheck(this, EmptySkills);
 
-    return _possibleConstructorReturn(this, (EmptySkills.__proto__ || Object.getPrototypeOf(EmptySkills)).apply(this, arguments));
+    return _super.apply(this, arguments);
   }
 
   _createClass(EmptySkills, [{
-    key: 'render',
+    key: "render",
     value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return _react2.default.createElement(
-        _SVG2.default,
-        {
-          viewBox: '0 0 194.4 139.3',
-          name: 'search',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal
-        },
-        _react2.default.createElement('image', { xlinkHref: _EmptySkills2.default, height: '100%', width: '100%' })
-      );
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "search"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("style", null, ".EmptySkills_svg__st2,.EmptySkills_svg__st4{fill:none;stroke:var(--zd_emptysvg_tiny_circle);stroke-miterlimit:10}.EmptySkills_svg__st4{stroke:var(--zd_emptysvg_cross)}.EmptySkills_svg__st3{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySkills_svg__st7{opacity:.25}.EmptySkills_svg__st9{fill:none;stroke:var(--zd_emptysvg_primary_fill);stroke-width:.5;stroke-miterlimit:10}"), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M86.5 62.5s46.9-30.9 70.7-21.5 40 87.4-26.1 122.4-95.9-41.2-96.1-54.7c-.3-13.1 0-44.3 51.5-46.2z",
+        opacity: 0.05,
+        fill: "var(--zd_emptysvg_primary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        cx: 156,
+        cy: 31.7,
+        fill: "none",
+        stroke: "var(--zd_emptysvg_medium_circle)",
+        strokeMiterlimit: 10,
+        r: 3.5
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptySkills_svg__st2",
+        cx: 79.6,
+        cy: 29.6,
+        r: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySkills_svg__st3",
+        d: "M23.3 100.9l-.4 6.1M20 103.8l6.2.3"
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        cx: 165.9,
+        cy: 154.1,
+        fill: "none",
+        stroke: "var(--zd_emptysvg_medium_circle)",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        r: 2.4
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySkills_svg__st4",
+        d: "M175.6 117.2l4.2 4.6M175.4 121.6l4.6-4.2"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M25.9 124.2s28.6-2.9 35.8-25.2 29.5-22.8 35.6-24.2l.7-.2c6.6-2.4 11.3-8.9 11.3-16.3 0-9.5-7.7-17.2-17.2-17.2S75 48.8 75 58.3c0 8.2 5.7 15 13.4 16.7h0c2.1.7 4.5 1.6 7.3 1.9 2.2.2 4.5.3 6.8.2 5.3-.2 18.5 2.2 23.3 13.8 6.3 15.4 16.9 30.2 36.4 30.2 0 0-44.3 6.3-51.1-23 0 0 3.2 1.1 0 15.1S92.4 142 66.5 128s-30.6 18.7-5 22.3 58.3-18.4 72.7-22 24.1 5 24.1 12.2c0 20.2-79.2 33.1-83.2-42.5",
+        fill: "none",
+        stroke: "var(--zd_emptysvg_primary_stroke)",
+        strokeMiterlimit: 10
+      }), /*#__PURE__*/_react["default"].createElement("circle", {
+        cx: 97.2,
+        cy: 58.1,
+        r: 17.1,
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("g", {
+        className: "EmptySkills_svg__st7"
+      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("circle", {
+        id: "EmptySkills_svg__SVGID_1_",
+        cx: 147.6,
+        cy: 58.7,
+        r: 12.7
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "EmptySkills_svg__SVGID_2_"
+      }, /*#__PURE__*/_react["default"].createElement("use", {
+        xlinkHref: "#EmptySkills_svg__SVGID_1_",
+        overflow: "visible"
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#EmptySkills_svg__SVGID_2_)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySkills_svg__st9",
+        d: "M162.5 47.7l-4.1 26M160.9 47.5l-4.1 26M159.3 47.2l-4.1 26M157.7 47l-4.1 26M156.1 46.7l-4.2 26M154.5 46.5l-4.1 25.9M152.9 46.2l-4.2 26M151.3 45.9l-4.2 26M149.7 45.7l-4.2 26M148.1 45.4l-4.2 26M146.5 45.2l-4.2 26M144.9 44.9l-4.2 26M143.2 44.7l-4.1 26M141.6 44.4l-4.1 26M140 44.2l-4.1 26M138.4 43.9l-4.1 26M136.8 43.6l-4.1 26"
+      })), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptySkills_svg__st9",
+        cx: 147.6,
+        cy: 58.7,
+        r: 12.7
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        className: "EmptySkills_svg__st7"
+      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("circle", {
+        id: "EmptySkills_svg__SVGID_3_",
+        cx: 34.3,
+        cy: 61.8,
+        r: 12.7
+      })), /*#__PURE__*/_react["default"].createElement("clipPath", {
+        id: "EmptySkills_svg__SVGID_4_"
+      }, /*#__PURE__*/_react["default"].createElement("use", {
+        xlinkHref: "#EmptySkills_svg__SVGID_3_",
+        overflow: "visible"
+      })), /*#__PURE__*/_react["default"].createElement("g", {
+        clipPath: "url(#EmptySkills_svg__SVGID_4_)"
+      }, /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySkills_svg__st9",
+        d: "M47.7 50.6l-4.2 26M44.5 50.1l-4.2 26M41.2 49.6l-4.1 26M38 49l-4.1 26.1M34.8 48.5l-4.1 26M31.6 48l-4.1 26M28.4 47.5l-4.2 26M25.2 47L21 73"
+      })), /*#__PURE__*/_react["default"].createElement("circle", {
+        className: "EmptySkills_svg__st9",
+        cx: 34.3,
+        cy: 61.8,
+        r: 12.7
+      })));
     }
   }]);
 
   return EmptySkills;
-}(_react2.default.Component);
-
-exports.default = EmptySkills;
+}(_react["default"].Component);
 
+exports["default"] = EmptySkills;
 EmptySkills.propTypes = {
-  size: _propTypes2.default.oneOf('small', 'large'),
-  className: _propTypes2.default.string,
-  alignHorizontal: _propTypes2.default.bool
+  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'])
 };
 EmptySkills.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptySkills',
+  palette: 'default'
 };
 
 if (false) {

package/lib/svg/EmptySla.js

@@ -0,0 +1,117 @@
+"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 EmptySla = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptySla, _React$Component);
+
+  var _super = _createSuper(EmptySla);
+
+  function EmptySla() {
+    _classCallCheck(this, EmptySla);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(EmptySla, [{
+    key: "render",
+    value: function render() {
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "Sla"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.EmptySla_svg-3{fill:var(--zd_emptysvg_tiny_circle)}.EmptySla_svg-4{fill:var(--zd_emptysvg_plus)}')), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M88.4 67.4s41.2-27.13 62.06-19 35.09 76.86-22.89 107.68S43.36 119.89 43.13 108c-.21-11.5 0-38.9 45.27-40.6z",
+        fill: "var(--zd_emptysvg_primary_fill)",
+        opacity: 0.05
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M158.11 150.45a2.5 2.5 0 112.51-2.5 2.51 2.51 0 01-2.51 2.5zm0-4.28a1.78 1.78 0 101.79 1.83 1.79 1.79 0 00-1.79-1.83z",
+        fill: "var(--zd_emptysvg_small_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M149.46 43.73a3.45 3.45 0 113.47-3.45 3.47 3.47 0 01-3.47 3.45zm0-6.17a2.73 2.73 0 102.75 2.72 2.74 2.74 0 00-2.75-2.72z",
+        fill: "var(--zd_emptysvg_medium_circle)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySla_svg-3",
+        d: "M82.35 40.64a2.21 2.21 0 112.21-2.2 2.2 2.2 0 01-2.21 2.2zm0-3.68a1.48 1.48 0 101.49 1.48A1.49 1.49 0 0082.35 37z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySla_svg-4",
+        d: "M32.57 106.9a.35.35 0 01-.33-.38l.3-5.42a.36.36 0 01.72 0l-.31 5.42a.35.35 0 01-.38.38z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySla_svg-4",
+        d: "M35.45 104.34L30 104a.36.36 0 010-.72l5.46.3a.37.37 0 01.34.38.35.35 0 01-.35.38z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySla_svg-3",
+        d: "M170.29 119.92a.36.36 0 01-.27-.12l-3.65-4a.36.36 0 01.54-.49l3.64 4a.35.35 0 010 .51.34.34 0 01-.26.1z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySla_svg-3",
+        d: "M166.42 119.7a.36.36 0 01-.23-.63l4.07-3.62a.36.36 0 01.48.54l-4.08 3.62a.34.34 0 01-.24.09z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M101.93 94.22s-8.08 10.21-7.18 10.78 10.83 13 11.47 12.27 34-25.4 34-25.4-.49-3-2.92-1.62C129 95 109.68 109.18 109 108.23c-.9-1.23-7.07-14.01-7.07-14.01z",
+        fill: "var(--zd_emptysvg_secondary_fill)"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M105.4 156.63h-.15c-1.5-.29-10.69-7.45-18.34-14-5-4.23-16.69-14.49-18.07-18.39-2.21-6.26-1.62-50.79-1.59-52.68a.74.74 0 01.33-.59c.56-.42 2.67-.73 5.76-1 0-1.24.06-2.13.06-2.55a1 1 0 01.34-.75c3.71-3.64 54.81-3 60.63-2.91a.52.52 0 01.52.53.53.53 0 01-.53.52c-.14 0-14.77-.22-29.44 0-27 .47-30.16 2.09-30.46 2.6 0 .43 0 1.28-.06 2.45 7.24-.47 18.92-.54 29.14-.49 16.31.07 34 .52 35.75.91.54.12.84.18.8 9.33 0 4.31-.13 8.66-.13 8.71a.5.5 0 01-.23.42l-30.44 19.83a.53.53 0 01-.44.07.55.55 0 01-.33-.3c-.05-.1-4.6-10.57-6.39-12.79a.35.35 0 00-.34-.17c-1.59.1-4.94 5.63-6 7.44-.24.41-.44.73-.58.94 0 .38.76 2.64 11.19 14.34l.1.11c2.53-.89 21.19-15.53 32.65-24.78a.53.53 0 01.55-.07.53.53 0 01.3.47c0 .95.3 23.3-.51 27.34-.46 2.3-8.31 10.3-15.41 16.75-3.5 3.18-15.2 13.58-18.61 13.58-5.31 0-28.89-25.58-32-31.47-1.6-3-1.06-23.91-.25-46 0-1.13.08-2.15.11-3a19.34 19.34 0 00-5 .7c0 2.93-.55 46.23 1.54 52.14.89 2.54 7.53 9.24 17.74 17.93 9.53 8.11 17 13.56 17.88 13.75 1.32 0 10.34-6.53 20.23-15.66 10.83-10 17.09-17.93 17.19-21.78l.42-16.48a.52.52 0 01.52-.51.53.53 0 01.51.54l-.42 16.48c-.17 6.81-16.75 22.52-27.85 31.43-3.32 2.69-9.01 7.06-10.69 7.06zM74.35 71c0 .92-.07 2-.11 3.15-.47 12.66-1.56 42.29.12 45.49 1.57 3 8.06 10.65 15.11 17.85 7.77 7.93 14 13.06 16 13.06s9.15-5.35 17.91-13.31c9.4-8.55 14.79-14.72 15.08-16.18.69-3.44.55-21.43.51-26-2.28 1.83-8.84 7.09-15.41 12.2-16.74 13-17.2 12.51-17.68 12l-.26-.3c-12.41-13.92-11.67-15-11.31-15.56.12-.18.33-.52.59-1 2.46-4.06 5-7.83 6.87-7.95a1.42 1.42 0 011.22.56c1.64 2.05 5.29 10.21 6.28 12.47l29.69-19.35c.18-7.27.19-15.28-.1-16.75-2.57-.33-18.67-.77-35.38-.85-14.41-.08-23.7.13-29.13.47zm32.26 47.49zm-11.45-14.66z",
+        fill: "var(--zd_emptysvg_primary_stroke)"
+      }));
+    }
+  }]);
+
+  return EmptySla;
+}(_react["default"].Component);
+
+exports["default"] = EmptySla;
+EmptySla.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'])
+};
+EmptySla.defaultProps = {
+  size: 'large',
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'EmptySla',
+  palette: 'default'
+};
+
+if (false) {
+  EmptySla.docs = {
+    componentGroup: 'SVG'
+  };
+}

package/lib/svg/EmptySnippet.js

@@ -1,84 +1,132 @@
-'use strict';
+"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 _createClass = 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); } } return function (Constructor, protoProps, staticProps) { if (protoProps) defineProperties(Constructor.prototype, protoProps); if (staticProps) defineProperties(Constructor, staticProps); return Constructor; }; }();
+var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _react = require('react');
+var _SVG = _interopRequireDefault(require("./SVG"));
 
-var _react2 = _interopRequireDefault(_react);
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-var _propTypes = require('prop-types');
+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); }
 
-var _propTypes2 = _interopRequireDefault(_propTypes);
+function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
 
-var _SVG = require('./SVG');
+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); } }
 
-var _SVG2 = _interopRequireDefault(_SVG);
+function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); Object.defineProperty(Constructor, "prototype", { writable: false }); return Constructor; }
 
-var _EmptySnippet = require('./images/EmptySnippet.svg');
+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); }
 
-var _EmptySnippet2 = _interopRequireDefault(_EmptySnippet);
+function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); }
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
+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 _possibleConstructorReturn(self, call) { if (!self) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return call && (typeof call === "object" || typeof call === "function") ? call : self; }
+function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; }
 
-function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function, not " + typeof superClass); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, enumerable: false, writable: true, configurable: true } }); if (superClass) Object.setPrototypeOf ? Object.setPrototypeOf(subClass, superClass) : subClass.__proto__ = superClass; }
+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; } }
 
-var EmptyRoles = function (_React$Component) {
-  _inherits(EmptyRoles, _React$Component);
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-  function EmptyRoles() {
-    _classCallCheck(this, EmptyRoles);
+var EmptySnippet = /*#__PURE__*/function (_React$Component) {
+  _inherits(EmptySnippet, _React$Component);
 
-    return _possibleConstructorReturn(this, (EmptyRoles.__proto__ || Object.getPrototypeOf(EmptyRoles)).apply(this, arguments));
+  var _super = _createSuper(EmptySnippet);
+
+  function EmptySnippet() {
+    _classCallCheck(this, EmptySnippet);
+
+    return _super.apply(this, arguments);
   }
 
-  _createClass(EmptyRoles, [{
-    key: 'render',
+  _createClass(EmptySnippet, [{
+    key: "render",
     value: function render() {
-      var _props = this.props,
-          size = _props.size,
-          _props$className = _props.className,
-          className = _props$className === undefined ? '' : _props$className,
-          alignHorizontal = _props.alignHorizontal;
-
-      return _react2.default.createElement(
-        _SVG2.default,
-        {
-          viewBox: '0 0 181.9 139.3',
-          name: 'roles',
-          size: size,
-          className: className,
-          alignHorizontal: alignHorizontal
-        },
-        _react2.default.createElement('image', { xlinkHref: _EmptySnippet2.default, height: '100%', width: '100%' })
-      );
+      return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+        viewBox: "0 0 200 200",
+        name: "snippet"
+      }, this.props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, ".EmptySnippet_svg__cls-6{fill:var(--zd_emptysvg_secondary_fill)}.EmptySnippet_svg__cls-3,.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5,.EmptySnippet_svg__cls-7,.EmptySnippet_svg__cls-8{fill:none}.EmptySnippet_svg__cls-3{stroke-miterlimit:10;stroke:var(--zd_emptysvg_tiny_circle)}.EmptySnippet_svg__cls-7{stroke-miterlimit:10;stroke:var(--zd_emptysvg_cross)}.EmptySnippet_svg__cls-4,.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.EmptySnippet_svg__cls-5{stroke:var(--zd_emptysvg_primary_stroke)}.EmptySnippet_svg__cls-8{stroke:var(--zd_emptysvg_small_circle);stroke-linecap:round;stroke-linejoin:round}")), /*#__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: "EmptySnippet_svg__cls-3",
+        cx: 79.62,
+        cy: 29.6,
+        rx: 2.12,
+        ry: 2.1
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySnippet_svg__cls-4",
+        d: "M23.28 100.86l-.35 6.16M20 103.76l6.22.35"
+      }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+        className: "EmptySnippet_svg__cls-8",
+        cx: 165.88,
+        cy: 154.09,
+        rx: 2.45,
+        ry: 2.43
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySnippet_svg__cls-7",
+        d: "M175.6 117.21l4.15 4.6M175.36 121.57l4.64-4.12"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySnippet_svg__cls-6",
+        d: "M119.87 139.21s-11.87-8.72 1.14-35c13.82-27.89 38.05-42 47.15-31.63 4.7 5.42-31.72 67.7-48.29 66.63z"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySnippet_svg__cls-5",
+        d: "M107.71 147.22l-31.65 6s-7.53-9.06-5-52.27c1.32-22.39-8.82-32.16-8.82-32.16L128.41 55s6.26 11.49 3.83 27.54C129.6 100 115.6 102.17 116.78 134a1.14 1.14 0 002.15.38c5.62-11.24 24.49-47.73 35-52.54 0 0-38.4 48.36-37.33 71.47 0 0 4.51-11.69 4.56-13.86.06-2.47-4.9-2.75-3.87 0s16.48-3.56 29.8-25.06 27.17-36.09 19.56-43.9c-11.08-11.37-44.18 23-49.23 42.72-5.82 22.72 1.45 26.5 5.41 27.16s12.66-8.83 12.66-8.83 2.14 9.75 4.22 11.94l-16.38 2.91"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        d: "M123.26 116.23s3.32-11.21 10.42-19.74",
+        stroke: "var(--zd_emptysvg_circle_fill)",
+        strokeWidth: 3,
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        fill: "none"
+      }), /*#__PURE__*/_react["default"].createElement("path", {
+        className: "EmptySnippet_svg__cls-6",
+        d: "M94.37 100.23s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.12-8.49 8 0 .02-.47-8.52-9.43-8zM88.34 121.72s9.48-1.35 9.48-10.19c0 0-.08 10 8.44 10.19 0 0-8.52-.11-8.49 8 0 .02-.47-8.51-9.43-8zM83.26 107s5.38-.77 5.38-5.79c0 0 0 5.68 4.79 5.79 0 0-4.84-.07-4.82 4.55a4.81 4.81 0 00-5.35-4.55z"
+      }));
     }
   }]);
 
-  return EmptyRoles;
-}(_react2.default.Component);
-
-exports.default = EmptyRoles;
-
-EmptyRoles.propTypes = {
-  alignHorizontal: _propTypes2.default.bool,
-  className: _propTypes2.default.string,
-  size: _propTypes2.default.oneOf('small', 'large')
+  return EmptySnippet;
+}(_react["default"].Component);
+
+exports["default"] = EmptySnippet;
+EmptySnippet.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'])
 };
-EmptyRoles.defaultProps = {
+EmptySnippet.defaultProps = {
   size: 'large',
-  alignHorizontal: true
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'emptySnippet',
+  palette: 'default'
 };
 
 if (false) {
-  EmptyRoles.docs = {
+  EmptySnippet.docs = {
     componentGroup: 'SVG'
   };
 }

package/lib/svg/EmptyStateVariables.module.css

@@ -0,0 +1,39 @@
+.default {
+  /* empty svg default palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_default_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_default_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_default_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_default_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_default_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_default_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_default_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_default_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_default_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_default_circle_fill);
+}
+.dark {
+  /* empty svg dark palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_dark_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_dark_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_dark_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_dark_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_dark_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_dark_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_dark_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_dark_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_dark_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_dark_circle_fill);
+}
+.danger {
+  /* empty svg danger palette variables */
+  --zd_emptysvg_primary_fill: var(--zdt_svg_danger_primary_fill);
+  --zd_emptysvg_primary_stroke: var(--zdt_svg_danger_primary_stroke);
+  --zd_emptysvg_secondary_fill: var(--zdt_svg_danger_secondary_fill);
+  --zd_emptysvg_secondary_plainfill: var(--zdt_svg_danger_secondary_plainfill);
+  --zd_emptysvg_plus: var(--zdt_svg_danger_plus);
+  --zd_emptysvg_cross: var(--zdt_svg_danger_cross);
+  --zd_emptysvg_medium_circle: var(--zdt_svg_danger_medium_circle);
+  --zd_emptysvg_tiny_circle: var(--zdt_svg_danger_tiny_circle);
+  --zd_emptysvg_small_circle: var(--zdt_svg_danger_small_circle);
+  --zd_emptysvg_circle_fill: var(--zdt_svg_danger_circle_fill);
+}