flipper-ui 0.31.1 → 0.31.4

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

@@ -4,11 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useStyles = exports.toLispCase = exports.renderOptions = exports["default"] = exports.coerceComboOptions = exports.TextFieldWrapper = exports.TextField = exports.StaticTextFieldWrapper = exports.HelperBox = exports.EditBox = void 0;
+exports.useStyles = exports.toLispCase = exports.renderOptions = exports["default"] = exports.coerceComboOptions = exports.TextField = exports.HelperBox = exports.EditBox = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _InputAdornment = _interopRequireDefault(require("@material-ui/core/InputAdornment"));
 var _TextField = _interopRequireDefault(require("@material-ui/core/TextField"));
@@ -23,22 +22,14 @@ 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 _styledComponents = _interopRequireDefault(require("styled-components"));
+var _iconButton = _interopRequireDefault(require("../icon-button"));
+var _styles2 = require("./styles");
 var _icons = require("../../../icons");
-var _iconButton = require("../icon-button");
 var _theme = require("../../../theme");
 var _excluded = ["options", "margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear", "characters", "children"];
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-/* eslint-disable @typescript-eslint/ban-ts-comment */
 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 _theme$colors = _theme.theme.colors,
-  grays = _theme$colors.grays,
-  primary = _theme$colors.primary;
-var Helper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n"])));
-var CharactersCount = _styledComponents["default"].span(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: -35px;\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), grays.g3);
-var TextFieldWrapper = exports.TextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
-var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
+var primary = _theme.theme.colors.primary;
 var useStyles = exports.useStyles = (0, _styles.makeStyles)({
   listOptions: {
     outline: 'none',
@@ -76,9 +67,9 @@ var toLispCase = exports.toLispCase = function toLispCase(name) {
   }).toLowerCase();
 };
 var HelperBox = exports.HelperBox = function HelperBox(props) {
-  return /*#__PURE__*/_react["default"].createElement(Helper, {
+  return /*#__PURE__*/_react["default"].createElement(_styles2.Helper, {
     role: "helper-box"
-  }, /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
+  }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
     padding: "6px 2px",
     onClick: props.onHelperClick
   }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_icons.Help, {
@@ -89,9 +80,7 @@ var HelperBox = exports.HelperBox = function HelperBox(props) {
 /* Jest-ignore-start ignore next */
 var renderOptions = exports.renderOptions = function renderOptions(options, classes) {
   var comboOptions = typeof options === 'string' ? coerceComboOptions(options) : options;
-  return options &&
-  // @ts-ignore
-  comboOptions.map(function (option) {
+  return options && (comboOptions === null || comboOptions === void 0 ? void 0 : comboOptions.map(function (option) {
     return /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
       id: toLispCase("option-".concat(option.value)),
       key: option.value,
@@ -101,17 +90,17 @@ var renderOptions = exports.renderOptions = function renderOptions(options, clas
         root: classes.listOptions
       }
     }, option.label);
-  });
+  }));
 };
 var EditBox = exports.EditBox = function EditBox(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     role: "edit-box"
-  }, props.editing ? /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, (0, _extends2["default"])({}, props.saveButtonProps, {
+  }, 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, {
     fontSize: "small"
-  })) : /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, (0, _extends2["default"])({}, props.editButtonProps, {
+  })) : /*#__PURE__*/_react["default"].createElement(_iconButton["default"], (0, _extends2["default"])({}, props.editButtonProps, {
     padding: "6px 2px",
     onClick: props.onEditClick
   }), /*#__PURE__*/_react["default"].createElement(_icons.Edit, {
@@ -175,8 +164,9 @@ var TextField = exports.TextField = function TextField(_ref) {
       onHelperClick();
     }
   };
-  var Wrapper = hasClear ? StaticTextFieldWrapper : TextFieldWrapper;
+  var Wrapper = hasClear ? _styles2.StaticTextFieldWrapper : _styles2.TextFieldWrapper;
   return /*#__PURE__*/_react["default"].createElement(Wrapper, null, /*#__PURE__*/_react["default"].createElement(_TextField["default"], (0, _extends2["default"])({
+    title: "",
     select: !!(options !== null && options !== void 0 && options.length),
     fullWidth: fullWidth,
     autoComplete: autoComplete,
@@ -192,8 +182,7 @@ var TextField = exports.TextField = function TextField(_ref) {
       }
     }, InputLabelProps),
     InputProps: _objectSpread({
-      // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-      // @ts-ignore
+      // @ts-expect-error It needs the data-testid for the tests
       'data-testid': 'text-field',
       classes: {
         input: variant === 'outlined' ? classes.outlinedInput : '',
@@ -206,7 +195,7 @@ var TextField = exports.TextField = function TextField(_ref) {
       }
     }, endAdornment), SelectProps),
     characters: characters === null || characters === void 0 ? void 0 : characters.toString()
-  }, otherProps), options ? renderOptions(options, classes) : children), characters && /*#__PURE__*/_react["default"].createElement(CharactersCount, null, (_otherProps$value = otherProps.value) === null || _otherProps$value === void 0 ? void 0 : _otherProps$value.toString().length, "/", (_otherProps$inputProp = otherProps.inputProps) === null || _otherProps$inputProp === void 0 ? void 0 : _otherProps$inputProp.maxLength), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
+  }, otherProps), options ? renderOptions(options, classes) : children), characters && /*#__PURE__*/_react["default"].createElement(_styles2.CharactersCount, null, (_otherProps$value = otherProps.value) === null || _otherProps$value === void 0 ? void 0 : _otherProps$value.toString().length, "/", (_otherProps$inputProp = otherProps.inputProps) === null || _otherProps$inputProp === void 0 ? void 0 : _otherProps$inputProp.maxLength), onHelperClick && /*#__PURE__*/_react["default"].createElement(HelperBox, {
     helperIcon: helperIcon,
     onHelperClick: handleClick
   }));

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

