flipper-ui 0.28.0 → 0.29.0

package/core/{TextField → inputs/text-field}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.useStyles = exports["default"] = exports.TextFieldWrapper = exports.StaticTextFieldWrapper = exports.HelperBox = exports.EditBox = void 0;
+exports.useStyles = exports["default"] = exports.TextFieldWrapper = exports.TextField = exports.StaticTextFieldWrapper = 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"));
@@ -18,7 +18,7 @@ var _Clear = _interopRequireDefault(require("@material-ui/icons/Clear"));
 var _Help = _interopRequireDefault(require("@material-ui/icons/Help"));
 var _Edit = _interopRequireDefault(require("@material-ui/icons/Edit"));
 var _Save = _interopRequireDefault(require("@material-ui/icons/Save"));
-var _IconButton2 = _interopRequireDefault(require("../IconButton"));
+var _iconButton = _interopRequireDefault(require("../icon-button"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _excluded = ["margin", "padding", "style", "error", "variant", "InputLabelProps", "InputProps", "SelectProps", "autoComplete", "onHelperClick", "helperIcon", "fullWidth", "hasClear", "onClear"];
 var _templateObject, _templateObject2, _templateObject3;
@@ -55,7 +55,7 @@ exports.useStyles = useStyles;
 var HelperBox = function HelperBox(props) {
   return /*#__PURE__*/_react["default"].createElement(Helper, {
     role: "helper-box"
-  }, /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
+  }, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
     padding: "6px 2px",
     onClick: props.onHelperClick
   }, props.helperIcon || /*#__PURE__*/_react["default"].createElement(_Help["default"], {
@@ -66,12 +66,12 @@ exports.HelperBox = HelperBox;
 var EditBox = function EditBox(props) {
   return /*#__PURE__*/_react["default"].createElement("div", {
     role: "edit-box"
-  }, props.editing ? /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (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(_Save["default"], {
     fontSize: "small"
-  })) : /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], (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(_Edit["default"], {
@@ -166,5 +166,6 @@ var TextField = function TextField(_ref) {
     onHelperClick: handleClick
   }));
 };
+exports.TextField = TextField;
 var _default = TextField;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,7 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").TextFieldProps & Omit<import("@material-ui/core").TextFieldProps, "margin" | "variant">>;
+export default _default;
+export declare const Default: () => JSX.Element;
+export declare const withInputAdornment: any;
+export declare const withHelperButton: any;
+export declare const withSelect: () => JSX.Element;
+export declare const useWithSelectAndClear: () => JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, {
+    children?: React.ReactNode;
+    expandText?: string | undefined;
+    itemsAfterCollapse?: number | undefined;
+    itemsBeforeCollapse?: number | undefined;
+    maxItems?: number | undefined;
+    separator?: React.ReactNode;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core").BreadcrumbsTypeMap<{}, "nav">> & Pick<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>, "key" | keyof React.HTMLAttributes<HTMLElement>> & {
+    ref?: ((instance: HTMLElement | null) => void) | React.RefObject<HTMLElement> | null | undefined;
+}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "placeholder" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "key">>;
+export default _default;
+export declare const Default: any;

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

@@ -0,0 +1,3 @@
+import { BreadcrumbsProps } from '@material-ui/core/Breadcrumbs';
+export declare const Breadcrumbs: (props: BreadcrumbsProps) => JSX.Element;
+export default Breadcrumbs;

package/core/navigation/breadcrumb/index.js

@@ -0,0 +1,18 @@
+"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"));
+var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+var Breadcrumbs = function Breadcrumbs(props) {
+  return /*#__PURE__*/React.createElement(_Breadcrumbs["default"], props);
+};
+exports.Breadcrumbs = Breadcrumbs;
+var _default = Breadcrumbs;
+exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Drawer → navigation/drawer}/index.d.ts

@@ -1,8 +1,8 @@
 import { DrawerProps as MuiDrawerProps } from '@material-ui/core/Drawer';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface DrawerProps extends MuiDrawerProps, DefaultProps {
     top?: number;
     width?: number;
 }
-declare const Drawer: (props: DrawerProps) => JSX.Element;
+export declare const Drawer: (props: DrawerProps) => JSX.Element;
 export default Drawer;

package/core/{Drawer → navigation/drawer}/index.js

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

package/core/{Menu → navigation/menu}/index.d.ts

@@ -1,9 +1,9 @@
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
 export interface MenuProps extends DefaultProps, MuiMenuProps {
     open: boolean;
     anchorEl?: HTMLElement;
     withWrapper?: boolean;
 }
-declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => JSX.Element;
+export declare const Menu: ({ children, padding, margin, style, withWrapper, ...otherProps }: MenuProps) => JSX.Element;
 export default Menu;

package/core/{Menu → navigation/menu}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Menu = 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"));
@@ -30,5 +30,6 @@ var Menu = function Menu(_ref) {
     role: "menu-wrapper-container"
   }, children) : children);
 };
