orc-shared 5.10.2 → 5.99.0-dev.10

package/dist/components/Form/Inputs/Button.js

@@ -32,10 +32,10 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     positionedButton: {
       width: "max-content",
       position: "relative",
-      padding: "6px 14px !important",
+      padding: "".concat(theme.spacing(0.6, 1.4), " !important"),
       "&:hover": {
         borderColor: "#4fa1f0",
-        boxShadow: "0 0 4px #4fa1f0",
+        boxShadow: "".concat(theme.spacing(0, 0, 0.4), " #4fa1f0"),
         outline: "none",
         backgroundColor: "#f7f7f7 !important"
       },

package/dist/components/Form/Inputs/MultiSelector.js

@@ -0,0 +1,137 @@
+"use strict";
+
+exports.__esModule = true;
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactIntl = require("react-intl");
+var _Select = _interopRequireDefault(require("../../MaterialUI/Inputs/Select"));
+var _SelectProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SelectProps"));
+var _sharedMessages = _interopRequireDefault(require("../../../sharedMessages"));
+var _excluded = ["value", "width", "options", "update", "addClearSelectAll", "multipleRenderValue"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+(function () {
+  var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
+  enterModule && enterModule(module);
+})();
+function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var s = Object.getOwnPropertySymbols(e); for (r = 0; r < s.length; r++) o = s[r], t.includes(o) || {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
+function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (e.includes(n)) continue; t[n] = r[n]; } return t; }
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
+  return a;
+};
+var clearValue = "__#Clear#__";
+var selectAllValue = "__#SelectAll#__";
+var MultiSelector = function MultiSelector(_ref) {
+  var value = _ref.value,
+    _ref$width = _ref.width,
+    width = _ref$width === void 0 ? 700 : _ref$width,
+    options = _ref.options,
+    update = _ref.update,
+    addClearSelectAll = _ref.addClearSelectAll,
+    multipleRenderValue = _ref.multipleRenderValue,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useIntl = (0, _reactIntl.useIntl)(),
+    formatMessage = _useIntl.formatMessage;
+  var valueUpdater = function valueUpdater(value) {
+    if (value.indexOf(clearValue) >= 0) {
+      update([]);
+    } else if (value.indexOf(selectAllValue) >= 0) {
+      update(options.map(function (x) {
+        return x.value;
+      }));
+    } else {
+      update(value);
+    }
+  };
+  var selectProps = new _SelectProps.default();
+  var selectionOptions = [];
+  if (addClearSelectAll) {
+    if (value.length > 0) {
+      selectionOptions.push({
+        label: formatMessage(_sharedMessages.default.clear),
+        value: clearValue
+      });
+    }
+    if (value.length !== options.length) {
+      selectionOptions.push({
+        label: formatMessage(_sharedMessages.default.selectAll),
+        value: selectAllValue
+      });
+    }
+  }
+  var allOptions = [].concat(selectionOptions, options);
+  selectProps.set(_SelectProps.default.propNames.value, value);
+  selectProps.set(_SelectProps.default.propNames.onClose, props.onBlur);
+  selectProps.set(_SelectProps.default.propNames.disabled, props.disabled);
+  selectProps.set(_SelectProps.default.propNames.multiple, true);
+  selectProps.set(_SelectProps.default.propNames.multipleSelectWidth, width);
+  selectProps.set(_SelectProps.default.propNames.update, valueUpdater);
+  selectProps.set(_SelectProps.default.propNames.autoWidth, false);
+  selectProps.set(_SelectProps.default.propNames.autoFocus, false);
+  selectProps.set(_SelectProps.default.propNames.renderValue, multipleRenderValue ? function () {
+    return multipleRenderValue(value, options);
+  } : null);
+  selectProps.set(_SelectProps.default.propNames.positionOverride, {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    }
+  });
+  var hasError = props.required && (!Array.isArray(value) || value.length === 0);
+  selectProps.set(_SelectProps.default.propNames.error, hasError);
+  return /*#__PURE__*/_react.default.createElement(_Select.default, {
+    options: allOptions,
+    selectProps: selectProps
+  });
+};
+__signature__(MultiSelector, "useIntl{{ formatMessage }}", function () {
+  return [_reactIntl.useIntl];
+});
+__signature__(MultiSelector, "useIntl{{ formatMessage }}", function () {
+  return [_reactIntl.useIntl];
+});
+var _default = MultiSelector;
+var _default2 = _default;
+var _default3 = exports.default = _default2;
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(clearValue, "clearValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(selectAllValue, "selectAllValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();
+;
+(function () {
+  var reactHotLoader = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default : undefined;
+  if (!reactHotLoader) {
+    return;
+  }
+  reactHotLoader.register(clearValue, "clearValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(selectAllValue, "selectAllValue", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(MultiSelector, "MultiSelector", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+  reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/MultiSelector.js");
+})();
+;
+(function () {
+  var leaveModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.leaveModule : undefined;
+  leaveModule && leaveModule(module);
+})();

package/dist/components/Form/Inputs/Selector.js

@@ -1,10 +1,9 @@
 "use strict";
 
 exports.__esModule = true;
-exports.selectEventUpdater = exports.default = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _Select = _interopRequireDefault(require("../../MaterialUI/Inputs/Select"));
-var _utils = require("../../../utils");
 var _SelectProps = _interopRequireDefault(require("../../MaterialUI/Inputs/SelectProps"));
 var _excluded = ["value", "options", "update"];
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
@@ -24,11 +23,6 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var selectEventUpdater = exports.selectEventUpdater = (0, _utils.memoize)(function (update) {
-  return function (value) {
-    return update(value);
-  };
-});
 var Selector = function Selector(_ref) {
   var value = _ref.value,
     options = _ref.options,
@@ -38,7 +32,18 @@ var Selector = function Selector(_ref) {
   selectProps.set(_SelectProps.default.propNames.value, value);
   selectProps.set(_SelectProps.default.propNames.onClose, props.onBlur);
   selectProps.set(_SelectProps.default.propNames.disabled, props.disabled);
-  selectProps.set(_SelectProps.default.propNames.update, selectEventUpdater(update));
+  selectProps.set(_SelectProps.default.propNames.update, update);
+  selectProps.set(_SelectProps.default.propNames.autoWidth, false);
+  selectProps.set(_SelectProps.default.propNames.positionOverride, {
+    anchorOrigin: {
+      vertical: "bottom",
+      horizontal: "left"
+    },
+    transformOrigin: {
+      vertical: "top",
+      horizontal: "left"
+    }
+  });
   var hasError = props.required && !value ? true : false;
   selectProps.set(_SelectProps.default.propNames.error, hasError);
   return /*#__PURE__*/_react.default.createElement(_Select.default, {
@@ -55,7 +60,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
 })();
@@ -70,7 +74,6 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(selectEventUpdater, "selectEventUpdater", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(Selector, "Selector", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/Form/Inputs/Selector.js");
 })();

package/dist/components/Form/Inputs/index.js

@@ -3,7 +3,7 @@
 exports.__esModule = true;
 exports.default = void 0;
 var _Selector = _interopRequireDefault(require("./Selector"));
-var _MultiSelector = _interopRequireDefault(require("../../MultiSelector"));
+var _MultiSelector = _interopRequireDefault(require("./MultiSelector"));
 var _Button = _interopRequireDefault(require("./Button"));
 var _ReadOnly = require("./ReadOnly");
 var _Toggles = require("./Toggles");

package/dist/components/InternetExplorerWarningMessage.js

@@ -27,29 +27,29 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
   return {
     container: {
       fontFamily: "'Open Sans', sans-serif",
-      fontSize: "14px",
+      fontSize: theme.spacing(1.4),
       background: "rgba(255,255,255,0.85)",
-      maxWidth: "700px",
-      width: "calc(100% - 40px)",
+      maxWidth: theme.spacing(70),
+      width: "calc(100% - ".concat(theme.spacing(4), ")"),
       display: "block",
       top: "50%",
       left: "50%",
       position: "absolute",
-      boxShadow: "0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19)",
+      boxShadow: "".concat(theme.spacing(0, 0.4, 0.8, 0), " rgba(0, 0, 0, 0.2), ").concat(theme.spacing(0, 0.6, 2, 0), " rgba(0, 0, 0, 0.19)"),
       transform: "translateY(-50%) translateX(-50%)",
-      padding: "80px",
-      borderRadius: "3px",
+      padding: theme.spacing(8),
+      borderRadius: theme.spacing(0.3),
       "& header": {
-        paddingBottom: "20px",
-        marginBottom: "20px",
+        paddingBottom: theme.spacing(2),
+        marginBottom: theme.spacing(2),
         borderBottom: "1px solid #999",
         "& h1": {
           fontWeight: 400,
-          fontWize: "30px",
+          fontWize: theme.spacing(3),
           marginTop: 0,
-          marginBottom: "5px",
+          marginBottom: theme.spacing(0.5),
           "& p": {
-            fontSize: "16px",
+            fontSize: theme.spacing(1.6),
             margin: 0,
             color: "#999",
             fontWeight: 400
@@ -62,7 +62,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexWrap: "wrap",
       width: "100%",
       boxSizing: "border-box",
-      marginTop: "40px"
+      marginTop: theme.spacing(4)
     },
     gridItem: {
       display: "flex",
@@ -71,16 +71,16 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       flexDirection: "column"
     },
     browserIconContainer: {
-      width: "48px",
+      width: theme.spacing(4.8),
       textAlign: "center"
     },
     browserIconCaption: {
-      fontSize: "11px",
+      fontSize: theme.spacing(1.1),
       color: "#999"
     },
     browserIcon: {
       stroke: "none",
-      fontSize: "48px"
+      fontSize: theme.spacing(4.8)
     }
   };
 });

package/dist/components/LoadingIcon.js

@@ -1,13 +1,10 @@
 "use strict";
 
 exports.__esModule = true;
-exports.default = exports.Wrapper = void 0;
+exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireWildcard(require("styled-components"));
-var _utils = require("../utils");
-var _Placeholder = _interopRequireDefault(require("./Placeholder"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+var _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _core = require("@material-ui/core");
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 (function () {
   var enterModule = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.enterModule : undefined;
@@ -23,15 +20,39 @@ var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoader
 var __signature__ = typeof reactHotLoaderGlobal !== 'undefined' ? reactHotLoaderGlobal.default.signature : function (a) {
   return a;
 };
-var Wrapper = exports.Wrapper = _styledComponents.default.div.withConfig({
-  displayName: "LoadingIcon__Wrapper",
-  componentId: "sc-16mqybc-0"
-})(["display:flex;width:60%;height:100%;padding:0 20vw;flex-direction:column;justify-content:center;"]);
-var LoadingIcon = (0, _styledComponents.withTheme)(function (props) {
-  return /*#__PURE__*/_react.default.createElement(_Placeholder.default, {
-    icon: (0, _utils.getThemeProp)(["icons", "loading"], "loading")(props),
-    animate: true
-  });
+var useStyles = (0, _core.makeStyles)(function (theme) {
+  return {
+    progressContainer: {
+      top: 0,
+      left: 0,
+      right: 0,
+      bottom: 0,
+      display: "flex",
+      position: "fixed",
+      alignItems: "center",
+      justifyContent: "center",
+      zIndex: 999
+    },
+    progress: {
+      color: theme.palette.primary.main
+    }
+  };
+});
+var LoadingIcon = function LoadingIcon() {
+  var classes = useStyles();
+  return /*#__PURE__*/_react.default.createElement("div", {
+    className: classes.progressContainer
+  }, /*#__PURE__*/_react.default.createElement(_CircularProgress.default, {
+    className: classes.progress,
+    size: 100,
+    color: "inherit"
+  }));
+};
+__signature__(LoadingIcon, "useStyles{classes}", function () {
+  return [useStyles];
+});
+__signature__(LoadingIcon, "useStyles{classes}", function () {
+  return [useStyles];
 });
 var _default = LoadingIcon;
 var _default2 = _default;
@@ -42,7 +63,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(LoadingIcon, "LoadingIcon", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(_default, "default", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
 })();
@@ -57,7 +78,7 @@ var _default3 = exports.default = _default2;
   if (!reactHotLoader) {
     return;
   }
-  reactHotLoader.register(Wrapper, "Wrapper", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
+  reactHotLoader.register(useStyles, "useStyles", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(LoadingIcon, "LoadingIcon", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
   reactHotLoader.register(_default2, "default", "/home/vsts/work/1/s/src/components/LoadingIcon.js");
 })();

package/dist/components/MaterialUI/DataDisplay/Modal.js

@@ -48,12 +48,12 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     containerWide: {
       width: theme.spacing(106.4),
-      height: "calc(100% - 80px)",
+      height: "calc(100% - ".concat(theme.spacing(8), ")"),
       maxHeight: theme.spacing(73)
     },
     containerFullwidth: {
-      width: "calc(100% - 80px)",
-      height: "calc(100% - 80px)"
+      width: "calc(100% - ".concat(theme.spacing(8), ")"),
+      height: "calc(100% - ".concat(theme.spacing(8), ")")
     },
     title: {
       height: theme.spacing(4),

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/Placeholder.js

@@ -63,18 +63,18 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     textSkeleton: {
       width: "100%",
-      height: 6,
+      height: theme.spacing(0.6),
       animation: false
     },
     chipSkeleton: {
-      width: 60,
-      height: 25,
+      width: theme.spacing(6),
+      height: theme.spacing(2.5),
       animation: false,
-      borderRadius: "15px"
+      borderRadius: theme.spacing(1.5)
     },
     radioSkeleton: {
-      width: 17,
-      height: 17,
+      width: theme.spacing(1.7),
+      height: theme.spacing(1.7),
       animation: false
     },
     root: {

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/StepperModal.js

@@ -96,7 +96,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     },
     active: {
       backgroundColor: "".concat(theme.palette.primary.dark, " !important"),
-      boxShadow: "inset 10px 0 10px 1px rgba(0,0,0,0.18)",
+      boxShadow: "inset ".concat(theme.spacing(1, 0, 1, 0.1), " rgba(0,0,0,0.18)"),
       "&:after": {
         borderLeftColor: "".concat(theme.palette.primary.dark, " !important")
       }

package/dist/components/MaterialUI/DataDisplay/PredefinedElements/TableInfoBar.js

@@ -36,7 +36,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     label: {
       fontSize: theme.typography.h2Size,
       fontFamily: theme.typography.fontFamily,
-      fontWeight: theme.typography.fontWeightMedium
+      fontWeight: theme.typography.fontWeightRegular
     }
   };
 });

package/dist/components/MaterialUI/DataDisplay/SelectionList.js

@@ -60,7 +60,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       },
       "&::-webkit-scrollbar-thumb": {
         background: theme.palette.grey.borders,
-        border: "5px white solid",
+        border: "".concat(theme.spacing(0.5), " white solid"),
         backgroundClip: "padding-box",
         borderRadius: theme.spacing(1.5)
       }

package/dist/components/MaterialUI/DataDisplay/Table.js

@@ -353,7 +353,7 @@ var DefaultFullTable = _react.default.forwardRef(function (props, ref) {
     isEditingMode: props.isEditingMode,
     context: props.context
   })), props.tableRows.length > 0 ? null : /*#__PURE__*/_react.default.createElement("div", {
-    className: props.classes.placeholder
+    className: (0, _classnames.default)(props.classes.placeholder, props.customClasses.placeholderContainer)
   }, props.placeholder));
 });
 var FullTableWithSavedScrollbar = _react.default.forwardRef(__signature__(__signature__(function (props, ref) {
@@ -452,6 +452,7 @@ var Table = _react.default.forwardRef(__signature__(__signature__(function (_ref
   customClasses["tableCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableCell)) || null;
   customClasses["headerCell"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.headerCell)) || null;
   customClasses["tableContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.tableContainer)) || null;
+  customClasses["placeholderContainer"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.placeholderContainer)) || null;
   customClasses["container"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.container)) || null;
   customClasses["table"] = (tableProps == null ? void 0 : tableProps.getStyle(_TableProps.default.ruleNames.table)) || null;
   if (selectedRows && !selectedRowsChanged || !selectedRows && selectedRowsChanged) throw new Error("Both 'selectedRows' and 'selectedRowsChanged' need to be defined if one of them is.");

package/dist/components/MaterialUI/DataDisplay/TableProps.js

@@ -44,6 +44,7 @@ var TableProps = /*#__PURE__*/function (_ComponentProps) {
     _this.componentClasses.set(_this.constructor.ruleNames.tableCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.headerCell, null);
     _this.componentClasses.set(_this.constructor.ruleNames.tableContainer, null);
+    _this.componentClasses.set(_this.constructor.ruleNames.placeholderContainer, null);
     _this.componentClasses.set(_this.constructor.ruleNames.container, null);
     _this.componentClasses.set(_this.constructor.ruleNames.table, null);
     _this._isTableProps = true;
@@ -79,7 +80,8 @@ _defineProperty(TableProps, "ruleNames", {
   headerCell: "headerCell",
   tableContainer: "tableContainer",
   container: "container",
-  table: "table"
+  table: "table",
+  placeholderContainer: "placeholderContainer"
 });
 var isTableProps = exports.isTableProps = function isTableProps(value) {
   if (value == null) return true;

package/dist/components/MaterialUI/DataDisplay/TransferList.js

@@ -62,7 +62,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       },
       "&::-webkit-scrollbar-thumb": {
         background: theme.palette.grey.borders,
-        border: "5px white solid",
+        border: "".concat(theme.spacing(0.5), " white solid"),
         backgroundClip: "padding-box",
         borderRadius: theme.spacing(1.5)
       }

package/dist/components/MaterialUI/Inputs/CheckboxGroup.js

@@ -42,7 +42,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
         return props.row ? "row" : "column";
       },
       flexWrap: "wrap",
-      marginLeft: "8px"
+      marginLeft: theme.spacing(0.8)
     },
     errorText: {
       marginTop: theme.spacing(0.5),

package/dist/components/MaterialUI/Inputs/DatePicker.js

@@ -49,7 +49,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
       "&:focus, &:focus-within": {
         borderRadius: theme.shape.borderRadius,
         borderColor: theme.palette.focus,
-        boxShadow: "0 0 4px ".concat(theme.palette.focus),
+        boxShadow: "0 0 ".concat(theme.spacing(0.4), " ").concat(theme.palette.focus),
         outline: "none"
       },
       "& .react-datepicker": {

package/dist/components/MaterialUI/Inputs/PredefinedElements/SearchControl.js

@@ -125,7 +125,7 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)(function (theme) {
       "&:focus-within": {
         zIndex: 99,
         border: "".concat(theme.spacing(0.1), " solid ").concat(theme.palette.focus),
-        boxShadow: "0 0 4px ".concat(theme.palette.focus)
+        boxShadow: "0 0 ".concat(theme.spacing(0.4), " ").concat(theme.palette.focus)
       }
     },
     selectRoot: {