flipper-ui 0.31.5 → 0.31.7

package/core/inputs/radio-group/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _FormControl2 = _interopRequireDefault(require("@material-ui/core/FormControl"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _RadioGroup2 = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
+var _FormControlLabel2 = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
+var _Radio2 = _interopRequireDefault(require("@material-ui/core/Radio"));
+var _FormLabel2 = _interopRequireDefault(require("@material-ui/core/FormLabel"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _FormControl = _interopRequireDefault(require("@material-ui/core/FormControl"));
-var _FormControlLabel = _interopRequireDefault(require("@material-ui/core/FormControlLabel"));
-var _FormLabel = _interopRequireDefault(require("@material-ui/core/FormLabel"));
-var _Radio = _interopRequireDefault(require("@material-ui/core/Radio"));
-var _RadioGroup = _interopRequireDefault(require("@material-ui/core/RadioGroup"));
 var _excluded = ["row", "options", "className", "padding", "margin", "style", "title", "value", "spacing", "name", "onChange"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -32,26 +32,26 @@ var RadioGroup = function RadioGroup(_ref) {
     name = _ref.name,
     onChange = _ref.onChange,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_FormControl["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_FormControl2["default"], (0, _extends2["default"])({
     fullWidth: true,
     className: className,
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }, otherProps), /*#__PURE__*/_react["default"].createElement(_FormLabel["default"], {
+  }, otherProps), /*#__PURE__*/_react["default"].createElement(_FormLabel2["default"], {
     component: "legend"
-  }, title), /*#__PURE__*/_react["default"].createElement(_RadioGroup["default"], {
+  }, title), /*#__PURE__*/_react["default"].createElement(_RadioGroup2["default"], {
     row: row,
     name: name,
     value: value,
     onChange: onChange
   }, options.map(function (option) {
-    return /*#__PURE__*/_react["default"].createElement(_FormControlLabel["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_FormControlLabel2["default"], {
       key: option.value,
       label: option.label,
       value: option.value,
-      control: /*#__PURE__*/_react["default"].createElement(_Radio["default"], null),
+      control: /*#__PURE__*/_react["default"].createElement(_Radio2["default"], null),
       disabled: option.disabled,
       style: spacing === 'equal' ? {
         flex: 1

package/core/inputs/select/index.js

@@ -5,15 +5,15 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Select2 = _interopRequireDefault(require("@material-ui/core/Select"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _InputAdornment2 = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Clear2 = _interopRequireDefault(require("@mui/icons-material/Clear"));
 var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-var _Select = _interopRequireDefault(require("@material-ui/core/Select"));
 var _styles = require("@material-ui/core/styles");
-var _icons = require("../../../icons");
 var _excluded = ["children", "style", "margin", "padding", "hasClear", "onClear", "onChange", "variant"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,13 +21,13 @@ var iconStyle = {
   right: '2px'
 };
 var renderEndAdornment = function renderEndAdornment(onClear) {
-  return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_InputAdornment2["default"], {
     position: "end"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
     role: "end-adornment-component",
     size: "small",
     onClick: onClear
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
+  }, /*#__PURE__*/_react["default"].createElement(_Clear2["default"], {
     style: {
       fontSize: '15px'
     }
@@ -64,7 +64,7 @@ var Select = function Select(_ref) {
   var endAdornment = hasValue && hasClear ? {
     endAdornment: renderEndAdornment(onClear)
   } : {};
-  return /*#__PURE__*/_react["default"].createElement(_Select["default"], (0, _extends2["default"])({}, endAdornment, {
+  return /*#__PURE__*/_react["default"].createElement(_Select2["default"], (0, _extends2["default"])({}, endAdornment, {
     inputProps: {
       'data-testid': 'select-input'
     },

package/core/inputs/text-field/index.js

@@ -5,26 +5,29 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useStyles = exports.toLispCase = exports.renderOptions = exports["default"] = exports.coerceComboOptions = exports.TextField = exports.HelperBox = exports.EditBox = void 0;
+var _TextField2 = _interopRequireDefault(require("@material-ui/core/TextField"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _InputAdornment2 = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
+var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Clear2 = _interopRequireDefault(require("@mui/icons-material/Clear"));
+var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
+var _ListItem2 = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _Help2 = _interopRequireDefault(require("@mui/icons-material/Help"));
+var _propEq2 = _interopRequireDefault(require("ramda/es/propEq"));
+var _reject2 = _interopRequireDefault(require("ramda/es/reject"));
+var _zipObj2 = _interopRequireDefault(require("ramda/es/zipObj"));
+var _map2 = _interopRequireDefault(require("ramda/es/map"));
+var _split2 = _interopRequireDefault(require("ramda/es/split"));
+var _pipe2 = _interopRequireDefault(require("ramda/es/pipe"));
+var _is2 = _interopRequireDefault(require("ramda/es/is"));
+var _when2 = _interopRequireDefault(require("ramda/es/when"));
 var _react = _interopRequireDefault(require("react"));
-var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
-var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
 var _styles = require("@material-ui/core/styles");
-var _when = _interopRequireDefault(require("ramda/es/when"));
-var _is = _interopRequireDefault(require("ramda/es/is"));
-var _pipe = _interopRequireDefault(require("ramda/es/pipe"));
-var _split = _interopRequireDefault(require("ramda/es/split"));
-var _map = _interopRequireDefault(require("ramda/es/map"));
-var _zipObj = _interopRequireDefault(require("ramda/es/zipObj"));
-var _reject = _interopRequireDefault(require("ramda/es/reject"));
-var _propEq = _interopRequireDefault(require("ramda/es/propEq"));
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _styles2 = require("./styles");
-var _icons = require("../../../icons");
 var _theme = require("../../../theme");
 var _excluded = ["options", "margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear", "onChange", "characters", "children"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -60,7 +63,7 @@ var useStyles = exports.useStyles = (0, _styles.makeStyles)({
     right: '2px'
   }
 });
-var coerceComboOptions = exports.coerceComboOptions = (0, _when["default"])((0, _is["default"])(String), (0, _pipe["default"])((0, _split["default"])(';'), (0, _map["default"])((0, _pipe["default"])((0, _split["default"])('='), (0, _zipObj["default"])(['value', 'label']))), (0, _reject["default"])((0, _propEq["default"])('value', ''))));
+var coerceComboOptions = exports.coerceComboOptions = (0, _when2["default"])((0, _is2["default"])(String), (0, _pipe2["default"])((0, _split2["default"])(';'), (0, _map2["default"])((0, _pipe2["default"])((0, _split2["default"])('='), (0, _zipObj2["default"])(['value', 'label']))), (0, _reject2["default"])((0, _propEq2["default"])('value', ''))));
 var toLispCase = exports.toLispCase = function toLispCase(name) {
   return name.replace(/([a-z])([A-Z])/g, function (_, first, second) {
     return first + '-' + second;
@@ -72,7 +75,7 @@ var HelperBox = exports.HelperBox = function HelperBox(props) {
   }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
     padding: "6px 2px",
     onClick: props.onHelperClick
-  }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_icons.Help, {
+  }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_Help2["default"], {
     htmlColor: primary.main
   })));
 };
@@ -81,7 +84,7 @@ var HelperBox = exports.HelperBox = function HelperBox(props) {
 var renderOptions = exports.renderOptions = function renderOptions(options, classes) {
   var comboOptions = typeof options === 'string' ? coerceComboOptions(options) : options;
   return options && (comboOptions === null || comboOptions === void 0 ? void 0 : comboOptions.map(function (option) {
-    return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_ListItem2["default"], {
       id: toLispCase("option-".concat(option.value)),
       key: option.value,
       disabled: option.disabled,
@@ -98,23 +101,23 @@ var EditBox = exports.EditBox = function EditBox(props) {
   }, props.editing ? /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.saveButtonProps, {
     padding: "6px 2px",
     onClick: props.onSaveClick
-  }), /*#__PURE__*/_react["default"].createElement(_icons.Save, {
+  }), /*#__PURE__*/_react["default"].createElement(_Save2["default"], {
     fontSize: "small"
   })) : /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.editButtonProps, {
     padding: "6px 2px",
     onClick: props.onEditClick
-  }), /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
+  }), /*#__PURE__*/_react["default"].createElement(_Edit2["default"], {
     fontSize: "small"
   })));
 };
 var renderEndAdornment = function renderEndAdornment(onClear) {
-  return /*#__PURE__*/_react["default"].createElement(_InputAdornment["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_InputAdornment2["default"], {
     position: "end"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
     role: "clear-button",
     size: "small",
     onClick: onClear
-  }, /*#__PURE__*/_react["default"].createElement(_icons.Clear, {
+  }, /*#__PURE__*/_react["default"].createElement(_Clear2["default"], {
     style: {
       fontSize: '15px'
     }
@@ -178,7 +181,7 @@ var TextField = exports.TextField = function TextField(_ref) {
       return onChange(event);
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_TextField2["default"], (0, _extends2["default"])({
     title: "",
     select: !!(options !== null && options !== void 0 && options.length),
     fullWidth: fullWidth,
@@ -200,7 +203,8 @@ var TextField = exports.TextField = function TextField(_ref) {
       classes: {
         input: variant === 'outlined' ? classes.outlinedInput : '',
         multiline: variant === 'outlined' ? classes.outlinedMultiline : ''
-      }
+      },
+      endAdornment: characters && /*#__PURE__*/_react["default"].createElement(_styles2.CharactersCount, null, (_otherProps$value = otherProps.value) === null || _otherProps$value === void 0 ? void 0 : _otherProps$value.toString().length, "/", (_otherProps$inputProp = otherProps.inputProps) === null || _otherProps$inputProp === void 0 ? void 0 : _otherProps$inputProp.maxLength)
     }, InputProps),
     SelectProps: _objectSpread(_objectSpread({
       classes: {
@@ -209,7 +213,7 @@ var TextField = exports.TextField = function TextField(_ref) {
     }, endAdornment), SelectProps),
     characters: characters === null || characters === void 0 ? void 0 : characters.toString(),
     onChange: handleInputChange
-  }, otherProps), options ? renderOptions(options, classes) : children), characters && /*#__PURE__*/_react["default"].createElement(_styles2.CharactersCount, null, (_otherProps$value = otherProps.value) === null || _otherProps$value === void 0 ? void 0 : _otherProps$value.toString().length, "/", (_otherProps$inputProp = otherProps.inputProps) === null || _otherProps$inputProp === void 0 ? void 0 : _otherProps$inputProp.maxLength), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
+  }, otherProps), options ? renderOptions(options, classes) : children), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: handleClick
   }));

package/core/inputs/text-field/styles.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const Wrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Helper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TextFieldWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const StaticTextFieldWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const CharactersCount: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
+export declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Helper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const StaticTextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const CharactersCount: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

package/core/inputs/text-field/styles.js

@@ -12,6 +12,6 @@ var _templateObject, _templateObject2, _templateObject3, _templateObject4, _temp
 var grays = _theme.theme.colors.grays;
 var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
 var Helper = exports.Helper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n"])));
-var TextFieldWrapper = exports.TextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
-var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
-var CharactersCount = exports.CharactersCount = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: -35px;\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), grays.g3);
+var TextFieldWrapper = exports.TextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: rows;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
+var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    display: flex;\n    flex-direction: rows;\n    align-items: center;\n"])));
+var CharactersCount = exports.CharactersCount = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), grays.g3);

package/core/navigation/menu/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Menu2 = _interopRequireDefault(require("@material-ui/core/Menu"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Menu = _interopRequireDefault(require("@material-ui/core/Menu"));
 var _excluded = ["children", "padding", "margin", "style", "withWrapper"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,7 +21,7 @@ var Menu = function Menu(_ref) {
     style = _ref$style === void 0 ? {} : _ref$style,
     withWrapper = _ref.withWrapper,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Menu["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Menu2["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       padding: padding,
       margin: margin

package/core/navigation/pagination/index.js

@@ -6,14 +6,15 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _KeyboardArrowRight2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
+var _KeyboardArrowLeft2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _inc2 = _interopRequireDefault(require("ramda/es/inc"));
+var _times2 = _interopRequireDefault(require("ramda/es/times"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _inc = _interopRequireDefault(require("ramda/es/inc"));
-var _times = _interopRequireDefault(require("ramda/es/times"));
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _styles = require("./styles");
-var _icons = require("../../../icons");
 var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -29,7 +30,7 @@ var Pagination = function Pagination(props) {
     onNext = props.onNext,
     onPrevious = props.onPrevious,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  var allPages = (0, _times["default"])(_inc["default"], pages);
+  var allPages = (0, _times2["default"])(_inc2["default"], pages);
   return /*#__PURE__*/_react["default"].createElement(_styles.Content, (0, _extends2["default"])({}, rest, {
     className: className,
     style: _objectSpread({
@@ -41,7 +42,7 @@ var Pagination = function Pagination(props) {
     "data-testid": "prev-page-button",
     size: "small",
     onClick: onPrevious
-  }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, null)), allPages.map(function (page) {
+  }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft2["default"], null)), allPages.map(function (page) {
     return /*#__PURE__*/_react["default"].createElement(_button["default"], {
       size: "small",
       "data-testid": "pagination-page-".concat(page),
@@ -57,6 +58,6 @@ var Pagination = function Pagination(props) {
     "data-testid": "next-page-button",
     size: "small",
     onClick: onNext
-  }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)));
+  }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight2["default"], null)));
 };
 var _default = exports["default"] = Pagination;

package/core/navigation/pagination/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/navigation/sidebar/index.js

@@ -7,13 +7,14 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _KeyboardArrowRight2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
+var _KeyboardArrowLeft2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
 var _styles = require("@material-ui/core/styles");
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _styles2 = require("./styles");
-var _icons = require("../../../icons");
 var _excluded = ["id", "anchor", "className", "color", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "paperClasses", "showButton", "style", "variant", "ButtonProps", "onToggle", "children", "name"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -104,9 +105,9 @@ var Sidebar = function Sidebar(_ref) {
         maxWidth: minWidth
       },
       onClick: onToggle
-    }, ButtonProps), iconToLeft ? /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, {
+    }, ButtonProps), iconToLeft ? /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft2["default"], {
       className: classes.icon
-    }) : /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, {
+    }) : /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight2["default"], {
       className: classes.icon
     })));
   };

package/core/navigation/sidebar/styles.d.ts

@@ -3,5 +3,5 @@ interface IAction {
     anchor?: 'top' | 'left' | 'bottom' | 'right';
     minWidth?: number | string;
 }
-export declare const Action: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAction>>;
+export declare const Action: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IAction>> & string;
 export {};

package/core/navigation/stepper/index.js

@@ -6,17 +6,17 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Stepper2 = _interopRequireDefault(require("@material-ui/core/Stepper"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Step2 = _interopRequireDefault(require("@material-ui/core/Step"));
+var _StepLabel2 = _interopRequireDefault(require("@material-ui/core/StepLabel"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireWildcard(require("react"));
-var _Step = _interopRequireDefault(require("@material-ui/core/Step"));
-var _StepLabel = _interopRequireDefault(require("@material-ui/core/StepLabel"));
-var _Stepper = _interopRequireDefault(require("@material-ui/core/Stepper"));
 var _excluded = ["active", "bottomLabel", "steps", "padding", "margin", "style"];
 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" != _typeof3(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 && Object.prototype.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; }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof3(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; }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var isActive = function isActive(index, active) {
@@ -42,7 +42,7 @@ var Stepper = function Stepper(_ref2) {
     _ref2$style = _ref2.style,
     style = _ref2$style === void 0 ? {} : _ref2$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref2, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Stepper["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Stepper2["default"], (0, _extends2["default"])({
     role: "stepper-container",
     alternativeLabel: bottomLabel,
     activeStep: active,
@@ -51,9 +51,9 @@ var Stepper = function Stepper(_ref2) {
       margin: margin
     }, style)
   }, otherProps), steps.map(function (step, index) {
-    return /*#__PURE__*/_react["default"].createElement(_Step["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_Step2["default"], {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_StepLabel["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_StepLabel2["default"], {
       icon: (0, _typeof2["default"])(step) === 'object' ? /*#__PURE__*/_react["default"].createElement(StepIcon, {
         icon: step.icon,
         active: !!isActive(index, active)

package/core/navigation/tab/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Tab2 = _interopRequireDefault(require("@material-ui/core/Tab"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Tab = _interopRequireDefault(require("@material-ui/core/Tab"));
 var _excluded = ["style", "margin", "disableRipple", "padding"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -19,7 +19,7 @@ var Tab = function Tab(_ref) {
     disableRipple = _ref.disableRipple,
     padding = _ref.padding,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Tab["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Tab2["default"], (0, _extends2["default"])({
     disableRipple: disableRipple,
     style: _objectSpread({
       margin: margin,

package/core/navigation/tabs/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Tabs2 = _interopRequireDefault(require("@material-ui/core/Tabs"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Tabs = _interopRequireDefault(require("@material-ui/core/Tabs"));
 var _excluded = ["children", "centered", "padding", "style", "margin", "variant", "indicatorColor"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -26,7 +26,7 @@ var Tabs = function Tabs(_ref) {
     _ref$indicatorColor = _ref.indicatorColor,
     indicatorColor = _ref$indicatorColor === void 0 ? 'primary' : _ref$indicatorColor,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Tabs["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Tabs2["default"], (0, _extends2["default"])({
     indicatorColor: indicatorColor,
     centered: centered
   }, otherProps, {

package/core/surfaces/content/styles.d.ts

@@ -1,3 +1,3 @@
 import type { CSSProperties } from 'react';
-export declare const StyledContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
+export declare const StyledContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
 export declare const ContainerStyles: CSSProperties;

package/core/surfaces/expansion-panel/styles.d.ts

@@ -1,2 +1,2 @@
 /// <reference types="react" />
-export declare const ExpansionPanelHeaderWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const ExpansionPanelHeaderWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/surfaces/header/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _AppBar2 = _interopRequireDefault(require("@material-ui/core/AppBar"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Toolbar2 = _interopRequireDefault(require("@material-ui/core/Toolbar"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _AppBar = _interopRequireDefault(require("@material-ui/core/AppBar"));
-var _Toolbar = _interopRequireDefault(require("@material-ui/core/Toolbar"));
 var _excluded = ["children", "padding", "margin", "style", "elevation"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -23,12 +23,12 @@ var Header = function Header(_ref) {
     _ref$elevation = _ref.elevation,
     elevation = _ref$elevation === void 0 ? 0 : _ref$elevation,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_AppBar["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_AppBar2["default"], (0, _extends2["default"])({}, otherProps, {
     elevation: elevation,
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }), /*#__PURE__*/_react["default"].createElement(_Toolbar["default"], null, children));
+  }), /*#__PURE__*/_react["default"].createElement(_Toolbar2["default"], null, children));
 };
 var _default = exports["default"] = Header;

package/core/surfaces/paper/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Paper = void 0;
+var _Paper2 = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _Paper = _interopRequireDefault(require("@material-ui/core/Paper"));
 var _excluded = ["children", "style", "padding", "margin"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -20,7 +20,7 @@ var Paper = exports.Paper = function Paper(_ref) {
     padding = _ref.padding,
     margin = _ref.margin,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_Paper2["default"], (0, _extends2["default"])({}, otherProps, {
     role: "mui-paper-container",
     style: _objectSpread({
       padding: padding,

package/core/surfaces/step-card/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Accordion2 = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _react = _interopRequireDefault(require("react"));
-var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _stepCardDetails = require("./step-card-details");
 var _stepCardPanel = require("./step-card-panel");
 var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
@@ -54,7 +54,7 @@ var StepCard = function StepCard(_ref) {
   }) : /*#__PURE__*/_react["default"].createElement(_styles.Container, (0, _extends2["default"])({
     margin: margin,
     fullWidth: fullWidth
-  }, rootProps), /*#__PURE__*/_react["default"].createElement(_Accordion["default"], (0, _extends2["default"])({}, expanded ? {
+  }, rootProps), /*#__PURE__*/_react["default"].createElement(_Accordion2["default"], (0, _extends2["default"])({}, expanded ? {
     expanded: expanded
   } : {}, {
     onChange: onChange

package/core/surfaces/step-card/step-card-details.js

@@ -6,13 +6,14 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.StepCardDetails = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _List2 = _interopRequireDefault(require("@material-ui/core/List"));
+var _Help2 = _interopRequireDefault(require("@mui/icons-material/Help"));
+var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 var _react = _interopRequireDefault(require("react"));
-var _List = _interopRequireDefault(require("@material-ui/core/List"));
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
 var _styles = require("./styles");
-var _icons = require("../../../icons");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
   feedback = _theme$colors.feedback,
@@ -20,7 +21,7 @@ var _theme$colors = _theme.theme.colors,
 var StepsList = function StepsList(_ref) {
   var steps = _ref.steps,
     onStepUrlClick = _ref.onStepUrlClick;
-  return /*#__PURE__*/_react["default"].createElement(_List["default"], null, (steps || []).map(function (step, index) {
+  return /*#__PURE__*/_react["default"].createElement(_List2["default"], null, (steps || []).map(function (step, index) {
     var handleOnClickStepUrl = function handleOnClickStepUrl() {
       if (onStepUrlClick && step.url) {
         onStepUrlClick(step.url);
@@ -28,7 +29,7 @@ var StepsList = function StepsList(_ref) {
     };
     return /*#__PURE__*/_react["default"].createElement(_styles.ListItemContainer, {
       key: index
-    }, /*#__PURE__*/_react["default"].createElement(_icons.CheckCircle, {
+    }, /*#__PURE__*/_react["default"].createElement(_CheckCircle2["default"], {
       style: {
         color: step.done ? feedback.success : grays.g3
       }
@@ -44,7 +45,7 @@ var StepsList = function StepsList(_ref) {
         backgroundColor: 'unset'
       },
       onClick: handleOnClickStepUrl
-    }, /*#__PURE__*/_react["default"].createElement(_icons.Help, {
+    }, /*#__PURE__*/_react["default"].createElement(_Help2["default"], {
       fontSize: "small",
       style: {
         margin: '0px'