+exports.Menu = Menu;
 var _default = Menu;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Pagination → navigation/pagination}/index.d.ts

@@ -1,4 +1,4 @@
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface PaginationProps extends DefaultProps {
     pages?: number;
     active: number;
@@ -6,5 +6,5 @@ export interface PaginationProps extends DefaultProps {
     onPrevious: () => void;
     onNavigate: (page: number) => void;
 }
-declare const Pagination: (props: PaginationProps) => JSX.Element;
+export declare const Pagination: (props: PaginationProps) => JSX.Element;
 export default Pagination;

package/core/{Pagination → navigation/pagination}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Pagination = 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,8 +13,8 @@ var _inc = _interopRequireDefault(require("ramda/es/inc"));
 var _times = _interopRequireDefault(require("ramda/es/times"));
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _icons = require("../../icons");
-var _Button = _interopRequireDefault(require("../Button"));
+var _icons = require("@/icons");
+var _button = _interopRequireDefault(require("@/core/inputs/button"));
 var _excluded = ["active", "style", "padding", "margin", "pages", "className", "onNavigate", "onNext", "onPrevious"];
 var _templateObject;
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -39,13 +39,13 @@ var Pagination = function Pagination(props) {
       padding: padding,
       margin: margin
     }, style)
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }), /*#__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["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_button["default"], {
       size: "small",
       "data-testid": "pagination-page-".concat(page),
       key: page,
@@ -55,12 +55,13 @@ var Pagination = function Pagination(props) {
         return onNavigate(page);
       }
     }, page);
-  }), /*#__PURE__*/_react["default"].createElement(_Button["default"], {
+  }), /*#__PURE__*/_react["default"].createElement(_button["default"], {
     id: "next-page-button",
     "data-testid": "next-page-button",
     size: "small",
     onClick: onNext
   }, /*#__PURE__*/_react["default"].createElement(_icons.KeyboardArrowRight, null)));
 };
+exports.Pagination = Pagination;
 var _default = Pagination;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Sidebar → navigation/sidebar}/index.d.ts

@@ -1,5 +1,5 @@
-import { DefaultProps } from '../types';
-import { ButtonProps } from '../Button';
+import { DefaultProps } from '../../types';
+import { ButtonProps } from '@/core/inputs/button';
 export interface SidebarProps extends DefaultProps {
     open: boolean;
     expanded?: boolean;
@@ -16,5 +16,5 @@ export interface SidebarProps extends DefaultProps {
     ButtonProps?: ButtonProps;
     onToggle: () => void;
 }
-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) => JSX.Element;
+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) => JSX.Element;
 export default Sidebar;

package/core/{Sidebar → navigation/sidebar}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Sidebar = 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"));
@@ -13,8 +13,8 @@ var _Drawer = _interopRequireDefault(require("@material-ui/core/Drawer"));
 var _styles = require("@material-ui/core/styles");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _icons = require("../../icons");
