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

package/es/{svg → errorstate/version3}/ErrorWillBeRightBack.js

@@ -1,14 +1,15 @@
-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 _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 PropTypes from 'prop-types';
-import SVG from './SVG';
+import { ErrorStateProps } from './../props/propTypes';
+import { ErrorStateDefaultProps } from './../props/defaultProps';
+import SVG from './../../_svg/SVG';
 export default class WillBeRightBack extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 695.38 500",
       name: "WillBeRightBack"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".ErrorWillBeRightBack_svg__cls-1,.ErrorWillBeRightBack_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorWillBeRightBack_svg__cls-1{opacity:.05}.ErrorWillBeRightBack_svg__cls-2{opacity:.2}.ErrorWillBeRightBack_svg__cls-10,.ErrorWillBeRightBack_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorWillBeRightBack_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorWillBeRightBack_svg__cls-8{stroke:var(--zd_emptysvg_plus)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorWillBeRightBack_svg__cls-1,.ErrorWillBeRightBack_svg__cls-2{fill:var(--zd_emptysvg_primary_fill)}.ErrorWillBeRightBack_svg__cls-1{opacity:.05}.ErrorWillBeRightBack_svg__cls-2{opacity:.2}.ErrorWillBeRightBack_svg__cls-10,.ErrorWillBeRightBack_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorWillBeRightBack_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorWillBeRightBack_svg__cls-8{stroke:var(--zd_emptysvg_plus)}')), /*#__PURE__*/React.createElement("path", {
       className: "ErrorWillBeRightBack_svg__cls-1",
       d: "M138.24 163.53S172 108.75 193 152.58s32.87 82.16 94 33.77 86.73-55.69 109.55-25.56 44.28 286.67-178.94 233.72c.05 0-176.61-66.65-79.37-230.98z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -93,21 +94,13 @@ export default class WillBeRightBack extends React.Component {
   }
 
 }
-WillBeRightBack.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-WillBeRightBack.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+WillBeRightBack.propTypes = ErrorStateProps;
+WillBeRightBack.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'willberightback'
 };
 
 if (false) {
   WillBeRightBack.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/index.js

@@ -3,7 +3,10 @@ export { default as ReactDOM } from 'react-dom';
 export { renderToStaticMarkup } from 'react-dom/server';
 import '@zohodesk/variables/assets/sizeVariables.module.css';
 export { default as _provider } from './Provider';
-export { default as SVG } from './svg/SVG';
-export { default as SVG__emptystate } from './svg/docs/SVG__default.docs';
-export { default as SVG__common } from './svg/docs/SVG__common.docs';
-export { default as SVG__errorstate } from './svg/docs/SVG__errorstate.docs';
+export { default as Emptystate__version1 } from './docs/Emptystate__version1.docs';
+export { default as Emptystate__version2 } from './docs/Emptystate__version2.docs';
+export { default as Emptystate__version3 } from './docs/Emptystate__version3.docs';
+export { default as Errorstate__version1 } from './docs/Errorstate__version1.docs';
+export { default as Errorstate__version2 } from './docs/Errorstate__version2.docs';
+export { default as Errorstate__version3 } from './docs/Errorstate__version3.docs';
+export { default as Svg__common } from './docs/SVG__common.docs';

package/lib/{svg → Loader}/Loader.js

@@ -9,11 +9,13 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _defaultProps = require("./props/defaultProps");
 
-var _SVG = _interopRequireDefault(require("./SVG"));
+var _propTypes = require("./props/propTypes");
 
-var _SVGModule = _interopRequireDefault(require("./SVG.module.css"));
+var _SVG = _interopRequireDefault(require("./../_svg/SVG"));
+
+var _SVGModule = _interopRequireDefault(require("./../_svg/SVG.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +27,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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); }; }
 
@@ -35,7 +37,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Loader = /*#__PURE__*/function (_React$PureComponent) {
   _inherits(Loader, _React$PureComponent);
@@ -49,15 +51,15 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
 
     _this = _super.call(this, props);
     _this.viewBoxStyle = {
-      animation: "loaderone 2s linear infinite"
+      animation: 'loaderone 2s linear infinite'
     };
     _this.defsStyle = {
-      animation: "circleAnimation_1 1.5s linear infinite",
-      transformOrigin: "center"
+      animation: 'circleAnimation_1 1.5s linear infinite',
+      transformOrigin: 'center'
     };
     _this.circleStyle = {
-      animation: "circleAnimation_2 1.2s linear infinite",
-      transformOrigin: "center"
+      animation: 'circleAnimation_2 1.2s linear infinite',
+      transformOrigin: 'center'
     };
     return _this;
   }
@@ -74,7 +76,7 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
         className: "".concat(_SVGModule["default"].loaderWrapper),
         dataId: dataId,
         styleName: this.viewBoxStyle
-      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, "@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}")), /*#__PURE__*/_react["default"].createElement("title", null, "loader"), /*#__PURE__*/_react["default"].createElement("circle", {
+      }, /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '@keyframes circleAnimation_1{to{stroke-dashoffset:-82}}@keyframes circleAnimation_2{to{stroke-dashoffset:-50}}@keyframes loaderone{0%{transform:rotate(0deg)}to{transform:rotate(359deg)}}')), /*#__PURE__*/_react["default"].createElement("title", null, 'loader'), /*#__PURE__*/_react["default"].createElement("circle", {
         fill: "none",
         stroke: "#089949",
         strokeWidth: 2,
@@ -105,12 +107,8 @@ var Loader = /*#__PURE__*/function (_React$PureComponent) {
 }(_react["default"].PureComponent);
 
 exports["default"] = Loader;
-Loader.propTypes = {
-  dataId: _propTypes["default"].string
-};
-Loader.defaultProps = {
-  dataId: 'loader'
-};
+Loader.propTypes = _propTypes.LoaderProps;
+Loader.defaultProps = _defaultProps.LoaderDefaultProps;
 
 if (false) {
   Loader.docs = {

package/lib/Loader/props/defaultProps.js

@@ -0,0 +1,10 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderDefaultProps = void 0;
+var LoaderDefaultProps = {
+  dataId: 'loader'
+};
+exports.LoaderDefaultProps = LoaderDefaultProps;

package/lib/Loader/props/propTypes.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.LoaderProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var LoaderProps = {
+  dataId: _propTypes["default"].string
+};
+exports.LoaderProps = LoaderProps;

package/lib/Provider.js

@@ -13,6 +13,8 @@ var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/App
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
+var _ThemeTool = _interopRequireDefault(require("../../common/lib/ThemeTool/ThemeTool"));
+
 require("@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css");
 
 require("@zohodesk/components/assets/Appearance/dark/mode/darkMode.module.css");
@@ -63,7 +65,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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); }; }
 
@@ -73,7 +75,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var Provider = /*#__PURE__*/function (_React$Component) {
   _inherits(Provider, _React$Component);
@@ -91,6 +93,7 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       themeName: 'blue'
     };
     _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
+    _this.setAppearance = _this.setAppearance.bind(_assertThisInitialized(_this));
     return _this;
   }
 
