@zohodesk/svg 1.0.0-beta.46 → 1.0.0-beta.49

package/es/{svg → errorstate/version3}/ErrorUnauthorizedLogin.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 UnauthorizedLogin extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 -30 500 500",
       name: "UnauthorizedLogin"
-    }, this.props), /*#__PURE__*/React.createElement("style", null, ".bouncer_svg__st0{opacity:5.000000e-02;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.bouncer_svg__st5,.bouncer_svg__st7{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.bouncer_svg__st7{stroke:var(--zd_emptysvg_cross)}.bouncer_svg__st9{opacity:.2;fill:var(--zd_emptysvg_primary_fill);enable-background:new}"), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("style", null, '.bouncer_svg__st0{opacity:5.000000e-02;fill:var(--zd_emptysvg_primary_fill);enable-background:new}.bouncer_svg__st5,.bouncer_svg__st7{fill:none;stroke:var(--zd_emptysvg_plus);stroke-linecap:round;stroke-linejoin:round}.bouncer_svg__st7{stroke:var(--zd_emptysvg_cross)}.bouncer_svg__st9{opacity:.2;fill:var(--zd_emptysvg_primary_fill);enable-background:new}'), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st0",
       d: "M135.6 156.5s33.8-54.8 54.8-11 32.9 82.2 94 33.8 86.7-55.7 109.5-25.6S438.2 440.4 215 387.5c0 0-176.7-66.6-79.4-231z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -40,8 +41,8 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 319.4,
       cy: 65.1,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_medium_circle)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_medium_circle)',
         strokeMiterlimit: 10
       },
       r: 3.5
@@ -49,15 +50,15 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 254.7,
       cy: 426,
       style: {
-        fill: "var(--zd_emptysvg_medium_circle)"
+        fill: 'var(--zd_emptysvg_medium_circle)'
       },
       r: 3.5
     }), /*#__PURE__*/React.createElement("circle", {
       cx: 60.3,
       cy: 276.1,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_tiny_circle)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_tiny_circle)',
         strokeMiterlimit: 10
       },
       r: 3.3
@@ -65,7 +66,7 @@ export default class UnauthorizedLogin extends React.Component {
       cx: 434.4,
       cy: 281.3,
       style: {
-        fill: "var(--zd_emptysvg_tiny_circle)"
+        fill: 'var(--zd_emptysvg_tiny_circle)'
       },
       r: 3.3
     }), /*#__PURE__*/React.createElement("path", {
@@ -77,10 +78,10 @@ export default class UnauthorizedLogin extends React.Component {
       rx: 2.5,
       ry: 2.4,
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_small_circle)",
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_small_circle)',
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       }
     }), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st7",
