@ringcentral/juno 2.45.1 → 3.0.0-alpha.0

package/components/List/ListItemText/styles/ListItemTextStyle.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListItemTextStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
-exports.ListItemTextStyle = function (_a) {
+var ListItemTextStyle = function (_a) {
     var alignCenter = _a.alignCenter, primaryColorProp = _a.primaryColor, lineThrough = _a.lineThrough, primaryTypographyProps = _a.primaryTypographyProps, secondaryTypographyProps = _a.secondaryTypographyProps, isEllipsis = _a.isEllipsis;
-    var primaryColor = foundation_1.getParsePaletteColor(primaryColorProp || (primaryTypographyProps === null || primaryTypographyProps === void 0 ? void 0 : primaryTypographyProps.color), foundation_1.palette2('neutral', 'f06'));
-    var secondaryColor = foundation_1.getParsePaletteColor(secondaryTypographyProps === null || secondaryTypographyProps === void 0 ? void 0 : secondaryTypographyProps.color, foundation_1.palette2('neutral', 'f04'));
-    var primaryTypography = foundation_1.typography((primaryTypographyProps === null || primaryTypographyProps === void 0 ? void 0 : primaryTypographyProps.variant) || 'body1');
-    var secondaryTypography = foundation_1.typography((secondaryTypographyProps === null || secondaryTypographyProps === void 0 ? void 0 : secondaryTypographyProps.variant) || 'caption1');
-    var textDisplay = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    text-decoration-line: ", ";\n  "], ["\n    ", ";\n    text-decoration-line: ", ";\n  "])), isEllipsis && foundation_1.ellipsis(), lineThrough ? 'line-through' : 'inherit');
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    ", "\n\n    padding: 0;\n    /** for next ListSecondaryAction default margin */\n    margin: 0 ", " 0 0;\n\n    &.", " {\n      margin: ", ";\n    }\n\n    &.", " {\n      padding-left: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n  "], ["\n    ",
-        "\n\n    padding: 0;\n    /** for next ListSecondaryAction default margin */\n    margin: 0 ", " 0 0;\n\n    &.", " {\n      margin: ", ";\n    }\n\n    &.", " {\n      padding-left: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n  "])), alignCenter && foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      flex: 'none !important';\n    "], ["\n      flex: 'none !important';\n    "]))), foundation_1.spacing(2), utils_1.RcListItemTextClasses.multiline, foundation_1.spacing(1, 2, 1, 0), utils_1.RcListItemTextClasses.inset, foundation_1.spacing(14), utils_1.RcListItemTextClasses.primary, textDisplay, primaryTypography, primaryColor, utils_1.RcListItemTextClasses.secondary, textDisplay, secondaryTypography, secondaryColor);
+    var primaryColor = (0, foundation_1.getParsePaletteColor)(primaryColorProp || (primaryTypographyProps === null || primaryTypographyProps === void 0 ? void 0 : primaryTypographyProps.color), (0, foundation_1.palette2)('neutral', 'f06'));
+    var secondaryColor = (0, foundation_1.getParsePaletteColor)(secondaryTypographyProps === null || secondaryTypographyProps === void 0 ? void 0 : secondaryTypographyProps.color, (0, foundation_1.palette2)('neutral', 'f04'));
+    var primaryTypography = (0, foundation_1.typography)((primaryTypographyProps === null || primaryTypographyProps === void 0 ? void 0 : primaryTypographyProps.variant) || 'body1');
+    var secondaryTypography = (0, foundation_1.typography)((secondaryTypographyProps === null || secondaryTypographyProps === void 0 ? void 0 : secondaryTypographyProps.variant) || 'caption1');
+    var textDisplay = (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n    text-decoration-line: ", ";\n  "], ["\n    ", ";\n    text-decoration-line: ", ";\n  "])), isEllipsis && (0, foundation_1.ellipsis)(), lineThrough ? 'line-through' : 'inherit');
+    return (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    ", "\n\n    padding: 0;\n    /** for next ListSecondaryAction default margin */\n    margin: 0 ", " 0 0;\n\n    &.", " {\n      margin: ", ";\n    }\n\n    &.", " {\n      padding-left: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n  "], ["\n    ", "\n\n    padding: 0;\n    /** for next ListSecondaryAction default margin */\n    margin: 0 ", " 0 0;\n\n    &.", " {\n      margin: ", ";\n    }\n\n    &.", " {\n      padding-left: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n\n    .", " {\n      ", ";\n      ", ";\n      color: ", ";\n    }\n  "])), alignCenter && (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      flex: 'none !important';\n    "], ["\n      flex: 'none !important';\n    "]))), (0, foundation_1.spacing)(2), utils_1.RcListItemTextClasses.multiline, (0, foundation_1.spacing)(1, 2, 1, 0), utils_1.RcListItemTextClasses.inset, (0, foundation_1.spacing)(14), utils_1.RcListItemTextClasses.primary, textDisplay, primaryTypography, primaryColor, utils_1.RcListItemTextClasses.secondary, textDisplay, secondaryTypography, secondaryColor);
 };
