@zohodesk/dot 1.0.0-temp-193.3 → 1.0.0-temp-193.4

package/es/v1/DotProvider/DotProvider.js

@@ -0,0 +1,43 @@
+import React, { useRef } from "react";
+import { defaultProps } from './props/defaultProps';
+import { propTypes } from './props/propTypes';
+import useDotProvider from "./useDotProvider";
+
+function DotProvider(props) {
+  const {
+    $ui_tag: Tag = React.Fragment,
+    $ui_appearance,
+    $ui_theme,
+    $ui_baseZoomUnit,
+    $ui_baseFontUnit,
+    $method_providerElement,
+    $method_getAssetPromise,
+    $data_zoomUnitVariableName,
+    $data_fontUnitVariableName,
+    $data_modeDataAttribute,
+    $data_themeDataAttribute,
+    children,
+    ...rest
+  } = props;
+  const internalRef = useRef(null);
+  useDotProvider({
+    appearance: $ui_appearance,
+    theme: $ui_theme,
+    baseZoomUnit: $ui_baseZoomUnit,
+    baseFontUnit: $ui_baseFontUnit,
+    providerElement: Tag !== React.Fragment ? () => internalRef.current : $method_providerElement,
+    getAssetPromise: $method_getAssetPromise,
+    zoomUnitVariableName: $data_zoomUnitVariableName,
+    fontUnitVariableName: $data_fontUnitVariableName,
+    modeDataAttribute: $data_modeDataAttribute,
+    themeDataAttribute: $data_themeDataAttribute
+  });
+  return /*#__PURE__*/React.createElement(Tag, {
+    ref: internalRef,
+    ...rest
+  }, children);
+}
+
+DotProvider.propTypes = propTypes;
+DotProvider.defaultProps = defaultProps;
+export default DotProvider;

package/es/v1/DotProvider/downloadAssets.js