-var _Button = _interopRequireDefault(require("../Button"));
+var _icons = require("@/icons");
+var _button = _interopRequireDefault(require("@/core/inputs/button"));
 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(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -99,7 +99,7 @@ var Sidebar = function Sidebar(_ref) {
     var iconToLeft = anchor === 'left' && expanded || anchor === 'right' && !expanded;
     return /*#__PURE__*/_react["default"].createElement(Action, {
       anchor: anchor
-    }, /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_button["default"], (0, _extends2["default"])({
       name: "button-".concat(name || 'sidebar'),
       color: color,
       "data-testid": "sidebar-button",
@@ -134,5 +134,6 @@ var Sidebar = function Sidebar(_ref) {
     }
   }), showButton && renderAction(), children);
 };
+exports.Sidebar = Sidebar;
 var _default = Sidebar;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Stepper → navigation/stepper}/index.d.ts

@@ -1,4 +1,4 @@
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface StepperProps extends DefaultProps {
     active?: number;
     steps: Array<string | TStep>;
@@ -9,5 +9,5 @@ type TStep = {
     label: JSX.Element | string;
     icon: JSX.Element | ((active?: boolean) => JSX.Element);
 };
-declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => JSX.Element;
+export declare const Stepper: ({ active, bottomLabel, steps, padding, margin, style, ...otherProps }: StepperProps) => JSX.Element;
 export default Stepper;

package/core/{Stepper → navigation/stepper}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Stepper = 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"));
@@ -58,5 +58,6 @@ var Stepper = function Stepper(_ref2) {
     }, (0, _typeof2["default"])(step) === 'object' ? step.label : step));
   }));
 };
+exports.Stepper = Stepper;
 var _default = Stepper;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Tab → navigation/tab}/index.d.ts

@@ -1,4 +1,4 @@
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 interface TabProps extends DefaultProps {
     disabled?: boolean;
     icon?: string | JSX.Element;

package/core/{Tabs → navigation/tabs}/index.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 export interface TabsProps extends DefaultProps {
     centered?: boolean;
     value: string | number;
@@ -18,5 +18,5 @@ export interface IClasses {
         indicator: string;
     };
 }
-declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => JSX.Element;
+export declare const Tabs: ({ children, centered, padding, style, margin, variant, indicatorColor, ...otherProps }: TabsProps & IClasses) => JSX.Element;
 export default Tabs;

package/core/{Tabs → navigation/tabs}/index.js

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

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Box → surfaces/box}/index.d.ts

@@ -1,9 +1,9 @@
 import React from 'react';
-import type { DefaultProps } from '../types';
+import type { DefaultProps } from '../../types';
 export interface BoxProps extends DefaultProps {
     minHeight?: number;
     children: React.ReactNode;
     'data-testid'?: string;
 }
-declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => JSX.Element;
+export declare const Box: ({ children, margin, padding, style, minHeight, ...otherProps }: BoxProps) => JSX.Element;
 export default Box;

package/core/{Box → surfaces/box}/index.js

@@ -4,12 +4,12 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Box = 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 _react = _interopRequireDefault(require("react"));
-var _Paper = _interopRequireDefault(require("../Paper"));
+var _paper = _interopRequireDefault(require("@/core/surfaces/paper"));
 var _excluded = ["children", "margin", "padding", "style", "minHeight"];
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2["default"])(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -23,7 +23,7 @@ var Box = function Box(_ref) {
     _ref$minHeight = _ref.minHeight,
     minHeight = _ref$minHeight === void 0 ? 400 : _ref$minHeight,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Paper["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_paper["default"], (0, _extends2["default"])({
     padding: padding,
     margin: margin,
     style: _objectSpread({
@@ -31,5 +31,6 @@ var Box = function Box(_ref) {
     }, style)
   }, otherProps), children);
 };
+exports.Box = Box;
 var _default = Box;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

package/core/{Card → surfaces/card}/index.d.ts

@@ -1,4 +1,4 @@
-import { DefaultProps } from '../types';
+import { DefaultProps } from '../../types';
 import { CardProps } from '@material-ui/core/Card';
 import { CardActionAreaProps } from '@material-ui/core/CardActionArea';
 import { CardActionsProps } from '@material-ui/core/CardActions';