+exports.ListItemTextStyle = ListItemTextStyle;
 var templateObject_1, templateObject_2, templateObject_3;

package/components/List/ListItemText/utils/ListItemTextUtils.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcListItemTextClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcListItemTextClasses = foundation_1.RcClasses(['primary', 'secondary', 'inset', 'multiline'], 'RcListItemText');
+exports.RcListItemTextClasses = (0, foundation_1.RcClasses)(['primary', 'secondary', 'inset', 'multiline'], 'RcListItemText');

package/components/List/ListSubheader/ListSubheader.d.ts

@@ -1,12 +1,10 @@
 import React, { ComponentProps } from 'react';
 import MuiListSubheader from '@material-ui/core/ListSubheader';
 import { RcBaseProps } from '../../../foundation';
-declare type RcListSubheaderProps = {
+type RcListSubheaderProps = {
     /** The component used for the root node. Either a string to use a HTML element or a component. */
     component?: React.ElementType;
 } & RcBaseProps<ComponentProps<typeof MuiListSubheader>, 'color'>;
-declare const RcListSubheader: import("styled-components").StyledComponentClass<Pick<RcListSubheaderProps, "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "component" | "disableGutters" | "inset" | "disableSticky"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcListSubheaderProps, "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "component" | "disableGutters" | "inset" | "disableSticky"> & React.RefAttributes<any>, "ref" | "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "value" | "innerRef" | "component" | "disableGutters" | "inset" | "disableSticky"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcListSubheader: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcListSubheaderProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcListSubheader };
 export type { RcListSubheaderProps };

package/components/List/ListSubheader/ListSubheader.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcListSubheader = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var ListSubheader_1 = tslib_1.__importDefault(require("@material-ui/core/ListSubheader"));
 var foundation_1 = require("../../../foundation");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcListSubheader = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcListSubheader' });
+var _RcListSubheader = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcListSubheader' });
     var classesProp = props.classes, children = props.children, rest = tslib_1.__rest(props, ["classes", "children"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcListSubheaderClasses, classesProp); }, [classesProp]);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcListSubheaderClasses, classesProp); }, [classesProp]);
     return (react_1.default.createElement(ListSubheader_1.default, tslib_1.__assign({}, rest, { ref: ref, classes: classes, color: "default" }), children));
 });
