flipper-ui 0.31.3 → 0.31.4

package/core/navigation/breadcrumb/index.js

@@ -1,16 +1,13 @@
 "use strict";
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-var _typeof = require("@babel/runtime/helpers/typeof");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var React = _interopRequireWildcard(require("react"));
+var _react = _interopRequireDefault(require("react"));
 var _Breadcrumbs = _interopRequireDefault(require("@material-ui/core/Breadcrumbs"));
-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 Breadcrumbs = function Breadcrumbs(props) {
-  return /*#__PURE__*/React.createElement(_Breadcrumbs["default"], props);
+  return /*#__PURE__*/_react["default"].createElement(_Breadcrumbs["default"], props);
 };
 var _default = exports["default"] = Breadcrumbs;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").PaperProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").PaperProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;
 export declare const Square: any;

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

@@ -2,240 +2,36 @@ import React from 'react';
 import type { CSSProperties, ChangeEvent, HTMLAttributes } from 'react';
 import type Typography from '@/core/data-display/typography';
 import type { LinearProgress, AccordionDetails as MuiAccordionDetails } from '@material-ui/core';
-/**
- * Props for the StepCard component
- *
- * @interface IStepCardProps
- */
 export interface IStepCardProps {
-    /**
-     * Whether the step card expansion panel is initially expanded or not
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default undefined
-     */
     expanded?: boolean;
-    /**
-     * Callback fired when the expansion state changes
-     * @type {(event: ChangeEvent<{}>, expanded: boolean) => void}
-     * @memberof IStepCardProps
-     * @default undefined
-     * @example
-     * const handleChange = (event: ChangeEvent<{}>, expanded: boolean) => {
-     *    setExpanded(expanded)
-     * }
-     * <StepCard onChange={handleChange} />
-     * @example
-     * <StepCard onChange={(event, expanded) => setExpanded(expanded)} />
-     */
     onChange?: (event: ChangeEvent<Record<string, unknown>>, expanded: boolean) => void;
-    /**
-     * Whether the step card is full width
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default false
-     */
     fullWidth?: boolean;
-    /**
-     * Whether the step card are loading
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default false
-     */
     loading?: boolean;
-    /**
-     * The percentage of the progress bar
-     * @type {number}
-     * @memberof IStepCardProps
-     */
     percentage: number;
-    /**
-     * Whether to show the percentage on the expansion panel summary
-     * Defaults to true
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default true
-     */
     showBottomPercentage?: boolean;
-    /**
-     * A text to be displayed on the expansion panel summary
-     *
-     * @type {string}
-     * @memberof IStepCardProps
-     * @example using literals
-     * summary: '%i items remaining - %i minute(s)'
-     *
-     * @example using string
-     * summary: 'Your progress'
-     */
     summary: string;
-    /**
-     * The title of the step card
-     *
-     * @type {string}
-     * @memberof IStepCardProps
-     */
     title: string;
-    /**
-     * The subtitle of the step card title
-     *
-     * @type {string}
-     * @memberof IStepCardProps
-     */
     subTitle?: string;
-    /**
-     * The image to be displayed on the expansion panel details
-     * Accepts a string or a JSX.Element
-     *
-     * @type {string | JSX.Element}
-     * @example
-     * <StepCard image={<img src="https://picsum.photos/200" />} />
-     * @example
-     * <StepCard image="https://picsum.photos/200" />
-     * @example
-     * <StepCard image={<Image />} />
-     * @memberof IStepCardProps
-     */
     image?: string | JSX.Element;
-    /**
-     * The number of remaining steps
-     * @type {number}
-     * @memberof IStepCardProps
-     */
     remainingSteps?: number;
-    /**
-     * The time in seconds to be displayed on the expansion panel summary
-     * @type {number}
-     * @memberof IStepCardProps
-     */
     time?: number;
-    /**
-     * An array of steps, each with a title, a done flag and an optional url
-     *
-     * @type [{
-     *         title: string;
-     *         done: boolean;
-     *         url?: string;
-     *     }]
-     * @memberof IStepCardProps
-     */
     steps?: {
         title: string;
         done: boolean;
         url?: string;
     }[];
-    /**
-     * Props to be passed to the root element
-     *
-     * @type {(HTMLAttributes<HTMLDivElement> | undefined)}
-     * @memberof IStepCardProps
-     */
     rootProps?: HTMLAttributes<HTMLDivElement>;
-    /**
-     * Props to be passed to the title typography
-     *
-     * @type {(typeof Typography | undefined)}
-     * @memberof IStepCardProps
-     */
     titleProps?: typeof Typography;
-    /**
-     * Props to be passed to the summary typography
-     *
-     * @type {(typeof Typography | undefined)}
-     * @memberof IStepCardProps
-     */
     summaryProps?: typeof Typography;
-    /**
-     * Props to be passed to the expansion panel details
-     * @type {(typeof MuiExpansionPanel | undefined)}
-     * @memberof IStepCardProps
-     */
     expansionPanelDetailsProps?: typeof MuiAccordionDetails;
-    /**
-     * Props to be passed to the linear progress bar
-     * @type {(typeof LinearProgress | undefined)}
-     * @memberof IStepCardProps
-     */
     linearProgressBarProps?: typeof LinearProgress;
-    /**
-     * Props to be passed to the expansion panel summary linear progress bar
-     * @type {(typeof LinearProgress | undefined)}
-     * @memberof IStepCardProps
-     */
     summaryLinearProgressBarProps?: typeof LinearProgress;
-    /**
-     * Whether the expansion panel is expandable
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default true
-     */
     expandable?: boolean;
-    /**
-     * Whether to show the icon on the expansion panel summary
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default true
-     */
     showIcon?: boolean;
-    /**
-     * Padding applied to the root element
-     * @type {CSSProperties['padding']}
-     * @memberof IStepCardProps
-     */
     padding?: CSSProperties['padding'];
-    /**
-     * Margin applied to the root element
-     * @type {CSSProperties['margin']}
-     * @memberof IStepCardProps
-     */
     margin?: CSSProperties['margin'];
-    /**
-     * Whether to show the sub title skeleton
-     * @type {boolean}
-     * @memberof IStepCardProps
-     * @default false
-     */
     showSubTitleSkeleton?: boolean;
-    /**
-     * Callback to be called when the user clicks on a step url
-     * @memberof IStepCardProps
-     * @default undefined
-     * @type {(url: string) => void}
-     */
     onStepUrlClick?: (url: string) => void;
 }