@@ -10,5 +10,5 @@ export declare const CardActions: ({ margin, padding, style, ...otherProps }: De
 export declare const CardContent: ({ margin, padding, style, ...otherProps }: DefaultProps & CardContentProps) => JSX.Element;
 export declare const CardMedia: ({ margin, padding, style, ...otherProps }: DefaultProps & CardMediaProps) => JSX.Element;
 export declare const CardHeader: ({ margin, padding, style, ...otherProps }: DefaultProps & CardHeaderProps) => JSX.Element;
-declare const Card: ({ margin, padding, style, ...otherProps }: DefaultProps & CardProps) => JSX.Element;
+export declare const Card: ({ margin, padding, style, ...otherProps }: DefaultProps & CardProps) => JSX.Element;
 export default Card;

package/core/{Card → surfaces/card}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = void 0;
+exports["default"] = exports.CardMedia = exports.CardHeader = exports.CardContent = exports.CardActions = exports.CardActionArea = exports.Card = 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"));
@@ -100,5 +100,6 @@ var Card = function Card(_ref6) {
     }, style)
   }), otherProps.children);
 };
+exports.Card = Card;
 var _default = Card;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

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

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

package/core/{Container → surfaces/container}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Container = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
@@ -25,5 +25,6 @@ var Container = function Container(_ref) {
     style: componentStyle
   }, otherProps), children);
 };
+exports.Container = Container;
 var _default = Container;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

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

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

@@ -0,0 +1,3 @@
+import { DefaultProps } from '../../types';
+export declare const Content: ({ children, padding, margin, style, ...otherProps }: DefaultProps) => JSX.Element;
+export default Content;

package/core/{Content → surfaces/content}/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports["default"] = exports.Content = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
@@ -29,5 +29,6 @@ var Content = function Content(_ref) {
     style: componentStyle
   }), children);
 };
+exports.Content = Content;
 var _default = Content;
 exports["default"] = _default;

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

@@ -0,0 +1 @@
+export {};

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

@@ -0,0 +1,5 @@
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0a347bb9").R, import(".").ExpansionPanelProps>;
+export default _default;
+export declare const Default: any;
+export declare const Disabled: any;
+export declare const WithEditable: any;

package/core/{ExpansionPanel → surfaces/expansion-panel}/index.d.ts

@@ -1,7 +1,6 @@
 import React, { ReactNode, MouseEvent } from 'react';
-import { PaperProps } from '../Paper';
-import { HTMLElementWithDataCy } from '../types';
-export interface ExpansionPanelProps extends PaperProps {
+import { PaperProps } from '@/core/surfaces/paper';
+export interface ExpansionPanelProps extends Omit<PaperProps, 'onChange'> {
     actions?: ReactNode;
     defaultExpanded?: boolean;
     details?: ReactNode;
@@ -13,7 +12,7 @@ export interface ExpansionPanelProps extends PaperProps {
     detailsStyle?: object;
     actionsStyle?: object;
     editStyle?: React.CSSProperties;
-    headerProps?: HTMLElementWithDataCy<HTMLDivElement>;
+    headerProps?: React.HTMLAttributes<HTMLDivElement>;
     helperIcon?: React.ReactNode;
     editable?: boolean;
     editing?: boolean;
@@ -25,5 +24,5 @@ export interface ExpansionPanelProps extends PaperProps {
     onChange?: (event?: React.ChangeEvent<Record<string, unknown>>, expanded?: boolean) => void;
     onClick?: (event: MouseEvent<HTMLDivElement>) => void;
 }
-declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
+export declare const ExpansionPanel: ({ actions, details, expandIcon, margin, padding, style, summary, summaryStyle, detailsStyle, actionsStyle, editStyle, onHelperClick, onEditClick, onSaveClick, onClick, helperIcon, editable, editing, headerProps, helperButtonPosition, ...otherProps }: ExpansionPanelProps) => JSX.Element;
 export default ExpansionPanel;