flipper-ui 0.30.9 → 0.31.0

package/core/surfaces/step-card/index.d.ts

@@ -1,6 +1,7 @@
-import { LinearProgress, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';
 import React from 'react';
-import Typography from '@/core/data-display/typography';
+import type { CSSProperties, ChangeEvent, HTMLAttributes } from 'react';
+import type { Typography } from '@/core/data-display/typography';
+import type { LinearProgress, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';
 /**
  * Props for the StepCard component
  *
@@ -16,18 +17,18 @@ export interface IStepCardProps {
     expanded?: boolean;
     /**
      * Callback fired when the expansion state changes
-     * @type {(event: React.ChangeEvent<{}>, expanded: boolean) => void}
+     * @type {(event: ChangeEvent<{}>, expanded: boolean) => void}
      * @memberof IStepCardProps
      * @default undefined
      * @example
-     * const handleChange = (event: React.ChangeEvent<{}>, expanded: boolean) => {
+     * const handleChange = (event: ChangeEvent<{}>, expanded: boolean) => {
      *    setExpanded(expanded)
      * }
      * <StepCard onChange={handleChange} />
      * @example
      * <StepCard onChange={(event, expanded) => setExpanded(expanded)} />
      */
-    onChange?: (event: React.ChangeEvent<Record<string, unknown>>, expanded: boolean) => void;
+    onChange?: (event: ChangeEvent<Record<string, unknown>>, expanded: boolean) => void;
     /**
      * Whether the step card is full width
      * @type {boolean}
@@ -126,10 +127,10 @@ export interface IStepCardProps {
     /**
      * Props to be passed to the root element
      *
-     * @type {(React.HTMLAttributes<HTMLDivElement> | undefined)}
+     * @type {(HTMLAttributes<HTMLDivElement> | undefined)}
      * @memberof IStepCardProps
      */
-    rootProps?: React.HTMLAttributes<HTMLDivElement>;
+    rootProps?: HTMLAttributes<HTMLDivElement>;
     /**
      * Props to be passed to the title typography
      *
@@ -178,16 +179,16 @@ export interface IStepCardProps {
     showIcon?: boolean;
     /**
      * Padding applied to the root element
-     * @type {React.CSSProperties['padding']}
+     * @type {CSSProperties['padding']}
      * @memberof IStepCardProps
      */
-    padding?: React.CSSProperties['padding'];
+    padding?: CSSProperties['padding'];
     /**
      * Margin applied to the root element
-     * @type {React.CSSProperties['margin']}
+     * @type {CSSProperties['margin']}
      * @memberof IStepCardProps
      */
-    margin?: React.CSSProperties['margin'];
+    margin?: CSSProperties['margin'];
     /**
      * Whether to show the sub title skeleton
      * @type {boolean}

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

@@ -6,11 +6,11 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.StepCard = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
-var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _react = _interopRequireDefault(require("react"));
-var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
+var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _stepCardDetails = require("./step-card-details");
 var _stepCardPanel = require("./step-card-panel");
+var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
 var _styles = require("./styles");
 /**
  * Props for the StepCard component

package/core/surfaces/step-card/step-card-details.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { IStepCardProps } from '.';
+import type { IStepCardProps } from '.';
 interface IStepCardDetailsProps {
     steps: IStepCardProps['steps'];
     onStepUrlClick?: IStepCardProps['onStepUrlClick'];

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

@@ -9,9 +9,9 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _List = _interopRequireDefault(require("@material-ui/core/List"));
 var _AccordionDetails = _interopRequireDefault(require("@material-ui/core/AccordionDetails"));
+var _typography = require("../../data-display/typography");
+var _iconButton = require("../../inputs/icon-button");
 var _icons = require("../../../icons");
-var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
@@ -38,13 +38,13 @@ var StepCardDetails = exports.StepCardDetails = function StepCardDetails(props)
         style: {
           color: step.done ? DONE_COLOR : UNDONE_COLOR
         }
-      }), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
+      }), /*#__PURE__*/_react["default"].createElement(_typography.Typography, {
         variant: "body1",
         style: {
           color: UNDONE_FONT_COLOR,
           fontWeight: 600
         }
-      }, step.title), step.url && onStepUrlClick && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_iconButton["default"], {
+      }, step.title), step.url && onStepUrlClick && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, /*#__PURE__*/_react["default"].createElement(_iconButton.IconButton, {
         "data-testid": "step-card-button-".concat(index),
         style: {
           backgroundColor: 'unset'

package/core/surfaces/step-card/step-card-panel.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { IStepCardProps } from '.';
+import type { CSSProperties } from 'react';
+import type { IStepCardProps } from '.';
 interface IStepCardPanelProps {
     title: string;
     expandable: boolean;
@@ -15,7 +16,7 @@ interface IStepCardPanelProps {
     showIcon: boolean;
     subTitle?: string;
     fullWidth?: boolean;
-    padding?: React.CSSProperties['padding'];
+    padding?: CSSProperties['padding'];
 }
 export declare const StepCardPanel: (props: IStepCardPanelProps) => React.JSX.Element;
 export {};

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

@@ -10,8 +10,8 @@ var _react = _interopRequireDefault(require("react"));
 var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
 var _AccordionSummary = _interopRequireDefault(require("@material-ui/core/AccordionSummary"));
 var _sprintfJs = require("sprintf-js");
+var _typography = require("../../data-display/typography");
 var _icons = require("../../../icons");
-var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _styles = require("./styles");
 var _theme = require("../../../theme");
 var _theme$colors = _theme.theme.colors,
@@ -47,7 +47,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     });
   };
   var Title = function Title() {
-    return /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_typography.Typography, (0, _extends2["default"])({
       variant: "h6",
       style: {
         color: UNDONE_TITLE_COLOR,
@@ -57,7 +57,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
     }, titleProps), title);
   };
   var SubTitle = function SubTitle() {
-    return /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
+    return /*#__PURE__*/_react["default"].createElement(_typography.Typography, (0, _extends2["default"])({
       variant: "h6",
       style: {
         color: UNDONE_COLOR,
@@ -76,7 +76,7 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
       expandIcon: /*#__PURE__*/_react["default"].createElement(_icons.ExpandMore, {
         fontSize: "large"
       })
-    }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_typography.Typography, (0, _extends2["default"])({
       variant: "h6"
     }, summaryProps), (0, _sprintfJs.sprintf)(summary, remainingSteps, time)));
   };
@@ -98,9 +98,9 @@ var StepCardPanel = exports.StepCardPanel = function StepCardPanel(props) {
   var NormalProgress = function NormalProgress() {
     return /*#__PURE__*/_react["default"].createElement(_styles.NormalProgressContainer, {
       "data-testid": "normal-progress"
-    }, /*#__PURE__*/_react["default"].createElement(_typography["default"], (0, _extends2["default"])({
+    }, /*#__PURE__*/_react["default"].createElement(_typography.Typography, (0, _extends2["default"])({
       variant: "h6"
-    }, summaryProps), summary), /*#__PURE__*/_react["default"].createElement(_typography["default"], {
+    }, summaryProps), summary), /*#__PURE__*/_react["default"].createElement(_typography.Typography, {
       variant: "subtitle2",
       style: {
         position: 'absolute',

package/core/surfaces/step-card/step-card-skeleton.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
+import type { CSSProperties } from 'react';
 interface IStepCardPanelProps {
     expandable: boolean;
     showBottomPercentage: boolean;
     showIcon: boolean;
     subTitle?: boolean;
-    padding?: React.CSSProperties['padding'];
-    margin?: React.CSSProperties['margin'];
+    padding?: CSSProperties['padding'];
+    margin?: CSSProperties['margin'];
     fullWidth?: boolean;
     subTitleSkeleton?: boolean;
 }

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

@@ -5,10 +5,10 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
 var _Accordion = _interopRequireDefault(require("@material-ui/core/Accordion"));
 var _material = require("@mui/material");
-var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
 var StepCardSkeleton = function StepCardSkeleton(props) {
   var expandable = props.expandable,

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.TitleContainer = exports.StepContainer = exports.StepCardRow = exports.StepCardColumn = exports.NormalProgressContainer = exports.ListItemContainer = exports.Container = exports.BarWrapper = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _Box = _interopRequireDefault(require("@material-ui/core/Box"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _theme = require("../../../theme");
 var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
 var Container = exports.Container = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 100%;\n    max-width: ", ";\n    ", "\n"])), function (props) {
@@ -28,9 +28,8 @@ var StepCardColumn = exports.StepCardColumn = _styledComponents["default"].div(_
 }, function (props) {
   if (props.justifyContent === 'start') {
     return "\n                svg:first-child {\n                    margin-right: 40px;\n                }\n                ";
-  } else {
-    return '';
   }
+  return '';
 });
 var ListItemContainer = exports.ListItemContainer = _styledComponents["default"].li(_templateObject5 || (_templateObject5 = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    height: 30px;\n    margin: 16px 0;\n\n    svg:first-child {\n        margin-right: 16px;\n    }\n"])));
 var TitleContainer = exports.TitleContainer = _styledComponents["default"].div(_templateObject6 || (_templateObject6 = (0, _taggedTemplateLiteral2["default"])(["\n    h6:first-child {\n        padding-inline: 20px;\n    }\n\n    span {\n        margin-left: 20px;\n    }\n"])));

package/core/types.d.ts

@@ -1,10 +1,10 @@
-import type { CSSProperties } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 export interface DefaultProps {
     /**
      * The children of the component.
      * @optional
      */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /**
      * The style of the component.
      * @optional

package/experimental/actions/index.d.ts

@@ -1,5 +1,5 @@
-import { ButtonProps } from '@material-ui/core';
 import React from 'react';
+import type { ButtonProps } from '@material-ui/core';
 export interface IProps {
     padding?: number | string;
     margin?: number | string;

package/experimental/actions/index.js

@@ -6,9 +6,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Wrapper = exports.Actions = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _ = require("../..");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
 var _templateObject;
 var Wrapper = exports.Wrapper = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    grid-area: actions;\n    display: flex;\n    flex: 1;\n    justify-content: flex-end;\n    padding: ", ";\n    margin: ", ";\n"])), function (props) {
   return props.padding;

package/experimental/avatar/index.d.ts

@@ -1,4 +1,5 @@
-import React, { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import React from 'react';
 export interface IProps {
     /** The avatar name */
     name?: string;

package/experimental/avatar/index.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.Avatar = void 0;
-var _ = require("../..");
-var _take = _interopRequireDefault(require("ramda/es/take"));
 var _react = _interopRequireDefault(require("react"));
+var _take = _interopRequireDefault(require("ramda/es/take"));
+var _ = require("../..");
 var FIRST_LETTER = 1;
 var Avatar = exports.Avatar = function Avatar(props) {
   var getChild = function getChild() {

package/experimental/breadcrumbs/index.d.ts

@@ -1,4 +1,5 @@
-import React, { ReactNode } from 'react';
+import type { ReactNode } from 'react';
+import React from 'react';
 type Props = {
     /**
      * A mapping between the pathname and the friendly name

package/experimental/breadcrumbs/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.Breadcrumbs = void 0;
 var _toConsumableArray2 = _interopRequireDefault(require("@babel/runtime/helpers/toConsumableArray"));
 var _react = _interopRequireDefault(require("react"));
-var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _addIndex = _interopRequireDefault(require("ramda/es/addIndex"));
 var _map = _interopRequireDefault(require("ramda/es/map"));
+var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _icons = require("../../icons");
 var _ = require("../..");
 var _theme = require("../../theme");

package/experimental/button/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { ButtonProps } from '@/core/inputs/button';
+import type { ButtonProps } from '@/core/inputs/button';
 export interface Props extends ButtonProps {
     label?: string;
     name: string;

package/experimental/button/index.js

@@ -7,12 +7,12 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.AddButton = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _icons = require("../../icons");
 var _react = _interopRequireDefault(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _button = _interopRequireDefault(require("../../core/inputs/button"));
+var _button = require("../../core/inputs/button");
+var _icons = require("../../icons");
 var _templateObject;
-var ButtonStyled = (0, _styledComponents["default"])(_button["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n"])));
+var ButtonStyled = (0, _styledComponents["default"])(_button.Button)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: center;\n"])));
 var AddButton = exports.AddButton = function AddButton(props) {
   return /*#__PURE__*/_react["default"].createElement(ButtonStyled, (0, _extends2["default"])({}, props, {
     variant: "dashed",

package/experimental/card/index.d.ts

@@ -1,11 +1,12 @@
 import React from 'react';
-import { ButtonProps } from '@/core/inputs/button';
-import { IconButtonProps } from '@/core/inputs/icon-button';
+import type { ReactNode } from 'react';
+import type { ButtonProps } from '@/core/inputs/button';
+import type { IconButtonProps } from '@/core/inputs/icon-button';
 export interface IProps {
     /**
      * Children to be rendered inside the card.
      */
-    children: React.ReactNode;
+    children: ReactNode;
     /**
      * If `true`, the card will be rendered with a nested style.
      * @default false
@@ -32,9 +33,6 @@ export interface IProps {
 }
 export declare const Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
 export declare const Title: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<{
-    /**
-     * Children to be rendered inside the card.
-     */
     align?: import("@material-ui/core").PropTypes.Alignment | undefined;
     children?: React.ReactNode;
     color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
@@ -46,10 +44,7 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     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<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "key"> & import("../../core/types").DefaultProps, never>> & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
-    /**
-     * Children to be rendered inside the card.
-     */
+}, "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"> & import("../../core/types").DefaultProps, never>> & Omit<({ children, margin, padding, style, variant, ...otherProps }: {
     align?: import("@material-ui/core").PropTypes.Alignment | undefined;
     children?: React.ReactNode;
     color?: "inherit" | "initial" | "primary" | "secondary" | "textPrimary" | "textSecondary" | "error" | undefined;
@@ -61,6 +56,6 @@ export declare const Title: import("styled-components").IStyledComponent<"web",
     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<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void) | React.RefObject<HTMLSpanElement> | null | undefined;
-}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "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" | "key"> & import("../../core/types").DefaultProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
+}, "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"> & import("../../core/types").DefaultProps) => React.JSX.Element, keyof React.Component<any, {}, any>>;
 export declare const Card: (props: IProps) => React.JSX.Element;
 export default Card;

package/experimental/card/index.js

@@ -8,10 +8,10 @@ exports["default"] = exports.Title = exports.Content = exports.Card = 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"));
-var _icons = require("../../icons");
 var _react = _interopRequireDefault(require("react"));
-var _ = require("../..");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _icons = require("../../icons");
+var _ = require("../..");
 var _excluded = ["id", "name", "onAddBtnLabel", "nested", "title", "action", "onToggleEdit", "editing", "children", "onClickAdd", "onAddProps", "onEditProps"];
 var _templateObject, _templateObject2, _templateObject3, _templateObject4;
 var Content = exports.Content = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    flex: 1;\n    justify-content: center;\n    display: flex;\n    flex-direction: column;\n    padding: 12px;\n"])));

package/experimental/dialog/confirm-dialog.js

@@ -8,7 +8,7 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
-var _dialog = _interopRequireDefault(require("./dialog"));
+var _dialog = require("./dialog");
 var _excluded = ["open", "title", "text", "labels", "onCancel", "onConfirm", "disableBackdropClick"];
 var ConfirmDialog = function ConfirmDialog(props) {
   var open = props.open,
@@ -19,13 +19,13 @@ var ConfirmDialog = function ConfirmDialog(props) {
     onConfirm = props.onConfirm,
     disableBackdropClick = props.disableBackdropClick,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_dialog.DialogV2, (0, _extends2["default"])({}, otherProps, {
     open: open,
     title: title,
     text: text,
     primaryButtonAction: onConfirm,
-    primaryButtonText: labels && labels.confirm || 'Sim',
-    secondaryButtonText: labels && labels.cancel || 'Voltar',
+    primaryButtonText: (labels === null || labels === void 0 ? void 0 : labels.confirm) || 'Sim',
+    secondaryButtonText: (labels === null || labels === void 0 ? void 0 : labels.cancel) || 'Voltar',
     primaryButtonColor: "primary",
     secondaryButtonAction: onCancel,
     onClose: disableBackdropClick ? undefined : onCancel

package/experimental/dialog/dialog.d.ts

@@ -1,4 +1,5 @@
-import React, { MouseEvent, ReactNode } from 'react';
+import type { MouseEvent, ReactNode } from 'react';
+import React from 'react';
 export interface IProps {
     open: boolean;
     title: string;

package/experimental/dialog/remove-dialog.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _toUpper = _interopRequireDefault(require("ramda/es/toUpper"));
 var _react = _interopRequireDefault(require("react"));
-var _dialog = _interopRequireDefault(require("./dialog"));
+var _toUpper = _interopRequireDefault(require("ramda/es/toUpper"));
+var _dialog = require("./dialog");
 var _excluded = ["open", "onCancel", "onConfirm", "title", "text", "labels", "disableBackdropClick"];
 var RemoveDialog = function RemoveDialog(props) {
   var open = props.open,
@@ -20,7 +20,7 @@ var RemoveDialog = function RemoveDialog(props) {
     labels = props.labels,
     disableBackdropClick = props.disableBackdropClick,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_dialog["default"], (0, _extends2["default"])({}, otherProps, {
+  return /*#__PURE__*/_react["default"].createElement(_dialog.DialogV2, (0, _extends2["default"])({}, otherProps, {
     open: open,
     title: (0, _toUpper["default"])(title || 'EXCLUIR'),
     text: text,

package/experimental/fab/fab-wrapper.d.ts

@@ -1,4 +1,5 @@
-import React, { CSSProperties, ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
+import React from 'react';
 export interface IProps {
     padding?: number | string;
     style?: CSSProperties;

package/experimental/fab/fab.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import type { MouseEvent, CSSProperties } from 'react';
-import { FabProps } from '@/core/data-display/fab';
+import type { FabProps } from '@/core/data-display/fab';
 export interface IProps extends FabProps {
     large?: boolean;
     className?: string;

package/experimental/loading/index.js

@@ -7,9 +7,9 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.Loading = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _ = require("../..");
 var _react = _interopRequireWildcard(require("react"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _ = require("../..");
 var _templateObject;
 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; }

package/experimental/nothing-found/index.d.ts

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

package/experimental/nothing-found/index.js

@@ -7,8 +7,8 @@ Object.defineProperty(exports, "__esModule", {
 exports["default"] = exports.NothingFound = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _ = require("../..");
 var _react = _interopRequireDefault(require("react"));
+var _ = require("../..");
 var _excluded = ["buttonLabel", "readonly"],
   _excluded2 = ["customText", "searchText", "show"];
 var NothingFound = exports.NothingFound = function NothingFound(props) {

package/experimental/panel/index.d.ts

@@ -1,5 +1,6 @@
-import React, { CSSProperties, ChangeEvent, ReactNode } from 'react';
-import { PaperProps as FlipperPaperProps } from '@/core/surfaces/paper';
+import React from 'react';
+import type { CSSProperties, ChangeEvent, MouseEvent, ReactNode } from 'react';
+import type { PaperProps as FlipperPaperProps } from '@/core/surfaces/paper';
 export interface PaperProps extends Omit<FlipperPaperProps, 'title' | 'onChange'> {
     expanded?: boolean;
     defaultExpanded?: boolean;
@@ -17,7 +18,7 @@ export interface PaperProps extends Omit<FlipperPaperProps, 'title' | 'onChange'
     hideExpansionIcon?: boolean;
     detailsStyle?: CSSProperties;
     onChange?(event?: ChangeEvent<Record<string, unknown>>, expanded?: boolean): void;
-    onClick?(event: React.MouseEvent<HTMLDivElement>): void;
+    onClick?(event: MouseEvent<HTMLDivElement>): void;
 }
 export declare const Panel: (props: PaperProps) => React.JSX.Element;
 export default Panel;

package/experimental/panel/index.js

@@ -9,8 +9,8 @@ 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 _defaultTo = _interopRequireDefault(require("ramda/es/defaultTo"));
 var _react = _interopRequireDefault(require("react"));
+var _defaultTo = _interopRequireDefault(require("ramda/es/defaultTo"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _icons = require("../../icons");
 var _ = require("../..");

package/experimental/sidebar/index.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
+import type { ReactElement } from 'react';
 export interface ISidebarOption {
-    icon: React.ReactElement;
+    icon: ReactElement;
     label: string;
     name: string;
     route: string;