flipper-ui 0.31.6 → 0.32.0

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.d.ts

@@ -62,5 +62,5 @@ export declare const toLispCase: (name: string) => string;
 export declare const HelperBox: (props: IHelperProps) => React.JSX.Element;
 export declare const renderOptions: (options: TextFieldProps['options'], classes: Record<string, string>) => "" | React.JSX.Element[] | undefined;
 export declare const EditBox: (props: IEditProps) => React.JSX.Element;
-export declare const TextField: ({ options, margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, onChange, characters, children, ...otherProps }: TextFieldProps) => React.JSX.Element;
+declare const TextField: ({ options, margin, padding, style, error, variant, InputLabelProps, InputProps, SelectProps, autoComplete, onHelperClick, helperIcon, fullWidth, hasClear, onClear, onChange, characters, children, ...otherProps }: TextFieldProps) => React.JSX.Element;
 export default TextField;

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

@@ -4,27 +4,30 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useStyles = exports.toLispCase = exports.renderOptions = exports["default"] = exports.coerceComboOptions = exports.TextField = exports.HelperBox = exports.EditBox = void 0;
+exports.useStyles = exports.toLispCase = exports.renderOptions = exports["default"] = exports.coerceComboOptions = 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,29 +101,29 @@ 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'
     }
   })));
 };
-var TextField = exports.TextField = function TextField(_ref) {
+var TextField = function TextField(_ref) {
   var _otherProps$value, _otherProps$inputProp;
   var options = _ref.options,
     margin = _ref.margin,
@@ -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,

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/text-field.stories.d.ts

@@ -1,10 +1,9 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").TextFieldProps>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const withInputAdornment: any;
-export declare const withHelperButton: any;
-export declare const withSelect: () => React.JSX.Element;
-export declare const useWithSelectAndClear: () => React.JSX.Element;
-export declare const combobox: () => React.JSX.Element;
-export declare const withCharacterCount: () => React.JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import TextField from '.';
+declare const meta: Meta<typeof TextField>;
+export default meta;
+type Story = StoryObj<typeof TextField>;
+export declare const textfield: Story;
+export declare const withSelectAndClear: Story;
+export declare const combobox: Story;
+export declare const withCharacterCount: Story;

package/core/navigation/breadcrumbs/breadcrumbs.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import Breadcrumbs from '.';
+declare const meta: Meta<typeof Breadcrumbs>;
+export default meta;
+type Story = StoryObj<typeof Breadcrumbs>;
+export declare const breadcrumbs: Story;

package/{experimental → core/navigation}/breadcrumbs/index.js

@@ -5,18 +5,18 @@ 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 _addIndex = _interopRequireDefault(require("ramda/es/addIndex"));
-var _map = _interopRequireDefault(require("ramda/es/map"));
-var _ = require("../..");
+var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
 var _styles = require("./styles");
-var _icons = require("../../icons");
-var imap = (0, _addIndex["default"])(_map["default"]);
+var imap = (0, _addIndex2["default"])(_map2["default"]);
 var defaultLinkWrapper = function defaultLinkWrapper(link, label) {
-  return /*#__PURE__*/_react["default"].createElement(_styles.LinkStyled, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.BreadcrumbLink, {
     key: link,
-    href: link
+    to: link
   }, label);
 };
 var Breadcrumbs = function Breadcrumbs(_ref) {
@@ -41,8 +41,8 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     var isLastChunk = chunkIndex === lastChunkIndex;
     return validChunkWord && (isLastChunk ? text : linkWrapper(link, text));
   }, allChunks);
-  return /*#__PURE__*/_react["default"].createElement(_.Breadcrumb, {
-    separator: /*#__PURE__*/_react["default"].createElement(_icons.ChevronRight, null)
+  return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], {
+    separator: /*#__PURE__*/_react["default"].createElement(_ChevronRight2["default"], null)
   }, links);
 };
 var _default = exports["default"] = Breadcrumbs;

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

@@ -0,0 +1,30 @@
+/// <reference types="react" />
+export declare const BreadcrumbLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<Omit<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>, "ref"> & {
+    ref?: ((instance: HTMLAnchorElement | null) => void) | import("react").RefObject<HTMLAnchorElement> | null | undefined;
+}, never>> & string & Omit<import("react").ForwardRefExoticComponent<import("react-router-dom").LinkProps & import("react").RefAttributes<HTMLAnchorElement>>, keyof import("react").Component<any, {}, any>>;
+export declare const BreadcrumbStoryLink: 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<{
+    align?: import("@material-ui/core").PropTypes.Alignment | undefined;
+    children?: import("react").ReactNode;
+    color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
+    display?: "initial" | "block" | "inline" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
+    variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
+    align?: import("@material-ui/core").PropTypes.Alignment | undefined;
+    children?: import("react").ReactNode;
+    color?: "inherit" | "primary" | "secondary" | "initial" | "error" | "textPrimary" | "textSecondary" | undefined;
+    display?: "initial" | "block" | "inline" | undefined;
+    gutterBottom?: boolean | undefined;
+    noWrap?: boolean | undefined;
+    paragraph?: boolean | undefined;
+    variant?: "inherit" | (import("@material-ui/core").TypographyVariant | "srOnly") | undefined;
+    variantMapping?: Partial<Record<import("@material-ui/core").TypographyVariant | "srOnly", string>> | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").TypographyTypeMap<{}, "span">> & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
+    ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
+}, "color" | "role" | "onClick" | "children" | "id" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerLeave" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "ref" | "key"> & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/core/navigation/breadcrumbs/styles.js

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.TextTypography = exports.BreadcrumbStoryLink = exports.BreadcrumbLink = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _reactRouterDom = require("react-router-dom");
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _typography = _interopRequireDefault(require("../../data-display/typography"));
+var _theme = require("../../../theme");
+var _templateObject, _templateObject2, _templateObject3;
+var primary = _theme.theme.colors.primary;
+var BreadcrumbLink = exports.BreadcrumbLink = (0, _styledComponents["default"])(_reactRouterDom.Link)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    text-decoration: none;\n    color: ", ";\n\n    &:hover {\n        text-decoration: underline;\n    }\n"])), primary.main);
+var BreadcrumbStoryLink = exports.BreadcrumbStoryLink = _styledComponents["default"].a(_templateObject2 || (_templateObject2 = (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"])(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        display: flex;\n    }\n"])));

package/core/navigation/drawer/drawer.stories.d.ts

@@ -1,4 +1,6 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").DrawerProps>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import Drawer from '.';
+declare const meta: Meta<typeof Drawer>;
+export default meta;
+type Story = StoryObj<typeof Drawer>;
+export declare const drawer: Story;

package/core/navigation/drawer/index.d.ts

@@ -5,5 +5,5 @@ export interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }
-export declare const Drawer: (props: DrawerProps) => React.JSX.Element;
+declare const Drawer: (props: DrawerProps) => React.JSX.Element;
 export default Drawer;

package/core/navigation/drawer/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Drawer = void 0;
+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"));
@@ -29,7 +29,7 @@ var getStyles = function getStyles(top, width) {
     });
   });
 };
-var Drawer = exports.Drawer = function Drawer(props) {
+var Drawer = function Drawer(props) {
   var style = props.style,
     margin = props.margin,
     padding = props.padding,

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/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, {