@@ -111,56 +114,9 @@ var Provider = /*#__PURE__*/function (_React$Component) {
   }, {
     key: "render",
     value: function render() {
-      var _this2 = this;
-
       var _this$state = this.state,
           appearanceName = _this$state.appearanceName,
           themeName = _this$state.themeName;
-      var themeClass = {
-        width: '20px',
-        height: '20px',
-        borderRadius: '3px',
-        display: 'flex',
-        border: '1px solid #ccc',
-        margin: '0 5px',
-        cursor: 'pointer',
-        backgroundColor: '#0a73eb'
-      };
-      var green = {
-        backgroundColor: '#26a942'
-      };
-      var red = {
-        backgroundColor: '#de3535'
-      };
-      var orange = {
-        backgroundColor: '#e57717'
-      };
-      var yellow = {
-        backgroundColor: '#e8b923'
-      };
-      var light = {
-        backgroundColor: '#fff'
-      };
-      var night = {
-        backgroundColor: '#232b38'
-      };
-      var dark = {
-        backgroundColor: '#212121'
-      };
-      var fixedPosition = {
-        position: 'fixed',
-        bottom: '0',
-        backgroundColor: '#272727',
-        padding: '10px',
-        borderRadius: '15px 15px 0 0',
-        minWidth: '100px',
-        textAlign: 'center',
-        boxShadow: '0 0 3px #000',
-        fontSize: '12px',
-        zIndex: '3',
-        display: 'flex',
-        alignItems: 'center'
-      };
       return /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
         customProps: {
           ExtraProps: {
@@ -170,81 +126,10 @@ var Provider = /*#__PURE__*/function (_React$Component) {
         }
       }, /*#__PURE__*/_react["default"].createElement(_Layout.Container, {
         scroll: "vertical"
-      }, this.props.children), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '20%',
-          transform: 'translate(-20%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: '#fff'
-        }
-      }, "Appearance:"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Light Mode",
-        style: Object.assign({}, themeClass, light),
-        onClick: function onClick() {
-          return _this2.setAppearance('default');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Night Mode",
-        style: Object.assign({}, themeClass, night),
-        onClick: function onClick() {
-          return _this2.setAppearance('dark');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Dark Mode",
-        style: Object.assign({}, themeClass, dark),
-        onClick: function onClick() {
-          return _this2.setAppearance('pureDark');
-        }
-      }))), /*#__PURE__*/_react["default"].createElement("div", {
-        style: Object.assign({}, fixedPosition, {
-          left: '80%',
-          transform: 'translate(-80%)'
-        })
-      }, /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          color: '#fff'
-        }
-      }, "Themes:"), /*#__PURE__*/_react["default"].createElement("div", {
-        style: {
-          display: 'flex'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Blue Theme",
-        style: themeClass,
-        onClick: function onClick() {
-          return _this2.setTheme('blue');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Green Theme",
-        style: Object.assign({}, themeClass, green),
-        onClick: function onClick() {
-          return _this2.setTheme('green');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Red Theme",
-        style: Object.assign({}, themeClass, red),
-        onClick: function onClick() {
-          return _this2.setTheme('red');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Orange Theme",
-        style: Object.assign({}, themeClass, orange),
-        onClick: function onClick() {
-          return _this2.setTheme('orange');
-        }
-      }), /*#__PURE__*/_react["default"].createElement("span", {
-        title: "Yellow Theme",
-        style: Object.assign({}, themeClass, yellow),
-        onClick: function onClick() {
-          return _this2.setTheme('yellow');
-        }
-      }))));
+      }, this.props.children), /*#__PURE__*/_react["default"].createElement(_ThemeTool["default"], {
+        onThemeChange: this.setTheme,
+        onAppearanceChange: this.setAppearance
+      }));
     }
   }]);
 

