flipper-ui 0.35.0 → 0.35.2

package/core/data-display/data-table/data-table-pagination-actions.js

@@ -5,12 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.makeDataTablePaginationActions = void 0;
-var _LastPage2 = _interopRequireDefault(require("@mui/icons-material/LastPage"));
-var _KeyboardArrowRight2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowRight"));
-var _KeyboardArrowLeft2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowLeft"));
-var _FirstPage2 = _interopRequireDefault(require("@mui/icons-material/FirstPage"));
 var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var makeDataTablePaginationActions = exports.makeDataTablePaginationActions = function makeDataTablePaginationActions(_ref) {
   var showFirstButton = _ref.showFirstButton,
@@ -38,18 +35,18 @@ var makeDataTablePaginationActions = exports.makeDataTablePaginationActions = fu
       disabled: page === 0 || clickable,
       "aria-label": "first page",
       onClick: handleFirstPageButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_FirstPage2["default"], null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_mui.IconFirstPage, null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
       disabled: page === 0 || clickable,
       "aria-label": "previous page",
       onClick: handleBackButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft2["default"], null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_mui.IconNavigateBefore, null)), /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
       disabled: page >= totalPages || clickable,
       "aria-label": "next page",
       onClick: handleNextButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight2["default"], null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    }, /*#__PURE__*/_react["default"].createElement(_mui.IconNavigateNext, null)), showLastButton && /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
       disabled: page >= totalPages || clickable,
       "aria-label": "last page",
       onClick: handleLastPageButtonClick
-    }, /*#__PURE__*/_react["default"].createElement(_LastPage2["default"], null)));
+    }, /*#__PURE__*/_react["default"].createElement(_mui.IconLastPage, null)));
   };
 };

package/core/data-display/password-visibility/index.js

@@ -6,10 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Visibility2 = _interopRequireDefault(require("@mui/icons-material/Visibility"));
-var _VisibilityOff2 = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _excluded = ["show", "onToggle", "name"];
 var PasswordVisibility = function PasswordVisibility(_ref) {
@@ -21,9 +20,9 @@ var PasswordVisibility = function PasswordVisibility(_ref) {
     padding: "0px",
     name: name !== null && name !== void 0 ? name : 'show-password',
     onClick: onToggle
-  }), show ? /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], {
+  }), show ? /*#__PURE__*/_react["default"].createElement(_mui.IconVisibilityOff, {
     "data-testid": "icon-off"
-  }) : /*#__PURE__*/_react["default"].createElement(_Visibility2["default"], {
+  }) : /*#__PURE__*/_react["default"].createElement(_mui.IconVisibility, {
     "data-testid": "icon-on"
   }));
 };

package/core/feedback/snackbar/index.js

@@ -6,17 +6,13 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _Warning2 = _interopRequireDefault(require("@mui/icons-material/Warning"));
-var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
-var _Info2 = _interopRequireDefault(require("@mui/icons-material/Info"));
-var _Error2 = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _react = _interopRequireDefault(require("react"));
 var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
 var _SnackbarContent = _interopRequireDefault(require("@mui/material/SnackbarContent"));
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _excluded = ["id", "action", "anchorOrigin", "autoHide", "icon", "message", "onClose", "open", "padding", "margin", "style", "variant", "className", "TransitionComponent", "TransitionProps", "onClick"];
@@ -30,19 +26,19 @@ var _theme$colors = _theme.theme.colors,
 var variants = {
   error: {
     color: red[500],
-    icon: _Error2["default"]
+    icon: _mui.IconError
   },
   info: {
     color: blue[600],
-    icon: _Info2["default"]
+    icon: _mui.IconInfo
   },
   success: {
     color: green[400],
-    icon: _CheckCircle2["default"]
+    icon: _mui.IconCheckCircle
   },
   warning: {
     color: orange[600],
-    icon: _Warning2["default"]
+    icon: _mui.IconWarning
   }
 };
 var SnackBar = function SnackBar(props) {
@@ -112,7 +108,7 @@ var SnackBar = function SnackBar(props) {
       "aria-label": "Close",
       color: "inherit",
       onClick: handleClose
-    }, /*#__PURE__*/_react["default"].createElement(_Close2["default"], null))
+    }, /*#__PURE__*/_react["default"].createElement(_mui.IconClose, null))
   }, otherProps)));
 };
 var _default = exports["default"] = SnackBar;

