@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/components/Rating/styles/RatingStyle.js

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RatingStyle = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importDefault(require("react"));
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
 var getColor = function (_a) {
     var emphasized = _a.emphasized, color = _a.color;
-    return emphasized ? foundation_1.palette2('warning', 'f01') : foundation_1.getParsePaletteColor(color);
+    return emphasized ? (0, foundation_1.palette2)('warning', 'f01') : (0, foundation_1.getParsePaletteColor)(color);
 };
-exports.RatingStyle = function (props) {
+var RatingStyle = function (props) {
     var icon = props.icon, emptyIcon = props.emptyIcon, emphasized = props.emphasized, color = props.color;
     var isIcon = react_1.default.isValidElement(icon) &&
         react_1.default.isValidElement(emptyIcon) &&
-        foundation_1.isRcElement(icon, ['RcIcon']) &&
-        foundation_1.isRcElement(emptyIcon, ['RcIcon']);
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    &.", "\n      .", ",\n      input:focus\n      + .", " {\n      outline: none;\n      border-radius: ", ";\n      box-shadow: 0 0 0 1px ", ";\n    }\n\n    .", " {\n      transform: scale(1, 1);\n    }\n\n    .", " {\n      padding: 0 8px;\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    &.", " {\n      opacity: 1;\n\n      .", " {\n        ", "\n      }\n\n      .", " {\n        color: ", ";\n      }\n    }\n\n    &.", " .", " {\n      padding: 0 8px;\n    }\n  "], ["\n    &.", "\n      .", ",\n      input:focus\n      + .", " {\n      outline: none;\n      border-radius: ", ";\n      box-shadow: 0 0 0 1px ", ";\n    }\n\n    .", " {\n      transform: scale(1, 1);\n    }\n\n    .", " {\n      padding: 0 8px;\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    &.", " {\n      opacity: 1;\n\n      .", " {\n        ",
-        "\n      }\n\n      .", " {\n        color: ", ";\n      }\n    }\n\n    &.", " .", " {\n      padding: 0 8px;\n    }\n  "])), utils_1.RcRatingClasses.focusVisible, utils_1.RcRatingClasses.iconActive, utils_1.RcRatingClasses.pristine, foundation_1.radius('xxl'), foundation_1.focusVisibleColor, utils_1.RcRatingClasses.iconActive, utils_1.RcRatingClasses.label, utils_1.RcRatingClasses.iconFilled, getColor, utils_1.RcRatingClasses.iconEmpty, foundation_1.palette2('neutral', 'f04'), utils_1.RcRatingClasses.disabled, utils_1.RcRatingClasses.iconFilled, isIcon
-        ? foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n              color: ", ";\n            "], ["\n              color: ",
-            ";\n            "])), color === 'neutral.f06' && !emphasized
-            ? foundation_1.palette2('neutral', 'f04')
-            : foundation_1.setOpacity(getColor(props), '40', true)) : foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n              opacity: ", ";\n            "], ["\n              opacity: ", ";\n            "])), foundation_1.opacity('64')), utils_1.RcRatingClasses.iconEmpty, foundation_1.palette2('disabled', 'f02'), utils_1.RcRatingClasses.readOnly, utils_1.RcRatingClasses.icon);
+        (0, foundation_1.isRcElement)(icon, ['RcIcon']) &&
+        (0, foundation_1.isRcElement)(emptyIcon, ['RcIcon']);
+    return (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    &.", "\n      .", ",\n      input:focus\n      + .", " {\n      outline: none;\n      border-radius: ", ";\n      box-shadow: 0 0 0 1px ", ";\n    }\n\n    .", " {\n      transform: scale(1, 1);\n    }\n\n    .", " {\n      padding: 0 8px;\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    &.", " {\n      opacity: 1;\n\n      .", " {\n        ", "\n      }\n\n      .", " {\n        color: ", ";\n      }\n    }\n\n    &.", " .", " {\n      padding: 0 8px;\n    }\n  "], ["\n    &.", "\n      .", ",\n      input:focus\n      + .", " {\n      outline: none;\n      border-radius: ", ";\n      box-shadow: 0 0 0 1px ", ";\n    }\n\n    .", " {\n      transform: scale(1, 1);\n    }\n\n    .", " {\n      padding: 0 8px;\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      color: ", ";\n    }\n\n    &.", " {\n      opacity: 1;\n\n      .", " {\n        ", "\n      }\n\n      .", " {\n        color: ", ";\n      }\n    }\n\n    &.", " .", " {\n      padding: 0 8px;\n    }\n  "])), utils_1.RcRatingClasses.focusVisible, utils_1.RcRatingClasses.iconActive, utils_1.RcRatingClasses.pristine, (0, foundation_1.radius)('xxl'), foundation_1.focusVisibleColor, utils_1.RcRatingClasses.iconActive, utils_1.RcRatingClasses.label, utils_1.RcRatingClasses.iconFilled, getColor, utils_1.RcRatingClasses.iconEmpty, (0, foundation_1.palette2)('neutral', 'f04'), utils_1.RcRatingClasses.disabled, utils_1.RcRatingClasses.iconFilled, isIcon
+        ? (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n              color: ", ";\n            "], ["\n              color: ", ";\n            "])), color === 'neutral.f06' && !emphasized
+            ? (0, foundation_1.palette2)('neutral', 'f04')
+            : (0, foundation_1.setOpacity)(getColor(props), '40', true)) : (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n              opacity: ", ";\n            "], ["\n              opacity: ", ";\n            "])), (0, foundation_1.opacity)('64')), utils_1.RcRatingClasses.iconEmpty, (0, foundation_1.palette2)('disabled', 'f02'), utils_1.RcRatingClasses.readOnly, utils_1.RcRatingClasses.icon);
 };
+exports.RatingStyle = RatingStyle;
 var templateObject_1, templateObject_2, templateObject_3;

package/components/Rating/utils/RatingUtils.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcRatingClasses = void 0;
 var foundation_1 = require("../../../foundation");
-var RcRatingClasses = foundation_1.RcClasses([
+var RcRatingClasses = (0, foundation_1.RcClasses)([
     'readOnly',
     'disabled',
     'focusVisible',

package/components/Responsive/Responsive.d.ts

@@ -1,6 +1,6 @@
-import { FC, RefObject } from 'react';
+import React, { FC, RefObject } from 'react';
 import { BreakpointMap } from './utils';
-declare type RcResponsiveProps = {
+type RcResponsiveProps = {
     /**
      * throttle time of resize
      * @default 200
@@ -15,6 +15,10 @@ declare type RcResponsiveProps = {
      * default target is body of current window
      */
     responsiveTarget?: RefObject<HTMLElement>;
+    /**
+     * children
+     */
+    children?: React.ReactNode;
 };
 declare const RcResponsive: FC<RcResponsiveProps>;
 export { RcResponsive };

package/components/Responsive/Responsive.js

@@ -1,30 +1,31 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcResponsive = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../foundation");
 var utils_1 = require("./utils");
 var RcResponsive = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcResponsive' });
-    var theme = foundation_1.useTheme();
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcResponsive' });
+    var theme = (0, foundation_1.useTheme)();
     var children = props.children, responsiveTarget = props.responsiveTarget, resizeThrottle = props.resizeThrottle, _a = props.breakpointMap, breakpointMap = _a === void 0 ? theme.breakpoints.values : _a;
-    var externalWindow = foundation_1.useRcPortalWindowContext().externalWindow;
+    var externalWindow = (0, foundation_1.useRcPortalWindowContext)().externalWindow;
     var currentWindow = externalWindow !== null && externalWindow !== void 0 ? externalWindow : window;
-    var bodyRef = react_1.useRef(currentWindow.document.body);
+    var bodyRef = (0, react_1.useRef)(currentWindow.document.body);
     var targetRef = responsiveTarget !== null && responsiveTarget !== void 0 ? responsiveTarget : bodyRef;
-    var _b = tslib_1.__read(react_1.useState(function () {
+    var _b = tslib_1.__read((0, react_1.useState)(function () {
         var target = targetRef.current;
         if (target) {
             var width = target.clientWidth;
-            return utils_1.getMatchedBreakpoint(width, breakpointMap);
+            return (0, utils_1.getMatchedBreakpoint)(width, breakpointMap);
         }
         return;
     }), 2), contextValue = _b[0], setContextValue = _b[1];
-    foundation_1.useResizeObserver(targetRef, function () {
+    (0, foundation_1.useResizeObserver)(targetRef, function () {
         if (!targetRef.current)
             return;
         var width = targetRef.current.clientWidth;
-        var matchedBreakpoint = utils_1.getMatchedBreakpoint(width, breakpointMap);
+        var matchedBreakpoint = (0, utils_1.getMatchedBreakpoint)(width, breakpointMap);
         setContextValue(matchedBreakpoint);
     }, { mode: 'throttle', time: resizeThrottle });
     return (react_1.default.createElement(foundation_1.RcResponsiveContext.Provider, { value: contextValue }, children));

package/components/Responsive/utils/getMatchedBreakpoint.d.ts

@@ -1,2 +1,3 @@
 import { MatchedBreakpoint } from '../../../foundation';
-export declare const getMatchedBreakpoint: (width: number, breakpointMap: Record<import("../../../foundation").Breakpoint, number>) => MatchedBreakpoint;
+import { BreakpointMap } from './types';
+export declare const getMatchedBreakpoint: (width: number, breakpointMap: BreakpointMap) => MatchedBreakpoint;

package/components/Responsive/utils/getMatchedBreakpoint.js

@@ -1,9 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getMatchedBreakpoint = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
-var bpListL2S = tslib_1.__spread(foundation_1.breakpointList).reverse();
-exports.getMatchedBreakpoint = function (width, breakpointMap) {
+var bpListL2S = tslib_1.__spreadArray([], tslib_1.__read(foundation_1.breakpointList), false).reverse();
+var getMatchedBreakpoint = function (width, breakpointMap) {
     // no match when width is less than min width of XS
     return bpListL2S.find(function (bp) { return width >= breakpointMap[bp]; }) || null;
 };
+exports.getMatchedBreakpoint = getMatchedBreakpoint;

package/components/Responsive/utils/index.js

@@ -2,3 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./getMatchedBreakpoint"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/components/Responsive/utils/types.d.ts

@@ -1,2 +1,2 @@
 import { Breakpoint } from '../../../foundation';
-export declare type BreakpointMap = Record<Breakpoint, number>;
+export type BreakpointMap = Record<Breakpoint, number>;

package/components/Snackbar/Snackbar.d.ts

@@ -2,12 +2,10 @@ import React, { ComponentProps } from 'react';
 import MuiSnackbar from '@material-ui/core/Snackbar';
 import { RcBaseProps } from '../../foundation';
 import { RcSnackbarContentProps } from './SnackbarContent';
-declare type RcSnackbarProps = {
+type RcSnackbarProps = {
     /** props apply for `RcSnackbarContent` */
     ContentProps?: RcSnackbarContentProps;
 } & RcBaseProps<ComponentProps<typeof MuiSnackbar>> & Pick<RcSnackbarContentProps, 'size' | 'type'>;
-declare const RcSnackbar: import("styled-components").StyledComponentClass<Pick<RcSnackbarProps, "key" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "message" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "autoHideDuration" | "ClickAwayListenerProps" | "ContentProps" | "disableWindowBlurListener" | "resumeHideDuration"> & React.RefAttributes<any>, import("../../foundation").RcTheme, Pick<Pick<RcSnackbarProps, "key" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "message" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "autoHideDuration" | "ClickAwayListenerProps" | "ContentProps" | "disableWindowBlurListener" | "resumeHideDuration"> & React.RefAttributes<any>, "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "size" | "innerRef" | "TransitionComponent" | "TransitionProps" | "action" | "message" | "onClose" | "onEnter" | "onEntering" | "onEntered" | "onExit" | "onExiting" | "onExited" | "open" | "transitionDuration" | "anchorOrigin" | "autoHideDuration" | "ClickAwayListenerProps" | "ContentProps" | "disableWindowBlurListener" | "resumeHideDuration"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
+declare const RcSnackbar: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSnackbarProps, "ref"> & React.RefAttributes<any>>, import("../../foundation").RcTheme, {}, never>;
 export { RcSnackbar };
 export type { RcSnackbarProps };

package/components/Snackbar/Snackbar.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSnackbar = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Slide_1 = tslib_1.__importDefault(require("@material-ui/core/Slide"));
@@ -10,16 +11,16 @@ var SnackbarContent_1 = require("./SnackbarContent");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var HasPortalParentContext_1 = require("../PortalHost/context/HasPortalParentContext");
-var _RcSnackbar = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSnackbar' });
+var _RcSnackbar = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSnackbar' });
     var classesProp = props.classes, size = props.size, type = props.type, message = props.message, action = props.action, ContentProps = props.ContentProps, children = props.children, TransitionPropsProp = props.TransitionProps, rest = tslib_1.__rest(props, ["classes", "size", "type", "message", "action", "ContentProps", "children", "TransitionProps"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcSnackbarClasses, classesProp); }, [classesProp]);
-    var onExited = PortalHost_1.useUnmountPortalHandler(TransitionPropsProp === null || TransitionPropsProp === void 0 ? void 0 : TransitionPropsProp.onExited);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcSnackbarClasses, classesProp); }, [classesProp]);
+    var onExited = (0, PortalHost_1.useUnmountPortalHandler)(TransitionPropsProp === null || TransitionPropsProp === void 0 ? void 0 : TransitionPropsProp.onExited);
     var TransitionProps = tslib_1.__assign(tslib_1.__assign({}, TransitionPropsProp), { onExited: onExited });
     return (react_1.default.createElement(HasPortalParentContext_1.HasPortalParentProvider, null,
         react_1.default.createElement(Snackbar_1.default, tslib_1.__assign({ ref: ref, classes: classes, TransitionProps: TransitionProps }, rest), children || (react_1.default.createElement(SnackbarContent_1.RcSnackbarContent, tslib_1.__assign({ size: size, type: type, message: message, action: action }, ContentProps))))));
 });
-var RcSnackbar = foundation_1.styled(_RcSnackbar)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SnackbarStyle);
+var RcSnackbar = (0, foundation_1.styled)(_RcSnackbar)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.SnackbarStyle);
 exports.RcSnackbar = RcSnackbar;
 RcSnackbar.defaultProps = {
     TransitionComponent: Slide_1.default,

package/components/Snackbar/SnackbarAction/SnackbarAction.d.ts

@@ -1,9 +1,9 @@
-import { ComponentProps } from 'react';
+import React, { ComponentProps } from 'react';
 import MuiButtonBase from '@material-ui/core/ButtonBase';
 import { RcBaseProps, RcClassesProps, RcPaletteProp } from '../../../foundation';
 import { RcIconProps, SvgSymbol } from '../../Icon';
 import { RcSnackbarContentSize } from '../SnackbarContent';
-declare type RcSnackbarActionProps = {
+type RcSnackbarActionProps = {
     /** variant of action */
     variant?: 'text' | 'icon';
     /** text color */
@@ -13,8 +13,6 @@ declare type RcSnackbarActionProps = {
     /** @deprecated should use symbol to replace that */
     icon?: SvgSymbol;
 } & RcClassesProps<'icon' | 'text'> & RcBaseProps<ComponentProps<typeof MuiButtonBase>, 'color'> & Pick<RcIconProps, 'symbol'>;
-declare const RcSnackbarAction: import("styled-components").StyledComponentClass<RcSnackbarActionProps, import("../../../foundation").RcTheme, Pick<RcSnackbarActionProps, "symbol" | "ref" | "key" | "form" | "className" | "color" | "id" | "lang" | "name" | "style" | "type" | "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" | "size" | "value" | "variant" | "innerRef" | "disabled" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "icon" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcSnackbarAction: import("styled-components").StyledComponent<React.FunctionComponent<RcSnackbarActionProps>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSnackbarAction };
 export type { RcSnackbarActionProps };

package/components/Snackbar/SnackbarAction/SnackbarAction.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSnackbarAction = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
@@ -10,19 +11,19 @@ var SnackbarContent_1 = require("../SnackbarContent");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 var _RcSnackbarAction = function (inProps) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSnackbarAction' });
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSnackbarAction' });
     var children = props.children, variant = props.variant, size = props.size, icon = props.icon, _a = props.symbol, symbol = _a === void 0 ? icon : _a, classesProp = props.classes, color = props.color, classNameProp = props.className, rest = tslib_1.__rest(props, ["children", "variant", "size", "icon", "symbol", "classes", "color", "className"]);
-    var className = react_1.useMemo(function () {
+    var className = (0, react_1.useMemo)(function () {
         var _a;
-        return clsx_1.default(classNameProp, (_a = {},
+        return (0, clsx_1.default)(classNameProp, (_a = {},
             _a[utils_1.RcSnackbarActionClasses.text] = variant === 'text',
             _a[utils_1.RcSnackbarActionClasses.icon] = variant === 'icon',
             _a));
     }, [classNameProp, variant]);
-    var classes = react_1.useMemo(function () { return foundation_1.omit(classesProp, ['text', 'icon']); }, [classesProp]);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.omit)(classesProp, ['text', 'icon']); }, [classesProp]);
     return (react_1.default.createElement(ButtonBase_1.default, tslib_1.__assign({ className: className, classes: classes }, rest), variant === 'icon' ? (react_1.default.createElement(Icon_1.RcIcon, { size: size, symbol: symbol }, children)) : (children)));
 };
-var RcSnackbarAction = foundation_1.styled(_RcSnackbarAction)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.snackbarContentActionStyle);
+var RcSnackbarAction = (0, foundation_1.styled)(_RcSnackbarAction)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.snackbarContentActionStyle);
 exports.RcSnackbarAction = RcSnackbarAction;
 RcSnackbarAction.displayName = 'RcSnackbarAction';
 RcSnackbarAction.defaultProps = {

package/components/Snackbar/SnackbarAction/styles/StyledSnackbarContent.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.snackbarContentActionStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../../SnackbarContent/utils");
 var utils_2 = require("../utils");
-exports.snackbarContentActionStyle = function (_a) {
+var snackbarContentActionStyle = function (_a) {
     var color = _a.color;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n\n    &.", " {\n      ", ";\n      line-height: ", ";\n      text-decoration: underline;\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    &:active {\n      opacity: ", ";\n    }\n\n    &:disabled {\n      opacity: ", ";\n    }\n\n    ", " {\n      ", "\n    }\n  "], ["\n    color: ", ";\n\n    &.", " {\n      ", ";\n      line-height: ", ";\n      text-decoration: underline;\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    &:active {\n      opacity: ", ";\n    }\n\n    &:disabled {\n      opacity: ", ";\n    }\n\n    ", " {\n      ",
-        "\n    }\n  "])), color && foundation_1.getParsePaletteColor(color), utils_2.RcSnackbarActionClasses.text, foundation_1.typography('body2'), utils_1.RcSnackbarContentLineHeight, utils_2.RcSnackbarActionClasses.text, foundation_1.spacing(3), utils_2.RcSnackbarActionClasses.icon, foundation_1.spacing(4), foundation_1.opacity('24', true), foundation_1.opacity('24'), foundation_1.focusVisible, foundation_1.fakeBorder({
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    color: ", ";\n\n    &.", " {\n      ", ";\n      line-height: ", ";\n      text-decoration: underline;\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    &:active {\n      opacity: ", ";\n    }\n\n    &:disabled {\n      opacity: ", ";\n    }\n\n    ", " {\n      ", "\n    }\n  "], ["\n    color: ", ";\n\n    &.", " {\n      ", ";\n      line-height: ", ";\n      text-decoration: underline;\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    & + &.", " {\n      margin-left: ", ";\n    }\n\n    &:active {\n      opacity: ", ";\n    }\n\n    &:disabled {\n      opacity: ", ";\n    }\n\n    ", " {\n      ", "\n    }\n  "])), color && (0, foundation_1.getParsePaletteColor)(color), utils_2.RcSnackbarActionClasses.text, (0, foundation_1.typography)('body2'), utils_1.RcSnackbarContentLineHeight, utils_2.RcSnackbarActionClasses.text, (0, foundation_1.spacing)(3), utils_2.RcSnackbarActionClasses.icon, (0, foundation_1.spacing)(4), (0, foundation_1.opacity)('24', true), (0, foundation_1.opacity)('24'), foundation_1.focusVisible, (0, foundation_1.fakeBorder)({
         pseudo: true,
         color: 'currentColor',
         inset: false,
         radius: 'sm',
     }));
 };
+exports.snackbarContentActionStyle = snackbarContentActionStyle;
 var templateObject_1;

package/components/Snackbar/SnackbarAction/utils/SnackbarActionUtils.d.ts

@@ -1 +1 @@
-export declare const RcSnackbarActionClasses: Partial<import("../../../../foundation").UnitMap<"text" | "root" | "disabled" | "focusVisible" | "icon", any>>;
+export declare const RcSnackbarActionClasses: Partial<import("../../../../foundation").UnitMap<"text" | "icon" | import("@material-ui/core").ButtonBaseClassKey, any>>;

package/components/Snackbar/SnackbarAction/utils/SnackbarActionUtils.js

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

package/components/Snackbar/SnackbarContent/SnackbarContent.d.ts

@@ -1,10 +1,10 @@
 import React, { ComponentProps } from 'react';
 import MuiSnackbarContent from '@material-ui/core/SnackbarContent';
 import { RcBaseProps, RcBaseSize } from '../../../foundation';
-declare type RcSnackbarContentMessageAlignment = 'left' | 'center' | 'right';
-declare type RcSnackbarContentSize = RcBaseSize<'small' | 'medium'>;
-declare type RcSnackbarContentType = 'warn' | 'success' | 'error' | 'info';
-declare type RcSnackbarContentProps = {
+type RcSnackbarContentMessageAlignment = 'left' | 'center' | 'right';
+type RcSnackbarContentSize = RcBaseSize<'small' | 'medium'>;
+type RcSnackbarContentType = 'warn' | 'success' | 'error' | 'info';
+type RcSnackbarContentProps = {
     /** message type */
     type?: RcSnackbarContentType;
     /** message size, default is `medium` */
@@ -22,8 +22,6 @@ declare type RcSnackbarContentProps = {
     /** @deprecated please use `aria-label` directly */
     ariaLabel?: string;
 } & RcBaseProps<ComponentProps<typeof MuiSnackbarContent>, 'variant' | 'elevation'>;
-declare const RcSnackbarContent: import("styled-components").StyledComponentClass<Pick<RcSnackbarContentProps, "square" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "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" | "size" | "innerRef" | "component" | "action" | "loading" | "message" | "fullWidth" | "ariaLabel" | "messageAlign"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcSnackbarContentProps, "square" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "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" | "size" | "innerRef" | "component" | "action" | "loading" | "message" | "fullWidth" | "ariaLabel" | "messageAlign"> & React.RefAttributes<any>, "ref" | "key" | "square" | "className" | "color" | "id" | "lang" | "style" | "type" | "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" | "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" | "size" | "innerRef" | "component" | "action" | "loading" | "message" | "fullWidth" | "ariaLabel" | "messageAlign"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcSnackbarContent: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSnackbarContentProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSnackbarContent };
 export type { RcSnackbarContentProps, RcSnackbarContentSize, RcSnackbarContentType, };

package/components/Snackbar/SnackbarContent/SnackbarContent.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSnackbarContent = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var SnackbarContent_1 = tslib_1.__importDefault(require("@material-ui/core/SnackbarContent"));
@@ -8,11 +9,11 @@ var CircularProgress_1 = require("../../Progress/CircularProgress");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
 /** @release */
-var _RcSnackbarContent = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSnackbarContent' });
+var _RcSnackbarContent = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSnackbarContent' });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcSnackbarContent, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcSnackbarContent, props, [
             {
                 prop: 'ariaLabel',
                 time: '2021-3',
@@ -21,10 +22,10 @@ var _RcSnackbarContent = react_1.forwardRef(function (inProps, ref) {
         ]);
     }
     var classesProp = props.classes, loading = props.loading, size = props.size, messageAlign = props.messageAlign, type = props.type, fullWidth = props.fullWidth, actionProp = props.action, rest = tslib_1.__rest(props, ["classes", "loading", "size", "messageAlign", "type", "fullWidth", "action"]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcSnackbarContentClasses, classesProp); }, [classesProp]);
-    var action = react_1.useMemo(function () {
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcSnackbarContentClasses, classesProp); }, [classesProp]);
+    var action = (0, react_1.useMemo)(function () {
         var getItem = function (item) {
-            if (react_1.isValidElement(item) && foundation_1.isRcElement(item, ['RcSnackbarAction'])) {
+            if ((0, react_1.isValidElement)(item) && (0, foundation_1.isRcElement)(item, ['RcSnackbarAction'])) {
                 /** when size is not equal default size, that mean user want to custom size */
                 if (size !== RcSnackbarContent.defaultProps.size) {
                     return item;
@@ -40,7 +41,7 @@ var _RcSnackbarContent = react_1.forwardRef(function (inProps, ref) {
     }, [actionProp, size]);
     return (react_1.default.createElement(SnackbarContent_1.default, tslib_1.__assign({}, rest, { ref: ref, classes: classes, action: loading ? (react_1.default.createElement(CircularProgress_1.RcCircularProgress, { color: "inherit", size: utils_1.RcSnackbarContentLoadingSizes[size] })) : (action) })));
 });
-var RcSnackbarContent = foundation_1.styled(_RcSnackbarContent)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.snackbarContentStyle);
+var RcSnackbarContent = (0, foundation_1.styled)(_RcSnackbarContent)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.snackbarContentStyle);
 exports.RcSnackbarContent = RcSnackbarContent;
 RcSnackbarContent.defaultProps = {
     type: 'success',

package/components/Snackbar/SnackbarContent/styles/StyledSnackbarContent.js

@@ -1,19 +1,20 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.snackbarContentStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
 var contentBgColor = function (_a) {
     var type = _a.type;
-    return foundation_1.getParsePaletteColor(utils_1.RcSnackbarContentColors[type].bgColor);
+    return (0, foundation_1.getParsePaletteColor)(utils_1.RcSnackbarContentColors[type].bgColor);
 };
 var contentTextColor = function (_a) {
     var type = _a.type;
-    return foundation_1.getParsePaletteColor(utils_1.RcSnackbarContentColors[type].textColor);
+    return (0, foundation_1.getParsePaletteColor)(utils_1.RcSnackbarContentColors[type].textColor);
 };
-exports.snackbarContentStyle = function (_a) {
+var snackbarContentStyle = function (_a) {
     var fullWidth = _a.fullWidth, square = _a.square, messageAlign = _a.messageAlign, size = _a.size;
-    var radiusValue = foundation_1.radius('lg');
+    var radiusValue = (0, foundation_1.radius)('lg');
     if (square) {
         radiusValue = 0;
     }
@@ -21,6 +22,7 @@ exports.snackbarContentStyle = function (_a) {
     else if (fullWidth && square !== false) {
         radiusValue = 0;
     }
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      line-height: ", ";\n      overflow: hidden;\n      background-color: ", ";\n      color: ", ";\n      box-shadow: ", ";\n      border-radius: ", ";\n      min-width: 248px;\n      max-width: ", ";\n      width: ", ";\n      box-sizing: border-box;\n      margin: 0 auto;\n      pointer-events: auto;\n      align-items: baseline;\n      padding: ", ";\n\n      .", " {\n        margin: auto;\n        flex: 1;\n        padding: ", ";\n        text-align: ", ";\n\n        word-break: break-word;\n\n        a {\n          color: ", ";\n          font-style: italic;\n        }\n      }\n\n      .", " {\n        text-decoration: underline;\n        margin-right: 0;\n        height: ", ";\n      }\n    "], ["\n      ", ";\n      line-height: ", ";\n      overflow: hidden;\n      background-color: ", ";\n      color: ", ";\n      box-shadow: ", ";\n      border-radius: ", ";\n      min-width: 248px;\n      max-width: ", ";\n      width: ", ";\n      box-sizing: border-box;\n      margin: 0 auto;\n      pointer-events: auto;\n      align-items: baseline;\n      padding: ", ";\n\n      .", " {\n        margin: auto;\n        flex: 1;\n        padding: ", ";\n        text-align: ", ";\n\n        word-break: break-word;\n\n        a {\n          color: ", ";\n          font-style: italic;\n        }\n      }\n\n      .", " {\n        text-decoration: underline;\n        margin-right: 0;\n        height: ", ";\n      }\n    "])), foundation_1.typography('body1'), utils_1.RcSnackbarContentLineHeight, contentBgColor, contentTextColor, foundation_1.shadows(4), radiusValue, fullWidth ? '100%' : '640px', fullWidth && '100%', utils_1.RcSnackbarContentPaddings[size], utils_1.RcSnackbarContentClasses.message, foundation_1.spacing(0), messageAlign, foundation_1.palette2('informative', 'f02'), utils_1.RcSnackbarContentClasses.action, utils_1.RcSnackbarContentLineHeight);
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      line-height: ", ";\n      overflow: hidden;\n      background-color: ", ";\n      color: ", ";\n      box-shadow: ", ";\n      border-radius: ", ";\n      min-width: 248px;\n      max-width: ", ";\n      width: ", ";\n      box-sizing: border-box;\n      margin: 0 auto;\n      pointer-events: auto;\n      align-items: baseline;\n      padding: ", ";\n\n      .", " {\n        margin: auto;\n        flex: 1;\n        padding: ", ";\n        text-align: ", ";\n\n        word-break: break-word;\n\n        a {\n          color: ", ";\n          font-style: italic;\n        }\n      }\n\n      .", " {\n        text-decoration: underline;\n        margin-right: 0;\n        height: ", ";\n      }\n    "], ["\n      ", ";\n      line-height: ", ";\n      overflow: hidden;\n      background-color: ", ";\n      color: ", ";\n      box-shadow: ", ";\n      border-radius: ", ";\n      min-width: 248px;\n      max-width: ", ";\n      width: ", ";\n      box-sizing: border-box;\n      margin: 0 auto;\n      pointer-events: auto;\n      align-items: baseline;\n      padding: ", ";\n\n      .", " {\n        margin: auto;\n        flex: 1;\n        padding: ", ";\n        text-align: ", ";\n\n        word-break: break-word;\n\n        a {\n          color: ", ";\n          font-style: italic;\n        }\n      }\n\n      .", " {\n        text-decoration: underline;\n        margin-right: 0;\n        height: ", ";\n      }\n    "])), (0, foundation_1.typography)('body1'), utils_1.RcSnackbarContentLineHeight, contentBgColor, contentTextColor, (0, foundation_1.shadows)(4), radiusValue, fullWidth ? '100%' : '640px', fullWidth && '100%', utils_1.RcSnackbarContentPaddings[size], utils_1.RcSnackbarContentClasses.message, (0, foundation_1.spacing)(0), messageAlign, (0, foundation_1.palette2)('informative', 'f02'), utils_1.RcSnackbarContentClasses.action, utils_1.RcSnackbarContentLineHeight);
 };
+exports.snackbarContentStyle = snackbarContentStyle;
 var templateObject_1;

package/components/Snackbar/SnackbarContent/utils/SnackbarContentUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSnackbarContentPaddings = exports.RcSnackbarContentLoadingSizes = exports.RcSnackbarContentLineHeight = exports.RcSnackbarContentColors = exports.RcSnackbarContentClasses = void 0;
 var foundation_1 = require("../../../../foundation");
 var RcSnackbarContentColors = {
     success: {
@@ -20,11 +21,11 @@ var RcSnackbarContentColors = {
     },
 };
 exports.RcSnackbarContentColors = RcSnackbarContentColors;
-var RcSnackbarContentClasses = foundation_1.RcClasses(['message', 'action'], 'RcSnackbarContent');
+var RcSnackbarContentClasses = (0, foundation_1.RcClasses)(['message', 'action'], 'RcSnackbarContent');
 exports.RcSnackbarContentClasses = RcSnackbarContentClasses;
 var RcSnackbarContentPaddings = {
-    small: foundation_1.spacing(1, 4),
-    medium: foundation_1.spacing(3, 4),
+    small: (0, foundation_1.spacing)(1, 4),
+    medium: (0, foundation_1.spacing)(3, 4),
 };
 exports.RcSnackbarContentPaddings = RcSnackbarContentPaddings;
 var RcSnackbarContentLoadingSizes = {
@@ -32,5 +33,5 @@ var RcSnackbarContentLoadingSizes = {
     medium: 20,
 };
 exports.RcSnackbarContentLoadingSizes = RcSnackbarContentLoadingSizes;
-var RcSnackbarContentLineHeight = foundation_1.px(24);
+var RcSnackbarContentLineHeight = (0, foundation_1.px)(24);
 exports.RcSnackbarContentLineHeight = RcSnackbarContentLineHeight;

package/components/Snackbar/styles/SnackbarStyle.js

@@ -1,8 +1,10 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SnackbarStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
-exports.SnackbarStyle = function () {
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+var SnackbarStyle = function () {
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 };
+exports.SnackbarStyle = SnackbarStyle;
 var templateObject_1;

package/components/Snackbar/utils/SnackbarUtils.js

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