@@ -0,0 +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>>;

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

@@ -0,0 +1,17 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Wrapper = exports.TextFieldWrapper = exports.StaticTextFieldWrapper = exports.Helper = exports.CharactersCount = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _theme = require("../../../theme");
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
+var grays = _theme.theme.colors.grays;
+var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])([""])));
+var Helper = exports.Helper = _styledComponents["default"].div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    width: 42px;\n    height: 38px;\n"])));
+var TextFieldWrapper = exports.TextFieldWrapper = _styledComponents["default"].div(_templateObject3 || (_templateObject3 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n    button {\n        display: none;\n    }\n    :hover button {\n        display: flex;\n    }\n"])));
+var StaticTextFieldWrapper = exports.StaticTextFieldWrapper = _styledComponents["default"].div(_templateObject4 || (_templateObject4 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: rows;\n    width: 100%;\n    align-items: center;\n"])));
+var CharactersCount = exports.CharactersCount = _styledComponents["default"].span(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    margin-left: -35px;\n    color: ", ";\n    font-size: 14px;\n    font-family:\n        Roboto,\n        Helvetica,\n        Arial,\n        sans- serif;\n"])), grays.g3);

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").TextFieldProps>;
+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;

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
     children?: React.ReactNode;
     expandText?: string | undefined;
     itemsAfterCollapse?: number | undefined;
@@ -8,6 +8,6 @@ declare const _default: import("@storybook/types").ComponentAnnotations<import("
     separator?: React.ReactNode;
 } & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").BreadcrumbsTypeMap<{}, "nav">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
     ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
-}, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "onClick" | "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" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture">>;
+}, "ref" | "slot" | "title" | "key" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "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" | "children" | "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" | "onClick" | "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">>;
 export default _default;
 export declare const Default: any;

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

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import React from 'react';
 import type { BreadcrumbsProps } from '@material-ui/core/Breadcrumbs';
-export declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
+declare const Breadcrumbs: (props: BreadcrumbsProps) => React.JSX.Element;
 export default Breadcrumbs;

package/core/navigation/breadcrumb/index.js

@@ -1,16 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Breadcrumbs = void 0;
-var React = _interopRequireWildcard(require("react"));
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
-function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
-function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && 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; }
-var Breadcrumbs = exports.Breadcrumbs = function Breadcrumbs(props) {
-  return /*#__PURE__*/React.createElement(_Breadcrumbs["default"], props);
+var Breadcrumbs = function Breadcrumbs(props) {
+  return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], props);
 };
 var _default = exports["default"] = Breadcrumbs;

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

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").DrawerProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").DrawerProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

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

@@ -6,5 +6,5 @@ export interface MenuProps extends DefaultProps, MuiMenuProps {
     anchorEl?: HTMLElement;
     withWrapper?: boolean;
 }
-export declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => React.JSX.Element;
+declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => React.JSX.Element;
 export default Menu;

