@ringcentral/juno 2.46.0 → 3.0.0-alpha.1

package/components/Menu/MenuItem/MenuItem.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuItem = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -16,15 +17,15 @@ var MenuListContext_1 = require("../MenuList/MenuListContext");
 var SubMenuContext_1 = require("../SubMenu/SubMenuContext");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcMenuItem = react_1.forwardRef(function (props, ref) {
+var _RcMenuItem = (0, react_1.forwardRef)(function (props, ref) {
     var _a;
     var classesProp = props.classes, children = props.children, color = props.color, button = props.button, className = props.className, onMouseEnter = props.onMouseEnter, onClick = props.onClick, onFocus = props.onFocus, highlighted = props.highlighted, size = props.size, type = props.type, checked = props.checked, icon = props.icon, symbol = props.symbol, avatar = props.avatar, secondaryAction = props.secondaryAction, idRef = props.idRef, isSubMenuItem = props.isSubMenuItem, TouchRipplePropsProp = props.TouchRippleProps, title = props.title, focused = props.focused, focusVariant = props.focusVariant, rest = tslib_1.__rest(props, ["classes", "children", "color", "button", "className", "onMouseEnter", "onClick", "onFocus", "highlighted", "size", "type", "checked", "icon", "symbol", "avatar", "secondaryAction", "idRef", "isSubMenuItem", "TouchRippleProps", "title", "focused", "focusVariant"]);
     var isCheckedType = type === 'checked';
-    var menuItemId = foundation_1.useId('menu-item', true);
-    var menuContext = react_1.useContext(MenuContext_1.RcMenuContext);
-    var menuListContext = react_1.useContext(MenuListContext_1.RcMenuListContext);
-    var subMenuContext = react_1.useContext(SubMenuContext_1.RcSubMenuContext);
-    var setFocusedMenuItemId = foundation_1.useEventCallback(function () {
+    var menuItemId = (0, foundation_1.useId)('menu-item', true);
+    var menuContext = (0, react_1.useContext)(MenuContext_1.RcMenuContext);
+    var menuListContext = (0, react_1.useContext)(MenuListContext_1.RcMenuListContext);
+    var subMenuContext = (0, react_1.useContext)(SubMenuContext_1.RcSubMenuContext);
+    var setFocusedMenuItemId = (0, foundation_1.useEventCallback)(function () {
         if (!menuItemId)
             return;
         if (menuListContext.menuListId) {
@@ -34,25 +35,25 @@ var _RcMenuItem = react_1.forwardRef(function (props, ref) {
             menuContext.setFocusedMenuItemId(menuItemId);
         }
     });
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcMenuItemClasses, classesProp); }, [classesProp]);
-    var toClasses = react_1.useMemo(function () { return foundation_1.omit(classes, ['checked', 'unchecked', 'focusVisible']); }, [classes]);
-    var itemAvatar = react_1.useMemo(function () {
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcMenuItemClasses, classesProp); }, [classesProp]);
+    var toClasses = (0, react_1.useMemo)(function () { return (0, foundation_1.omit)(classes, ['checked', 'unchecked', 'focusVisible']); }, [classes]);
+    var itemAvatar = (0, react_1.useMemo)(function () {
         if (react_1.default.isValidElement(avatar)) {
-            return foundation_1.isRcElement(avatar, ['RcListItemAvatar']) ? (avatar) : (react_1.default.createElement(ListItemAvatar_1.RcListItemAvatar, null, avatar));
+            return (0, foundation_1.isRcElement)(avatar, ['RcListItemAvatar']) ? (avatar) : (react_1.default.createElement(ListItemAvatar_1.RcListItemAvatar, null, avatar));
         }
         return null;
     }, [avatar]);
-    var itemIcon = react_1.useMemo(function () {
+    var itemIcon = (0, react_1.useMemo)(function () {
         if (symbol) {
             return (react_1.default.createElement(ListItemIcon_1.RcListItemIcon, null,
                 react_1.default.createElement(Icon_1.RcIcon, { size: "small", symbol: symbol })));
         }
         if (react_1.default.isValidElement(icon)) {
-            return foundation_1.isRcElement(icon, ['RcListItemIcon']) ? (icon) : (react_1.default.createElement(ListItemIcon_1.RcListItemIcon, null, icon));
+            return (0, foundation_1.isRcElement)(icon, ['RcListItemIcon']) ? (icon) : (react_1.default.createElement(ListItemIcon_1.RcListItemIcon, null, icon));
         }
         if (typeof icon === 'string') {
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcMenuItem',
                     message: 'please use symbol to replace icon string',
                 });
@@ -62,26 +63,26 @@ var _RcMenuItem = react_1.forwardRef(function (props, ref) {
         }
         return null;
     }, [icon, symbol]);
-    var itemSubAction = react_1.useMemo(function () {
+    var itemSubAction = (0, react_1.useMemo)(function () {
         if (isCheckedType && checked) {
             return (react_1.default.createElement(List_1.RcListItemSecondaryAction, null,
                 react_1.default.createElement(styles_1.StyledCheckIcon, { size: "large", symbol: juno_icon_1.Check, color: ['interactive', 'f01'] })));
         }
-        return secondaryAction ? (foundation_1.isRcElement(secondaryAction, ['RcListItemSecondaryAction']) ? (secondaryAction) : (react_1.default.createElement(List_1.RcListItemSecondaryAction, null, secondaryAction))) : null;
+        return secondaryAction ? ((0, foundation_1.isRcElement)(secondaryAction, ['RcListItemSecondaryAction']) ? (secondaryAction) : (react_1.default.createElement(List_1.RcListItemSecondaryAction, null, secondaryAction))) : null;
     }, [checked, isCheckedType, secondaryAction]);
     // * when not button can't have TouchRippleProps
-    var additionProps = react_1.useMemo(function () {
+    var additionProps = (0, react_1.useMemo)(function () {
         return button
             ? {
-                TouchRippleProps: foundation_1.combineProps({ classes: utils_1.RcMenuItemRippleClasses }, TouchRipplePropsProp),
+                TouchRippleProps: (0, foundation_1.combineProps)({ classes: utils_1.RcMenuItemRippleClasses }, TouchRipplePropsProp),
             }
             : {};
     }, [TouchRipplePropsProp, button]);
-    var handleMouseEnter = foundation_1.useEventCallback(function (e) {
+    var handleMouseEnter = (0, foundation_1.useEventCallback)(function (e) {
         onMouseEnter === null || onMouseEnter === void 0 ? void 0 : onMouseEnter(e);
         setFocusedMenuItemId();
     });
-    var handleClick = foundation_1.useEventCallback(function (e) {
+    var handleClick = (0, foundation_1.useEventCallback)(function (e) {
         var _a;
         onClick === null || onClick === void 0 ? void 0 : onClick(e);
         if (menuContext.autoClose && !isSubMenuItem) {
@@ -91,12 +92,12 @@ var _RcMenuItem = react_1.forwardRef(function (props, ref) {
             (_a = subMenuContext === null || subMenuContext === void 0 ? void 0 : subMenuContext.closeSubMenu) === null || _a === void 0 ? void 0 : _a.call(subMenuContext, e, 'itemClick');
         }
     });
-    var handleFocus = foundation_1.useEventCallback(function (e) {
+    var handleFocus = (0, foundation_1.useEventCallback)(function (e) {
         setFocusedMenuItemId();
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
     });
-    react_1.useImperativeHandle(idRef, function () { return menuItemId; }, [menuItemId]);
-    return (react_1.default.createElement(MenuItem_1.default, tslib_1.__assign({ "aria-checked": isCheckedType && checked ? true : undefined }, additionProps, rest, { ref: ref, title: typeof title === 'string' ? title : undefined, classes: toClasses, className: clsx_1.default(className, (_a = {},
+    (0, react_1.useImperativeHandle)(idRef, function () { return menuItemId; }, [menuItemId]);
+    return (react_1.default.createElement(MenuItem_1.default, tslib_1.__assign({ "aria-checked": isCheckedType && checked ? true : undefined }, additionProps, rest, { ref: ref, title: typeof title === 'string' ? title : undefined, classes: toClasses, className: (0, clsx_1.default)(className, (_a = {},
             _a[classes.checked] = isCheckedType && checked,
             _a[classes.unchecked] = isCheckedType && !checked,
             _a[classes.focusVisible] = focused,
@@ -106,15 +107,13 @@ var _RcMenuItem = react_1.forwardRef(function (props, ref) {
         children,
         itemSubAction));
 });
-var RcMenuItem = foundation_1.styled(Tooltip_1.withTooltip(_RcMenuItem)).attrs(function (inProps) {
-    var _a = foundation_1.useThemeProps({ props: inProps, name: 'RcMenuItem' }), 
+var RcMenuItem = (0, foundation_1.styled)((0, Tooltip_1.withTooltip)(_RcMenuItem)).attrs(function (inProps) {
+    var _a = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcMenuItem' }), 
     // @ts-ignore
     theme = _a.theme, 
     // Omit className, prevent duplicate className
     className = _a.className, _b = _a.size, size = _b === void 0 ? 'medium' : _b, _c = _a.button, button = _c === void 0 ? true : _c, _d = _a.focusVariant, focusVariant = _d === void 0 ? 'highlight' : _d, rest = tslib_1.__rest(_a, ["theme", "className", "size", "button", "focusVariant"]);
-    return tslib_1.__assign({ size: size,
-        button: button,
-        focusVariant: focusVariant }, rest);
+    return tslib_1.__assign({ size: size, button: button, focusVariant: focusVariant }, rest);
 })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.MenuItemStyle);
 exports.RcMenuItem = RcMenuItem;
 RcMenuItem.displayName = 'RcMenuItem';

package/components/Menu/MenuItem/styles/MenuItemStyle.d.ts

@@ -1,42 +1,17 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { RcThemedStyled } from '../../../../foundation';
 import { RcMenuItemProps } from '../MenuItem';
-export declare const StyledCheckIcon: import("styled-components").StyledComponentClass<{
-    symbol?: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | {
-        id: string;
-        viewBox: string;
-        content: string;
-        node?: SVGSymbolElement | undefined;
-    } | undefined;
+export declare const StyledCheckIcon: import("styled-components").StyledComponent<import("react").MemoExoticComponent<import("react").ForwardRefExoticComponent<{
+    symbol?: import("../../../Icon/Icon").SvgSymbol | undefined;
     loading?: boolean | undefined;
     CircularProgressProps?: import("../../../Progress/CircularProgress/CircularProgress").RcCircularProgressProps | undefined;
-    color?: (string & Record<never, never>) | "action.grayDark" | "action.grayLight" | "action.primary" | "avatar.ash" | "avatar.blueberry" | "avatar.brass" | "avatar.global" | "avatar.gold" | "avatar.lake" | "avatar.oasis" | "avatar.pear" | "avatar.persimmon" | "avatar.sage" | "avatar.tomato" | "content.brand" | "danger.b01" | "danger.b02" | "danger.b03" | "danger.b04" | "danger.f01" | "danger.f02" | "danger.f11" | "dialHeader.avatarBg" | "dialHeader.avatarIcon" | "dialHeader.bg" | "dialHeader.focusBorder" | "dialHeader.icon" | "dialHeader.text" | "dialHeader.textHint" | "disabled.b01" | "disabled.f01" | "disabled.f02" | "header.bgLeft" | "header.bgOverlay" | "header.bgOverlayDisabled" | "header.bgRight" | "header.border" | "header.divider" | "header.fabBg" | "header.fabIcon" | "header.focusBorder" | "header.icon" | "header.iconDisabled" | "header.text" | "header.textHint" | "highContrast" | "highlight.b01" | "highlight.b02" | "highlight.b03" | "highlight.f01" | "highlight.f02" | "informative.b01" | "informative.f01" | "informative.f02" | "interactive.b01" | "interactive.b02" | "interactive.f01" | "label.black02" | "label.blue01" | "label.blue02" | "label.green01" | "label.green02" | "label.orange01" | "label.orange02" | "label.purple01" | "label.purple02" | "label.red01" | "label.red02" | "label.teal01" | "label.teal02" | "label.yellow01" | "label.yellow02" | "nav.b01" | "nav.b02" | "nav.bookmark" | "nav.ctlDefault" | "nav.ctlSelected" | "nav.f01" | "nav.f02" | "nav.f03" | "nav.f04" | "nav.iconDefault" | "nav.iconSelected" | "nav.line" | "nav.mention" | "nav.menuBg" | "nav.menuText" | "neutral.b01" | "neutral.b02" | "neutral.b03" | "neutral.b04" | "neutral.b05" | "neutral.b06" | "neutral.elevation" | "neutral.f01" | "neutral.f02" | "neutral.f03" | "neutral.f04" | "neutral.f05" | "neutral.f06" | "neutral.f07" | "neutral.f11" | "neutral.l01" | "neutral.l02" | "neutral.l03" | "neutral.l04" | "neutral.transparent" | "presence.available" | "presence.busy" | "presence.invisible" | "subAction" | "success.b01" | "success.b02" | "success.b03" | "success.b04" | "success.b05" | "success.f01" | "success.f02" | "success.f11" | "tab.default" | "tab.selected" | "umi.bg" | "umi.mentioned" | "umi.text" | "warning.b01" | "warning.b02" | "warning.b03" | "warning.f01" | "warning.f02" | "warning.f11" | string[] | import("../../../../foundation/styles/newPalette").PaletteReturnType | undefined;
-    size?: "inherit" | "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | undefined;
+    color?: import("../../../../foundation").RcPaletteProp | undefined;
+    size?: "small" | "inherit" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | undefined;
     loadingSize?: string | number | undefined;
     useLoading?: boolean | undefined;
     icon?: string | undefined;
     desc?: string | undefined;
-    iconColor?: (string & Record<never, never>) | "action.grayDark" | "action.grayLight" | "action.primary" | "avatar.ash" | "avatar.blueberry" | "avatar.brass" | "avatar.global" | "avatar.gold" | "avatar.lake" | "avatar.oasis" | "avatar.pear" | "avatar.persimmon" | "avatar.sage" | "avatar.tomato" | "content.brand" | "danger.b01" | "danger.b02" | "danger.b03" | "danger.b04" | "danger.f01" | "danger.f02" | "danger.f11" | "dialHeader.avatarBg" | "dialHeader.avatarIcon" | "dialHeader.bg" | "dialHeader.focusBorder" | "dialHeader.icon" | "dialHeader.text" | "dialHeader.textHint" | "disabled.b01" | "disabled.f01" | "disabled.f02" | "header.bgLeft" | "header.bgOverlay" | "header.bgOverlayDisabled" | "header.bgRight" | "header.border" | "header.divider" | "header.fabBg" | "header.fabIcon" | "header.focusBorder" | "header.icon" | "header.iconDisabled" | "header.text" | "header.textHint" | "highContrast" | "highlight.b01" | "highlight.b02" | "highlight.b03" | "highlight.f01" | "highlight.f02" | "informative.b01" | "informative.f01" | "informative.f02" | "interactive.b01" | "interactive.b02" | "interactive.f01" | "label.black02" | "label.blue01" | "label.blue02" | "label.green01" | "label.green02" | "label.orange01" | "label.orange02" | "label.purple01" | "label.purple02" | "label.red01" | "label.red02" | "label.teal01" | "label.teal02" | "label.yellow01" | "label.yellow02" | "nav.b01" | "nav.b02" | "nav.bookmark" | "nav.ctlDefault" | "nav.ctlSelected" | "nav.f01" | "nav.f02" | "nav.f03" | "nav.f04" | "nav.iconDefault" | "nav.iconSelected" | "nav.line" | "nav.mention" | "nav.menuBg" | "nav.menuText" | "neutral.b01" | "neutral.b02" | "neutral.b03" | "neutral.b04" | "neutral.b05" | "neutral.b06" | "neutral.elevation" | "neutral.f01" | "neutral.f02" | "neutral.f03" | "neutral.f04" | "neutral.f05" | "neutral.f06" | "neutral.f07" | "neutral.f11" | "neutral.l01" | "neutral.l02" | "neutral.l03" | "neutral.l04" | "neutral.transparent" | "presence.available" | "presence.busy" | "presence.invisible" | "subAction" | "success.b01" | "success.b02" | "success.b03" | "success.b04" | "success.b05" | "success.f01" | "success.f02" | "success.f11" | "tab.default" | "tab.selected" | "umi.bg" | "umi.mentioned" | "umi.text" | "warning.b01" | "warning.b02" | "warning.b03" | "warning.f01" | "warning.f02" | "warning.f11" | string[] | import("../../../../foundation/styles/newPalette").PaletteReturnType | undefined;
-    iconSize?: "inherit" | "small" | "medium" | "large" | "extraSmall" | "moreLarge" | "extraLarge" | "mediumLarge" | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLSpanElement>, "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" | "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"> & import("react").RefAttributes<any>, import("../../../../foundation").RcTheme, Pick<{
-    symbol?: import("react").ComponentClass<any, any> | import("react").FunctionComponent<any> | {
-        id: string;
-        viewBox: string;
-        content: string;
-        node?: SVGSymbolElement | undefined;
-    } | undefined;
-    loading?: boolean | undefined;
-    CircularProgressProps?: import("../../../Progress/CircularProgress/CircularProgress").RcCircularProgressProps | undefined;
-    color?: (string & Record<never, never>) | "action.grayDark" | "action.grayLight" | "action.primary" | "avatar.ash" | "avatar.blueberry" | "avatar.brass" | "avatar.global" | "avatar.gold" | "avatar.lake" | "avatar.oasis" | "avatar.pear" | "avatar.persimmon" | "avatar.sage" | "avatar.tomato" | "content.brand" | "danger.b01" | "danger.b02" | "danger.b03" | "danger.b04" | "danger.f01" | "danger.f02" | "danger.f11" | "dialHeader.avatarBg" | "dialHeader.avatarIcon" | "dialHeader.bg" | "dialHeader.focusBorder" | "dialHeader.icon" | "dialHeader.text" | "dialHeader.textHint" | "disabled.b01" | "disabled.f01" | "disabled.f02" | "header.bgLeft" | "header.bgOverlay" | "header.bgOverlayDisabled" | "header.bgRight" | "header.border" | "header.divider" | "header.fabBg" | "header.fabIcon" | "header.focusBorder" | "header.icon" | "header.iconDisabled" | "header.text" | "header.textHint" | "highContrast" | "highlight.b01" | "highlight.b02" | "highlight.b03" | "highlight.f01" | "highlight.f02" | "informative.b01" | "informative.f01" | "informative.f02" | "interactive.b01" | "interactive.b02" | "interactive.f01" | "label.black02" | "label.blue01" | "label.blue02" | "label.green01" | "label.green02" | "label.orange01" | "label.orange02" | "label.purple01" | "label.purple02" | "label.red01" | "label.red02" | "label.teal01" | "label.teal02" | "label.yellow01" | "label.yellow02" | "nav.b01" | "nav.b02" | "nav.bookmark" | "nav.ctlDefault" | "nav.ctlSelected" | "nav.f01" | "nav.f02" | "nav.f03" | "nav.f04" | "nav.iconDefault" | "nav.iconSelected" | "nav.line" | "nav.mention" | "nav.menuBg" | "nav.menuText" | "neutral.b01" | "neutral.b02" | "neutral.b03" | "neutral.b04" | "neutral.b05" | "neutral.b06" | "neutral.elevation" | "neutral.f01" | "neutral.f02" | "neutral.f03" | "neutral.f04" | "neutral.f05" | "neutral.f06" | "neutral.f07" | "neutral.f11" | "neutral.l01" | "neutral.l02" | "neutral.l03" | "neutral.l04" | "neutral.transparent" | "presence.available" | "presence.busy" | "presence.invisible" | "subAction" | "success.b01" | "success.b02" | "success.b03" | "success.b04" | "success.b05" | "success.f01" | "success.f02" | "success.f11" | "tab.default" | "tab.selected" | "umi.bg" | "umi.mentioned" | "umi.text" | "warning.b01" | "warning.b02" | "warning.b03" | "warning.f01" | "warning.f02" | "warning.f11" | string[] | import("../../../../foundation/styles/newPalette").PaletteReturnType | undefined;
-    size?: "inherit" | "small" | "xsmall" | "medium" | "large" | "xlarge" | "xxlarge" | "xxxlarge" | undefined;
-    loadingSize?: string | number | undefined;
-    useLoading?: boolean | undefined;
-    icon?: string | undefined;
-    desc?: string | undefined;
-    iconColor?: (string & Record<never, never>) | "action.grayDark" | "action.grayLight" | "action.primary" | "avatar.ash" | "avatar.blueberry" | "avatar.brass" | "avatar.global" | "avatar.gold" | "avatar.lake" | "avatar.oasis" | "avatar.pear" | "avatar.persimmon" | "avatar.sage" | "avatar.tomato" | "content.brand" | "danger.b01" | "danger.b02" | "danger.b03" | "danger.b04" | "danger.f01" | "danger.f02" | "danger.f11" | "dialHeader.avatarBg" | "dialHeader.avatarIcon" | "dialHeader.bg" | "dialHeader.focusBorder" | "dialHeader.icon" | "dialHeader.text" | "dialHeader.textHint" | "disabled.b01" | "disabled.f01" | "disabled.f02" | "header.bgLeft" | "header.bgOverlay" | "header.bgOverlayDisabled" | "header.bgRight" | "header.border" | "header.divider" | "header.fabBg" | "header.fabIcon" | "header.focusBorder" | "header.icon" | "header.iconDisabled" | "header.text" | "header.textHint" | "highContrast" | "highlight.b01" | "highlight.b02" | "highlight.b03" | "highlight.f01" | "highlight.f02" | "informative.b01" | "informative.f01" | "informative.f02" | "interactive.b01" | "interactive.b02" | "interactive.f01" | "label.black02" | "label.blue01" | "label.blue02" | "label.green01" | "label.green02" | "label.orange01" | "label.orange02" | "label.purple01" | "label.purple02" | "label.red01" | "label.red02" | "label.teal01" | "label.teal02" | "label.yellow01" | "label.yellow02" | "nav.b01" | "nav.b02" | "nav.bookmark" | "nav.ctlDefault" | "nav.ctlSelected" | "nav.f01" | "nav.f02" | "nav.f03" | "nav.f04" | "nav.iconDefault" | "nav.iconSelected" | "nav.line" | "nav.mention" | "nav.menuBg" | "nav.menuText" | "neutral.b01" | "neutral.b02" | "neutral.b03" | "neutral.b04" | "neutral.b05" | "neutral.b06" | "neutral.elevation" | "neutral.f01" | "neutral.f02" | "neutral.f03" | "neutral.f04" | "neutral.f05" | "neutral.f06" | "neutral.f07" | "neutral.f11" | "neutral.l01" | "neutral.l02" | "neutral.l03" | "neutral.l04" | "neutral.transparent" | "presence.available" | "presence.busy" | "presence.invisible" | "subAction" | "success.b01" | "success.b02" | "success.b03" | "success.b04" | "success.b05" | "success.f01" | "success.f02" | "success.f11" | "tab.default" | "tab.selected" | "umi.bg" | "umi.mentioned" | "umi.text" | "warning.b01" | "warning.b02" | "warning.b03" | "warning.f01" | "warning.f02" | "warning.f11" | string[] | import("../../../../foundation/styles/newPalette").PaletteReturnType | undefined;
-    iconSize?: "inherit" | "small" | "medium" | "large" | "extraSmall" | "moreLarge" | "extraLarge" | "mediumLarge" | undefined;
-} & Pick<import("react").HTMLAttributes<HTMLSpanElement>, "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" | "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"> & import("react").RefAttributes<any>, "symbol" | "ref" | "key" | "className" | "color" | "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" | "desc" | "translate" | "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" | "size" | "loading" | "CircularProgressProps" | "iconColor" | "iconSize" | "icon" | "loadingSize" | "useLoading"> & {
-    theme?: import("../../../../foundation").RcTheme | undefined;
-}>;
+    iconColor?: import("../../../../foundation").RcPaletteProp | undefined;
+    iconSize?: import("../../../Icon").IconSize | undefined;
+} & import("../../../../foundation").RcBaseProps<import("react").HTMLAttributes<HTMLSpanElement>, "color"> & import("react").RefAttributes<any>>>, import("../../../../foundation").RcTheme, {}, never>;
 export declare const MenuItemStyle: RcThemedStyled<RcMenuItemProps, any>;

package/components/Menu/MenuItem/styles/MenuItemStyle.js

@@ -1,18 +1,19 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.MenuItemStyle = exports.StyledCheckIcon = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var Icon_1 = require("../../../Icon");
 var styles_1 = require("../../../List/ListItem/styles");
 var utils_1 = require("../utils");
-exports.StyledCheckIcon = foundation_1.styled(Icon_1.RcIcon)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 22px;\n"], ["\n  height: 22px;\n"])));
-exports.MenuItemStyle = function (props) {
+exports.StyledCheckIcon = (0, foundation_1.styled)(Icon_1.RcIcon)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  height: 22px;\n"], ["\n  height: 22px;\n"])));
+var MenuItemStyle = function (props) {
     var size = props.size, _a = props.color, color = _a === void 0 ? 'action.grayLight' : _a, focusVariant = props.focusVariant;
     var topAndBottomPadding = utils_1.RcMenuItemTopAndBottomPaddings[size];
     var leftAndRightPadding = utils_1.RcMenuItemLeftAndRightPaddings[size];
-    return foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    outline: none;\n    box-sizing: border-box;\n    height: auto;\n    min-height: 32px;\n    min-width: 112px;\n    padding-top: ", ";\n    padding-bottom: ", ";\n\n    ", ";\n\n    .", " {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n\n    &.", " {\n      padding-top: ", ";\n      padding-bottom: ", ";\n      min-height: auto;\n      line-height: 22px;\n      font-weight: 700;\n    }\n  "], ["\n    outline: none;\n    box-sizing: border-box;\n    height: auto;\n    min-height: 32px;\n    min-width: 112px;\n    padding-top: ", ";\n    padding-bottom: ", ";\n\n    ",
-        ";\n\n    .", " {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n\n    &.", " {\n      padding-top: ", ";\n      padding-bottom: ", ";\n      min-height: auto;\n      line-height: 22px;\n      font-weight: 700;\n    }\n  "])), topAndBottomPadding, topAndBottomPadding, styles_1.sharedListItemStyle(tslib_1.__assign(tslib_1.__assign({}, props), { focusVariant: focusVariant, color: color, 
+    return (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    outline: none;\n    box-sizing: border-box;\n    height: auto;\n    min-height: 32px;\n    min-width: 112px;\n    padding-top: ", ";\n    padding-bottom: ", ";\n\n    ", ";\n\n    .", " {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n\n    &.", " {\n      padding-top: ", ";\n      padding-bottom: ", ";\n      min-height: auto;\n      line-height: 22px;\n      font-weight: 700;\n    }\n  "], ["\n    outline: none;\n    box-sizing: border-box;\n    height: auto;\n    min-height: 32px;\n    min-width: 112px;\n    padding-top: ", ";\n    padding-bottom: ", ";\n\n    ", ";\n\n    .", " {\n      padding-left: ", ";\n      padding-right: ", ";\n    }\n\n    &.", " {\n      padding-top: ", ";\n      padding-bottom: ", ";\n      min-height: auto;\n      line-height: 22px;\n      font-weight: 700;\n    }\n  "])), topAndBottomPadding, topAndBottomPadding, (0, styles_1.sharedListItemStyle)(tslib_1.__assign(tslib_1.__assign({}, props), { focusVariant: focusVariant, color: color, 
         // in menuItem always be can hover
-        canHover: true, mainClasses: utils_1.RcMenuItemClasses, rippleClasses: utils_1.RcMenuItemRippleClasses })), utils_1.RcMenuItemClasses.gutters, leftAndRightPadding, leftAndRightPadding, utils_1.RcMenuItemClasses.dense, foundation_1.spacing(1), foundation_1.spacing(1));
+        canHover: true, mainClasses: utils_1.RcMenuItemClasses, rippleClasses: utils_1.RcMenuItemRippleClasses })), utils_1.RcMenuItemClasses.gutters, leftAndRightPadding, leftAndRightPadding, utils_1.RcMenuItemClasses.dense, (0, foundation_1.spacing)(1), (0, foundation_1.spacing)(1));
 };
+exports.MenuItemStyle = MenuItemStyle;
 var templateObject_1, templateObject_2;

package/components/Menu/MenuItem/utils/MenuItemUtils.d.ts

@@ -1,8 +1,8 @@
 import { UnitMap } from '../../../../foundation';
 import { RcMenuItemSize } from '../MenuItem';
 export declare const RcMenuItemPrefix = "RcMenuItem";
-export declare const RcMenuItemRipplePrefix: string;
-export declare const RcMenuItemClasses: Partial<UnitMap<"root" | "focusVisible" | "selected" | "checked" | "dense" | "gutters" | "unchecked", any>>;
+export declare const RcMenuItemRipplePrefix = "RcMenuItemTouchRipple";
+export declare const RcMenuItemClasses: Partial<UnitMap<"focusVisible" | "checked" | import("@material-ui/core").MenuItemClassKey | "unchecked", any>>;
 export declare const RcMenuItemTopAndBottomPaddings: UnitMap<RcMenuItemSize>;
 export declare const RcMenuItemLeftAndRightPaddings: UnitMap<RcMenuItemSize>;
 export declare const RcMenuItemRippleClasses: Partial<UnitMap<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleClassKey, any>>;

package/components/Menu/MenuItem/utils/MenuItemUtils.js

@@ -1,15 +1,16 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuItemRippleClasses = exports.RcMenuItemLeftAndRightPaddings = exports.RcMenuItemTopAndBottomPaddings = exports.RcMenuItemClasses = exports.RcMenuItemRipplePrefix = exports.RcMenuItemPrefix = void 0;
 var foundation_1 = require("../../../../foundation");
 exports.RcMenuItemPrefix = 'RcMenuItem';
-exports.RcMenuItemRipplePrefix = exports.RcMenuItemPrefix + "TouchRipple";
-exports.RcMenuItemClasses = foundation_1.RcClasses(['checked', 'unchecked', 'gutters', 'dense', 'selected', 'focusVisible'], exports.RcMenuItemPrefix);
+exports.RcMenuItemRipplePrefix = "".concat(exports.RcMenuItemPrefix, "TouchRipple");
+exports.RcMenuItemClasses = (0, foundation_1.RcClasses)(['checked', 'unchecked', 'gutters', 'dense', 'selected', 'focusVisible'], exports.RcMenuItemPrefix);
 exports.RcMenuItemTopAndBottomPaddings = {
-    medium: foundation_1.spacing(1),
-    large: foundation_1.spacing(2),
+    medium: (0, foundation_1.spacing)(1),
+    large: (0, foundation_1.spacing)(2),
 };
 exports.RcMenuItemLeftAndRightPaddings = {
-    medium: foundation_1.spacing(4),
-    large: foundation_1.spacing(5),
+    medium: (0, foundation_1.spacing)(4),
+    large: (0, foundation_1.spacing)(5),
 };
-exports.RcMenuItemRippleClasses = foundation_1.RcClasses(['rippleVisible'], exports.RcMenuItemRipplePrefix);
+exports.RcMenuItemRippleClasses = (0, foundation_1.RcClasses)(['rippleVisible'], exports.RcMenuItemRipplePrefix);

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

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
 /** @deprecated no longer need, just a `div` */
-declare const RcMenuItemActionWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../..").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const RcMenuItemActionWrapper: import("styled-components").StyledComponent<"div", import("../../..").RcTheme, {}, never>;
 export { RcMenuItemActionWrapper };

package/components/Menu/MenuItemActionWrapper/MenuItemActionWrapper.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuItemActionWrapper = void 0;
 var styles_1 = require("./styles");
 /** @deprecated no longer need, just a `div` */
 var RcMenuItemActionWrapper = styles_1.StyledMenuItemActionWrapper;

package/components/Menu/MenuItemActionWrapper/styles/StyledMenuItemActionWrapper.d.ts

@@ -1,4 +1,2 @@
-/// <reference types="react" />
-/// <reference types="styled-jsx" />
-declare const StyledMenuItemActionWrapper: import("styled-components").StyledComponentClass<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, import("../../../../foundation").RcTheme, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>>;
+declare const StyledMenuItemActionWrapper: import("styled-components").StyledComponent<"div", import("../../../../foundation").RcTheme, {}, never>;
 export { StyledMenuItemActionWrapper };

package/components/Menu/MenuItemActionWrapper/styles/StyledMenuItemActionWrapper.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMenuItemActionWrapper = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
-var StyledMenuItemActionWrapper = foundation_1.styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  & {\n    display: none;\n    margin: ", ";\n  }\n"], ["\n  & {\n    display: none;\n    margin: ", ";\n  }\n"])), foundation_1.spacing(-2, 0));
+var StyledMenuItemActionWrapper = foundation_1.styled.div(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  & {\n    display: none;\n    margin: ", ";\n  }\n"], ["\n  & {\n    display: none;\n    margin: ", ";\n  }\n"])), (0, foundation_1.spacing)(-2, 0));
 exports.StyledMenuItemActionWrapper = StyledMenuItemActionWrapper;
 var templateObject_1;

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

@@ -1,9 +1,7 @@
 import { ListItemSecondaryActionProps as MuiListItemSecondaryActionProps } from '@material-ui/core/ListItemSecondaryAction';
 import { RcBaseProps } from '../../../foundation';
-declare type RcMenuItemSubActionProps = RcBaseProps<MuiListItemSecondaryActionProps>;
+type RcMenuItemSubActionProps = RcBaseProps<MuiListItemSecondaryActionProps>;
 /** @deprecated use RcListItemSecondaryAction */
-declare const RcMenuItemSubAction: import("styled-components").StyledComponentClass<MuiListItemSecondaryActionProps, import("../../../foundation").RcTheme, Pick<MuiListItemSecondaryActionProps, "ref" | "className" | "color" | "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" | "innerRef"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcMenuItemSubAction: import("styled-components").StyledComponent<typeof import("@material-ui/core/ListItemSecondaryAction").default, import("../../../foundation").RcTheme, {}, never>;
 export { RcMenuItemSubAction };
 export type { RcMenuItemSubActionProps };

package/components/Menu/MenuItemSubAction/MenuItemSubAction.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuItemSubAction = void 0;
 var styles_1 = require("./styles");
 /** @deprecated use RcListItemSecondaryAction */
 var RcMenuItemSubAction = styles_1.StyledMenuItemSubAction;

package/components/Menu/MenuItemSubAction/styles/StyledMenuItemSubAction.d.ts

@@ -1,4 +1,3 @@
-declare const StyledMenuItemSubAction: import("styled-components").StyledComponentClass<import("@material-ui/core/ListItemSecondaryAction").ListItemSecondaryActionProps, import("../../../../foundation").RcTheme, Pick<import("@material-ui/core/ListItemSecondaryAction").ListItemSecondaryActionProps, "ref" | "className" | "color" | "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" | "innerRef"> & {
-    theme?: import("../../../../foundation").RcTheme | undefined;
-}>;
+import MuiListItemSecondaryAction from '@material-ui/core/ListItemSecondaryAction';
+declare const StyledMenuItemSubAction: import("styled-components").StyledComponent<typeof MuiListItemSecondaryAction, import("../../../../foundation").RcTheme, {}, never>;
 export { StyledMenuItemSubAction };

package/components/Menu/MenuItemSubAction/styles/StyledMenuItemSubAction.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledMenuItemSubAction = void 0;
 var tslib_1 = require("tslib");
 var ListItemSecondaryAction_1 = tslib_1.__importDefault(require("@material-ui/core/ListItemSecondaryAction"));
 var foundation_1 = require("../../../../foundation");
-var StyledMenuItemSubAction = foundation_1.styled(ListItemSecondaryAction_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  && {\n    right: ", ";\n  }\n"], ["\n  && {\n    right: ", ";\n  }\n"])), foundation_1.spacing(2));
+var StyledMenuItemSubAction = (0, foundation_1.styled)(ListItemSecondaryAction_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  && {\n    right: ", ";\n  }\n"], ["\n  && {\n    right: ", ";\n  }\n"])), (0, foundation_1.spacing)(2));
 exports.StyledMenuItemSubAction = StyledMenuItemSubAction;
 var templateObject_1;

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

@@ -3,7 +3,7 @@ import MuiMenuList from '@material-ui/core/MenuList';
 import { RcBaseProps } from '../../../foundation';
 import type { RcMenuListContextType, RcMenuListOnCloseReasonsType } from './MenuListContext';
 import { RcMenuListContext } from './MenuListContext';
-declare type RcMenuListProps = {
+type RcMenuListProps = {
     /** setting max-Height for MenuList, when overflow, scroll */
     maxHeight?: number;
     /** auto close menu when menu item clicked */
@@ -11,8 +11,6 @@ declare type RcMenuListProps = {
     /** emit for subMenu closed */
     onClose?: (event: {}, reason: RcMenuListOnCloseReasonsType) => void;
 } & RcBaseProps<ComponentProps<typeof MuiMenuList>>;
-declare const RcMenuList: import("styled-components").StyledComponentClass<Pick<RcMenuListProps, "key" | "className" | "color" | "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" | "variant" | "innerRef" | "autoFocus" | "onClose" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcMenuListProps, "key" | "className" | "color" | "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" | "variant" | "innerRef" | "autoFocus" | "onClose" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "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" | "variant" | "innerRef" | "autoFocus" | "onClose" | "maxHeight" | "autoClose" | "subheader" | "dense" | "disablePadding" | "autoFocusItem" | "disabledItemsFocusable" | "disableListWrap"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcMenuList: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcMenuListProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcMenuList, RcMenuListContext };
 export type { RcMenuListContextType, RcMenuListProps };

package/components/Menu/MenuList/MenuList.js

@@ -1,23 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcMenuListContext = exports.RcMenuList = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var MenuList_1 = tslib_1.__importDefault(require("@material-ui/core/MenuList"));
 var foundation_1 = require("../../../foundation");
 var SubMenuContext_1 = require("../SubMenu/SubMenuContext");
 var MenuListContext_1 = require("./MenuListContext");
-exports.RcMenuListContext = MenuListContext_1.RcMenuListContext;
+Object.defineProperty(exports, "RcMenuListContext", { enumerable: true, get: function () { return MenuListContext_1.RcMenuListContext; } });
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var MemoMuiListMenu = react_1.memo(MenuList_1.default);
-var _RcMenuList = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcMenuList' });
+var MemoMuiListMenu = (0, react_1.memo)(MenuList_1.default);
+var _RcMenuList = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcMenuList' });
     var classesProp = props.classes, children = props.children, autoClose = props.autoClose, onCloseProp = props.onClose, maxHeight = props.maxHeight, rest = tslib_1.__rest(props, ["classes", "children", "autoClose", "onClose", "maxHeight"]);
-    var _a = tslib_1.__read(react_1.useState(null), 2), focusedMenuItemId = _a[0], setFocusedMenuItemId = _a[1];
-    var id = foundation_1.useId('menu-list', true);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcMenuListClasses, classesProp); }, [classesProp]);
-    var subMenuContext = react_1.useContext(SubMenuContext_1.RcSubMenuContext);
-    var ctxValue = react_1.useMemo(function () { return ({
+    var _a = tslib_1.__read((0, react_1.useState)(null), 2), focusedMenuItemId = _a[0], setFocusedMenuItemId = _a[1];
+    var id = (0, foundation_1.useId)('menu-list', true);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcMenuListClasses, classesProp); }, [classesProp]);
+    var subMenuContext = (0, react_1.useContext)(SubMenuContext_1.RcSubMenuContext);
+    var ctxValue = (0, react_1.useMemo)(function () { return ({
         menuListId: id,
         autoClose: !!autoClose || subMenuContext.autoClose,
         focusedMenuItemId: focusedMenuItemId,
@@ -27,7 +28,7 @@ var _RcMenuList = react_1.forwardRef(function (inProps, ref) {
     return (react_1.default.createElement(MenuListContext_1.RcMenuListContext.Provider, { value: ctxValue },
         react_1.default.createElement(MemoMuiListMenu, tslib_1.__assign({}, rest, { ref: ref, classes: classes }), children)));
 });
-var RcMenuList = foundation_1.styled(_RcMenuList)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.MenuListStyle);
+var RcMenuList = (0, foundation_1.styled)(_RcMenuList)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.MenuListStyle);
 exports.RcMenuList = RcMenuList;
 RcMenuList.defaultProps = {
     variant: 'selectedMenu',

package/components/Menu/MenuList/MenuListContext.d.ts

@@ -1,8 +1,7 @@
 /// <reference types="react" />
-/// <reference types="styled-jsx" />
 import { RcMenuListProps } from './MenuList';
-export declare type RcMenuListOnCloseReasonsType = 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown' | 'itemClick' | 'subMenuItemAnchorMouseLeave' | 'subMenuItemArrowLeftKeyDown' | 'popperMouseLeave';
-export declare type RcMenuListContextType = {
+export type RcMenuListOnCloseReasonsType = 'backdropClick' | 'escapeKeyDown' | 'tabKeyDown' | 'itemClick' | 'subMenuItemAnchorMouseLeave' | 'subMenuItemArrowLeftKeyDown' | 'popperMouseLeave';
+export type RcMenuListContextType = {
     menuListId: string;
     autoClose: boolean;
     focusedMenuItemId: string | null;

package/components/Menu/MenuList/MenuListContext.js

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

package/components/Menu/MenuList/styles/MenuListStyle.d.ts

@@ -1,4 +1,4 @@
 import { RcThemedStyled } from '../../../../foundation';
 import { RcMenuListProps } from '../MenuList';
-export declare const DividerInMenuStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../../foundation").RcTheme>>[];
+export declare const DividerInMenuStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../../foundation").RcTheme>>;
 export declare const MenuListStyle: RcThemedStyled<RcMenuListProps, any>;