flipper-ui 0.34.6 → 0.34.8

package/core/feedback/dialog/index.js

@@ -8,7 +8,6 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _makeStyles2 = _interopRequireDefault(require("@mui/styles/makeStyles"));
 var _react = _interopRequireDefault(require("react"));
 var _Dialog = _interopRequireDefault(require("@mui/material/Dialog"));
 var _DialogActions = _interopRequireDefault(require("@mui/material/DialogActions"));
@@ -19,11 +18,6 @@ var _styles = require("./styles");
 var _excluded = ["snippet", "style", "padding", "margin", "scroll", "PaperProps", "open", "fullScreen", "fullWidth", "maxWidth", "onClose", "titleAction", "titleWrapperStyle", "titleStyle", "titleActionStyle", "contentStyle", "contentTextStyle", "actionsStyle", "actions", "content", "text", "title", "snippetStyle", "snippetContentStyle", "aria-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; }
-var useStyles = (0, _makeStyles2["default"])({
-  root: {
-    overflowY: 'unset'
-  }
-});
 var Dialog = function Dialog(_ref) {
   var snippet = _ref.snippet,
     style = _ref.style,
@@ -51,7 +45,6 @@ var Dialog = function Dialog(_ref) {
     snippetContentStyle = _ref.snippetContentStyle,
     ariaTitle = _ref['aria-title'],
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  var classes = useStyles();
   var renderTitle = function renderTitle(title) {
     return titleAction ? /*#__PURE__*/_react["default"].createElement(_styles.TitleWrapper, {
       style: titleWrapperStyle
@@ -103,13 +96,13 @@ var Dialog = function Dialog(_ref) {
       padding: padding,
       margin: margin
     }, style),
-    PaperProps: _objectSpread(_objectSpread({}, ariaTitle ? {
-      title: ariaTitle
-    } : {}), {}, {
-      classes: {
-        root: classes.root
+    PaperProps: _objectSpread(_objectSpread({
+      sx: {
+        overflowY: 'unset'
       }
-    }, PaperProps),
+    }, ariaTitle ? {
+      title: ariaTitle
+    } : {}), PaperProps),
     onClose: onClose
   }), snippet ? renderSnippet() : renderPaperContent());
 };

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

@@ -2,15 +2,8 @@ import React from 'react';
 import type { DefaultProps } from '../../types';
 export interface ILinear {
     color?: 'primary' | 'secondary' | 'error' | 'info' | 'success' | 'warning' | 'inherit';
-    classes?: {
-        root?: string;
-        colorPrimary?: string;
-        barColorPrimary?: string;
-        barColorSecondary?: string;
-    };
     variant?: 'buffer' | 'determinate' | 'indeterminate' | 'query';
     valueBuffer?: number;
-    rootColor?: string;
     primaryColor?: string;
     barPrimaryColor?: string;
     barSecondaryColor?: string;
@@ -25,10 +18,9 @@ export interface ProgressProps extends DefaultProps {
     linear?: boolean;
 }
 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;
+declare const Progress: ({ linear, style, margin, padding, primaryColor, barPrimaryColor, barSecondaryColor, ...otherProps }: ProgressProps & ICircular & ILinear) => React.JSX.Element;
 export default Progress;

package/core/feedback/progress/index.js

@@ -8,64 +8,35 @@ exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
-var _makeStyles2 = _interopRequireDefault(require("@mui/styles/makeStyles"));
 var _react = _interopRequireDefault(require("react"));
 var _CircularProgress = _interopRequireDefault(require("@mui/material/CircularProgress"));
 var _LinearProgress = _interopRequireDefault(require("@mui/material/LinearProgress"));
-var _excluded = ["linear", "style", "margin", "padding", "rootColor", "primaryColor", "barPrimaryColor", "barSecondaryColor"];
+var _excluded = ["linear", "style", "margin", "padding", "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, _makeStyles2["default"])(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);
-  var classes = useStyles({
-    rootColor: rootColor,
-    primaryColor: primaryColor,
-    barPrimaryColor: barPrimaryColor,
-    barSecondaryColor: barSecondaryColor
-  });
   return linear ? /*#__PURE__*/_react["default"].createElement(_LinearProgress["default"], (0, _extends2["default"])({
     style: _objectSpread({
       margin: margin,
       padding: padding
     }, style),
-    classes: {
-      root: classes.root,
-      colorPrimary: classes.colorPrimary,
-      barColorPrimary: classes.barColorPrimary,
-      barColorSecondary: classes.barColorSecondary
+    sx: {
+      backgroundColor: primaryColor,
+      '.MuiLinearProgress-barColorPrimary': {
+        backgroundColor: barPrimaryColor
+      },
+      '.MuiLinearProgress-barColorSecondary': {
+        backgroundColor: barSecondaryColor
+      }
     }
   }, otherProps)) : /*#__PURE__*/_react["default"].createElement(_CircularProgress["default"], (0, _extends2["default"])({
     style: _objectSpread({

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

@@ -1,14 +1,7 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Progress from '.';
-declare const _default: Meta<typeof Progress>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Inherit: any;
-export declare const Linear: any;
-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;
+declare const meta: Meta<typeof Progress>;
+export default meta;
+type Story = StoryObj<typeof Progress>;
+export declare const progress: Story;
+export declare const progressCustom: Story;

package/core/feedback/skeleton/index.js

@@ -8,14 +8,14 @@ exports["default"] = void 0;
 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 grays = _theme.theme.colors.grays;
+require("react-loading-skeleton/dist/skeleton.css");
+var gray = _theme.theme.colors.gray;
 var Skeleton = function Skeleton(props) {
   return /*#__PURE__*/_react["default"].createElement(_reactLoadingSkeleton["default"], (0, _extends2["default"])({
     containerTestId: "skeleton-container",
-    baseColor: grays.g7,
-    highlightColor: grays.g6
+    baseColor: gray[200],
+    highlightColor: gray[300]
   }, props));
 };
 var _default = exports["default"] = Skeleton;

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

@@ -1,7 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Skeleton from '.';
-declare const _default: Meta<typeof Skeleton>;
-export default _default;
-export declare const Default: any;
-export declare const WithCustomHeight: any;
-export declare const Circle: any;
+declare const meta: Meta<typeof Skeleton>;
+export default meta;
+type Story = StoryObj<typeof Skeleton>;
+export declare const skeleton: Story;

package/core/feedback/snackbar/index.js

@@ -14,28 +14,34 @@ var _CheckCircle2 = _interopRequireDefault(require("@mui/icons-material/CheckCir
 var _Info2 = _interopRequireDefault(require("@mui/icons-material/Info"));
 var _Error2 = _interopRequireDefault(require("@mui/icons-material/Error"));
 var _react = _interopRequireDefault(require("react"));
-var _colors = require("@mui/material/colors");
 var _Snackbar = _interopRequireDefault(require("@mui/material/Snackbar"));
 var _SnackbarContent = _interopRequireDefault(require("@mui/material/SnackbarContent"));
 var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
+var _styles = require("./styles");
+var _theme = require("../../../theme");
 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 _theme$colors = _theme.theme.colors,
+  blue = _theme$colors.blue,
+  green = _theme$colors.green,
+  orange = _theme$colors.orange,
+  red = _theme$colors.red;
 var variants = {
   error: {
-    color: _colors.red[700],
+    color: red[500],
     icon: _Error2["default"]
   },
   info: {
-    color: _colors.blue[500],
+    color: blue[600],
     icon: _Info2["default"]
   },
   success: {
-    color: _colors.green[700],
+    color: green[400],
     icon: _CheckCircle2["default"]
   },
   warning: {
-    color: _colors.amber[700],
+    color: orange[600],
     icon: _Warning2["default"]
   }
 };
@@ -93,13 +99,8 @@ var SnackBar = function SnackBar(props) {
       flexWrap: 'nowrap',
       cursor: cursor
     },
-    message: /*#__PURE__*/_react["default"].createElement("span", {
-      id: "client-snackbar",
-      style: {
-        alignItems: 'center',
-        display: 'flex',
-        gap: '12px'
-      }
+    message: /*#__PURE__*/_react["default"].createElement(_styles.Message, {
+      id: "client-snackbar"
     }, icon || /*#__PURE__*/_react["default"].createElement(Icon, {
       style: {
         opacity: 0.9

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

@@ -1,8 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Snackbar from '.';
-declare const _default: Meta<typeof Snackbar>;
-export default _default;
-export declare const Default: any;
-export declare const Success: any;
-export declare const Warning: any;
-export declare const Error: any;
+declare const meta: Meta<typeof Snackbar>;
+export default meta;
+type Story = StoryObj<typeof Snackbar>;
+export declare const snackbar: Story;

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

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

package/core/feedback/snackbar/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoriesWrapper = exports.Message = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = require("styled-components");
+var _templateObject, _templateObject2;
+var Message = exports.Message = _styledComponents.styled.span(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    align-items: center;\n    gap: 12px;\n"])));
+var StoriesWrapper = exports.StoriesWrapper = _styledComponents.styled.div(_templateObject2 || (_templateObject2 = (0, _taggedTemplateLiteral2["default"])(["\n    height: 150px;\n"])));

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

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

package/core/feedback/tooltip/styles.js

@@ -0,0 +1,11 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StoriesWrapper = void 0;
+var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
+var _styledComponents = require("styled-components");
+var _templateObject;
+var StoriesWrapper = exports.StoriesWrapper = _styledComponents.styled.div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    display: flex;\n    justify-content: center;\n"])));

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

@@ -1,8 +1,6 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Tooltip from '.';
-declare const _default: Meta<typeof Tooltip>;
-export default _default;
-export declare const Default: any;
-export declare const Positioned: () => React.JSX.Element;
-export declare const Disabled: any;
+declare const meta: Meta<typeof Tooltip>;
+export default meta;
+type Story = StoryObj<typeof Tooltip>;
+export declare const tooltip: Story;

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

@@ -2,6 +2,6 @@ export declare const MuiDialog: import("styled-components/dist/types").IStyledCo
 export declare const DialogTypography: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").TypographyOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & {
     ref?: ((instance: HTMLSpanElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLSpanElement> | null | undefined;
 }, "color" | "children" | "padding" | "margin" | "style" | "className" | "classes" | "sx" | "p" | "border" | "boxShadow" | "fontWeight" | "zIndex" | "alignContent" | "alignItems" | "alignSelf" | "bottom" | "boxSizing" | "columnGap" | "display" | "flexBasis" | "flexDirection" | "flexGrow" | "flexShrink" | "flexWrap" | "fontFamily" | "fontSize" | "fontStyle" | "gridAutoColumns" | "gridAutoFlow" | "gridAutoRows" | "gridTemplateAreas" | "gridTemplateColumns" | "gridTemplateRows" | "height" | "justifyContent" | "justifyItems" | "justifySelf" | "left" | "letterSpacing" | "lineHeight" | "marginBlockEnd" | "marginBlockStart" | "marginBottom" | "marginInlineEnd" | "marginInlineStart" | "marginLeft" | "marginRight" | "marginTop" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "order" | "paddingBlockEnd" | "paddingBlockStart" | "paddingBottom" | "paddingInlineEnd" | "paddingInlineStart" | "paddingLeft" | "paddingRight" | "paddingTop" | "position" | "right" | "rowGap" | "textAlign" | "textOverflow" | "textTransform" | "top" | "visibility" | "whiteSpace" | "width" | "borderBottom" | "borderColor" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "flex" | "gap" | "gridArea" | "gridColumn" | "gridRow" | "marginBlock" | "marginInline" | "overflow" | "paddingBlock" | "paddingInline" | "bgcolor" | "m" | "mt" | "mr" | "mb" | "ml" | "mx" | "marginX" | "my" | "marginY" | "pt" | "pr" | "pb" | "pl" | "px" | "paddingX" | "py" | "paddingY" | "typography" | "displayPrint" | "align" | "variant" | "gutterBottom" | "noWrap" | "paragraph" | "variantMapping"> & {
-    component?: import("react").ElementType;
+    component?: React.ElementType;
 } & import("../../types").DefaultProps, never>> & string & Omit<({ children, margin, padding, style, variant, ...otherProps }: import("@mui/material").TypographyProps & import("../../types").DefaultProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const ValidationWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/core/inputs/autocomplete/autocomplete.stories.d.ts

@@ -3,4 +3,4 @@ import type { Meta } from '@storybook/react';
 import { Autocomplete } from '.';
 declare const _default: Meta<typeof Autocomplete>;
 export default _default;
-export declare const AutoCompleteLab: () => React.JSX.Element;
+export declare const AutocompleteLab: () => React.JSX.Element;

package/core/inputs/button/button.stories.d.ts

@@ -1,19 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Button from '.';
-declare const _default: Meta<typeof Button>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const ContainedPrimary: any;
-export declare const ContainedSecondary: any;
-export declare const OutlinedPrimary: any;
-export declare const OutlinedSecondary: any;
-export declare const Selected: any;
-export declare const DashedPrimary: any;
-export declare const DashedSecondary: any;
-export declare const AddIcon: any;
-export declare const Small: any;
-export declare const Medium: any;
-export declare const Large: any;
-export declare const Disabled: any;
+declare const meta: Meta<typeof Button>;
+export default meta;
+type Story = StoryObj<typeof Button>;
+export declare const button: Story;

package/core/inputs/checkbox/checkbox.stories.d.ts

@@ -1,11 +1,6 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Checkbox from '.';
-declare const _default: Meta<typeof Checkbox>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithHelper: any;
-export declare const Primary: any;
-export declare const WithoutLabel: any;
-export declare const Switch: any;
-export declare const SwitchWithHelper: any;
+declare const meta: Meta<typeof Checkbox>;
+export default meta;
+type Story = StoryObj<typeof Checkbox>;
+export declare const checkbox: Story;

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

@@ -1,11 +1,6 @@
-import React from 'react';
-import type { SyntheticEvent } from 'react';
-import type { AutocompleteChangeReason } from '../autocomplete';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import ChipField from '.';
-interface IMultiple {
-    onChange?: (_event: SyntheticEvent<Element, Event>, value: string[], reason?: AutocompleteChangeReason) => void;
-}
-declare const _default: Meta<typeof ChipField>;
-export default _default;
-export declare const MultipleField: ({ onChange }: IMultiple) => React.JSX.Element;
+declare const meta: Meta<typeof ChipField>;
+export default meta;
+type Story = StoryObj<typeof ChipField>;
+export declare const chipField: Story;

package/core/inputs/date-time/index.js

@@ -24,7 +24,9 @@ var _excluded = ["id", "padding", "margin", "style", "value", "onChange", "error
 /* eslint-disable import/no-duplicates */
 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 primary = _theme.theme.colors.primary;
+var _theme$colors = _theme.theme.colors,
+  neutral = _theme$colors.neutral,
+  primary = _theme$colors.primary;
 var formatter = function formatter(weekday) {
   return (0, _format["default"])(weekday, 'eee', {
     locale: _ptBR["default"]
@@ -37,10 +39,10 @@ var CustomDatePickerToolbar = function CustomDatePickerToolbar(props) {
       borderRadius: '4px 4px 0 0',
       padding: '16px',
       '.MuiTypography-root': {
-        color: "".concat(primary.contrast, "90")
+        color: "".concat(neutral[50], "90")
       },
       '.MuiDatePickerToolbar-title': {
-        color: primary.contrast
+        color: neutral[50]
       }
     }
   }));
@@ -52,13 +54,13 @@ var CustomTimePickerToolbar = function CustomTimePickerToolbar(props) {
       borderRadius: '4px 4px 0 0',
       padding: '16px',
       '.MuiTypography-root': {
-        color: "".concat(primary.contrast, "90")
+        color: "".concat(neutral[50], "90")
       },
       '.MuiPickersToolbarText-root': {
-        color: primary.contrast
+        color: neutral[50]
       },
       '.MuiPickersToolbarText-root.Mui-selected': {
-        color: "".concat(primary.contrast, "90")
+        color: "".concat(neutral[50], "90")
       }
     }
   }));
@@ -73,11 +75,11 @@ var CustomDateTimePickerToolbar = function CustomDateTimePickerToolbar(props) {
         display: 'none'
       },
       '.MuiPickersToolbarText-root': {
-        color: primary.contrast,
+        color: neutral[50],
         display: 'block'
       },
       '.MuiPickersToolbarText-root.Mui-selected': {
-        color: "".concat(primary.contrast, "90"),
+        color: "".concat(neutral[50], "90"),
         display: 'block'
       }
     }

package/core/inputs/icon-button/icon-button.stories.d.ts

@@ -1,8 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import IconButton from '.';
-declare const _default: Meta<typeof IconButton>;
-export default _default;
-export declare const Default: any;
-export declare const Primary: any;
-export declare const Secondary: any;
-export declare const Disabled: any;
+declare const meta: Meta<typeof IconButton>;
+export default meta;
+type Story = StoryObj<typeof IconButton>;
+export declare const iconButton: Story;

package/core/inputs/input-adornment/input-adornment.stories.d.ts

@@ -1,6 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import InputAdornment from '.';
-declare const _default: Meta<typeof InputAdornment>;
-export default _default;
-export declare const Default: any;
-export declare const WithIcon: any;
+declare const meta: Meta<typeof InputAdornment>;
+export default meta;
+type Story = StoryObj<typeof InputAdornment>;
+export declare const inputAdornment: Story;

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

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import MaskField from '.';
-declare const _default: Meta<typeof MaskField>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const MaskFieldWithInputAdornment: any;
+declare const meta: Meta<typeof MaskField>;
+export default meta;
+type Story = StoryObj<typeof MaskField>;
+export declare const maskField: Story;

package/core/inputs/pin-input/index.js

@@ -99,34 +99,36 @@ var PinInput = function PinInput(_ref) {
   }, function (_, index) {
     return /*#__PURE__*/_react["default"].createElement(_TextField["default"], {
       key: index,
-      className: "pin-input-field",
       color: "primary",
-      variant: variant || 'outlined',
-      value: pin[index] === 0 ? 0 : pin[index] || '',
       disabled: isValidating,
       error: validationResult,
+      className: "pin-input-field",
+      variant: variant || 'outlined',
+      value: pin[index] === 0 ? 0 : pin[index] || '',
       style: _objectSpread({
         width: size === 'small' ? '40px' : '40px',
         height: size === 'small' ? '30px' : '40px',
         marginInline: size === 'small' ? '5px' : '10px'
       }, styleProps),
-      InputProps: {
-        role: 'pin-input-field',
-        style: _objectSpread({
-          width: size === 'small' ? '40px' : '45px',
-          textAlign: 'center',
-          fontWeight: 'bold',
-          fontSize: size === 'small' ? '16px' : '20px',
-          padding: 'auto'
-        }, inputProps)
+      slotProps: {
+        input: {
+          role: 'pin-input-field',
+          style: _objectSpread({
+            fontWeight: 'bold',
+            textAlign: 'center',
+            width: size === 'small' ? '40px' : '45px',
+            fontSize: size === 'small' ? '16px' : '20px',
+            padding: 'auto'
+          }, inputProps)
+        }
       },
       inputRef: function inputRef(el) {
         inputRefs.current[index] = el;
       },
+      onPaste: onPaste,
       onKeyDown: function onKeyDown(event) {
         return _onKeyDown(event, index);
       },
-      onPaste: onPaste,
       onChange: function onChange(event) {
         _onChange(event, index);
       }

package/core/inputs/radio/radio.stories.d.ts

@@ -1,8 +1,6 @@
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Radio from '.';
-declare const _default: Meta<typeof Radio>;
-export default _default;
-export declare const Default: any;
-export declare const Checked: any;
-export declare const Secondary: any;
-export declare const PrimaryChecked: any;
+declare const meta: Meta<typeof Radio>;
+export default meta;
+type Story = StoryObj<typeof Radio>;
+export declare const radio: Story;

package/core/inputs/radio-group/radio-group.stories.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import RadioGroup from '.';
-declare const _default: Meta<typeof RadioGroup>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
+declare const meta: Meta<typeof RadioGroup>;
+export default meta;
+type Story = StoryObj<typeof RadioGroup>;
+export declare const radioGroup: Story;

package/core/inputs/select/select.stories.d.ts

@@ -1,7 +1,6 @@
-import React from 'react';
-import type { Meta } from '@storybook/react';
+import type { Meta, StoryObj } from '@storybook/react';
 import Select from '.';
-declare const _default: Meta<typeof Select>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithClear: () => React.JSX.Element;
+declare const meta: Meta<typeof Select>;
+export default meta;
+type Story = StoryObj<typeof Select>;
+export declare const select: Story;