package/core/navigation/menu/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Menu = 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"));
@@ -13,7 +13,7 @@ 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; }
-var Menu = exports.Menu = function Menu(_ref) {
+var Menu = function Menu(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").MenuProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").MenuProps>;
 export default _default;
 export declare const Default: any;

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

@@ -7,5 +7,5 @@ export interface PaginationProps extends DefaultProps {
     onPrevious: () => void;
     onNavigate: (page: number) => void;
 }
-export declare const Pagination: (props: PaginationProps) => React.JSX.Element;
+declare const Pagination: (props: PaginationProps) => React.JSX.Element;
 export default Pagination;

package/core/navigation/pagination/index.js

@@ -4,23 +4,20 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Pagination = 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"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _inc = _interopRequireDefault(require("ramda/es/inc"));
 var _times = _interopRequireDefault(require("ramda/es/times"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = require("../../inputs/button");
+var _button = _interopRequireDefault(require("../../inputs/button"));
+var _styles = require("./styles");
 var _icons = require("../../../icons");
 var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
-var _templateObject;
 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 Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    font-family: 'Roboto', sans-serif;\n    justify-content: center;\n    margin: 0.75em;\n"])));
-var Pagination = exports.Pagination = function Pagination(props) {
+var Pagination = function Pagination(props) {
   var active = props.active,
     style = props.style,
     padding = props.padding,
@@ -33,19 +30,19 @@ var Pagination = exports.Pagination = function Pagination(props) {
     onPrevious = props.onPrevious,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var allPages = (0, _times["default"])(_inc["default"], pages);
-  return /*#__PURE__*/_react["default"].createElement(Content, (0, _extends2["default"])({}, rest, {
+  return /*#__PURE__*/_react["default"].createElement(_styles.Content, (0, _extends2["default"])({}, rest, {
     className: className,
     style: _objectSpread({
       padding: padding,
       margin: margin
     }, style)
-  }), /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     id: "prev-page-button",
     "data-testid": "prev-page-button",
     size: "small",
     onClick: onPrevious
   }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowLeft, null)), allPages.map(function (page) {
-    return /*#__PURE__*/_react["default"].createElement(_button.Button, {
+    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
       size: "small",
       "data-testid": "pagination-page-".concat(page),
       key: page,
@@ -55,7 +52,7 @@ var Pagination = exports.Pagination = function Pagination(props) {
         return onNavigate(page);
       }
     }, page);
-  }), /*#__PURE__*/_react["default"].createElement(_button.Button, {
+  }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     id: "next-page-button",
     "data-testid": "next-page-button",
     size: "small",

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").PaginationProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").PaginationProps>;
 export default _default;
 export declare const Default: any;

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

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

package/core/navigation/pagination/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Content = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+var Content = exports.Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    font-family: 'Roboto', sans-serif;\n    justify-content: center;\n    margin: 0.75em;\n"])));

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

@@ -17,5 +17,5 @@ export interface SidebarProps extends DefaultProps {
     ButtonProps?: ButtonProps;
     onToggle: () => void;
 }
-export declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: SidebarProps) => React.JSX.Element;
+declare const Sidebar: ({ id, anchor, className, color, docked, expanded, margin, maxWidth, minWidth, top, open, padding, paperClasses, showButton, style, variant, ButtonProps, onToggle, children, name, ...otherProps }: SidebarProps) => React.JSX.Element;
 export default Sidebar;

package/core/navigation/sidebar/index.js

@@ -4,19 +4,17 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Sidebar = void 0;
+exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _react = _interopRequireDefault(require("react"));
 var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
 var _styles = require("@material-ui/core/styles");
-var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = require("../../inputs/button");
+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"];
-var _templateObject;
 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 useStyles = (0, _styles.makeStyles)(function (theme) {
@@ -60,10 +58,7 @@ var useStyles = (0, _styles.makeStyles)(function (theme) {
     }
   });
 });
-var Action = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: ", ";\n    display: flex;\n    padding: 4px;\n"])), function (props) {
-  return props.anchor === 'left' ? 'row-reverse' : 'row';
-});
-var Sidebar = exports.Sidebar = function Sidebar(_ref) {
+var Sidebar = function Sidebar(_ref) {
   var id = _ref.id,
     _ref$anchor = _ref.anchor,
     anchor = _ref$anchor === void 0 ? 'left' : _ref$anchor,
@@ -97,9 +92,9 @@ var Sidebar = exports.Sidebar = function Sidebar(_ref) {
   var classes = useStyles();
   var renderAction = function renderAction() {
     var iconToLeft = anchor === 'left' && expanded || anchor === 'right' && !expanded;
-    return /*#__PURE__*/_react["default"].createElement(Action, {
+    return /*#__PURE__*/_react["default"].createElement(_styles2.Action, {
       anchor: anchor
-    }, /*#__PURE__*/_react["default"].createElement(_button.Button, (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
       name: "button-".concat(name || 'sidebar'),
       color: color,
       "data-testid": "sidebar-button",

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").SidebarProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").SidebarProps>;
 export default _default;
 export declare const Default: any;

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

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+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 {};

package/core/navigation/sidebar/styles.js

@@ -0,0 +1,13 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Action = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _templateObject;
+var Action = exports.Action = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex-direction: ", ";\n    display: flex;\n    padding: 4px;\n"])), function (props) {
+  return props.anchor === 'left' ? 'row-reverse' : 'row';
+});

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

@@ -10,5 +10,5 @@ type TStep = {
     label: JSX.Element | string;
     icon: JSX.Element | ((active?: boolean) => JSX.Element);
 };
-export declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => React.JSX.Element;
+declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => React.JSX.Element;
 export default Stepper;

package/core/navigation/stepper/index.js

@@ -5,7 +5,7 @@ var _typeof3 = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Stepper = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _typeof2 = _interopRequireDefault(require("@babel/runtime/helpers/typeof"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -33,7 +33,7 @@ var StepIcon = function StepIcon(_ref) {
     color: active ? 'primary' : 'disabled'
   });
 };
-var Stepper = exports.Stepper = function Stepper(_ref2) {
+var Stepper = function Stepper(_ref2) {
   var active = _ref2.active,
     bottomLabel = _ref2.bottomLabel,
     steps = _ref2.steps,

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

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").StepperProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").StepperProps>;
 export default _default;
 export declare const Default: any;
 export declare const WithIcon: any;

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

@@ -19,5 +19,5 @@ export interface IClasses {
         indicator: string;
     };
 }
-export declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => React.JSX.Element;
+declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => React.JSX.Element;
 export default Tabs;

package/core/navigation/tabs/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Tabs = 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"));
@@ -13,7 +13,7 @@ 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; }
-var Tabs = exports.Tabs = function Tabs(_ref) {
+var Tabs = function Tabs(_ref) {
   var children = _ref.children,
     _ref$centered = _ref.centered,
     centered = _ref$centered === void 0 ? true : _ref$centered,

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

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").TabsProps & import(".").IClasses>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").TabsProps & import(".").IClasses>;
 export default _default;
 export declare const Default: any;

package/core/surfaces/box/box.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").BoxProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").BoxProps>;
 export default _default;
 export declare const Default: any;

package/core/surfaces/box/index.d.ts

@@ -6,5 +6,5 @@ export interface BoxProps extends DefaultProps {
     children: ReactNode;
     'data-testid'?: string;
 }
-export declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => React.JSX.Element;
+declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => React.JSX.Element;
 export default Box;

package/core/surfaces/box/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Box = 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"));
@@ -13,7 +13,7 @@ var _paper = require("../paper");
 var _excluded = ["children", "margin", "padding", "style", "minHeight"];
 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 Box = exports.Box = function Box(_ref) {
+var Box = function Box(_ref) {
   var children = _ref.children,
     margin = _ref.margin,
     _ref$padding = _ref.padding,

package/core/surfaces/card/card.stories.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../types").DefaultProps & import("@material-ui/core").CardProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../../types").DefaultProps & import("@material-ui/core").CardProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/core/surfaces/container/container.stories.d.ts

@@ -1,3 +1,3 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("../../types").DefaultProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../../types").DefaultProps>;
 export default _default;
 export declare const Default: any;

package/core/surfaces/container/index.d.ts

@@ -1,4 +1,4 @@
 import React from 'react';
 import type { DefaultProps } from '../../types';
-export declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
+declare const Container: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => React.JSX.Element;
 export default Container;

package/core/surfaces/container/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Container = void 0;
+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"));
@@ -13,7 +13,7 @@ var ContainerStyles = {
   display: 'flex',
   flex: 1
 };
-var Container = exports.Container = function Container(_ref) {
+var Container = function Container(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,