flipper-ui 0.31.6 → 0.32.0

package/{experimental/dialog → core/feedback/dialog-v2}/remove-dialog.js

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

package/core/feedback/fade/fade.stories.d.ts

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

package/core/feedback/fade/index.d.ts

@@ -9,5 +9,5 @@ export interface FadeProps extends DefaultProps {
     };
     children: ReactElement<Record<string, unknown>>;
 }
-export declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => React.JSX.Element;
+declare const Fade: ({ children, padding, margin, style, ...otherProps }: FadeProps) => React.JSX.Element;
 export default Fade;

package/core/feedback/fade/index.js

@@ -4,23 +4,23 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Fade = void 0;
+exports["default"] = void 0;
+var _Fade2 = _interopRequireDefault(require("@material-ui/core/Fade"));
 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 _Fade = _interopRequireDefault(require("@material-ui/core/Fade"));
 var _excluded = ["children", "padding", "margin", "style"];
 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 Fade = exports.Fade = function Fade(_ref) {
+var Fade = function Fade(_ref) {
   var children = _ref.children,
     padding = _ref.padding,
     margin = _ref.margin,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Fade["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Fade2["default"], (0, _extends2["default"])({
     style: _objectSpread({
       padding: padding,
       margin: margin

package/core/feedback/grow/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Grow2 = _interopRequireDefault(require("@material-ui/core/Grow"));
 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 _Grow = _interopRequireDefault(require("@material-ui/core/Grow"));
 var _excluded = ["children", "padding", "margin", "style"];
 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; }
@@ -20,7 +20,7 @@ var Grow = function Grow(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Grow["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Grow2["default"], (0, _extends2["default"])({
     style: _objectSpread({
       padding: padding,
       margin: margin

package/{experimental → core/feedback}/loading/index.d.ts

@@ -4,5 +4,5 @@ export interface IProps {
     margin?: number | string;
     size?: number;
 }
-export declare const Loading: (props: IProps) => React.JSX.Element;
+declare const Loading: (props: IProps) => React.JSX.Element;
 export default Loading;

package/{experimental → core/feedback}/loading/index.js

@@ -1,16 +1,17 @@
 "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.Loading = void 0;
+exports["default"] = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _ = require("../..");
+var _progress = _interopRequireDefault(require("../progress"));
 var _styles = require("./styles");
 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 Loading = exports.Loading = function Loading(props) {
+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 && {}.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 Loading = function Loading(props) {
   var _props$margin = props.margin,
     margin = _props$margin === void 0 ? 48 : _props$margin,
     _props$padding = props.padding,
@@ -18,7 +19,7 @@ var Loading = exports.Loading = function Loading(props) {
     _props$size = props.size,
     size = _props$size === void 0 ? 72 : _props$size;
   var renderLoading = (0, _react.useMemo)(function () {
-    return /*#__PURE__*/_react["default"].createElement(_.Progress, {
+    return /*#__PURE__*/_react["default"].createElement(_progress["default"], {
       color: "primary",
       size: size
     });

package/core/feedback/loading/loading.stories.d.ts

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

package/core/feedback/loading/styles.d.ts

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

package/{experimental → core/feedback}/nothing-found/index.d.ts

@@ -7,5 +7,5 @@ export interface IProps extends TypographyProps {
     readonly?: boolean;
     show: boolean;
 }
-export declare const NothingFound: (props: IProps) => React.JSX.Element | null;
+declare const NothingFound: (props: IProps) => React.JSX.Element | null;
 export default NothingFound;

package/{experimental → core/feedback}/nothing-found/index.js

@@ -4,14 +4,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.NothingFound = 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"));
 var _styles = require("./styles");
 var _excluded = ["buttonLabel", "readonly"],
   _excluded2 = ["customText", "searchText", "show"];
-var NothingFound = exports.NothingFound = function NothingFound(props) {
+var NothingFound = function NothingFound(props) {
   var buttonLabel = props.buttonLabel,
     readonly = props.readonly,
     rest = (0, _objectWithoutProperties2["default"])(props, _excluded);

package/core/feedback/nothing-found/nothing-found.stories.d.ts

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

package/core/feedback/nothing-found/styles.d.ts

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

package/{experimental → core/feedback}/nothing-found/styles.js

@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.TextTypography = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _typography = _interopRequireDefault(require("../../core/data-display/typography"));
+var _typography = _interopRequireDefault(require("../../data-display/typography"));
 var _templateObject;
 var TextTypography = exports.TextTypography = (0, _styledComponents["default"])(_typography["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        flex: 1;\n    }\n"])));

package/core/feedback/progress/index.d.ts

@@ -10,6 +10,10 @@ export interface ILinear {
         barColorPrimary?: string;
         barColorSecondary?: string;
     };
+    rootColor?: string;
+    primaryColor?: string;
+    barPrimaryColor?: string;
+    barSecondaryColor?: string;
 }
 export interface ICircular {
     size?: string | number;
@@ -20,5 +24,11 @@ export interface ProgressProps extends DefaultProps {
     value?: number;
     linear?: boolean;
 }
-declare const Progress: ({ linear, style, margin, padding, ...otherProps }: ProgressProps & ICircular & ILinear) => React.JSX.Element;
+export interface IColors {
+    rootColor?: string;
+    primaryColor?: string;
+    barPrimaryColor?: string;
+    barSecondaryColor?: string;
+}
+declare const Progress: ({ linear, style, margin, padding, rootColor, primaryColor, barPrimaryColor, barSecondaryColor, ...otherProps }: ProgressProps & ICircular & ILinear) => React.JSX.Element;
 export default Progress;

package/core/feedback/progress/index.js

@@ -5,28 +5,69 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _CircularProgress2 = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
+var _LinearProgress2 = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
 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 _CircularProgress = _interopRequireDefault(require("@material-ui/core/CircularProgress"));
-var _LinearProgress = _interopRequireDefault(require("@material-ui/core/LinearProgress"));
-var _excluded = ["linear", "style", "margin", "padding"];
+var _styles = require("@material-ui/core/styles");
+var _excluded = ["linear", "style", "margin", "padding", "rootColor", "primaryColor", "barPrimaryColor", "barSecondaryColor"];
 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 () {
+  return {
+    root: function root(props) {
+      return {
+        backgroundColor: props.rootColor
+      };
+    },
+    colorPrimary: function colorPrimary(props) {
+      return {
+        backgroundColor: props.primaryColor
+      };
+    },
+    barColorPrimary: function barColorPrimary(props) {
+      return {
+        backgroundColor: props.barPrimaryColor
+      };
+    },
+    barColorSecondary: function barColorSecondary(props) {
+      return {
+        backgroundColor: props.barSecondaryColor
+      };
+    }
+  };
+});
 var Progress = function Progress(_ref) {
   var linear = _ref.linear,
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     margin = _ref.margin,
     padding = _ref.padding,
+    rootColor = _ref.rootColor,
+    primaryColor = _ref.primaryColor,
+    barPrimaryColor = _ref.barPrimaryColor,
+    barSecondaryColor = _ref.barSecondaryColor,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return linear ? /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], (0, _extends2["default"])({
+  var classes = useStyles({
+    rootColor: rootColor,
+    primaryColor: primaryColor,
+    barPrimaryColor: barPrimaryColor,
+    barSecondaryColor: barSecondaryColor
+  });
+  return linear ? /*#__PURE__*/_react["default"].createElement(_LinearProgress2["default"], (0, _extends2["default"])({
     style: _objectSpread({
       margin: margin,
       padding: padding
-    }, style)
-  }, otherProps)) : /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], (0, _extends2["default"])({
+    }, style),
+    classes: {
+      root: classes.root,
+      colorPrimary: classes.colorPrimary,
+      barColorPrimary: classes.barColorPrimary,
+      barColorSecondary: classes.barColorSecondary
+    }
+  }, otherProps)) : /*#__PURE__*/_react["default"].createElement(_CircularProgress2["default"], (0, _extends2["default"])({
     style: _objectSpread({
       margin: margin,
       padding: padding

package/core/feedback/progress/progress.stories.d.ts

@@ -9,3 +9,4 @@ export declare const LinearSecondary: any;
 export declare const LinearBuffer: any;
 export declare const LinearQuery: any;
 export declare const LinearQuerySecondary: any;
+export declare const LinearWithCustom: any;

package/{experimental → core/feedback}/skeleton/index.js

@@ -9,7 +9,7 @@ var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends")
 var _react = _interopRequireDefault(require("react"));
 var _reactLoadingSkeleton = _interopRequireDefault(require("react-loading-skeleton"));
 require("react-loading-skeleton/dist/skeleton.css");
-var _theme = require("../../theme");
+var _theme = require("../../../theme");
 var grays = _theme.theme.colors.grays;
 var Skeleton = function Skeleton(props) {
   return /*#__PURE__*/_react["default"].createElement(_reactLoadingSkeleton["default"], (0, _extends2["default"])({

package/core/feedback/slide/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Slide2 = _interopRequireDefault(require("@material-ui/core/Slide"));
 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 _Slide = _interopRequireDefault(require("@material-ui/core/Slide"));
 var _excluded = ["children", "direction", "margin", "padding", "style"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,7 +21,7 @@ var Slide = function Slide(_ref) {
     _ref$style = _ref.style,
     style = _ref$style === void 0 ? {} : _ref$style,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Slide["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Slide2["default"], (0, _extends2["default"])({
     direction: direction,
     style: _objectSpread({
       padding: padding,

package/core/feedback/snackbar/index.js

@@ -5,35 +5,39 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Snackbar2 = _interopRequireDefault(require("@material-ui/core/Snackbar"));
+var _SnackbarContent2 = _interopRequireDefault(require("@material-ui/core/SnackbarContent"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _IconButton2 = _interopRequireDefault(require("@material-ui/core/IconButton"));
+var _Close2 = _interopRequireDefault(require("@mui/icons-material/Close"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+var _Warning2 = _interopRequireDefault(require("@mui/icons-material/Warning"));
+var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCircle"));
+var _Info2 = _interopRequireDefault(require("@mui/icons-material/Info"));
+var _Error2 = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _react = _interopRequireDefault(require("react"));
-var _IconButton = _interopRequireDefault(require("@material-ui/core/IconButton"));
-var _Snackbar = _interopRequireDefault(require("@material-ui/core/Snackbar"));
-var _SnackbarContent = _interopRequireDefault(require("@material-ui/core/SnackbarContent"));
 var _colors = require("@material-ui/core/colors");
 var _styles = require("@material-ui/core/styles");
-var _icons = require("../../../icons");
 var _excluded = ["id", "action", "anchorOrigin", "autoHide", "icon", "message", "onClose", "open", "padding", "margin", "style", "variant", "className", "TransitionComponent", "TransitionProps", "onClick"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 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 variants = {
   error: {
     color: _colors.red[700],
-    icon: _icons.Error
+    icon: _Error2["default"]
   },
   info: {
     color: _colors.blue[500],
-    icon: _icons.Info
+    icon: _Info2["default"]
   },
   success: {
     color: _colors.green[700],
-    icon: _icons.CheckCircle
+    icon: _CheckCircle2["default"]
   },
   warning: {
     color: _colors.amber[700],
-    icon: _icons.Warning
+    icon: _Warning2["default"]
   }
 };
 var useStyles = (0, _styles.makeStyles)(function (theme) {
@@ -79,7 +83,7 @@ var SnackBar = function SnackBar(props) {
       props.onClose();
     }
   };
-  return /*#__PURE__*/_react["default"].createElement(_Snackbar["default"], {
+  return /*#__PURE__*/_react["default"].createElement(_Snackbar2["default"], {
     anchorOrigin: anchorOrigin,
     open: open,
     id: id,
@@ -94,7 +98,7 @@ var SnackBar = function SnackBar(props) {
     TransitionProps: TransitionProps,
     onClick: onClick,
     onClose: onClose
-  }, /*#__PURE__*/_react["default"].createElement(_SnackbarContent["default"], (0, _extends2["default"])({
+  }, /*#__PURE__*/_react["default"].createElement(_SnackbarContent2["default"], (0, _extends2["default"])({
     style: {
       backgroundColor: variants[variant].color,
       flexWrap: 'nowrap',
@@ -111,13 +115,13 @@ var SnackBar = function SnackBar(props) {
         marginLeft: '10px'
       }
     }, message)),
-    action: action || /*#__PURE__*/_react["default"].createElement(_IconButton["default"], {
+    action: action || /*#__PURE__*/_react["default"].createElement(_IconButton2["default"], {
       key: "close",
       role: "close-icon-button",
       "aria-label": "Close",
       color: "inherit",
       onClick: handleClose
-    }, /*#__PURE__*/_react["default"].createElement(_icons.Close, null))
+    }, /*#__PURE__*/_react["default"].createElement(_Close2["default"], null))
   }, other)));
 };
 var _default = exports["default"] = SnackBar;

package/core/feedback/tooltip/index.js

@@ -5,11 +5,11 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _Tooltip2 = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 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 _Tooltip = _interopRequireDefault(require("@material-ui/core/Tooltip"));
 var _excluded = ["children", "withWrapper", "wrapperStyle", "enterDelay", "title"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { (0, _defineProperty2["default"])(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -21,7 +21,7 @@ var Tooltip = function Tooltip(_ref) {
     enterDelay = _ref$enterDelay === void 0 ? 1000 : _ref$enterDelay,
     title = _ref.title,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  return /*#__PURE__*/_react["default"].createElement(_Tooltip["default"], (0, _extends2["default"])({
+  return /*#__PURE__*/_react["default"].createElement(_Tooltip2["default"], (0, _extends2["default"])({
     title: title || '',
     enterDelay: enterDelay
   }, otherProps), withWrapper ? /*#__PURE__*/_react["default"].createElement("div", {

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

@@ -1,4 +1,5 @@
-import type { FC, ReactNode } from 'react';
+import React from 'react';
+import type { ReactNode } from 'react';
 export interface IValidateProps {
     open: boolean;
     failed: boolean;
@@ -33,5 +34,5 @@ export declare enum ValidationStatus {
     Success = "Success",
     Error = "Error"
 }
-declare const ValidationDialog: FC<IValidateProps>;
+declare const ValidationDialog: ({ open, failed, success, title, responses, validations, icons, onClose, onCancel, handleCreate }: IValidateProps) => React.JSX.Element;
 export default ValidationDialog;

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

@@ -6,8 +6,8 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = exports.ValidationStatus = void 0;
 var _react = _interopRequireDefault(require("react"));
+var _actions = _interopRequireDefault(require("../../data-display/actions"));
 var _button = _interopRequireDefault(require("../../inputs/button"));
-var _actions = require("../../../experimental/actions");
 var _styles = require("./styles");
 var ValidationStatus = exports.ValidationStatus = /*#__PURE__*/function (ValidationStatus) {
   ValidationStatus["Loading"] = "Loading";
@@ -84,7 +84,7 @@ var ValidationDialog = function ValidationDialog(_ref) {
       margin: "0 12px 12px 0",
       padding: "6px 31.1px",
       onClick: onClose
-    }, "VOLTAR") : /*#__PURE__*/_react["default"].createElement(_actions.Actions, {
+    }, "VOLTAR") : /*#__PURE__*/_react["default"].createElement(_actions["default"], {
       disabled: !success,
       margin: "0 10px 10px",
       actionButtonColor: "secondary",