package/core/inputs/add-button/index.js

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _NoteAdd2 = _interopRequireDefault(require("@mui/icons-material/NoteAdd"));
 var _react = _interopRequireDefault(require("react"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var AddButton = function AddButton(props) {
   return /*#__PURE__*/_react["default"].createElement(_styles.ButtonAdd, (0, _extends2["default"])({}, props, {
@@ -20,6 +20,6 @@ var AddButton = function AddButton(props) {
     margin: props.margin || '12px 0 24px',
     fullWidth: props.fullWidth,
     onClick: props.onClick
-  }), /*#__PURE__*/_react["default"].createElement(_NoteAdd2["default"], null), props.label);
+  }), /*#__PURE__*/_react["default"].createElement(_mui.IconNoteAdd, null), props.label);
 };
 var _default = exports["default"] = AddButton;

package/core/inputs/select/index.js

@@ -8,11 +8,11 @@ exports["default"] = void 0;
 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 _Clear2 = _interopRequireDefault(require("@mui/icons-material/Clear"));
 var _react = _interopRequireDefault(require("react"));
 var _IconButton = _interopRequireDefault(require("@mui/material/IconButton"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _Select = _interopRequireDefault(require("@mui/material/Select"));
+var _mui = require("../../../icons/mui");
 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; }
@@ -26,8 +26,8 @@ var renderEndAdornment = function renderEndAdornment(onClear) {
     role: "end-adornment-component",
     size: "small",
     onClick: onClear
-  }, /*#__PURE__*/_react["default"].createElement(_Clear2["default"], {
-    style: {
+  }, /*#__PURE__*/_react["default"].createElement(_mui.IconClose, {
+    sx: {
       fontSize: '15px'
     }
   })));

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

@@ -8,8 +8,6 @@ exports.renderOptions = exports["default"] = exports.HelperBox = void 0;
 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 _Clear2 = _interopRequireDefault(require("@mui/icons-material/Clear"));
-var _Help2 = _interopRequireDefault(require("@mui/icons-material/Help"));
 var _reject2 = _interopRequireDefault(require("ramda/es/reject"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _map2 = _interopRequireDefault(require("ramda/es/map"));
@@ -19,6 +17,7 @@ var _react = _interopRequireDefault(require("react"));
 var _InputAdornment = _interopRequireDefault(require("@mui/material/InputAdornment"));
 var _MenuItem = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _TextField = _interopRequireDefault(require("@mui/material/TextField"));
+var _mui = require("../../../icons/mui");
 var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _styles = require("./styles");
 var _theme = require("../../../theme");
@@ -50,7 +49,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(_Help2["default"], {
+  }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_mui.IconHelp, {
     htmlColor: primary.main
   })));
 };
@@ -76,7 +75,7 @@ var renderEndAdornment = function renderEndAdornment(disabled, onClear) {
     margin: "0 16px 0 0",
     disabled: disabled || false,
     onClick: onClear
-  }, /*#__PURE__*/_react["default"].createElement(_Clear2["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_mui.IconClose, {
     fontSize: "inherit"
   })));
 };

package/core/navigation/breadcrumbs/index.js

@@ -5,12 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _ChevronRight2 = _interopRequireDefault(require("@mui/icons-material/ChevronRight"));
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _map2 = _interopRequireDefault(require("ramda/es/map"));
 var _addIndex2 = _interopRequireDefault(require("ramda/es/addIndex"));
 var _react = _interopRequireDefault(require("react"));
 var _Breadcrumbs = _interopRequireDefault(require("@mui/material/Breadcrumbs"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var imap = (0, _addIndex2["default"])(_map2["default"]);
 var defaultLinkWrapper = function defaultLinkWrapper(link, label) {
@@ -42,7 +42,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     return validChunkWord && (isLastChunk ? text : linkWrapper(link, text));
   }, allChunks);
   return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
-    separator: /*#__PURE__*/_react["default"].createElement(_ChevronRight2["default"], null)
+    separator: /*#__PURE__*/_react["default"].createElement(_mui.IconNavigateNext, null)
   }, links);
 };
 var _default = exports["default"] = Breadcrumbs;

package/core/navigation/sidebar/index.js

