@zohodesk/svg 1.1.0 → 1.1.1

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = UrlNotFound;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../errorstate/props/propTypes");
+
+var _defaultProps = require("../../errorstate/props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 UrlNotFound(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 500 500",
+    name: "UrlNotFound"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].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["default"].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["default"].createElement("circle", {
+    className: "ErrorUrlNotFound_svg__cls-1",
+    cx: 105.87,
+    cy: 382.71,
+    r: 25.39
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorUrlNotFound_svg__cls-1",
+    cx: 89.18,
+    cy: 139.16,
+    r: 25.39
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorUrlNotFound_svg__cls-1",
+    cx: 306.65,
+    cy: 91.79,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorUrlNotFound_svg__cls-1",
+    cx: 155.14,
+    cy: 428.01,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorUrlNotFound_svg__cls-1",
+    cx: 389.43,
+    cy: 415.99,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M147.26 384.22l22.71 7s.88-5.55.16-15.67 7.59-17.34 7.59-17.34 15.89-17.34 15.89-19.14-21.31-58.52-23.12-69.72 7.59-50.94 7.59-50.94l2.53 27.46s17.7 1.8 21.67-1.09.72-24.92.72-24.92l-20.95-.73s-4 14.09-14.09 36.85c-8.26 18.59-19.65 95.5-23.75 126.21-.92 6.89-1.47 11.45-1.53 12.51-.37 5.78-10.48 12.28-10.48 12.28s6.86.72 9.39-4.33 14.81-14.45 19.15-7.95-6.14 13.36-11.2 18.49-15.9 2.82-18.79 0-.72-12.71-.72-12.71c-11.2-22-13-151.72-13-151.72l1.8 23.48-15.17.36 25.65-65c56-40.46 93.92 10.12 93.92 10.12l1.09 78.75 2.53-81.28c-5.28-13.48-27.46-22-27.46-22-55.63-21.67-80.56 22.76-80.56 22.76s18.79-40.82 71.53-44.43 76.94 44.43 75.86 40.46-23.48-24.57-23.48-24.57l72.26 7.48s-41.18 17.7-44.43 22.76-41.91 11.56-41.91 11.56l15.17 6.86-6 64.58-14.33.35s-6.23 46.52-6.23 49.66-16.94 13.41-22.38 17.34-3.56 25.73-3.56 25.73-.21-15.48 0-23.64-7.53-9.41-7.53-9.41c-9.62 0-10.75 8.58-10.75 8.58v23.11c0 3.49 3.22 9.67 8.6 10.08s10.87-5.17 10.87-5.17l53.77 15.83s-.13-165.23.13-174.77-3.22-8.37-2.52-6 53.46 52.51 54 54 77-45.15 77-45.15l-52-42c-4.13.17-74.75 31.47-72.94 33.73s69.49-36.1 69.49-36.1l1.91 168.32-72.06 48.33",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 1.5,
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M129.31 207.53s-8.67 115.3 1.13 176.69c0 0 7 4 9-5.4 6.74-31.64 17.12-114.22 30.21-147.44 0 0 32.66 101.9 30.7 105.82s-6.8 22.07-3.92 21.55c13.22-2.4 35.92-69.89 20.9-133.25-.02 0-22.53-45.08-88.02-17.97z",
+    fill: "var(--zd_emptysvg_secondary_fill)"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 263.83,
+    cy: 122.29,
+    rx: 3.54,
+    ry: 3.51,
+    strokeMiterlimit: 10,
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 269.1,
+    cy: 423.25,
+    rx: 3.54,
+    ry: 3.51,
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 74.67,
+    cy: 273.28,
+    rx: 3.31,
+    ry: 3.28,
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeMiterlimit: 10,
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 448.76,
+    cy: 278.55,
+    rx: 3.31,
+    ry: 3.28,
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "ErrorUrlNotFound_svg__cls-8",
+    d: "M126.16 163.01l-.35 6.17M122.87 165.92l6.23.35"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 406.93,
+    cy: 380.42,
+    rx: 2.46,
+    ry: 2.44,
+    stroke: "var(--zd_emptysvg_small_circle)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "ErrorUrlNotFound_svg__cls-10",
+    d: "M405.99 118.56l4.16 4.61M405.75 122.93l4.65-4.12"
+  }));
+}
+
+UrlNotFound.propTypes = _propTypes.ErrorStateProps;
+UrlNotFound.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.ErrorStateDefaultProps), {}, {
+  dataId: 'urlnotfound'
+});

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

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = WillBeRightBack;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _propTypes = require("../../errorstate/props/propTypes");
+
+var _defaultProps = require("../../errorstate/props/defaultProps");
+
+var _SVG = _interopRequireDefault(require("../../SVG/SVG"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+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 WillBeRightBack(props) {
+  return /*#__PURE__*/_react["default"].createElement(_SVG["default"], _extends({
+    viewBox: "0 0 695.38 500",
+    name: "WillBeRightBack"
+  }, props), /*#__PURE__*/_react["default"].createElement("defs", null, /*#__PURE__*/_react["default"].createElement("style", null, '.ErrorWillBeRightBack_svg__cls-1,.ErrorWillBeRightBack_svg__cls-2{fill:var(--zd_emptysvg_secondary_fill)}.ErrorWillBeRightBack_svg__cls-1{opacity:.05}.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["default"].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["default"].createElement("circle", {
+    className: "ErrorWillBeRightBack_svg__cls-1",
+    cx: 95.22,
+    cy: 371.55,
+    r: 25.39
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorWillBeRightBack_svg__cls-1",
+    cx: 78.54,
+    cy: 128,
+    r: 25.39
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorWillBeRightBack_svg__cls-1",
+    cx: 296,
+    cy: 80.64,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorWillBeRightBack_svg__cls-1",
+    cx: 144.49,
+    cy: 416.85,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("circle", {
+    className: "ErrorWillBeRightBack_svg__cls-1",
+    cx: 378.78,
+    cy: 404.83,
+    r: 12.74
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "ErrorWillBeRightBack_svg__cls-2",
+    d: "M197.65 260.2s-37.79 13.9-26.82 41.53 35.49 2.54 38.75 54 31.65 15.7 31.65 15.7 10.64-19.9 13-20.31 11.67-25 11.22-32.18 19.17 3.75 26.77-12.33 9.16-17.33 7.1-31.18c-3.93-26.43-54.27-38.22-101.67-15.23zM514.22 175.75s20.76-5.5 39.38 4.1l71.4-23.68zM563.61 183.49s24.11 3.37 35.52 18.67l30.51-46z"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    d: "M197.52 185.74s-94.89 36.5-76.24 144.37 156.79 96.51 190.24 61.54c0 0 36.18-27.27 40.1-95.61h0c0-41.67-50.39-112.71-109.2-115.31a35.36 35.36 0 00-20.37 5c-7 4.39-13.45 12.08-6.06 24.33 13.14 21.78 31.17-5.26 30.42-9.39-.68-3.73-12.1-7.16-24 14.42a13.31 13.31 0 01-14 6.59c-4.57-.82-9.39-2.18-11.45-4.41-4.41-4.8-16.32 4.61-7.87 10.75s10.95 6.72 6.34 11.14-18 13.44-9.22 17.47 66.44 18.44 76.23 1.54-81.78-10.97-92.15 30.83c0 0-7.29 20.07 20.93 27.17s8.64 72.2 34.95 68c0 0 12.29-2.88 19.39-21.32 4.18-10.82 14.62-16.32 20.85-17.78a5.87 5.87 0 017.19 6.64c-.85 5.12-5.06 13-10.56 16.33-10 5.95-10.23-15.56-5.69-22.85s15.82-33.94 0-46.45-18-5.79-17.93-3.29c.19 8.84 23.62 29.57 38.21 23.43s21.32-22.08 19.2-29-18.05-14.21-20.93-9 11 12.86 26.89 9.22c14.34-3.29 30.86-1.13 32.34 15.44a19.31 19.31 0 0022.05 17.11c12.4-1.83 31.36-11.52 60-39.05h0s11.21-5.87 19.05-39.19 77.44-.66 108.15-23.85 75.34-57.78 75.34-57.78l-56.11 20.79s25.28 3.19 35.52 18.67l30.51-46L558.38 183l-3 20.26-1.82-23.45s-14.53-8.56-39.38-4.1L625 156.17l-77.77 27.55s16.92 22.63-8 34.15-75-30.34-100.53-22.46-27.81 29.21-27.81 29.21",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    stroke: "var(--zd_emptysvg_primary_stroke)",
+    strokeWidth: 1.5,
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 253.18,
+    cy: 132.09,
+    rx: 3.54,
+    ry: 3.51,
+    strokeMiterlimit: 10,
+    stroke: "var(--zd_emptysvg_medium_circle)",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 258.45,
+    cy: 433.05,
+    rx: 3.54,
+    ry: 3.51,
+    fill: "var(--zd_emptysvg_medium_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 64.02,
+    cy: 283.08,
+    rx: 3.31,
+    ry: 3.28,
+    stroke: "var(--zd_emptysvg_tiny_circle)",
+    strokeMiterlimit: 10,
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 438.12,
+    cy: 288.35,
+    rx: 3.31,
+    ry: 3.28,
+    fill: "var(--zd_emptysvg_tiny_circle)"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "ErrorWillBeRightBack_svg__cls-8",
+    d: "M115.52 172.8l-.36 6.18M112.23 175.72l6.22.34"
+  }), /*#__PURE__*/_react["default"].createElement("ellipse", {
+    cx: 396.28,
+    cy: 390.22,
+    rx: 2.46,
+    ry: 2.44,
+    stroke: "var(--zd_emptysvg_small_circle)",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    fill: "none"
+  }), /*#__PURE__*/_react["default"].createElement("path", {
+    className: "ErrorWillBeRightBack_svg__cls-10",
+    d: "M395.35 128.36l4.15 4.61M395.1 132.72l4.65-4.12"
+  }));
+}
+
+WillBeRightBack.propTypes = _propTypes.ErrorStateProps;
+WillBeRightBack.defaultProps = _objectSpread(_objectSpread({}, _defaultProps.ErrorStateDefaultProps), {}, {
+  dataId: 'willberightback'
+});

package/package.json

@@ -1,77 +1,84 @@
-{
-  "name": "@zohodesk/svg",
-  "version": "1.1.0",
-  "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",
-  "license": "ISC",
-  "keywords": [
-    "DOT",
-    "ZOHODESK",
-    "ZTEAM",
-    "LIBRARY"
-  ],
-  "scripts": {
-    "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:watch": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "rtl:watch": "react-cli rtl ./src ./es -w",
-    "prepare": "node prePublish.js && 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",
-    "common_package_build": "cd ../common && npm run build && cd ../svg",
-    "docs": "react-cli docs",
-    "postpublish": "node postPublish.js",
-    "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",
-    "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: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"
-  },
-  "react-cli": {
-    "preprocess": {
-      "runner": "./preprocess/index.js"
-    },
-    "css": {
-      "plugins": {
-        "hasRTL": true,
-        "cssVariableReplacement": true
-      },
-      "patterns": {
-        "cssVariableReplacement": [
-          "**/src/**",
-          "**/lib/**",
-          "**/es/**",
-          "!**/node_modules/**"
-        ]
-      },
-      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
-    },
-    "docs": {
-      "cssUniqueness": "false",
-      "disableES5Transpile": true
-    }
-  },
-  "dependencies": {},
-  "devDependencies": {
-    "@zohodesk/variables": "1.0.0",
-    "@zohodesk-private/color-variable-preprocessor": "1.0.5",
-    "@svgr/cli": "6.2.1",
-    "@zohodesk-private/css-variable-migrator": "^1.0.5"
-  },
-  "peerDependencies": {
-    "@zohodesk/variables": "1.0.0"
-  }
-}
+{
+  "name": "@zohodesk/svg",
+  "version": "1.1.1",
+  "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",
+  "license": "ISC",
+  "keywords": [
+    "DOT",
+    "ZOHODESK",
+    "ZTEAM",
+    "LIBRARY"
+  ],
+  "scripts": {
+    "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:watch": "npm run clean && npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
+    "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",
+    "common_package_build": "cd ../common && npm run build && cd ../svg",
+    "docs": "react-cli docs",
+    "prepublishOnly": "node prePublish.js && npm run test",
+    "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: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"
+  },
+  "react-cli": {
+    "preprocess": {
+      "runner": "./preprocess/index.js"
+    },
+    "css": {
+      "plugins": {
+        "hasRTL": true,
+        "cssVariableReplacement": true
+      },
+      "patterns": {
+        "cssVariableReplacement": [
+          "**/src/**",
+          "**/lib/**",
+          "**/es/**",
+          "!**/node_modules/**"
+        ]
+      },
+      "cssVariableReplacementConfig": "./node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
+    },
+    "docs": {
+      "cssUniqueness": "false",
+      "disableES5Transpile": true
+    }
+  },
+  "dependencies": {},
+  "devDependencies": {
+    "@zohodesk/variables": "1.0.0",
+    "@zohodesk-private/color-variable-preprocessor": "1.0.5",
+    "@svgr/cli": "6.2.1",
+    "@zohodesk-private/css-variable-migrator": "^1.0.5",
+    "@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"
+  }
+}

package/postPublish.js

@@ -1,8 +1,8 @@
-const { execSync } = require('child_process');
-const { version, name } = require('./package.json');
-const tagName = `${name}@${version}`;
-// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
-console.log(`going to add git tag...  ${tagName}`);
-
-execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
-execSync(`git push origin ${tagName}`, { stdio: 'inherit' });
+const { execSync } = require('child_process');
+const { version, name } = require('./package.json');
+const tagName = `${name}@${version}`;
+// const tagName = `${name.replace(/^@/g, "").replace(/\//g, "-")}-v-${version}}@${version}`;
+console.log(`going to add git tag...  ${tagName}`);
+
+execSync(`git tag -a ${tagName} -m ${tagName}`, { stdio: 'inherit' });
+execSync(`git push origin ${tagName}`, { stdio: 'inherit' });

package/prePublish.js

@@ -1,70 +1,70 @@
-// const readline = require('readline');
-// const { exec } = require('child_process');
-
-// const rl = readline.createInterface({
-//   input: process.stdin,
-//   output: process.stdout
-// });
-
-// console.log('\nNode.js version:', process.version);
-
-// function runConsole(command, callback) {
-//   exec(command, (error, stdout, stderr) => {
-//     if (error) {
-//       console.error('Error:', error.message);
-//       return;
-//     }
-
-//     if (stderr) {
-//       console.error('Error:', stderr);
-//       return;
-//     }
-
-//     const npmVersion = stdout.trim();
-//     console.log('\n' + command, npmVersion);
-//     callback && callback();
-//   });
-// }
-
-// function askQuestion1() {
-//   rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
-//     if (answer.toLowerCase() === 'yes') {
-//       console.log('\nGreat! Proceeding...');
-//       askQuestion2();
-//       // rl.close();
-//       // Call the function or code to proceed further here.
-//     } else if (answer.toLowerCase() === 'no') {
-//       rl.close();
-//       console.log('\nPlease Update the ChangeLog in README.md, then try again');
-//       // throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
-//       process.exitCode = 1; // Exit the Node.js process with a success code.
-//     } else {
-//       console.log('\nInvalid answer. Please enter "yes" or "no".');
-//       askQuestion1(); // Ask the question again if the input is not "yes" or "no".
-//     }
-//   });
-// }
-
-// function askQuestion2() {
-//   rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
-//     if (answer.toLowerCase() === 'yes') {
-//       console.log('\nGreat! Proceeding...');
-//       rl.close();
-//       // Call the function or code to proceed further here.
-//     } else if (answer.toLowerCase() === 'no') {
-//       rl.close();
-//       //throw new Error('\nPlease Verify the snapshot results, then try again');
-//       console.log('\nPlease Verify the snapshot results, then try again');
-//       process.exitCode = 1; // Exit the Node.js process with a success code.
-//     } else {
-//       console.log('\nInvalid answer. Please enter "yes" or "no".');
-//       askQuestion2(); // Ask the question again if the input is not "yes" or "no".
-//     }
-//   });
-// }
-
-// function getReactCliVersion() {
-//   runConsole('react-cli --version', askQuestion1);
-// }
-
-// runConsole('npm --version', getReactCliVersion);
+const readline = require('readline');
+const { exec } = require('child_process');
+
+const rl = readline.createInterface({
+  input: process.stdin,
+  output: process.stdout
+});
+
+console.log('\nNode.js version:', process.version);
+
+function runConsole(command, callback) {
+  exec(command, (error, stdout, stderr) => {
+    if (error) {
+      console.error('Error:', error.message);
+      return;
+    }
+
+    if (stderr) {
+      console.error('Error:', stderr);
+      return;
+    }
+
+    const npmVersion = stdout.trim();
+    console.log('\n' + command, npmVersion);
+    callback && callback();
+  });
+}
+
+function askQuestion1() {
+  rl.question('\nHave you updated the changelog in README.md? (yes/no): ', (answer) => {
+    if (answer.toLowerCase() === 'yes') {
+      console.log('\nGreat! Proceeding...');
+      askQuestion2();
+      // rl.close();
+      // Call the function or code to proceed further here.
+    } else if (answer.toLowerCase() === 'no') {
+      rl.close();
+      console.log('\nPlease Update the ChangeLog in README.md, then try again');
+      // throw new Error('\nPlease Update the ChangeLog in README.md, then try again');
+      process.exitCode = 1; // Exit the Node.js process with a success code.
+    } else {
+      console.log('\nInvalid answer. Please enter "yes" or "no".');
+      askQuestion1(); // Ask the question again if the input is not "yes" or "no".
+    }
+  });
+}
+
+function askQuestion2() {
+  rl.question('\nHave you verified the test snapshot? (yes/no): ', (answer) => {
+    if (answer.toLowerCase() === 'yes') {
+      console.log('\nGreat! Proceeding...');
+      rl.close();
+      // Call the function or code to proceed further here.
+    } else if (answer.toLowerCase() === 'no') {
+      rl.close();
+      //throw new Error('\nPlease Verify the snapshot results, then try again');
+      console.log('\nPlease Verify the snapshot results, then try again');
+      process.exitCode = 1; // Exit the Node.js process with a success code.
+    } else {
+      console.log('\nInvalid answer. Please enter "yes" or "no".');
+      askQuestion2(); // Ask the question again if the input is not "yes" or "no".
+    }
+  });
+}
+
+function getReactCliVersion() {
+  runConsole('react-cli --version', askQuestion1);
+}
+
+runConsole('npm --version', getReactCliVersion);