@@ -88,11 +89,11 @@ export default class UnauthorizedLogin extends React.Component {
     }), /*#__PURE__*/React.createElement("path", {
       d: "M304.9 307.9s-49.7 71.4-153 62.2c0 0-31.2-42.1-19.8-66.2 11.4-24.1 54.4-21.1 55-19.4.6 1.7-30 11.6-26.8 21.1 0 0 1.3 2.6 1.6 2.5.4-.1 8.6-13.4 21.7-18 0 0-25 18.3-22.8 23s7.6 3.1 7.6 3.1 5.8-19.2 21.2-21.8c0 0-16.7 10.1-16.2 16.3 0 0 2.4 6.2 5.6 5.9 3.2-.4 7.9-13.3 15.7-19.1 0 0-10.8 12.2-8.5 16.3 2.3 4 12.2-4 14.6-9 0 0 11.8-.8 15-2.9 3.2-2.1-22.1-13.5-27.3-14.2-5.2-.7 24.1 5.9 30.5 13.5l17.9 2.3s45.9-16.4 64.6-13.3c18.7 3.1 19.6 13.6 19.6 13.6 3.8-1 7.8-.8 11.6.4s7 3.6 9.5 6.7c0 0-15.6-10.3-36.4-1.2 0 0-19.5 31.4-58.4 48 0 0 31.8 18.7 76.1 9.2 0 0-37.1 1.3-49-7.8 0 0 56.4 7.5 79.5 4.6 0 0 39.1-22.7 21.3-61.9 0 0-18.8-17.4-53.6-11l-2.4 6s4.5-18.6 14.2-28.3c-4.2 1.7-7.7 4.8-9.9 8.7 0 0-3.6-28.1 6.9-37.9 0 0 47.4 0 45.8 41.9 0 0-1 11.7-14-1s12.3 10.7 12.7 16.2c.4 5.5 10.2-48.5-47.4-60.9s-71.5 23.5-69.9 30.1c1.6 6.6-7.6-22.2-55-29.8l14.9-13.6s37.5 17.4 75.7 0l23.6 8.2s-12.1-6.7-23.2-10c0 0-6.5-9.4-6.7-34.2 0-2.8-.1-5.6-.4-8.4-.4-4.8-.9-12.1.4-13.1 1.9-1.5 5.2 9.5 2.6 13.4-2.6 3.9-1.3-17.5-5-21.1-3.7-3.7-23.8-5.3-24.4-3.2-.6 2.1-.4 11.4 10.4 10.3 10.8-1.1 13.4-2.5 12.5-11.3-.9-8.8-2-23.8-28.1-23.4-26.1.4-26.8 18.8-27.2 26.1.4-.1.8-.1 1.2.1.4.2.7.4.9.8.9 1.3 1.1 6.7 7.6 7.3 6.5.7 14.9.9 16-7.6 0 0 3.4-2.1 5.7-1.3 2.4.7-6.2-.6-6.2-.6s-7.4-5.9-19.3-1.9c-1.8.9-3.4 2.2-4.7 3.8s-2.2 3.4-2.7 5.4l.5 3.2s1-4.3 3.2-5.8l-3-2.9c-1.1 3-1.5 6.2-1.2 9.3 0 0 1.7 16-.8 15.1-2.5-.9-5-8.1-1.9-15 0 0 3.5 9.8 1.6 11.1-1.9 1.2-1.3-10.8-.1-12.1 1.2-1.3 8.1 30-5.1 54 0 0-29.3 16.4-27.2 16.4 2.1 0-66.5 11.2-59.5 58.6 0 0 12.6-22.9 40.9-28.5 0 0-15.2-.7-32.9 11.7 0 0 4.5-23.9 54.8-41.1l24.5-15.8s8.7-17.6 8-27.2c0 0 6.2 15.8 27.6 14.3s12.6-31.3 12.6-31.3-12-8.3-24.6.9c0 0-6.6 24.2 11.3 24.5 17.8.3 12.8-22.4 11.9-24-.9-1.7-16-4.7-20.2.1 0 0-3.5 15.1 3.6 13.3 0 0 4.4.8 4.3-7l4.5-.2s-1.8 6.6 3.1 7.6c4.8 1-2.1 16.3.8 16 3-.3 22.6.5 22.6-25.5",
       style: {
-        fill: "none",
-        stroke: "var(--zd_emptysvg_primary_stroke)",
+        fill: 'none',
+        stroke: 'var(--zd_emptysvg_primary_stroke)',
         strokeWidth: 1.5,
-        strokeLinecap: "round",
-        strokeLinejoin: "round"
+        strokeLinecap: 'round',
+        strokeLinejoin: 'round'
       }
     }), /*#__PURE__*/React.createElement("path", {
       className: "bouncer_svg__st9",
@@ -101,21 +102,13 @@ export default class UnauthorizedLogin extends React.Component {
   }
 
 }
-UnauthorizedLogin.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-UnauthorizedLogin.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+UnauthorizedLogin.propTypes = ErrorStateProps;
+UnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'unauthorizedlogin'
 };
 
 if (false) {
   UnauthorizedLogin.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

package/es/{svg → errorstate/version3}/ErrorUrlNotFound.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 UrlNotFound extends React.Component {
   render() {
     return /*#__PURE__*/React.createElement(SVG, _extends({
       viewBox: "0 0 500 500",
       name: "UrlNotFound"
-    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, ".ErrorUrlNotFound_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUrlNotFound_svg__cls-10,.ErrorUrlNotFound_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUrlNotFound_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUrlNotFound_svg__cls-8{stroke:var(--zd_emptysvg_cross)}")), /*#__PURE__*/React.createElement("path", {
+    }, this.props), /*#__PURE__*/React.createElement("defs", null, /*#__PURE__*/React.createElement("style", null, '.ErrorUrlNotFound_svg__cls-1{fill:var(--zd_emptysvg_primary_fill);opacity:.05}.ErrorUrlNotFound_svg__cls-10,.ErrorUrlNotFound_svg__cls-8{fill:none;stroke-linecap:round;stroke-linejoin:round}.ErrorUrlNotFound_svg__cls-10{stroke:var(--zd_emptysvg_cross)}.ErrorUrlNotFound_svg__cls-8{stroke:var(--zd_emptysvg_cross)}')), /*#__PURE__*/React.createElement("path", {
       className: "ErrorUrlNotFound_svg__cls-1",
       d: "M148.89 174.69s33.77-54.78 54.77-11 32.87 82.17 94 33.78 86.77-55.65 109.59-25.47 44.28 286.67-178.94 233.72c0-.05-176.65-66.72-79.42-231.03z"
     }), /*#__PURE__*/React.createElement("circle", {
@@ -94,21 +95,13 @@ export default class UrlNotFound extends React.Component {
   }
 
 }
-UrlNotFound.propTypes = {
-  alignHorizontal: PropTypes.bool,
-  className: PropTypes.string,
-  dataId: PropTypes.string,
-  isRender: PropTypes.bool
-};
-UrlNotFound.defaultProps = {
-  alignHorizontal: true,
-  isRender: true,
-  className: '',
+UrlNotFound.propTypes = ErrorStateProps;
+UrlNotFound.defaultProps = { ...ErrorStateDefaultProps,
   dataId: 'urlnotfound'
 };
 
 if (false) {
   UrlNotFound.docs = {
-    componentGroup: 'SVG'
+    componentGroup: 'Emptystate'
   };
 }

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,7 +13,7 @@ var _AppContainer = _interopRequireDefault(require("@zohodesk/components/lib/App
 
 var _Layout = require("@zohodesk/components/lib/Layout");
 
-var _Switch = _interopRequireDefault(require("@zohodesk/components/lib/Switch/Switch"));
+var _ThemeTool = _interopRequireDefault(require("../../common/lib/ThemeTool/ThemeTool"));
 
 require("@zohodesk/components/assets/Appearance/default/mode/defaultMode.module.css");
 
@@ -43,6 +43,18 @@ require("../assets/Appearance/dark/themes/yellow/yellowDarkCTATheme.module.css")
 
 require("../assets/Appearance/dark/mode/darkEmptyStates.module.css");
 
+require("../assets/Appearance/pureDark/themes/blue/bluePureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/green/greenPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/orange/orangePureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/red/redPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/themes/yellow/yellowPureDarkCTATheme.module.css");
+
+require("../assets/Appearance/pureDark/mode/pureDarkEmptyStates.module.css");
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -53,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); }; }
 
@@ -63,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);
@@ -80,25 +92,17 @@ var Provider = /*#__PURE__*/function (_React$Component) {
       appearanceName: 'default',
       themeName: 'blue'
     };
-    _this.switchMode = _this.switchMode.bind(_assertThisInitialized(_this));
     _this.setTheme = _this.setTheme.bind(_assertThisInitialized(_this));
+    _this.setAppearance = _this.setAppearance.bind(_assertThisInitialized(_this));
     return _this;
   }
 
   _createClass(Provider, [{
-    key: "switchMode",
-    value: function switchMode() {
-      var appearanceName = this.state.appearanceName;
-
-      if (appearanceName == 'default') {
-        this.setState({
-          appearanceName: 'dark'
-        });
-      } else {
-        this.setState({
-          appearanceName: 'default'
-        });
-      }
+    key: "setAppearance",
+    value: function setAppearance(mode) {
+      this.setState({
+        appearanceName: mode
+      });
     }
   }, {
     key: "setTheme",
@@ -110,33 +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'
-      };
       return /*#__PURE__*/_react["default"].createElement(_AppContainer["default"], {
         customProps: {
           ExtraProps: {
@@ -146,64 +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: {
-          position: 'fixed',
-          bottom: '0',
-          backgroundColor: '#272727',
-          padding: '10px',
-          borderRadius: '15px 15px 0 0',
-          minWidth: '100px',
-          textAlign: 'center',
-          left: '50%',
-          transform: 'translate(-50%)',
-          boxShadow: '0 0 3px #000',
-          fontSize: '12px',
-          zIndex: '3',
-          display: 'flex',
-          alignItems: 'center'
-        }
-      }, /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Switch["default"], {
-        id: "switchMode",
-        text: "Light/Night Mode",
-        labelSize: "small",
-        onChange: this.switchMode,
-        checked: appearanceName == 'dark'
-      })), /*#__PURE__*/_react["default"].createElement("div", {
-        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 = {