@zohodesk/svg 1.1.3 → 1.1.5

package/coverage/src/errorstate/props/propTypes.js.html

@@ -100,7 +100,7 @@ export const ErrorStateProps = {
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/EmptyInconvenience.js.html

@@ -142,7 +142,7 @@ Inconvenience.defaultProps = { ...ErrorStateDefaultProps, dataId: 'inconvenience
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/NoRequestFound.js.html

@@ -142,7 +142,7 @@ NoRequestFound.defaultProps = { ...ErrorStateDefaultProps, dataId: 'noRequestFou
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/PageNotFound.js.html

@@ -142,7 +142,7 @@ PageNotFound.defaultProps = { ...ErrorStateDefaultProps, dataId: 'pageNotFound'
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/UnableToProcessRequest.js.html

@@ -142,7 +142,7 @@ UnableToProcessRequest.defaultProps = { ...ErrorStateDefaultProps, dataId: 'unab
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/UnauthorizedLogin.js.html

@@ -142,7 +142,7 @@ UnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps, dataId: 'unauthori
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/UrlNotFound.js.html

@@ -142,7 +142,7 @@ UrlNotFound.defaultProps = { ...ErrorStateDefaultProps, dataId: 'urlNotFound' };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/WillBeRightBack.js.html

@@ -142,7 +142,7 @@ WillBeRightBack.defaultProps = { ...ErrorStateDefaultProps, dataId: 'willBeRight
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/index.html

@@ -206,7 +206,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version1/index.js.html

@@ -91,7 +91,7 @@ export { default as WillBeRightBack } from './WillBeRightBack';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version2/EmptyUnauthorizedLogin.js.html

@@ -175,7 +175,7 @@ EmptyUnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps, dataId: 'empt
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version2/EmptyWillBeRightBack.js.html

@@ -169,7 +169,7 @@ EmptyWillBeRightBack.defaultProps = { ...ErrorStateDefaultProps, dataId: 'emptyW
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version2/index.html

@@ -131,7 +131,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version2/index.js.html

@@ -76,7 +76,7 @@ export { default as EmptyWillBeRightBack } from './EmptyWillBeRightBack';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorInconvenience.js.html

@@ -316,7 +316,7 @@ Inconvenience.defaultProps = { ...ErrorStateDefaultProps, dataId: 'inconvenience
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorOopsSomethingMiss.js.html

@@ -316,7 +316,7 @@ OopsSomethingMiss.defaultProps = { ...ErrorStateDefaultProps, dataId: 'oopssomet
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorUnableToProcessRequest.js.html

@@ -316,7 +316,7 @@ UnableToProcessRequest.defaultProps = { ...ErrorStateDefaultProps, dataId: 'unab
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorUnauthorizedLogin.js.html

@@ -370,7 +370,7 @@ UnauthorizedLogin.defaultProps = { ...ErrorStateDefaultProps, dataId: 'unauthori
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorUrlNotFound.js.html

@@ -316,7 +316,7 @@ UrlNotFound.defaultProps = { ...ErrorStateDefaultProps, dataId: 'urlnotfound' };
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/ErrorWillBeRightBack.js.html

@@ -316,7 +316,7 @@ WillBeRightBack.defaultProps = { ...ErrorStateDefaultProps, dataId: 'willberight
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/index.html

@@ -191,7 +191,7 @@
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/coverage/src/errorstate/version3/index.js.html

@@ -88,7 +88,7 @@ export { default as ErrorWillBeRightBack } from './ErrorWillBeRightBack';
             <div class='footer quiet pad2 space-top1 center small'>
                 Code coverage generated by
                 <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
-                at 2023-09-28T13:11:51.799Z
+                at 2023-11-23T10:41:32.350Z
             </div>
         <script src="../../../prettify.js"></script>
         <script>

package/es/emptystate/version2/__tests__/version2.spec.js

@@ -1,6 +1,6 @@
 import React from 'react';
 import * as index from '../index';
-import { render } from "@testing-library/react";
+import { render } from '@testing-library/react';
 describe('SVG componet', () => {
   test.each(Object.keys(index))('Rendering all svgs in version2 emptystate %s', key => {
     let Component = index[key];

package/es/v1/Loader/Loader.js

@@ -1,9 +1,10 @@
-import React from 'react';
+import React, { memo } from 'react';
 import { LoaderDefaultProps } from '../../Loader/props/defaultProps';
 import { LoaderProps } from '../../Loader/props/propTypes';
 import SVG from '../SVG/SVG';
 import cssStyle from '../../SVG/SVG.module.css';
-export default function Loader(props) {
+
+function Loader(props) {
   const {
     dataId
   } = props;
@@ -51,5 +52,11 @@ export default function Loader(props) {
     strokeDashoffset: 50
   })));
 }
+
 Loader.propTypes = LoaderProps;
-Loader.defaultProps = LoaderDefaultProps;
+Loader.defaultProps = LoaderDefaultProps;
+const MemoizedLoader = /*#__PURE__*/memo(Loader);
+MemoizedLoader.propTypes = LoaderProps;
+MemoizedLoader.defaultProps = LoaderDefaultProps;
+MemoizedLoader.displayName = 'Loader';
+export default MemoizedLoader;

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

@@ -1,8 +1,8 @@
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
 import React from 'react';
-import { EmptyStateProps } from '../../emptystate/props/propTypes';
-import { EmptyStateDefaultProps } from '../../emptystate/props/defaultProps';
+import { EmptyStateProps } from '../../../emptystate/props/propTypes';
+import { EmptyStateDefaultProps } from '../../../emptystate/props/defaultProps';
 import SVG from '../../SVG/SVG';
 export default function EmptyCrmPotential(props) {
   return /*#__PURE__*/React.createElement(SVG, _extends({

package/es/v1/errorstate/version1/NoRequestFound.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { ErrorStateProps } from '../../../errorstate/props/propTypes';
-import { ErrorStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import { ErrorStateDefaultProps } from '../../../errorstate/props/defaultProps';
 import SVG from '../../SVG/SVG';
 import image from '../../../../images/NoRequestFound.svg';
 export default function NoRequestFound(props) {

package/es/v1/errorstate/version1/UnauthorizedLogin.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 
 import React from 'react';
 import { ErrorStateProps } from '../../../errorstate/props/propTypes';
-import { ErrorStateDefaultProps } from '../../../emptystate/props/defaultProps';
+import { ErrorStateDefaultProps } from '../../../errorstate/props/defaultProps';
 import SVG from '../../SVG/SVG';
 import image from '../../../../images/UnauthorizedLogin.svg';
 export default function UnauthorizedLogin(props) {

package/es/v1/errorstate/version3/ErrorUnauthorizedLogin.js

@@ -1,8 +1,8 @@
 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 { ErrorStateProps } from '../../errorstate/props/propTypes';
-import { ErrorStateDefaultProps } from '../../errorstate/props/defaultProps';
+import { ErrorStateProps } from '../../../errorstate/props/propTypes';
+import { ErrorStateDefaultProps } from '../../../errorstate/props/defaultProps';
 import SVG from '../../SVG/SVG';
 export default function UnauthorizedLogin(props) {
   return /*#__PURE__*/React.createElement(SVG, _extends({

package/es/v1/errorstate/version3/ErrorWillBeRightBack.js

@@ -1,8 +1,8 @@
 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 { ErrorStateProps } from '../../errorstate/props/propTypes';
-import { ErrorStateDefaultProps } from '../../errorstate/props/defaultProps';
+import { ErrorStateProps } from '../../../errorstate/props/propTypes';
+import { ErrorStateDefaultProps } from '../../../errorstate/props/defaultProps';
 import SVG from '../../SVG/SVG';
 export default function WillBeRightBack(props) {
   return /*#__PURE__*/React.createElement(SVG, _extends({

package/lib/v1/Loader/Loader.js

@@ -1,11 +1,13 @@
 "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"] = Loader;
+exports["default"] = void 0;
 
-var _react = _interopRequireDefault(require("react"));
+var _react = _interopRequireWildcard(require("react"));
 
 var _defaultProps = require("../../Loader/props/defaultProps");
 
@@ -17,6 +19,10 @@ var _SVGModule = _interopRequireDefault(require("../../SVG/SVG.module.css"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
 function Loader(props) {
   var dataId = props.dataId;
   var viewBoxStyle = {
@@ -65,4 +71,10 @@ function Loader(props) {
 }
 
 Loader.propTypes = _propTypes.LoaderProps;
-Loader.defaultProps = _defaultProps.LoaderDefaultProps;
+Loader.defaultProps = _defaultProps.LoaderDefaultProps;
+var MemoizedLoader = /*#__PURE__*/(0, _react.memo)(Loader);
+MemoizedLoader.propTypes = _propTypes.LoaderProps;
+MemoizedLoader.defaultProps = _defaultProps.LoaderDefaultProps;
+MemoizedLoader.displayName = 'Loader';
+var _default = MemoizedLoader;
+exports["default"] = _default;

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

@@ -7,9 +7,9 @@ exports["default"] = EmptyCrmPotential;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../emptystate/props/propTypes");
+var _propTypes = require("../../../emptystate/props/propTypes");
 
-var _defaultProps = require("../../emptystate/props/defaultProps");
+var _defaultProps = require("../../../emptystate/props/defaultProps");
 
 var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
 

package/lib/v1/errorstate/version1/NoRequestFound.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = require("../../../errorstate/props/propTypes");
 
-var _defaultProps = require("../../../emptystate/props/defaultProps");
+var _defaultProps = require("../../../errorstate/props/defaultProps");
 
 var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
 

package/lib/v1/errorstate/version1/UnauthorizedLogin.js

@@ -9,7 +9,7 @@ var _react = _interopRequireDefault(require("react"));
 
 var _propTypes = require("../../../errorstate/props/propTypes");
 
-var _defaultProps = require("../../../emptystate/props/defaultProps");
+var _defaultProps = require("../../../errorstate/props/defaultProps");
 
 var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
 

package/lib/v1/errorstate/version3/ErrorUnauthorizedLogin.js

@@ -7,9 +7,9 @@ exports["default"] = UnauthorizedLogin;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../errorstate/props/propTypes");
+var _propTypes = require("../../../errorstate/props/propTypes");
 
-var _defaultProps = require("../../errorstate/props/defaultProps");
+var _defaultProps = require("../../../errorstate/props/defaultProps");
 
 var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
 

package/lib/v1/errorstate/version3/ErrorWillBeRightBack.js

@@ -7,9 +7,9 @@ exports["default"] = WillBeRightBack;
 
 var _react = _interopRequireDefault(require("react"));
 
-var _propTypes = require("../../errorstate/props/propTypes");
+var _propTypes = require("../../../errorstate/props/propTypes");
 
-var _defaultProps = require("../../errorstate/props/defaultProps");
+var _defaultProps = require("../../../errorstate/props/defaultProps");
 
 var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
 

package/package.json

@@ -1,60 +1,60 @@
 {
-  "author": "Z Team",
-  "dependencies": {},
-  "devDependencies": {
-    "@svgr/cli": "6.2.1",
-    "@testing-library/jest-dom": "^5.11.9",
-    "@testing-library/react": "^11.2.5",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^13.0.10",
-    "@zohodesk-private/color-variable-preprocessor": "1.0.6",
-    "@zohodesk-private/css-variable-migrator": "^1.0.7",
-    "@zohodesk/variables": "1.0.0"
+  "name": "@zohodesk/svg",
+  "version": "1.1.5",
+  "main": "lib/index",
+  "module": "es/index.js",
+  "jsnext:main": "es/index.js",
+  "private": false,
+  "publishConfig": {
+    "access": "public"
   },
+  "author": "Z Team",
   "homepage": "https://www.npmjs.com/search?q=@zohodesk",
-  "jsnext:main": "es/index.js",
+  "license": "ISC",
   "keywords": [
     "DOT",
     "ZOHODESK",
     "ZTEAM",
     "LIBRARY"
   ],
-  "license": "ISC",
-  "main": "lib/index",
-  "module": "es/index.js",
-  "name": "@zohodesk/svg",
-  "peerDependencies": {
-    "@zohodesk/variables": "1.0.0"
-  },
-  "private": false,
-  "publishConfig": {
-    "access": "public"
-  },
   "scripts": {
-    "build": "npm run build:lib && npm run build:es",
-    "build:es": "react-cli build:library:es",
+    "clean": "react-cli clean lib es coverage assets && mkdir assets",
     "build:lib": "react-cli build:component:cmjs",
+    "build:es": "react-cli build:library:es",
+    "build": "npm run build:lib && npm run build:es",
     "build:local": " npm run build && npm run rtl && npm run cssVariableConvert",
-    "build:variables": "node ./preprocess/index",
     "build:watch": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "clean": "react-cli clean lib es coverage assets && mkdir assets",
-    "common_package_build": "cd ../common && npm run build && cd ../svg",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
-    "docs": "react-cli docs",
-    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
-    "expublish": "npm publish --tag experimental-version",
+    "rtl:watch": "react-cli rtl ./src ./es -w",
+    "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert",
     "init": "npm run clean && npm run build:variables",
+    "build:variables": "node ./preprocess/index",
+    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
     "lint": "react-cli lint",
-    "postpublish": "node postPublish.js",
-    "prepare": "npm run init &&  npm run build && npm run rtl && npm run cssVariableConvert",
+    "common_package_build": "cd ../common && npm run build && cd ../svg",
+    "docs": "react-cli docs",
     "prepublishOnly": "node prePublish.js && npm run test",
-    "rtl": "react-cli rtl ./src ./lib && react-cli rtl ./src ./es",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "snap-update": "npm run test -- -u",
+    "postpublish": "node postPublish.js",
+    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
     "test": "react-cli test",
+    "snap-update": "npm run test -- -u",
+    "expublish": "npm publish --tag experimental-version",
+    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
     "variable:addignore": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
-    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src"
+    "variable:convert": "node ./node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
+    "variable:check": "node  ./node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
-  "version": "1.1.3"
+  "dependencies": {},
+  "devDependencies": {
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk-private/color-variable-preprocessor": "1.1.0",
+    "@svgr/cli": "6.2.1",
+    "@zohodesk-private/css-variable-migrator": "^1.0.7",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/react": "^11.2.5",
+    "@testing-library/react-hooks": "^7.0.2",
+    "@testing-library/user-event": "^13.0.10"
+  },
+  "peerDependencies": {
+    "@zohodesk/variables": "1.0.0"
+  }
 }