flipper-ui 0.35.1 → 0.35.3

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/list-item/index.js

@@ -31,11 +31,13 @@ var ListItem = function ListItem(props) {
     }, props.icon), (props.title || props.subtitle) && /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
       primary: props.title,
       secondary: props.subtitle,
-      primaryTypographyProps: {
-        color: 'inherit'
-      },
-      secondaryTypographyProps: {
-        color: 'inherit'
+      slotProps: {
+        primary: {
+          color: 'inherit'
+        },
+        secondary: {
+          color: 'inherit'
+        }
       },
       "data-testid": "list-item-".concat(props.subtitle)
     }), props.action && /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {

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/nothing-found/index.d.ts

@@ -1,6 +1,5 @@
 import React from 'react';
-import type { TypographyProps } from '@mui/material/Typography';
-export interface IProps extends TypographyProps {
+export interface IProps {
     searchText?: string;
     customText?: string;
     buttonLabel?: string;

package/core/feedback/nothing-found/index.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _styles = require("./styles");
+var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _excluded = ["buttonLabel", "readonly"],
   _excluded2 = ["customText", "searchText", "show"];
 var NothingFound = function NothingFound(props) {
@@ -23,9 +23,10 @@ var NothingFound = function NothingFound(props) {
     searchText = _rest$searchText === void 0 ? '' : _rest$searchText,
     show = rest.show,
     otherProps = (0, _objectWithoutProperties2["default"])(rest, _excluded2);
-  return show ? /*#__PURE__*/_react["default"].createElement(_styles.TextTypography, (0, _extends2["default"])({
-    align: "center",
+  return show ? /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
+    flex: 1,
     variant: "h5",
+    align: "center",
     color: "textSecondary",
     padding: "48px 0"
   }, otherProps), searchText !== '' ? "Sua pesquisa \"".concat(searchText, "\" n\xE3o retornou nenhum resultado.") : customText) : null;

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/feedback/validation-dialog/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.ValidationStatus = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _actions = _interopRequireDefault(require("../../data-display/actions"));
+var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _button = _interopRequireDefault(require("../../inputs/button"));
 var _styles = require("./styles");
 var ValidationStatus = exports.ValidationStatus = /*#__PURE__*/function (ValidationStatus) {
@@ -55,12 +56,18 @@ var ValidationDialog = function ValidationDialog(_ref) {
   };
   var renderDescription = function renderDescription(status, description) {
     if (status === 'Success') {
-      return /*#__PURE__*/_react["default"].createElement(_styles.DialogTypography, null, description.success);
+      return /*#__PURE__*/_react["default"].createElement(_typography["default"], {
+        variant: "body1"
+      }, description.success);
     }
     if (status === 'Error') {
-      return /*#__PURE__*/_react["default"].createElement(_styles.DialogTypography, null, description.error);
+      return /*#__PURE__*/_react["default"].createElement(_typography["default"], {
+        variant: "body1"
+      }, description.error);
     }
-    return /*#__PURE__*/_react["default"].createElement(_styles.DialogTypography, null, description.loading);
+    return /*#__PURE__*/_react["default"].createElement(_typography["default"], {
+      variant: "body1"
+    }, description.loading);
   };
   var renderContent = function renderContent(validations, icons) {
     return validations.map(function (item, i) {

package/core/feedback/validation-dialog/styles.d.ts

@@ -1,7 +1,2 @@
 export declare const MuiDialog: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../dialog").IDialogProps, never>> & string & Omit<({ snippet, style, padding, margin, scroll, PaperProps, open, fullScreen, fullWidth, maxWidth, onClose, titleAction, titleWrapperStyle, titleStyle, titleActionStyle, contentStyle, contentTextStyle, actionsStyle, actions, content, text, title, snippetStyle, snippetContentStyle, "aria-title": ariaTitle, ...otherProps }: import("../dialog").IDialogProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const DialogTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "children" | "padding" | "margin" | "style" | "className" | "classes" | "sx" | "p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: React.ElementType;
-} & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@mui/material").TypographyProps & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const ValidationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/feedback/validation-dialog/styles.js

@@ -4,12 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.ValidationWrapper = exports.MuiDialog = exports.DialogTypography = void 0;
+exports.ValidationWrapper = exports.MuiDialog = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _dialog = _interopRequireDefault(require("../dialog"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2;
 var MuiDialog = exports.MuiDialog = (0, _styledComponents["default"])(_dialog["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    div > div > h2 {\n        margin-top: 20px;\n    }\n"])));
-var DialogTypography = exports.DialogTypography = (0, _styledComponents["default"])(_typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        font-size: 16px;\n    }\n"])));
-var ValidationWrapper = exports.ValidationWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    padding: 15px 0;\n    gap: 15px;\n"])));
+var ValidationWrapper = exports.ValidationWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    padding: 15px 0;\n    gap: 15px;\n"])));

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,13 @@ 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 _typography = _interopRequireDefault(require("../../data-display/typography"));
+var _mui = require("../../../icons/mui");
 var _styles = require("./styles");
 var imap = (0, _addIndex2["default"])(_map2["default"]);
 var defaultLinkWrapper = function defaultLinkWrapper(link, label) {
@@ -34,7 +35,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   var links = imap(function (term, chunkIndex) {
     var validChunkWord = pathMapping[term];
     var link = '/' + allChunks.slice(1, chunkIndex + 1).join('/');
-    var text = /*#__PURE__*/_react["default"].createElement(_styles.TextTypography, {
+    var text = /*#__PURE__*/_react["default"].createElement(_typography["default"], {
       key: link,
       color: "inherit"
     }, validChunkWord);
@@ -42,7 +43,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/breadcrumbs/styles.d.ts

@@ -1,6 +1 @@
 export declare const BreadcrumbLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const TextTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "children" | "padding" | "margin" | "style" | "className" | "classes" | "sx" | "p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: React.ElementType;
-} & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@mui/material").TypographyProps & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/core/navigation/breadcrumbs/styles.js

@@ -4,12 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.TextTypography = exports.BreadcrumbLink = void 0;
+exports.BreadcrumbLink = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _theme = require("../../../theme");
-var _templateObject, _templateObject2;
+var _templateObject;
 var primary = _theme.theme.colors.primary;
-var BreadcrumbLink = exports.BreadcrumbLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    text-decoration: none;\n    color: ", ";\n\n    &:hover {\n        text-decoration: underline;\n    }\n"])), primary.main);
-var TextTypography = exports.TextTypography = (0, _styledComponents["default"])(_typography["default"])(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        display: flex;\n    }\n"])));
+var BreadcrumbLink = exports.BreadcrumbLink = _styledComponents["default"].a(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    text-decoration: none;\n    color: ", ";\n\n    &:hover {\n        text-decoration: underline;\n    }\n"])), primary.main);

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,14 @@ 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 _typography = _interopRequireDefault(require("../../data-display/typography"));
 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"];
@@ -46,8 +45,9 @@ var Card = function Card(props) {
       display: 'flex',
       flexDirection: 'column'
     }
-  }), title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styles.Header, null, title && /*#__PURE__*/_react["default"].createElement(_styles.Title, {
+  }), title && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_styles.Header, null, title && /*#__PURE__*/_react["default"].createElement(_typography["default"], {
     name: name + '-title',
+    flex: 1,
     variant: "h6",
     color: "primary"
   }, title), action, onRemove && !!renderRemove && /*#__PURE__*/_react["default"].createElement(_styles.CardButton, (0, _extends2["default"])({}, onRemoveProps, {
@@ -56,7 +56,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 +64,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/card/styles.d.ts

@@ -1,8 +1,3 @@
 export declare const Header: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const CardWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "children" | "padding" | "margin" | "style" | "className" | "classes" | "sx" | "p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: React.ElementType;
-} & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@mui/material").TypographyProps & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const CardButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/core/inputs/icon-button").IconButtonProps, never>> & string & Omit<({ children, padding, margin, size, style, ...otherProps }: import("@/core/inputs/icon-button").IconButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/core/surfaces/card/styles.js

@@ -4,13 +4,11 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.Header = exports.CardWrapper = exports.CardButton = void 0;
+exports.Header = exports.CardWrapper = exports.CardButton = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+var _templateObject, _templateObject2, _templateObject3;
 var Header = exports.Header = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n"])));
 var CardWrapper = exports.CardWrapper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n"])));
-var Title = exports.Title = (0, _styledComponents["default"])(_typography["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n"])));
-var CardButton = exports.CardButton = (0, _styledComponents["default"])(_iconButton["default"])(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        width: 36px;\n        height: 36px;\n    }\n"])));
+var CardButton = exports.CardButton = (0, _styledComponents["default"])(_iconButton["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        width: 36px;\n        height: 36px;\n    }\n"])));

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,10 @@ 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 _typography = _interopRequireDefault(require("../../data-display/typography"));
+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; }
@@ -53,11 +54,12 @@ var Panel = function Panel(props) {
     details: details,
     detailsStyle: detailsStyle,
     elevation: nested ? NESTED_ELEVATION : elevation,
-    summary: !hideSummary && /*#__PURE__*/_react["default"].createElement(_styles.Summary, null, title && /*#__PURE__*/_react["default"].createElement(_styles.Title, {
+    summary: !hideSummary && /*#__PURE__*/_react["default"].createElement(_styles.Summary, null, title && /*#__PURE__*/_react["default"].createElement(_typography["default"], {
       noWrap: true,
+      flex: 1,
       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/panel/styles.d.ts

@@ -1,7 +1,2 @@
 export declare const ExpansionPaperPanel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../expansion-panel").ExpansionPanelProps, never>> & string & Omit<({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: import("../expansion-panel").ExpansionPanelProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const Summary: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Title: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
-    ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
-}, "color" | "children" | "padding" | "margin" | "style" | "className" | "classes" | "sx" | "p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: React.ElementType;
-} & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@mui/material").TypographyProps & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/core/surfaces/panel/styles.js

@@ -4,12 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.Title = exports.Summary = exports.ExpansionPaperPanel = void 0;
+exports.Summary = exports.ExpansionPaperPanel = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _expansionPanel = _interopRequireDefault(require("../expansion-panel"));
-var _templateObject, _templateObject2, _templateObject3;
+var _templateObject, _templateObject2;
 var ExpansionPaperPanel = exports.ExpansionPaperPanel = (0, _styledComponents["default"])(_expansionPanel["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        border-radius: 4px;\n    }\n\n    &::before {\n        height: 0px !important;\n        top: 0px !important;\n        background-color: transparent;\n    }\n"])));
-var Summary = exports.Summary = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n"])));
-var Title = exports.Title = (0, _styledComponents["default"])(_typography["default"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        flex: 1;\n    }\n"])));
+var Summary = exports.Summary = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n"])));