-var RcListSubheader = foundation_1.styled(_RcListSubheader)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.ListSubheaderStyle);
+var RcListSubheader = (0, foundation_1.styled)(_RcListSubheader)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.ListSubheaderStyle);
 exports.RcListSubheader = RcListSubheader;
 RcListSubheader.defaultProps = {
     component: 'li',

package/components/List/ListSubheader/styles/ListSubheaderStyle.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.ListSubheaderStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
-exports.ListSubheaderStyle = function () {
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      height: 36px;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: flex;\n      background: ", ";\n      color: ", ";\n      ", ";\n\n      &.", " {\n        padding-left: ", ";\n        padding-right: ", ";\n      }\n\n      &.", " {\n        padding-left: ", ";\n      }\n    "], ["\n      height: 36px;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: flex;\n      background: ", ";\n      color: ", ";\n      ", ";\n\n      &.", " {\n        padding-left: ", ";\n        padding-right: ", ";\n      }\n\n      &.", " {\n        padding-left: ", ";\n      }\n    "])), foundation_1.spacing(3), foundation_1.spacing(1), foundation_1.palette2('neutral', 'b01'), foundation_1.palette2('neutral', 'f04'), foundation_1.typography('body1'), utils_1.RcListSubheaderClasses.gutters, foundation_1.spacing(4), foundation_1.spacing(2), utils_1.RcListSubheaderClasses.inset, foundation_1.spacing(18));
+var ListSubheaderStyle = function () {
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      height: 36px;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: flex;\n      background: ", ";\n      color: ", ";\n      ", ";\n\n      &.", " {\n        padding-left: ", ";\n        padding-right: ", ";\n      }\n\n      &.", " {\n        padding-left: ", ";\n      }\n    "], ["\n      height: 36px;\n      padding-top: ", ";\n      padding-bottom: ", ";\n      display: flex;\n      background: ", ";\n      color: ", ";\n      ", ";\n\n      &.", " {\n        padding-left: ", ";\n        padding-right: ", ";\n      }\n\n      &.", " {\n        padding-left: ", ";\n      }\n    "])), (0, foundation_1.spacing)(3), (0, foundation_1.spacing)(1), (0, foundation_1.palette2)('neutral', 'b01'), (0, foundation_1.palette2)('neutral', 'f04'), (0, foundation_1.typography)('body1'), utils_1.RcListSubheaderClasses.gutters, (0, foundation_1.spacing)(4), (0, foundation_1.spacing)(2), utils_1.RcListSubheaderClasses.inset, (0, foundation_1.spacing)(18));
 };
+exports.ListSubheaderStyle = ListSubheaderStyle;
 var templateObject_1;

package/components/List/ListSubheader/utils/ListSubheaderUtils.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcListSubheaderClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcListSubheaderClasses = foundation_1.RcClasses(['gutters', 'inset'], 'RcListSubheader');
+exports.RcListSubheaderClasses = (0, foundation_1.RcClasses)(['gutters', 'inset'], 'RcListSubheader');

package/components/Loading/Loading.d.ts

@@ -1,6 +1,6 @@
 import { ComponentProps, ComponentType, FunctionComponent, ReactNode } from 'react';
 import { RcDefaultLoadingWithDelay } from './styles';
-declare type RcLoadingProps = {
+type RcLoadingProps = {
     /** is that is loading */
     loading: boolean;
     /** Always keep the children in the DOM when `loading` */

package/components/Loading/Loading.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcLoading = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var foundation_1 = require("../../foundation");
@@ -11,7 +12,7 @@ var styles_1 = require("./styles");
  * ### when `keepVisible = false` that children must be one valid html **element**, otherwise that style could not set correctly
  */
 var RcLoading = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcLoading' });
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcLoading' });
     var _a = props.LoadingComponent, LoadingComponent = _a === void 0 ? styles_1.RcDefaultLoadingWithDelay : _a, _b = props.keepVisible, keepVisible = _b === void 0 ? true : _b, _c = props.keepMounted, keepMounted = _c === void 0 ? true : _c, loading = props.loading, _d = props.LoadingProps, _e = _d === void 0 ? {} : _d, _f = _e.delay, delay = _f === void 0 ? 0 : _f, _g = _e.backgroundType, backgroundType = _g === void 0 ? 'mask' : _g, _h = _e.size, size = _h === void 0 ? 42 : _h, LoadingProps = tslib_1.__rest(_e, ["delay", "backgroundType", "size"]), children = props.children;
     var childrenWhenLoading = !keepMounted && loading ? null : children;
     var getCloneNode = function () {
@@ -21,7 +22,7 @@ var RcLoading = function (inProps) {
             return (react_1.default.createElement(Box_1.RcBox, { clone: true, display: "none" }, childrenWhenLoading));
         }
         if (process.env.NODE_ENV !== 'production') {
-            foundation_1.logInDev({
+            (0, foundation_1.logInDev)({
                 component: 'RcLoading',
                 message: 'please confirm your children is a valid html element to set style, when you use `keepVisible=false`',
             });

package/components/Loading/styles/StyledLoadingPage.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
-export declare type StyledLoadingPageProps = {
+export type StyledLoadingPageProps = {
     size?: number;
     backgroundType?: 'mask';
     disableShrink?: boolean;
 };
-export declare const StyledLoadingPage: import("styled-components").StyledComponentClass<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & StyledLoadingPageProps, import("../../../foundation").RcTheme, React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & StyledLoadingPageProps>;
+export declare const StyledLoadingPage: import("styled-components").StyledComponent<"div", import("../../../foundation").RcTheme, StyledLoadingPageProps, never>;
 export declare const RcDefaultLoadingWithDelay: React.ComponentType<StyledLoadingPageProps & import("../../../foundation/hoc/withDelay/withDelay").WithDelay>;

package/components/Loading/styles/StyledLoadingPage.js

@@ -1,15 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcDefaultLoadingWithDelay = exports.StyledLoadingPage = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var foundation_1 = require("../../../foundation");
 var CircularProgress_1 = require("../../Progress/CircularProgress");
-exports.StyledLoadingPage = foundation_1.styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0px;\n  left: 0px;\n  opacity: ", ";\n  background: ", ";\n  z-index: 1000;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0px;\n  left: 0px;\n  opacity: ",
-    ";\n  background: ", ";\n  z-index: 1000;\n"])), function (_a) {
+exports.StyledLoadingPage = foundation_1.styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0px;\n  left: 0px;\n  opacity: ", ";\n  background: ", ";\n  z-index: 1000;\n"], ["\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  top: 0px;\n  left: 0px;\n  opacity: ", ";\n  background: ", ";\n  z-index: 1000;\n"])), function (_a) {
     var backgroundType = _a.backgroundType;
-    return backgroundType ? foundation_1.opacity('40', true) : 1;
-}, foundation_1.palette2('neutral', 'b01'));
-exports.RcDefaultLoadingWithDelay = foundation_1.withDelay(function (_a) {
+    return backgroundType ? (0, foundation_1.opacity)('40', true) : 1;
+}, (0, foundation_1.palette2)('neutral', 'b01'));
+exports.RcDefaultLoadingWithDelay = (0, foundation_1.withDelay)(function (_a) {
     var backgroundType = _a.backgroundType, size = _a.size, disableShrink = _a.disableShrink;
     return (react_1.default.createElement(exports.StyledLoadingPage, { "data-test-automation-id": "loading-page", backgroundType: backgroundType },
         react_1.default.createElement(CircularProgress_1.RcCircularProgress, { size: size, disableShrink: disableShrink })));

package/components/Menu/Menu/Menu.d.ts

@@ -3,14 +3,12 @@ import MuiMenu from '@material-ui/core/Menu';
 import { RcBaseProps } from '../../../foundation';
 import type { RcMenuContextType, RcMenuOnCloseReasonsType } from './MenuContext';
 import { RcMenuContext } from './MenuContext';
-declare type RcMenuProps = {
+type RcMenuProps = {
     /** auto close menu when menu item clicked */
     autoClose?: boolean;
     /** emit when menu closed */
     onClose?: (event: {}, reason: RcMenuOnCloseReasonsType) => void;
 } & RcBaseProps<ComponentProps<typeof MuiMenu>, 'disableEnforceFocus' | 'onClose'>;
-declare const RcMenu: import("styled-components").StyledComponentClass<Pick<RcMenuProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "autoFocus" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "anchorEl" | "anchorPosition" | "anchorReference" | "getContentAnchorEl" | "marginThreshold" | "PaperProps" | "transformOrigin" | "disableAutoFocusItem" | "MenuListProps" | "PopoverClasses" | "autoClose"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcMenuProps, "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "autoFocus" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "anchorEl" | "anchorPosition" | "anchorReference" | "getContentAnchorEl" | "marginThreshold" | "PaperProps" | "transformOrigin" | "disableAutoFocusItem" | "MenuListProps" | "PopoverClasses" | "autoClose"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "elevation" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "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-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" | "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" | "slot" | "title" | "translate" | "classes" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "variant" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "autoFocus" | "disablePortal" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "BackdropComponent" | "BackdropProps" | "closeAfterTransition" | "container" | "disableAutoFocus" | "disableBackdropClick" | "disableEscapeKeyDown" | "disableRestoreFocus" | "disableScrollLock" | "hideBackdrop" | "keepMounted" | "manager" | "onBackdropClick" | "onEscapeKeyDown" | "onRendered" | "anchorEl" | "anchorPosition" | "anchorReference" | "getContentAnchorEl" | "marginThreshold" | "PaperProps" | "transformOrigin" | "disableAutoFocusItem" | "MenuListProps" | "PopoverClasses" | "autoClose"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcMenu: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcMenuProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcMenu, RcMenuContext };
 export type { RcMenuContextType, RcMenuProps, RcMenuOnCloseReasonsType };

package/components/Menu/Menu/Menu.js

@@ -1,25 +1,26 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuContext = exports.RcMenu = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Menu_1 = tslib_1.__importDefault(require("@material-ui/core/Menu"));
 var foundation_1 = require("../../../foundation");
 var MenuContext_1 = require("./MenuContext");
-exports.RcMenuContext = MenuContext_1.RcMenuContext;
+Object.defineProperty(exports, "RcMenuContext", { enumerable: true, get: function () { return MenuContext_1.RcMenuContext; } });
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var MemoMuiMenu = react_1.memo(Menu_1.default);
-var _RcMenu = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcMenu' });
+var MemoMuiMenu = (0, react_1.memo)(Menu_1.default);
+var _RcMenu = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcMenu' });
     var classesProp = props.classes, children = props.children, autoClose = props.autoClose, onClose = props.onClose, rest = tslib_1.__rest(props, ["classes", "children", "autoClose", "onClose"]);
-    var _a = tslib_1.__read(react_1.useState(null), 2), focusedMenuItemId = _a[0], setFocusedMenuItemId = _a[1];
-    var id = foundation_1.useId('menu-', true);
-    var externalWindow = foundation_1.useRcPortalWindowContext().externalWindow;
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcMenuClasses, classesProp); }, [classesProp]);
-    var handleClose = foundation_1.useEventCallback(function (event, reason) {
+    var _a = tslib_1.__read((0, react_1.useState)(null), 2), focusedMenuItemId = _a[0], setFocusedMenuItemId = _a[1];
+    var id = (0, foundation_1.useId)('menu-', true);
+    var externalWindow = (0, foundation_1.useRcPortalWindowContext)().externalWindow;
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcMenuClasses, classesProp); }, [classesProp]);
+    var handleClose = (0, foundation_1.useEventCallback)(function (event, reason) {
         onClose === null || onClose === void 0 ? void 0 : onClose(event, reason);
     });
-    var ctxValue = react_1.useMemo(function () { return ({
+    var ctxValue = (0, react_1.useMemo)(function () { return ({
         menuId: id,
         autoClose: !!autoClose,
         focusedMenuItemId: focusedMenuItemId,
@@ -29,7 +30,7 @@ var _RcMenu = react_1.forwardRef(function (inProps, ref) {
     return (react_1.default.createElement(MenuContext_1.RcMenuContext.Provider, { value: ctxValue },
         react_1.default.createElement(MemoMuiMenu, tslib_1.__assign({ container: externalWindow === null || externalWindow === void 0 ? void 0 : externalWindow.document.body }, rest, { ref: ref, classes: classes, onClose: handleClose, disableEnforceFocus: true }), children)));
 });
-var RcMenu = foundation_1.styled(_RcMenu)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.MenuStyle);
+var RcMenu = (0, foundation_1.styled)(_RcMenu)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.MenuStyle);
 exports.RcMenu = RcMenu;
 RcMenu.defaultProps = {
     variant: 'selectedMenu',

package/components/Menu/Menu/MenuContext.d.ts

@@ -1,7 +1,6 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
-export declare type RcMenuOnCloseReasonsType = 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown' | 'itemClick';
-export declare type RcMenuContextType = {
+export type RcMenuOnCloseReasonsType = 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown' | 'itemClick';
+export type RcMenuContextType = {
     menuId: string;
     autoClose: boolean;
     focusedMenuItemId: string | null;

package/components/Menu/Menu/MenuContext.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuContext = void 0;
 var react_1 = require("react");
-exports.RcMenuContext = react_1.createContext({
+exports.RcMenuContext = (0, react_1.createContext)({
     menuId: '',
     autoClose: false,
     focusedMenuItemId: null,

package/components/Menu/Menu/styles/MenuStyle.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var styles_1 = require("../../MenuList/styles");
-exports.MenuStyle = function () {
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), styles_1.DividerInMenuStyle);
+var MenuStyle = function () {
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    ", ";\n  "], ["\n    ", ";\n  "])), styles_1.DividerInMenuStyle);
 };
+exports.MenuStyle = MenuStyle;
 var templateObject_1;

package/components/Menu/Menu/utils/MenuUtils.js

@@ -1,4 +1,5 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcMenuClasses = foundation_1.RcClasses([], 'RcMenu');
+exports.RcMenuClasses = (0, foundation_1.RcClasses)([], 'RcMenu');