flipper-ui 0.31.6 → 0.32.0

package/core/data-display/list-item/index.js

@@ -5,14 +5,14 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _ListItem2 = _interopRequireDefault(require("@material-ui/core/ListItem"));
+var _MenuItem2 = _interopRequireDefault(require("@material-ui/core/MenuItem"));
+var _ListItemSecondaryAction2 = _interopRequireDefault(require("@material-ui/core/ListItemSecondaryAction"));
+var _ListItemText2 = _interopRequireDefault(require("@material-ui/core/ListItemText"));
+var _ListItemIcon2 = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
+var _ListItemAvatar2 = _interopRequireDefault(require("@material-ui/core/ListItemAvatar"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _react = _interopRequireDefault(require("react"));
-var _ListItem = _interopRequireDefault(require("@material-ui/core/ListItem"));
-var _ListItemAvatar = _interopRequireDefault(require("@material-ui/core/ListItemAvatar"));
-var _ListItemIcon = _interopRequireDefault(require("@material-ui/core/ListItemIcon"));
-var _ListItemSecondaryAction = _interopRequireDefault(require("@material-ui/core/ListItemSecondaryAction"));
-var _ListItemText = _interopRequireDefault(require("@material-ui/core/ListItemText"));
-var _MenuItem = _interopRequireDefault(require("@material-ui/core/MenuItem"));
 var _styles = require("@material-ui/core/styles");
 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; }
@@ -38,12 +38,12 @@ var ListItem = function ListItem(props) {
     var typographyProps = {
       className: className
     };
-    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.avatar && /*#__PURE__*/_react["default"].createElement(_ListItemAvatar["default"], null, props.avatar), props.icon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon["default"], {
+    return /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, props.avatar && /*#__PURE__*/_react["default"].createElement(_ListItemAvatar2["default"], null, props.avatar), props.icon && /*#__PURE__*/_react["default"].createElement(_ListItemIcon2["default"], {
       className: className,
       style: {
         minWidth: minWidth
       }
-    }, props.icon), (props.title || props.subtitle) && /*#__PURE__*/_react["default"].createElement(_ListItemText["default"], {
+    }, props.icon), (props.title || props.subtitle) && /*#__PURE__*/_react["default"].createElement(_ListItemText2["default"], {
       primaryTypographyProps: typographyProps,
       secondaryTypographyProps: typographyProps,
       "data-testid": "list-item-".concat(props.subtitle),
@@ -52,11 +52,11 @@ var ListItem = function ListItem(props) {
       style: props.action ? {
         marginRight: '36px'
       } : {}
-    }), props.action && /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction["default"], {
+    }), props.action && /*#__PURE__*/_react["default"].createElement(_ListItemSecondaryAction2["default"], {
       className: className
     }, props.action));
   };
-  return props.children ? /*#__PURE__*/_react["default"].createElement(_MenuItem["default"], {
+  return props.children ? /*#__PURE__*/_react["default"].createElement(_MenuItem2["default"], {
     button: true,
     id: props.id,
     style: _objectSpread({
@@ -71,7 +71,7 @@ var ListItem = function ListItem(props) {
     disabled: props.disabled,
     value: props.value,
     onClick: props.onClick
-  }, props.children) : /*#__PURE__*/_react["default"].createElement(_ListItem["default"], {
+  }, props.children) : /*#__PURE__*/_react["default"].createElement(_ListItem2["default"], {
     button: true,
     id: props.id,
     style: _objectSpread({

package/core/data-display/list-item/list-item.spec.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/core/data-display/menu-item/index.d.ts

@@ -1,16 +1,15 @@
 import React from 'react';
-import type { MouseEvent, MutableRefObject } from 'react';
+import type { MouseEvent, MutableRefObject, ReactNode } from 'react';
 import type { DefaultProps } from '../../types';
 import type { MenuItemClassKey } from '@material-ui/core/MenuItem';
 import type { ClassNameMap } from '@material-ui/core/styles/withStyles';
-import type { Omit } from 'ramda';
 export interface ListItemProps extends Omit<DefaultProps, 'name'> {
     title?: string;
     value?: string | number;
     selected?: boolean;
     disabled?: boolean;
     onClick?: (event?: MouseEvent) => void;
-    children?: string;
+    children?: string | ReactNode;
     ref?: MutableRefObject<null>;
     classes?: Partial<ClassNameMap<MenuItemClassKey>> | undefined;
 }

package/core/data-display/menu-item/styles.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
-export declare const MenuItems: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
+export declare const MenuItems: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@mui/material").MenuItemOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, "ref"> & {
     ref?: ((instance: HTMLLIElement | null) => void) | import("react").RefObject<HTMLLIElement> | null | undefined;
-}, "className" | "style" | "classes" | "autoFocus" | "tabIndex" | "children" | "disabled" | "action" | "selected" | "dense" | "disableTouchRipple" | "centerRipple" | "disableRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "disableGutters" | "divider" | "sx" | "LinkComponent" | "touchRippleRef">, never>> & Omit<import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>, keyof import("react").Component<any, {}, any>>;
+}, "disabled" | "children" | "style" | "className" | "classes" | "autoFocus" | "tabIndex" | "action" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "dense" | "selected" | "disableGutters" | "divider" | "sx" | "LinkComponent" | "touchRippleRef">, never>> & string & Omit<import("@mui/material").ExtendButtonBase<import("@mui/material").MenuItemTypeMap<{}, "li">>, keyof import("react").Component<any, {}, any>>;

package/core/data-display/menu-item/styles.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MenuItems = void 0;
+var _MenuItem2 = _interopRequireDefault(require("@mui/material/MenuItem"));
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
-var _material = require("@mui/material");
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _templateObject;
-var MenuItems = exports.MenuItems = (0, _styledComponents["default"])(_material.MenuItem)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        outline: none;\n        cursor: pointer;\n        font-family: Roboto, Helvetica, Arial, sans-serif;\n\n        &:hover {\n            background-color: #e0e0e0;\n        }\n    }\n"])));
+var MenuItems = exports.MenuItems = (0, _styledComponents["default"])(_MenuItem2["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    && {\n        outline: none;\n        cursor: pointer;\n        font-family: Roboto, Helvetica, Arial, sans-serif;\n\n        &:hover {\n            background-color: #e0e0e0;\n        }\n    }\n"])));

package/core/data-display/password-visibility/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+export interface IProps {
+    name?: string;
+    show: boolean;
+    onToggle(): void;
+}
+declare const PasswordVisibility: ({ show, onToggle, name, ...otherProps }: IProps) => React.JSX.Element;
+export default PasswordVisibility;

package/{experimental/visibility-icon → core/data-display/password-visibility}/index.js

@@ -6,24 +6,25 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _Visibility2 = _interopRequireDefault(require("@mui/icons-material/Visibility"));
+var _VisibilityOff2 = _interopRequireDefault(require("@mui/icons-material/VisibilityOff"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
 var _react = _interopRequireDefault(require("react"));
 var _styles = require("./styles");
-var _icons = require("../../icons");
 var _excluded = ["show", "onToggle", "name"];
-var VisibilityIcon = function VisibilityIcon(_ref) {
+var PasswordVisibility = function PasswordVisibility(_ref) {
   var show = _ref.show,
     onToggle = _ref.onToggle,
     name = _ref.name,
     otherProps = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
   return /*#__PURE__*/_react["default"].createElement(_styles.StyledButton, (0, _extends2["default"])({}, otherProps, {
     padding: "0px",
-    name: name,
+    name: name !== null && name !== void 0 ? name : 'show-password',
     onClick: onToggle
-  }), show ? /*#__PURE__*/_react["default"].createElement(_icons.VisibilityOff, {
+  }), show ? /*#__PURE__*/_react["default"].createElement(_VisibilityOff2["default"], {
     "data-testid": "icon-off"
-  }) : /*#__PURE__*/_react["default"].createElement(_icons.Visibility, {
+  }) : /*#__PURE__*/_react["default"].createElement(_Visibility2["default"], {
     "data-testid": "icon-on"
   }));
 };
-var _default = exports["default"] = VisibilityIcon;
+var _default = exports["default"] = PasswordVisibility;

package/core/data-display/password-visibility/password-visibility.stories.d.ts

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

package/core/data-display/password-visibility/styles.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("@/core/inputs/icon-button").IconButtonProps, never>> & string & Omit<({ children, padding, margin, style, ...otherProps }: import("@/core/inputs/icon-button").IconButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;

package/{experimental/visibility-icon → core/data-display/password-visibility}/styles.js

@@ -7,6 +7,6 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledButton = void 0;
 var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/helpers/taggedTemplateLiteral"));
 var _styledComponents = _interopRequireDefault(require("styled-components"));
-var _ = require("../..");
+var _iconButton = _interopRequireDefault(require("../../inputs/icon-button"));
 var _templateObject;
-var StyledButton = exports.StyledButton = (0, _styledComponents["default"])(_.IconButton)(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 36px !important;\n    height: 36px !important;\n"])));
+var StyledButton = exports.StyledButton = (0, _styledComponents["default"])(_iconButton["default"])(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n    width: 36px !important;\n    height: 36px !important;\n"])));

package/core/data-display/table/table-cell.d.ts

@@ -1,8 +1,7 @@
 import React from 'react';
 import type { DefaultProps } from '../../types';
 import type { TableCellProps as MuiTableProps } from '@material-ui/core/TableCell';
-import type { Omit } from 'ramda';
-interface TableCellProps extends DefaultProps {
+export interface TableCellProps extends DefaultProps {
     numeric?: boolean;
     variant?: 'head' | 'body' | 'footer';
     spacing?: MuiTableProps['padding'];

package/core/data-display/table/table-cell.js

@@ -15,7 +15,7 @@ var _TableSortLabel = _interopRequireDefault(require("@material-ui/core/TableSor
 var _tableHead = require("./table-head");
 var _excluded = ["style", "margin", "padding", "children", "spacing"];
 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; }
+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; }
 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 TableCell = function TableCell(_ref) {

package/core/data-display/table/table-head.d.ts

@@ -1,13 +1,7 @@
 import React from 'react';
 import type { DefaultProps } from '../../types';
 interface TableHeadProps extends DefaultProps, ISort {
-    color?: 'primary' | 'secondary' | 'default' | 'inherit';
-    classes: {
-        default: string;
-        inherit: string;
-        primary: string;
-        secondary: string;
-    };
+    color?: string;
 }
 declare enum Direction {
     ASCENDENT = "asc",
@@ -19,5 +13,5 @@ interface ISort {
     onSort?(name: string): void;
 }
 export declare const SortContext: React.Context<ISort>;
-declare const _default: React.ComponentType<Pick<TableHeadProps, "className" | "style" | "id" | "color" | "children" | "margin" | "padding" | "name" | "direction" | "active" | "onSort"> & import("@material-ui/core/styles").StyledComponentProps<"inherit" | "primary" | "secondary" | "default">>;
-export default _default;
+declare const TableHead: ({ style, margin, padding, children, color, active, direction, onSort, ...otherProps }: TableHeadProps) => React.JSX.Element;
+export default TableHead;

package/core/data-display/table/table-head.js

@@ -10,11 +10,10 @@ 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 = _interopRequireWildcard(require("react"));
-var _styles = require("@material-ui/core/styles");
 var _TableHead = _interopRequireDefault(require("@material-ui/core/TableHead"));
-var _excluded = ["style", "margin", "padding", "children", "color", "classes", "active", "direction", "onSort"];
+var _excluded = ["style", "margin", "padding", "children", "color", "active", "direction", "onSort"];
 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; }
+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; }
 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 Direction = /*#__PURE__*/function (Direction) {
@@ -22,22 +21,6 @@ var Direction = /*#__PURE__*/function (Direction) {
   Direction["DESCENDENT"] = "desc";
   return Direction;
 }(Direction || {});
-var styles = function styles(theme) {
-  return {
-    "default": {
-      color: theme.palette.background["default"]
-    },
-    inherit: {
-      color: 'inherit'
-    },
-    primary: {
-      color: theme.palette.primary.main
-    },
-    secondary: {
-      color: theme.palette.secondary.main
-    }
-  };
-};
 var SortContext = exports.SortContext = /*#__PURE__*/(0, _react.createContext)({
   active: undefined,
   direction: Direction.ASCENDENT,
@@ -49,7 +32,6 @@ var TableHead = function TableHead(_ref) {
     padding = _ref.padding,
     children = _ref.children,
     color = _ref.color,
-    classes = _ref.classes,
     active = _ref.active,
     direction = _ref.direction,
     onSort = _ref.onSort,
@@ -63,11 +45,9 @@ var TableHead = function TableHead(_ref) {
   }, /*#__PURE__*/_react["default"].createElement(_TableHead["default"], (0, _extends2["default"])({}, otherProps, {
     style: _objectSpread({
       padding: padding,
-      margin: margin
-    }, style),
-    classes: color ? {
-      root: classes[color]
-    } : {}
+      margin: margin,
+      backgroundColor: color
+    }, style)
   }), children));
 };
-var _default = exports["default"] = (0, _styles.withStyles)(styles)(TableHead);
+var _default = exports["default"] = TableHead;

package/core/data-display/table/table.spec.d.ts

@@ -1 +1 @@
-export {};
+import '@testing-library/jest-dom';

package/core/data-display/table/table.stories.d.ts

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

package/core/data-display/typography/typography.stories.d.ts

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

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

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

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

@@ -10,5 +10,5 @@ export interface CollapseProps extends DefaultProps {
     } | 'auto';
     children?: ReactNode;
 }
-export declare const Collapse: ({ children, padding, margin, style, ...otherProps }: CollapseProps) => React.JSX.Element;
+declare const Collapse: ({ children, padding, margin, style, ...otherProps }: CollapseProps) => React.JSX.Element;
 export default Collapse;

package/core/feedback/collapse/index.js

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

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

@@ -1,7 +1,6 @@
-import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").DialogProps>;
-export default _default;
-export declare const Default: () => React.JSX.Element;
-export declare const WithAlertOnClose: () => React.JSX.Element;
-export declare const WithTypography: () => React.JSX.Element;
-export declare const WithSnippet: () => React.JSX.Element;
+import type { Meta, StoryObj } from '@storybook/react';
+import Dialog from '.';
+declare const meta: Meta<typeof Dialog>;
+export default meta;
+type Story = StoryObj<typeof Dialog>;
+export declare const dialog: Story;

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

@@ -26,5 +26,5 @@ export interface DialogProps extends DefaultProps, Omit<MuiDialogProps, 'scroll'
     'aria-title'?: string;
     onClose?: (event: Event) => void;
 }
-export declare const Dialog: ({ 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": ariaTitle, ...otherProps }: DialogProps) => React.JSX.Element;
+declare const Dialog: ({ 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": ariaTitle, ...otherProps }: DialogProps) => React.JSX.Element;
 export default Dialog;

package/core/feedback/dialog/index.js

@@ -4,7 +4,7 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.Dialog = void 0;
+exports["default"] = void 0;
 var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
@@ -24,7 +24,7 @@ var useStyles = (0, _styles.makeStyles)({
     overflowY: 'unset'
   }
 });
-var Dialog = exports.Dialog = function Dialog(_ref) {
+var Dialog = function Dialog(_ref) {
   var snippet = _ref.snippet,
     style = _ref.style,
     padding = _ref.padding,

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-export declare const PaperContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TitleWrapper: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const TitleAction: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const Snippet: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
-export declare const SnippetContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
+export declare const PaperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TitleWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TitleAction: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Snippet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SnippetContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/{experimental/dialog → core/feedback/dialog-v2}/confirm-dialog.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 export interface IProps {
     open: boolean;
     title: string;
-    text: string;
+    text?: string;
     disableBackdropClick?: boolean;
     labels?: {
         cancel?: string;

package/{experimental/dialog → core/feedback/dialog-v2}/dialog.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
 import type { MouseEvent, ReactNode } from 'react';
-export interface IProps {
+import type { DialogProps } from '@/core/feedback/dialog';
+export interface IProps extends DialogProps {
     open: boolean;
     title: string;
     titleAction?: string | ReactNode;

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

@@ -8,8 +8,9 @@ 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 _ = require("../..");
-var _theme = require("../../theme");
+var _dialog = _interopRequireDefault(require("../dialog"));
+var _button = _interopRequireDefault(require("../../inputs/button"));
+var _theme = require("../../../theme");
 var _excluded = ["open", "title", "titleAction", "text", "primaryButtonColor", "primaryButtonName", "primaryButtonText", "secondaryButtonText", "secondaryButtonName", "snippet", "content", "PaperProps", "omitActionButtons", "primaryButtonAction", "secondaryButtonAction", "onClose"];
 var _theme$colors = _theme.theme.colors,
   action = _theme$colors.action,
@@ -46,9 +47,9 @@ var DialogV2 = function DialogV2(props) {
     onClose = props.onClose,
     otherProps = (0, _objectWithoutProperties2["default"])(props, _excluded);
   var haveSecondaryButton = secondaryButtonText && secondaryButtonAction;
-  return /*#__PURE__*/_react["default"].createElement(_.ThemeProviderFlipper, {
+  return /*#__PURE__*/_react["default"].createElement(_theme.ThemeProviderFlipper, {
     options: themeDialog
-  }, /*#__PURE__*/_react["default"].createElement(_.Dialog, (0, _extends2["default"])({}, otherProps, {
+  }, /*#__PURE__*/_react["default"].createElement(_dialog["default"], (0, _extends2["default"])({}, otherProps, {
     open: open,
     titleAction: titleAction,
     title: title,
@@ -56,10 +57,10 @@ var DialogV2 = function DialogV2(props) {
     content: content,
     snippet: snippet,
     PaperProps: PaperProps,
-    actions: !omitActionButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, haveSecondaryButton && /*#__PURE__*/_react["default"].createElement(_.Button, {
+    actions: !omitActionButtons && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, haveSecondaryButton && /*#__PURE__*/_react["default"].createElement(_button["default"], {
       name: secondaryButtonName || 'secondary-button',
       onClick: secondaryButtonAction
-    }, secondaryButtonText), /*#__PURE__*/_react["default"].createElement(_.Button, {
+    }, secondaryButtonText), /*#__PURE__*/_react["default"].createElement(_button["default"], {
       name: primaryButtonName || 'primary-button',
       color: primaryButtonColor,
       variant: "contained",

package/core/feedback/dialog-v2/dialog.stories.d.ts

@@ -0,0 +1,8 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import { DialogV2 } from '.';
+declare const meta: Meta<typeof DialogV2>;
+export default meta;
+type Story = StoryObj<typeof DialogV2>;
+export declare const dialog: Story;
+export declare const removeDialog: Story;
+export declare const confirmDialog: Story;

package/{experimental/dialog → core/feedback/dialog-v2}/index.d.ts

@@ -1,3 +1,3 @@
-export { default as Dialog } from './dialog';
+export { default as DialogV2 } from './dialog';
 export { default as RemoveDialog } from './remove-dialog';
 export { default as ConfirmDialog } from './confirm-dialog';

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

@@ -10,7 +10,7 @@ Object.defineProperty(exports, "ConfirmDialog", {
     return _confirmDialog["default"];
   }
 });
-Object.defineProperty(exports, "Dialog", {
+Object.defineProperty(exports, "DialogV2", {
   enumerable: true,
   get: function get() {
     return _dialog["default"];

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

@@ -2,7 +2,7 @@ import React from 'react';
 export interface IProps {
     open: boolean;
     title?: string;
-    text: string;
+    text?: string;
     disableBackdropClick?: boolean;
     labels?: {
         cancel?: string;