-/**
- * StepCard is a reusable component that displays a card with a title, a summary,
- * an expandable panel, and a progress bar.
- * The expandable panel displays a list of steps, each with a title, a done flag,
- * and an optional url.
- *
- * @Storybook https://flipper-ui.ngi.com.br/?path=/story/stepcard--default
- *
- * @Source
- * https://github.com/nginformatica/flipper-ui/blob/master/src/core/StepCard
- *
- * @example
- * <StepCard
- *   showBottomPercentage={true}
- *   summary="50% Complete"
- *   title="Step 1"
- *   subTitle="Subtitle for step 1"
- *   image="https://via.placeholder.com/150"
- *   totalSteps={4}
- *   doneSteps={2}
- *   steps={[
- *     { title: "Step 1-1", done: true },
- *     { title: "Step 1-2", done: true, url: "/step-1-2" },
- *     { title: "Step 1-3", done: false },
- *     { title: "Step 1-4", done: false }
- *   ]}
- *   rootProps={{ className: "my-custom-class" }}
- *   titleProps={{ variant: "h3", color: "primary" }}
- *   summaryProps={{ variant: "body2", color: "secondary" }}
- *   expandable={true}
- *   defaultExpanded={false}
- * />
- */
 declare const StepCard: ({ expanded, loading, percentage, time, steps, remainingSteps, title, titleProps, subTitle, image, showBottomPercentage, expandable, showIcon, summary, summaryProps, expansionPanelDetailsProps, linearProgressBarProps, summaryLinearProgressBarProps, rootProps, onStepUrlClick, fullWidth, padding, margin, showSubTitleSkeleton, onChange }: IStepCardProps) => React.JSX.Element;
 export default StepCard;

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

@@ -12,45 +12,6 @@ var _stepCardDetails = require("./step-card-details");
 var _stepCardPanel = require("./step-card-panel");
 var _stepCardSkeleton = _interopRequireDefault(require("./step-card-skeleton"));
 var _styles = require("./styles");