@@ -3,11 +3,13 @@ export function downloadAssets(_ref) {
   let {
     appearance,
     theme,
-    baseZoomSize,
-    baseFontSize,
+    baseZoomUnit,
+    baseFontUnit,
     providerElement,
-    sizeVariableName,
-    fontSizeVariableName
+    zoomUnitVariableName,
+    fontUnitVariableName,
+    modeDataAttribute,
+    themeDataAttribute
   } = _ref;
   const promises = [];
   const libAppearance = getAppearance(appearance);
@@ -18,11 +20,14 @@ export function downloadAssets(_ref) {
   promises.push(zoomSize);
   const fontSize = getFontSize();
   promises.push(fontSize);
+  const resolvedZoomUnit = !isNaN(Number(baseZoomUnit)) ? `${Number(baseZoomUnit)}px` : baseZoomUnit;
   const providerElem = providerElement();
 
   if (providerElem) {
-    providerElem.style.setProperty(sizeVariableName, baseZoomSize);
-    providerElem.style.setProperty(fontSizeVariableName, baseFontSize);
+    providerElem.style.setProperty(zoomUnitVariableName, resolvedZoomUnit);
+    providerElem.style.setProperty(fontUnitVariableName, baseFontUnit);
+    providerElem.setAttribute(modeDataAttribute, appearance);
+    providerElem.setAttribute(themeDataAttribute, theme);
   }
 
   return Promise.all(promises);

package/es/v1/DotProvider/libraryChunks/dynamicImports.js

@@ -7,38 +7,46 @@ const defaultLib = ['component', 'dot', 'svg'];
 const modeArray = ['light', 'dark', 'pureDark'];
 const themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
 export function getAppearance(mode) {
-  const libArray = defaultLib;
-  errorValidation({
-    options: modeArray,
-    value: mode,
-    type: 'appearance'
-  });
-  const importFilesArray = [];
-  libArray.map(libName => {
-    const importFile = appearanceMapping[libName][mode];
-    importFilesArray.push(importFile);
-  });
-  return importFiles({
-    file: importFilesArray,
-    imports: appearanceImports
-  });
+  try {
+    const libArray = defaultLib;
+    errorValidation({
+      options: modeArray,
+      value: mode,
+      type: 'appearance'
+    });
+    const importFilesArray = [];
+    libArray.map(libName => {
+      const importFile = appearanceMapping[libName][mode];
+      importFilesArray.push(importFile);
+    });
+    return importFiles({
+      file: importFilesArray,
+      imports: appearanceImports
+    });
+  } catch (error) {
+    console.log('Error: ', error);
+  }
 }
 export function getTheme(mode, theme) {
-  const libArray = defaultLib;
-  errorValidation({
-    options: themeArray,
-    value: theme,
-    type: 'theme'
-  });
-  const importFilesArray = [];
-  libArray.map(libName => {
-    const importFile = themeMapping[libName][theme][mode];
-    importFilesArray.push(importFile);
-  });
-  return importFiles({
-    file: importFilesArray,
-    imports: themeImports
-  });
+  try {
+    const libArray = defaultLib;
+    errorValidation({
+      options: themeArray,
+      value: theme,
+      type: 'theme'
+    });
+    const importFilesArray = [];
+    libArray.map(libName => {
+      const importFile = themeMapping[libName][theme][mode];
+      importFilesArray.push(importFile);
+    });
+    return importFiles({
+      file: importFilesArray,
+      imports: themeImports
+    });
+  } catch (error) {
+    console.log('Error: ', error);
+  }
 }
 export function getZoomSize() {
   return imports[mapping.zoomSize]();

package/es/v1/DotProvider/props/defaultProps.js

@@ -0,0 +1,13 @@
+export const defaultProps = {
+  $ui_appearance: 'light',
+  $ui_theme: 'blue',
+  $ui_baseZoomUnit: '1px',
+  $ui_baseFontUnit: '16px',
+  $method_providerElement: () => {
+    return document.documentElement;
+  },
+  $data_zoomUnitVariableName: '--zd_baseUnit',
+  $data_fontUnitVariableName: '--zd_baseFontUnit',
+  $data_modeDataAttribute: 'data-mode',
+  $data_themeDataAttribute: 'data-theme'
+};

package/es/v1/DotProvider/props/propTypes.js

@@ -0,0 +1,14 @@
+import PropTypes from 'prop-types';
+export const propTypes = {
+  $ui_appearance: PropTypes.oneOf(['light', 'dark', 'pureDark']),
+  $ui_theme: PropTypes.oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
+  $ui_baseZoomUnit: PropTypes.string,
+  $ui_baseFontUnit: PropTypes.string,
+  $method_providerElement: PropTypes.func,
+  $method_getAssetPromise: PropTypes.func,
+  $data_zoomUnitVariableName: PropTypes.string,
+  $data_fontUnitVariableName: PropTypes.string,
+  $data_modeDataAttribute: PropTypes.string,
+  $data_themeDataAttribute: PropTypes.string,
+  children: PropTypes.element
+};

package/es/v1/DotProvider/useDotProvider.js

@@ -12,29 +12,31 @@ import '../../common/dot_boxShadow.module.css';
 
 function useDotProvider(_ref) {
   let {
-    appearance = 'light',
-    theme = 'blue',
-    baseZoomSize = '1px',
-    baseFontSize = '16px',
-    providerElement = () => {
-      return document.documentElement;
-    },
+    appearance,
+    theme,
+    baseZoomUnit,
+    baseFontUnit,
+    providerElement,
     getAssetPromise,
-    sizeVariableName = '--zd_baseUnit',
-    fontSizeVariableName = '--zd_baseFontUnit'
+    zoomUnitVariableName,
+    fontUnitVariableName,
+    modeDataAttribute,
+    themeDataAttribute
   } = _ref;
   useLayoutEffect(() => {
     const assetPromise = downloadAssets({
       appearance,
       theme,
-      baseZoomSize,
-      baseFontSize,
+      baseZoomUnit,
+      baseFontUnit,
       providerElement,
-      sizeVariableName,
-      fontSizeVariableName
+      zoomUnitVariableName,
+      fontUnitVariableName,
+      modeDataAttribute,
+      themeDataAttribute
     });
     getAssetPromise && getAssetPromise(assetPromise);
-  }, [appearance, theme, baseZoomSize, baseFontSize, providerElement, getAssetPromise, sizeVariableName, fontSizeVariableName]);
+  }, [appearance, theme, baseZoomUnit, baseFontUnit, providerElement, getAssetPromise, zoomUnitVariableName, fontUnitVariableName, modeDataAttribute, themeDataAttribute]);
 }
 
 export default useDotProvider;

package/es/v1/DotProvider/utils/errorValidation.js

@@ -6,7 +6,7 @@ export function errorValidation(_ref) {
   } = _ref;
 
   if (!options.includes(value)) {
-    throw new Error(`We do not support the '${value} in ${type}'. Please provide valid '${type}' values or check spelling.`);
+    console.error(`We do not support the '${value} ${type}'. Please provide valid '${type}' values or check spelling. DotProvider supports light, dark and pureDark appearance & blue, green, orange, red & yellow theme.`);
   }
 
   return;

package/lib/v1/DotProvider/DotProvider.js

@@ -0,0 +1,71 @@
+"use strict";
+
+function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _defaultProps = require("./props/defaultProps");
+
+var _propTypes = require("./props/propTypes");
+
+var _useDotProvider = _interopRequireDefault(require("./useDotProvider"));
+
+var _excluded = ["$ui_tag", "$ui_appearance", "$ui_theme", "$ui_baseZoomUnit", "$ui_baseFontUnit", "$method_providerElement", "$method_getAssetPromise", "$data_zoomUnitVariableName", "$data_fontUnitVariableName", "$data_modeDataAttribute", "$data_themeDataAttribute", "children"];
+
+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 _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 _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+function DotProvider(props) {
+  var _props$$ui_tag = props.$ui_tag,
+      Tag = _props$$ui_tag === void 0 ? _react["default"].Fragment : _props$$ui_tag,
+      $ui_appearance = props.$ui_appearance,
+      $ui_theme = props.$ui_theme,
+      $ui_baseZoomUnit = props.$ui_baseZoomUnit,
+      $ui_baseFontUnit = props.$ui_baseFontUnit,
+      $method_providerElement = props.$method_providerElement,
+      $method_getAssetPromise = props.$method_getAssetPromise,
+      $data_zoomUnitVariableName = props.$data_zoomUnitVariableName,
+      $data_fontUnitVariableName = props.$data_fontUnitVariableName,
+      $data_modeDataAttribute = props.$data_modeDataAttribute,
+      $data_themeDataAttribute = props.$data_themeDataAttribute,
+      children = props.children,
+      rest = _objectWithoutProperties(props, _excluded);
+
+  var internalRef = (0, _react.useRef)(null);
+  (0, _useDotProvider["default"])({
+    appearance: $ui_appearance,
+    theme: $ui_theme,
+    baseZoomUnit: $ui_baseZoomUnit,
+    baseFontUnit: $ui_baseFontUnit,
+    providerElement: Tag !== _react["default"].Fragment ? function () {
+      return internalRef.current;
+    } : $method_providerElement,
+    getAssetPromise: $method_getAssetPromise,
+    zoomUnitVariableName: $data_zoomUnitVariableName,
+    fontUnitVariableName: $data_fontUnitVariableName,
+    modeDataAttribute: $data_modeDataAttribute,
+    themeDataAttribute: $data_themeDataAttribute
+  });
+  return /*#__PURE__*/_react["default"].createElement(Tag, _extends({
+    ref: internalRef
+  }, rest), children);
+}
+
+DotProvider.propTypes = _propTypes.propTypes;
+DotProvider.defaultProps = _defaultProps.defaultProps;
+var _default = DotProvider;
+exports["default"] = _default;

package/lib/v1/DotProvider/downloadAssets.js

@@ -10,11 +10,13 @@ var _dynamicImports = require("./libraryChunks/dynamicImports");
 function downloadAssets(_ref) {
   var appearance = _ref.appearance,
       theme = _ref.theme,
-      baseZoomSize = _ref.baseZoomSize,
-      baseFontSize = _ref.baseFontSize,
+      baseZoomUnit = _ref.baseZoomUnit,
+      baseFontUnit = _ref.baseFontUnit,
       providerElement = _ref.providerElement,
-      sizeVariableName = _ref.sizeVariableName,
-      fontSizeVariableName = _ref.fontSizeVariableName;
+      zoomUnitVariableName = _ref.zoomUnitVariableName,
+      fontUnitVariableName = _ref.fontUnitVariableName,
+      modeDataAttribute = _ref.modeDataAttribute,
+      themeDataAttribute = _ref.themeDataAttribute;
   var promises = [];
   var libAppearance = (0, _dynamicImports.getAppearance)(appearance);
   promises.push(libAppearance);
@@ -24,11 +26,14 @@ function downloadAssets(_ref) {
   promises.push(zoomSize);
   var fontSize = (0, _dynamicImports.getFontSize)();
   promises.push(fontSize);
+  var resolvedZoomUnit = !isNaN(Number(baseZoomUnit)) ? "".concat(Number(baseZoomUnit), "px") : baseZoomUnit;
   var providerElem = providerElement();
 
   if (providerElem) {
-    providerElem.style.setProperty(sizeVariableName, baseZoomSize);
-    providerElem.style.setProperty(fontSizeVariableName, baseFontSize);
+    providerElem.style.setProperty(zoomUnitVariableName, resolvedZoomUnit);
+    providerElem.style.setProperty(fontUnitVariableName, baseFontUnit);
+    providerElem.setAttribute(modeDataAttribute, appearance);
+    providerElem.setAttribute(themeDataAttribute, theme);
   }
 
   return Promise.all(promises);

package/lib/v1/DotProvider/libraryChunks/dynamicImports.js

@@ -23,39 +23,47 @@ var modeArray = ['light', 'dark', 'pureDark'];
 var themeArray = ['blue', 'green', 'orange', 'red', 'yellow'];
 
 function getAppearance(mode) {
-  var libArray = defaultLib;
-  (0, _errorValidation.errorValidation)({
-    options: modeArray,
-    value: mode,
-    type: 'appearance'
-  });
-  var importFilesArray = [];
-  libArray.map(function (libName) {
-    var importFile = _appearanceProperties.appearanceMapping[libName][mode];
-    importFilesArray.push(importFile);
-  });
-  return (0, _importFiles.importFiles)({
-    file: importFilesArray,
-    imports: _appearanceProperties.appearanceImports
-  });
+  try {
+    var libArray = defaultLib;
+    (0, _errorValidation.errorValidation)({
+      options: modeArray,
+      value: mode,
+      type: 'appearance'
+    });
+    var importFilesArray = [];
+    libArray.map(function (libName) {
+      var importFile = _appearanceProperties.appearanceMapping[libName][mode];
+      importFilesArray.push(importFile);
+    });
+    return (0, _importFiles.importFiles)({
+      file: importFilesArray,
+      imports: _appearanceProperties.appearanceImports
+    });
+  } catch (error) {
+    console.log('Error: ', error);
+  }
 }
 
 function getTheme(mode, theme) {
-  var libArray = defaultLib;
-  (0, _errorValidation.errorValidation)({
-    options: themeArray,
-    value: theme,
-    type: 'theme'
-  });
-  var importFilesArray = [];
-  libArray.map(function (libName) {
-    var importFile = _themeProperties.themeMapping[libName][theme][mode];
-    importFilesArray.push(importFile);
-  });
-  return (0, _importFiles.importFiles)({
-    file: importFilesArray,
-    imports: _themeProperties.themeImports
-  });
+  try {
+    var libArray = defaultLib;
+    (0, _errorValidation.errorValidation)({
+      options: themeArray,
+      value: theme,
+      type: 'theme'
+    });
+    var importFilesArray = [];
+    libArray.map(function (libName) {
+      var importFile = _themeProperties.themeMapping[libName][theme][mode];
+      importFilesArray.push(importFile);
+    });
+    return (0, _importFiles.importFiles)({
+      file: importFilesArray,
+      imports: _themeProperties.themeImports
+    });
+  } catch (error) {
+    console.log('Error: ', error);
+  }
 }
 
 function getZoomSize() {

package/lib/v1/DotProvider/props/defaultProps.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.defaultProps = void 0;
+var defaultProps = {
+  $ui_appearance: 'light',
+  $ui_theme: 'blue',
+  $ui_baseZoomUnit: '1px',
+  $ui_baseFontUnit: '16px',
+  $method_providerElement: function $method_providerElement() {
+    return document.documentElement;
+  },
+  $data_zoomUnitVariableName: '--zd_baseUnit',
+  $data_fontUnitVariableName: '--zd_baseFontUnit',
+  $data_modeDataAttribute: 'data-mode',
+  $data_themeDataAttribute: 'data-theme'
+};
+exports.defaultProps = defaultProps;

package/lib/v1/DotProvider/props/propTypes.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.propTypes = void 0;
+
+var _propTypes = _interopRequireDefault(require("prop-types"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+
+var propTypes = {
+  $ui_appearance: _propTypes["default"].oneOf(['light', 'dark', 'pureDark']),
+  $ui_theme: _propTypes["default"].oneOf(['blue', 'green', 'orange', 'red', 'yellow']),
+  $ui_baseZoomUnit: _propTypes["default"].string,
+  $ui_baseFontUnit: _propTypes["default"].string,
+  $method_providerElement: _propTypes["default"].func,
+  $method_getAssetPromise: _propTypes["default"].func,
+  $data_zoomUnitVariableName: _propTypes["default"].string,
+  $data_fontUnitVariableName: _propTypes["default"].string,
+  $data_modeDataAttribute: _propTypes["default"].string,
+  $data_themeDataAttribute: _propTypes["default"].string,
+  children: _propTypes["default"].element
+};
+exports.propTypes = propTypes;

package/lib/v1/DotProvider/useDotProvider.js

@@ -28,35 +28,30 @@ require("@zohodesk/components/lib/common/boxShadow.module.css");
 require("../../common/dot_boxShadow.module.css");
 
 function useDotProvider(_ref) {
-  var _ref$appearance = _ref.appearance,
-      appearance = _ref$appearance === void 0 ? 'light' : _ref$appearance,
-      _ref$theme = _ref.theme,
-      theme = _ref$theme === void 0 ? 'blue' : _ref$theme,
-      _ref$baseZoomSize = _ref.baseZoomSize,
-      baseZoomSize = _ref$baseZoomSize === void 0 ? '1px' : _ref$baseZoomSize,
-      _ref$baseFontSize = _ref.baseFontSize,
-      baseFontSize = _ref$baseFontSize === void 0 ? '16px' : _ref$baseFontSize,
-      _ref$providerElement = _ref.providerElement,
-      providerElement = _ref$providerElement === void 0 ? function () {
-    return document.documentElement;
-  } : _ref$providerElement,
+  var appearance = _ref.appearance,
+      theme = _ref.theme,
+      baseZoomUnit = _ref.baseZoomUnit,
+      baseFontUnit = _ref.baseFontUnit,
+      providerElement = _ref.providerElement,
       getAssetPromise = _ref.getAssetPromise,
-      _ref$sizeVariableName = _ref.sizeVariableName,
-      sizeVariableName = _ref$sizeVariableName === void 0 ? '--zd_baseUnit' : _ref$sizeVariableName,
-      _ref$fontSizeVariable = _ref.fontSizeVariableName,
-      fontSizeVariableName = _ref$fontSizeVariable === void 0 ? '--zd_baseFontUnit' : _ref$fontSizeVariable;
+      zoomUnitVariableName = _ref.zoomUnitVariableName,
+      fontUnitVariableName = _ref.fontUnitVariableName,
+      modeDataAttribute = _ref.modeDataAttribute,
+      themeDataAttribute = _ref.themeDataAttribute;
   (0, _react.useLayoutEffect)(function () {
     var assetPromise = (0, _downloadAssets.downloadAssets)({
       appearance: appearance,
       theme: theme,
-      baseZoomSize: baseZoomSize,
-      baseFontSize: baseFontSize,
+      baseZoomUnit: baseZoomUnit,
+      baseFontUnit: baseFontUnit,
       providerElement: providerElement,
-      sizeVariableName: sizeVariableName,
-      fontSizeVariableName: fontSizeVariableName
+      zoomUnitVariableName: zoomUnitVariableName,
+      fontUnitVariableName: fontUnitVariableName,
+      modeDataAttribute: modeDataAttribute,
+      themeDataAttribute: themeDataAttribute
     });
     getAssetPromise && getAssetPromise(assetPromise);
-  }, [appearance, theme, baseZoomSize, baseFontSize, providerElement, getAssetPromise, sizeVariableName, fontSizeVariableName]);
+  }, [appearance, theme, baseZoomUnit, baseFontUnit, providerElement, getAssetPromise, zoomUnitVariableName, fontUnitVariableName, modeDataAttribute, themeDataAttribute]);
 }
 
 var _default = useDotProvider;

package/lib/v1/DotProvider/utils/errorValidation.js

@@ -11,7 +11,7 @@ function errorValidation(_ref) {
       type = _ref.type;
 
   if (!options.includes(value)) {
-    throw new Error("We do not support the '".concat(value, " in ").concat(type, "'. Please provide valid '").concat(type, "' values or check spelling."));
+    console.error("We do not support the '".concat(value, " ").concat(type, "'. Please provide valid '").concat(type, "' values or check spelling. DotProvider supports light, dark and pureDark appearance & blue, green, orange, red & yellow theme."));
   }
 
   return;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zohodesk/dot",
-  "version": "1.0.0-temp-193.3",
+  "version": "1.0.0-temp-193.4",
   "main": "lib/index",
   "module": "es/index.js",
   "private": false,
@@ -37,7 +37,7 @@
     "sstest": "react-cli sstest",
     "common_package_build": "cd ../common && npm run build && cd ../dot",
     "docs": "npm run css:review && review:props && react-cli docs",
-    "prepublishOnly": "node prePublish.js && npm run download && npm run css:review  && npm run review:props",
+    "prepublishOnly": "node prePublish.js && npm run download && npm run css:review",
     "postpublish": "node postPublish.js",
     "test-clean": "react-cli clean coverage",
     "download": "react-cli clean ./node_modules ./package-lock.json  && npm install",