@@ -7,11 +7,10 @@ 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("@mui/material/Drawer"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _excluded = ["id", "anchor", "className", "docked", "expanded", "margin", "maxWidth", "minWidth", "top", "open", "padding", "showButton", "style", "variant", "ButtonProps", "onToggle", "children", "name"];
@@ -57,11 +56,7 @@ var Sidebar = function Sidebar(_ref) {
       padding: "6px 16px",
       minwidth: minWidth,
       onClick: onToggle
-    }, ButtonProps), iconToLeft ? /*#__PURE__*/_react["default"].createElement(_KeyboardArrowLeft2["default"], {
-      fontSize: "medium"
-    }) : /*#__PURE__*/_react["default"].createElement(_KeyboardArrowRight2["default"], {
-      fontSize: "medium"
-    })));
+    }, ButtonProps), iconToLeft ? /*#__PURE__*/_react["default"].createElement(_mui.IconNavigateBefore, null) : /*#__PURE__*/_react["default"].createElement(_mui.IconNavigateNext, null)));
   };
   var width = expanded ? maxWidth : minWidth;
   return /*#__PURE__*/_react["default"].createElement(_Drawer["default"], (0, _extends2["default"])({}, otherProps, {

package/core/surfaces/card/index.js

@@ -5,15 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
-var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Delete2 = _interopRequireDefault(require("@mui/icons-material/Delete"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _line = _interopRequireDefault(require("../../data-display/line"));
 var _addButton = _interopRequireDefault(require("../../inputs/add-button"));
 var _paper = _interopRequireDefault(require("../paper"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _excluded = ["id", "name", "label", "nested", "title", "action", "onToggleEdit", "editing", "children", "renderRemove", "onRemove", "onClickAdd", "onAddProps", "onEditProps", "onRemoveProps"];
@@ -56,7 +54,7 @@ var Card = function Card(props) {
     margin: "-10px 20px",
     padding: "0px",
     onClick: onRemove
-  }), /*#__PURE__*/_react["default"].createElement(_Delete2["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_mui.IconDelete, {
     htmlColor: feedback.danger
   })), onToggleEdit && /*#__PURE__*/_react["default"].createElement(_styles.CardButton, (0, _extends2["default"])({}, onEditProps, {
     className: editing ? '' : 'showable-target',
@@ -64,7 +62,7 @@ var Card = function Card(props) {
     margin: "-10px",
     padding: "0px",
     onClick: onToggleEdit
-  }), editing ? /*#__PURE__*/_react["default"].createElement(_Close2["default"], null) : /*#__PURE__*/_react["default"].createElement(_Edit2["default"], null))), /*#__PURE__*/_react["default"].createElement(_line["default"], null)), onClickAdd && /*#__PURE__*/_react["default"].createElement(_addButton["default"], (0, _extends2["default"])({}, onAddProps, {
+  }), editing ? /*#__PURE__*/_react["default"].createElement(_mui.IconClose, null) : /*#__PURE__*/_react["default"].createElement(_mui.IconEdit, null))), /*#__PURE__*/_react["default"].createElement(_line["default"], null)), onClickAdd && /*#__PURE__*/_react["default"].createElement(_addButton["default"], (0, _extends2["default"])({}, onAddProps, {
     name: name,
     label: label,
     onClick: onClickAdd

package/core/surfaces/expansion-panel/index.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Edit2 = _interopRequireDefault(require("@mui/icons-material/Edit"));
-var _Save2 = _interopRequireDefault(require("@mui/icons-material/Save"));
-var _KeyboardArrowUp2 = _interopRequireDefault(require("@mui/icons-material/KeyboardArrowUp"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -18,6 +15,7 @@ var _AccordionDetails = _interopRequireDefault(require("@mui/material/AccordionD
 var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
 var _textField = require("../../inputs/text-field");
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _excluded = ["actions", "details", "expandIcon", "margin", "padding", "style", "summary", "summaryStyle", "detailsStyle", "actionsStyle", "onHelperClick", "onEditClick", "onSaveClick", "onClick", "helperIcon", "editable", "editing", "headerProps", "helperButtonPosition"];
 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; }
@@ -80,7 +78,7 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
       padding: padding
     }, style)
   }), summary && /*#__PURE__*/_react["default"].createElement(_AccordionSummary["default"], {
-    expandIcon: expandIcon || /*#__PURE__*/_react["default"].createElement(_KeyboardArrowUp2["default"], null),
+    expandIcon: expandIcon || /*#__PURE__*/_react["default"].createElement(_mui.IconExpandLess, null),
     style: summaryStyle,
     onClick: onClick
   }, /*#__PURE__*/_react["default"].createElement(_styles.ExpansionPanelHeaderWrapper, headerProps, helperButtonPosition === 'left' && renderHelper, summary, editable && /*#__PURE__*/_react["default"].createElement("div", {
@@ -89,13 +87,13 @@ var ExpansionPanel = function ExpansionPanel(_ref) {
     role: "save-button",
     padding: "6px 2px",
     onClick: handleSaveClick
-  }, /*#__PURE__*/_react["default"].createElement(_Save2["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_mui.IconSave, {
     fontSize: "small"
   })) : /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
     role: "save-button",
     padding: "6px 2px",
     onClick: handleEditClick
-  }, /*#__PURE__*/_react["default"].createElement(_Edit2["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_mui.IconEdit, {
     fontSize: "small"
   }))), helperButtonPosition === 'right' && renderHelper)), details && /*#__PURE__*/_react["default"].createElement(_AccordionDetails["default"], {
     style: detailsStyle

package/core/surfaces/panel/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
-var _ExpandMore2 = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _excluded = ["hideExpansionIcon", "expanded", "defaultExpanded", "id", "nested", "elevation", "hideSummary", "title", "summary", "details", "actions", "area", "style", "className", "detailsStyle", "onChange", "onClick"];
 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; }
@@ -57,7 +57,7 @@ var Panel = function Panel(props) {
       noWrap: true,
       variant: "subtitle1"
     }, title), summary),
-    expandIcon: !hideExpansionIcon && /*#__PURE__*/_react["default"].createElement(_ExpandMore2["default"], {
+    expandIcon: !hideExpansionIcon && /*#__PURE__*/_react["default"].createElement(_mui.IconExpandMore, {
       "data-testid": "expand-icon"
     }),
     style: _objectSpread({

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

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

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

@@ -5,13 +5,12 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.StepCardPanel = void 0;
-var _ExpandMore2 = _interopRequireDefault(require("@mui/icons-material/ExpandMore"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
 var _react = _interopRequireDefault(require("react"));
 var _AccordionSummary = _interopRequireDefault(require("@mui/material/AccordionSummary"));
 var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
 var _typography = _interopRequireDefault(require("../../data-display/typography"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
@@ -40,7 +39,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     minHeight: expandable ? '100px' : '100%'
   }, /*#__PURE__*/_react["default"].createElement(_styles.StepCardColumn, {
     justifyContent: "start"
-  }, showIcon && /*#__PURE__*/_react["default"].createElement(_CheckCircle2["default"], {
+  }, showIcon && /*#__PURE__*/_react["default"].createElement(_mui.IconCheckCircle, {
     "data-testid": "step-card-title-icon",
     style: {
       fontSize: 40,
@@ -65,7 +64,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     style: {
       textAlign: 'center'
     },
-    expandIcon: /*#__PURE__*/_react["default"].createElement(_ExpandMore2["default"], {
+    expandIcon: /*#__PURE__*/_react["default"].createElement(_mui.IconExpandMore, {
       fontSize: "large"
     })
   }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({

package/icons/mui/index.d.ts

@@ -0,0 +1,134 @@
+export { default as IconAccessible } from '@mui/icons-material/Accessible';
+export { default as IconAdd } from '@mui/icons-material/Add';
+export { default as IconAccountCircle } from '@mui/icons-material/AccountCircle';
+export { default as IconAddCircleOutline } from '@mui/icons-material/AddCircleOutline';
+export { default as IconAllInbox } from '@mui/icons-material/AllInbox';
+export { default as IconArrowBack } from '@mui/icons-material/ArrowBack';
+export { default as IconArrowBackIos } from '@mui/icons-material/ArrowBackIos';
+export { default as IconAssignment } from '@mui/icons-material/Assignment';
+export { default as IconAssignmentInd } from '@mui/icons-material/AssignmentInd';
+export { default as IconAudiotrack } from '@mui/icons-material/Audiotrack';
+export { default as IconArrowDownward } from '@mui/icons-material/ArrowDownward';
+export { default as IconArrowDropDown } from '@mui/icons-material/ArrowDropDown';
+export { default as IconArrowUpward } from '@mui/icons-material/ArrowUpward';
+export { default as IconBallot } from '@mui/icons-material/Ballot';
+export { default as IconBiotechSharp } from '@mui/icons-material/BiotechSharp';
+export { default as IconBlock } from '@mui/icons-material/Block';
+export { default as IconBorderColor } from '@mui/icons-material/BorderColor';
+export { default as IconBuild } from '@mui/icons-material/Build';
+export { default as IconBusiness } from '@mui/icons-material/Business';
+export { default as IconCancelOutlined } from '@mui/icons-material/CancelOutlined';
+export { default as IconCached } from '@mui/icons-material/Cached';
+export { default as IconCallReceived } from '@mui/icons-material/CallReceived';
+export { default as IconCheck } from '@mui/icons-material/Check';
+export { default as IconCheckBox } from '@mui/icons-material/CheckBox';
+export { default as IconCheckCircle } from '@mui/icons-material/CheckCircle';
+export { default as IconCheckCircleOutlined } from '@mui/icons-material/CheckCircleOutlined';
+export { default as IconClose } from '@mui/icons-material/Close';
+export { default as IconCloudDownload } from '@mui/icons-material/CloudDownload';
+export { default as IconCompareArrows } from '@mui/icons-material/CompareArrows';
+export { default as IconContentCopy } from '@mui/icons-material/ContentCopy';
+export { default as IconCreditCard } from '@mui/icons-material/CreditCard';
+export { default as IconDateRange } from '@mui/icons-material/DateRange';
+export { default as IconDelete } from '@mui/icons-material/Delete';
+export { default as IconDescription } from '@mui/icons-material/Description';
+export { default as IconDescriptionOutlined } from '@mui/icons-material/DescriptionOutlined';
+export { default as IconDoneAll } from '@mui/icons-material/DoneAll';
+export { default as IconDonutLarge } from '@mui/icons-material/DonutLarge';
+export { default as IconDragHandle } from '@mui/icons-material/DragHandle';
+export { default as IconDragIndicator } from '@mui/icons-material/DragIndicator';
+export { default as IconEdit } from '@mui/icons-material/Edit';
+export { default as IconEmail } from '@mui/icons-material/Email';
+export { default as IconEnhancedEncryption } from '@mui/icons-material/EnhancedEncryption';
+export { default as IconEqualizer } from '@mui/icons-material/Equalizer';
+export { default as IconError } from '@mui/icons-material/Error';
+export { default as IconErrorOutline } from '@mui/icons-material/ErrorOutline';
+export { default as IconExitToApp } from '@mui/icons-material/ExitToApp';
+export { default as IconExpandLess } from '@mui/icons-material/ExpandLess';
+export { default as IconExpandMore } from '@mui/icons-material/ExpandMore';
+export { default as IconFace } from '@mui/icons-material/Face';
+export { default as IconFactCheck } from '@mui/icons-material/FactCheck';
+export { default as IconFavorite } from '@mui/icons-material/Favorite';
+export { default as IconFeedbackOutlined } from '@mui/icons-material/FeedbackOutlined';
+export { default as IconFileCopy } from '@mui/icons-material/FileCopy';
+export { default as IconFilterList } from '@mui/icons-material/FilterList';
+export { default as IconFirstPage } from '@mui/icons-material/FirstPage';
+export { default as IconFolderShared } from '@mui/icons-material/FolderShared';
+export { default as IconFormatColorFill } from '@mui/icons-material/FormatColorFill';
+export { default as IconFormatColorText } from '@mui/icons-material/FormatColorText';
+export { default as IconFormatListBulleted } from '@mui/icons-material/FormatListBulleted';
+export { default as IconForumOutlined } from '@mui/icons-material/ForumOutlined';
+export { default as IconFullscreenRounded } from '@mui/icons-material/FullscreenRounded';
+export { default as IconHelp } from '@mui/icons-material/Help';
+export { default as IconHelpOutline } from '@mui/icons-material/HelpOutline';
+export { default as IconHistory } from '@mui/icons-material/History';
+export { default as IconHome } from '@mui/icons-material/Home';
+export { default as IconHomeWorkOutlined } from '@mui/icons-material/HomeWorkOutlined';
+export { default as IconHourglassFull } from '@mui/icons-material/HourglassFull';
+export { default as IconImportantDevices } from '@mui/icons-material/ImportantDevices';
+export { default as IconInfo } from '@mui/icons-material/Info';
+export { default as IconInsertDriveFile } from '@mui/icons-material/InsertDriveFile';
+export { default as IconLabelImportant } from '@mui/icons-material/LabelImportant';
+export { default as IconLastPage } from '@mui/icons-material/LastPage';
+export { default as IconLibraryBooksOutlined } from '@mui/icons-material/LibraryBooksOutlined';
+export { default as IconList } from '@mui/icons-material/List';
+export { default as IconListAlt } from '@mui/icons-material/ListAlt';
+export { default as IconLiveHelp } from '@mui/icons-material/LiveHelp';
+export { default as IconLocalOffer } from '@mui/icons-material/LocalOffer';
+export { default as IconLock } from '@mui/icons-material/Lock';
+export { default as IconLockOpen } from '@mui/icons-material/LockOpen';
+export { default as IconLockOutlined } from '@mui/icons-material/LockOutlined';
+export { default as IconLocalHospital } from '@mui/icons-material/LocalHospital';
+export { default as IconMenu } from '@mui/icons-material/Menu';
+export { default as IconMonitorHeart } from '@mui/icons-material/MonitorHeart';
+export { default as IconMoreHoriz } from '@mui/icons-material/MoreHoriz';
+export { default as IconMoreVert } from '@mui/icons-material/MoreVert';
+export { default as IconMovie } from '@mui/icons-material/Movie';
+export { default as IconNavigateBefore } from '@mui/icons-material/NavigateBefore';
+export { default as IconNavigateNext } from '@mui/icons-material/NavigateNext';
+export { default as IconNoteAdd } from '@mui/icons-material/NoteAdd';
+export { default as IconOndemandVideoOutlined } from '@mui/icons-material/OndemandVideoOutlined';
+export { default as IconPeopleAlt } from '@mui/icons-material/PeopleAlt';
+export { default as IconPerson } from '@mui/icons-material/Person';
+export { default as IconPersonAdd } from '@mui/icons-material/PersonAdd';
+export { default as IconPersonPin } from '@mui/icons-material/PersonPin';
+export { default as IconPhoto } from '@mui/icons-material/Photo';
+export { default as IconPhotoCamera } from '@mui/icons-material/PhotoCamera';
+export { default as IconPin } from '@mui/icons-material/Pin';
+export { default as IconPlayCircleFilled } from '@mui/icons-material/PlayCircleFilled';
+export { default as IconPrint } from '@mui/icons-material/Print';
+export { default as IconPriorityHigh } from '@mui/icons-material/PriorityHigh';
+export { default as IconRecentActors } from '@mui/icons-material/RecentActors';
+export { default as IconRemoveCircleOutline } from '@mui/icons-material/RemoveCircleOutline';
+export { default as IconRepeat } from '@mui/icons-material/Repeat';
+export { default as IconReplay } from '@mui/icons-material/Replay';
+export { default as IconReportOutlined } from '@mui/icons-material/ReportOutlined';
+export { default as IconRestore } from '@mui/icons-material/Restore';
+export { default as IconRoom } from '@mui/icons-material/Room';
+export { default as IconRoomOutlined } from '@mui/icons-material/RoomOutlined';
+export { default as IconSave } from '@mui/icons-material/Save';
+export { default as IconSaveAlt } from '@mui/icons-material/SaveAlt';
+export { default as IconSchedule } from '@mui/icons-material/Schedule';
+export { default as IconSearch } from '@mui/icons-material/Search';
+export { default as IconSentimentNeutral } from '@mui/icons-material/SentimentNeutral';
+export { default as IconSentimentSatisfied } from '@mui/icons-material/SentimentSatisfied';
+export { default as IconSentimentSatisfiedAlt } from '@mui/icons-material/SentimentSatisfiedAlt';
+export { default as IconSentimentVeryDissatisfied } from '@mui/icons-material/SentimentVeryDissatisfied';
+export { default as IconSentimentVerySatisfied } from '@mui/icons-material/SentimentVerySatisfied';
+export { default as IconSensors } from '@mui/icons-material/Sensors';
+export { default as IconSettings } from '@mui/icons-material/Settings';
+export { default as IconSort } from '@mui/icons-material/Sort';
+export { default as IconStar } from '@mui/icons-material/Star';
+export { default as IconStarBorder } from '@mui/icons-material/StarBorder';
+export { default as IconSync } from '@mui/icons-material/Sync';
+export { default as IconSyncProblem } from '@mui/icons-material/SyncProblem';
+export { default as IconTextFields } from '@mui/icons-material/TextFields';
+export { default as IconTimeline } from '@mui/icons-material/Timeline';
+export { default as IconToday } from '@mui/icons-material/Today';
+export { default as IconUpdate } from '@mui/icons-material/Update';
+export { default as IconVisibility } from '@mui/icons-material/Visibility';
+export { default as IconVisibilityOff } from '@mui/icons-material/VisibilityOff';
+export { default as IconVpnKey } from '@mui/icons-material/VpnKey';
+export { default as IconWarning } from '@mui/icons-material/Warning';
+export { default as IconWaterDrop } from '@mui/icons-material/WaterDrop';
+export { default as IconWifiOff } from '@mui/icons-material/WifiOff';