package/lib/{svg → _svg}/SVG.js

@@ -9,11 +9,13 @@ exports["default"] = void 0;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = _interopRequireDefault(require("prop-types"));
+var _propTypes = require("./props/propTypes");
+
+var _defaultProps = require("./props/defaultProps");
 
 var _SVGModule = _interopRequireDefault(require("./SVG.module.css"));
 
-var _EmptyStateVariablesModule = _interopRequireDefault(require("./EmptyStateVariables.module.css"));
+var _EmptyStateVariablesModule = _interopRequireDefault(require("./../css/EmptyStateVariables.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -25,7 +27,7 @@ function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _d
 
 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 _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : 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); }; }
 
@@ -35,7 +37,7 @@ function _assertThisInitialized(self) { if (self === void 0) { throw new Referen
 
 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); }
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
 var SVG = /*#__PURE__*/function (_React$Component) {
   _inherits(SVG, _React$Component);
@@ -95,31 +97,8 @@ var SVG = /*#__PURE__*/function (_React$Component) {
 }(_react["default"].Component);
 
 exports["default"] = SVG;
-SVG.propTypes = {
-  alignHorizontal: _propTypes["default"].bool,
-  children: _propTypes["default"].node,
-  className: _propTypes["default"].string,
-  dataId: _propTypes["default"].string,
-  isFluid: _propTypes["default"].bool,
-  isRender: _propTypes["default"].bool,
-  isSymbol: _propTypes["default"].bool,
-  name: _propTypes["default"].string,
-  size: _propTypes["default"].oneOf(['small', 'large']),
-  viewBox: _propTypes["default"].string,
-  palette: _propTypes["default"].oneOf(['default', 'dark']),
-  styleName: _propTypes["default"].node
-};
-SVG.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
-  dataId: 'SVG',
-  name: '',
-  viewBox: '',
-  isSymbol: false,
-  isFluid: false,
-  palette: 'default'
-};
+SVG.propTypes = _propTypes.SvgProps;
+SVG.defaultProps = _defaultProps.SvgDefaultProps;
 
 if (false) {
   SVG.docs = {

package/lib/{svg → _svg}/SvgLoader.js

@@ -26,12 +26,12 @@ function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Sy
 
 function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
 
-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 _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 SvgLoader(props) {
   var uiProps = {};
   Object.keys(props).filter(function (prop) {
-    return prop != "imageUrl";
+    return prop != 'imageUrl';
   }).map(function (prop) {
     uiProps[prop] = props[prop];
   });
@@ -51,7 +51,7 @@ function StaticSvg(props) {
       setImage = _useState2[1];
 
   Object.keys(props).filter(function (prop) {
-    return prop != "getImage";
+    return prop != 'getImage';
   }).map(function (prop) {
     uiProps[prop] = props[prop];
   });

package/lib/_svg/props/defaultProps.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SvgDefaultProps = void 0;
+var SvgDefaultProps = {
+  alignHorizontal: true,
+  isRender: true,
+  className: '',
+  dataId: 'SVG',
+  name: '',
+  viewBox: '',
+  isSymbol: false,
+  isFluid: false,
+  palette: 'default'
+};
+exports.SvgDefaultProps = SvgDefaultProps;

package/lib/_svg/props/propTypes.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SvgProps = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var SvgProps = {
+  alignHorizontal: _propTypes["default"].bool,
+  children: _propTypes["default"].node,
+  className: _propTypes["default"].string,
+  dataId: _propTypes["default"].string,
+  isFluid: _propTypes["default"].bool,
+  isRender: _propTypes["default"].bool,
+  isSymbol: _propTypes["default"].bool,
+  name: _propTypes["default"].string,
+  size: _propTypes["default"].oneOf(['small', 'large']),
+  viewBox: _propTypes["default"].string,
+  palette: _propTypes["default"].oneOf(['default', 'dark']),
+  styleName: _propTypes["default"].node
+};
+exports.SvgProps = SvgProps;