-/**
- * Props for the StepCard component
- *
- * @interface IStepCardProps
- */
-
-/**
- * StepCard is a reusable component that displays a card with a title, a summary,
- * an expandable panel, and a progress bar.
- * The expandable panel displays a list of steps, each with a title, a done flag,
- * and an optional url.
- *
- * @Storybook https://flipper-ui.ngi.com.br/?path=/story/stepcard--default
- *
- * @Source
- * https://github.com/nginformatica/flipper-ui/blob/master/src/core/StepCard
- *
- * @example
- * <StepCard
- *   showBottomPercentage={true}
- *   summary="50% Complete"
- *   title="Step 1"
- *   subTitle="Subtitle for step 1"
- *   image="https://via.placeholder.com/150"
- *   totalSteps={4}
- *   doneSteps={2}
- *   steps={[
- *     { title: "Step 1-1", done: true },
- *     { title: "Step 1-2", done: true, url: "/step-1-2" },
- *     { title: "Step 1-3", done: false },
- *     { title: "Step 1-4", done: false }
- *   ]}
- *   rootProps={{ className: "my-custom-class" }}
- *   titleProps={{ variant: "h3", color: "primary" }}
- *   summaryProps={{ variant: "body2", color: "secondary" }}
- *   expandable={true}
- *   defaultExpanded={false}
- * />
- */
 var StepCard = function StepCard(_ref) {
   var expanded = _ref.expanded,
     _ref$loading = _ref.loading,

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

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

package/experimental/actions/actions.stories.d.ts

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

package/experimental/auto-complete-lab/autocomplete-lab.spec.d.ts

@@ -0,0 +1 @@
+import '@testing-library/jest-dom';

package/experimental/auto-complete-lab/{auto-complete-lab.stories.d.ts → autocomplete-lab.stories.d.ts}

@@ -1,4 +1,4 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import("@/core/inputs/auto-complete").AutoCompleteProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("@/core/inputs/auto-complete").AutoCompleteProps>;
 export default _default;
 export declare const Default: () => React.JSX.Element;

package/experimental/avatar/avatar.stories.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, import(".").IProps>;
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import(".").IProps>;
 export default _default;
 export declare const simpleAvatar: any;
 export declare const withCustomSize: any;

package/experimental/avatar/index.d.ts

@@ -1,13 +1,9 @@
 import React from 'react';
 import type { CSSProperties, ReactNode } from 'react';
 export interface IProps {
-    /** The avatar name */
     name?: string;
-    /** A custom icon node */
     icon?: ReactNode;
-    /** An image source*/
     src?: string;
-    /** Custom styles */
     style?: CSSProperties;
 }
 declare const Avatar: (props: IProps) => React.JSX.Element;

package/experimental/avatar/index.js

@@ -8,11 +8,10 @@ exports["default"] = void 0;
 var _react = _interopRequireDefault(require("react"));
 var _take = _interopRequireDefault(require("ramda/es/take"));
 var _ = require("../..");
-var FIRST_LETTER = 1;
 var Avatar = function Avatar(props) {
   var getChild = function getChild() {
     if (props.name) {
-      return (0, _take["default"])(FIRST_LETTER, props.name.toUpperCase());
+      return (0, _take["default"])(1, props.name.toUpperCase());
     }
     return props.icon;
   };

package/experimental/breadcrumbs/breadcrumbs.stories.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react/dist/types-0fc72a6d").R, {
+declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, {
     pathMapping: Record<string, string>;
     homeId: string;
     pathname?: string | undefined;

package/experimental/breadcrumbs/index.d.ts

@@ -12,9 +12,5 @@ type Props = {
     pathname?: string;
     linkWrapper?: (link: string, label: ReactNode) => ReactNode;
 };
-/**
- * Render breadcrumbs for the provided pathname or the current
- * `window.location.pathname`.
- */
 declare const Breadcrumbs: ({ pathname, homeId, pathMapping, linkWrapper }: Props) => React.JSX.Element;
 export default Breadcrumbs;

package/experimental/breadcrumbs/index.js

@@ -13,19 +13,12 @@ var _ = require("../..");
 var _styles = require("./styles");
 var _icons = require("../../icons");
 var imap = (0, _addIndex["default"])(_map["default"]);
-var INDEX_CORRECTION = 1;
-var START = 1;
 var defaultLinkWrapper = function defaultLinkWrapper(link, label) {
   return /*#__PURE__*/_react["default"].createElement(_styles.LinkStyled, {
     key: link,
     href: link
   }, label);
 };
-
-/**
- * Render breadcrumbs for the provided pathname or the current
- * `window.location.pathname`.
- */
 var Breadcrumbs = function Breadcrumbs(_ref) {
   var pathname = _ref.pathname,
     homeId = _ref.homeId,
@@ -37,10 +30,10 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
     return term in pathMapping;
   });
   var allChunks = [homeId].concat((0, _toConsumableArray2["default"])(validChunks));
-  var lastChunkIndex = allChunks.length - INDEX_CORRECTION;
+  var lastChunkIndex = allChunks.length - 1;
   var links = imap(function (term, chunkIndex) {
     var validChunkWord = pathMapping[term];
-    var link = '/' + allChunks.slice(START, chunkIndex + INDEX_CORRECTION).join('/');
+    var link = '/' + allChunks.slice(1, chunkIndex + 1).join('/');
     var text = /*#__PURE__*/_react["default"].createElement(_styles.TextTypography, {
       key: link,
       color: "inherit"

package/experimental/breadcrumbs/styles.d.ts

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

package/experimental/button/button.stories.d.ts

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

package/experimental/card/card.stories.d.ts

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