@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/components/Buttons/Button/Button.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcButton = exports.RcButtonDefaultVariant = exports.RcButtonDefaultColor = exports.RcButtonDefaultSize = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var Button_1 = tslib_1.__importDefault(require("@material-ui/core/Button"));
@@ -10,11 +11,11 @@ var Progress_1 = require("../../Progress");
 var Tooltip_1 = require("../../Tooltip");
 var styles_1 = require("./styles");
 var utils_2 = require("./utils");
-var _RcButton = react_1.forwardRef(function (props, ref) {
+var _RcButton = (0, react_1.forwardRef)(function (props, ref) {
     var _a, _b;
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcButton, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcButton, props, [
             {
                 prop: 'IconProps',
                 time: '2021-4',
@@ -23,27 +24,27 @@ var _RcButton = react_1.forwardRef(function (props, ref) {
         ]);
     }
     var childrenProp = props.children, classesProp = props.classes, startIconProp = props.startIcon, endIconProp = props.endIcon, loading = props.loading, loadingMode = props.loadingMode, disabled = props.disabled, IconProps = props.IconProps, size = props.size, color = props.color, CircularProgressProps = props.CircularProgressProps, variant = props.variant, disabledVariant = props.disabledVariant, radius = props.radius, keepElevation = props.keepElevation, focusVariant = props.focusVariant, disableFocusRippleProp = props.disableFocusRipple, rest = tslib_1.__rest(props, ["children", "classes", "startIcon", "endIcon", "loading", "loadingMode", "disabled", "IconProps", "size", "color", "CircularProgressProps", "variant", "disabledVariant", "radius", "keepElevation", "focusVariant", "disableFocusRipple"]);
-    var theme = foundation_1.useTheme();
-    var innerRef = react_1.useRef(null);
-    var buttonRef = foundation_1.useForkRef(innerRef, ref);
+    var theme = (0, foundation_1.useTheme)();
+    var innerRef = (0, react_1.useRef)(null);
+    var buttonRef = (0, foundation_1.useForkRef)(innerRef, ref);
     var isPlain = variant === 'plain';
     var isReplace = loadingMode === 'replace';
-    var iconSize = utils_2.getButtonIconSize(size);
-    var loadingElm = react_1.useMemo(function () {
+    var iconSize = (0, utils_2.getButtonIconSize)(size);
+    var loadingElm = (0, react_1.useMemo)(function () {
         if (loading) {
             var progressSize = utils_1.RcIconSizes[iconSize];
             return (react_1.default.createElement(Progress_1.RcCircularProgress, tslib_1.__assign({ size: progressSize, color: "inherit" }, CircularProgressProps)));
         }
         return undefined;
     }, [CircularProgressProps, iconSize, loading]);
-    var getCurrIcon = react_1.useCallback(function (currIcon) {
-        if (foundation_1.isRcElement(currIcon, ['RcIcon']) &&
+    var getCurrIcon = (0, react_1.useCallback)(function (currIcon) {
+        if ((0, foundation_1.isRcElement)(currIcon, ['RcIcon']) &&
             currIcon.props.size === Icon_1.RcIcon.defaultProps.size) {
             return react_1.default.cloneElement(currIcon, { size: iconSize });
         }
         return currIcon;
     }, [iconSize]);
-    var startIcon = react_1.useMemo(function () {
+    var startIcon = (0, react_1.useMemo)(function () {
         if (loadingElm) {
             switch (loadingMode) {
                 case 'prefix':
@@ -70,7 +71,7 @@ var _RcButton = react_1.forwardRef(function (props, ref) {
         loadingMode,
         startIconProp,
     ]);
-    var endIcon = react_1.useMemo(function () {
+    var endIcon = (0, react_1.useMemo)(function () {
         if (loadingElm) {
             switch (loadingMode) {
                 case 'suffix':
@@ -86,10 +87,10 @@ var _RcButton = react_1.forwardRef(function (props, ref) {
         }
         return undefined;
     }, [loadingElm, endIconProp, loadingMode, getCurrIcon]);
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_2.RcButtonClasses, classesProp); }, [classesProp]);
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_2.RcButtonClasses, classesProp); }, [classesProp]);
     // * need remove not need MuiButton-iconSizeMedium for icon render correct
-    react_1.useLayoutEffect(function () {
-        foundation_1.removeClassName(innerRef, 'MuiButton-iconSizeMedium');
+    (0, react_1.useLayoutEffect)(function () {
+        (0, foundation_1.removeClassName)(innerRef, 'MuiButton-iconSizeMedium');
     });
     var disableFocusRipple = disableFocusRippleProp !== null && disableFocusRippleProp !== void 0 ? disableFocusRippleProp : focusVariant === 'focusRing';
     return (react_1.default.createElement(Button_1.default, tslib_1.__assign({ ref: buttonRef, disabled: disabled || loading, variant: isPlain ? undefined : variant, disableRipple: ((_b = (_a = theme === null || theme === void 0 ? void 0 : theme.props) === null || _a === void 0 ? void 0 : _a.MuiButton) === null || _b === void 0 ? void 0 : _b.disableRipple) || isPlain, startIcon: startIcon, endIcon: endIcon, classes: classes, disableFocusRipple: disableFocusRipple }, rest), loading && isReplace ? loadingElm : childrenProp));
@@ -98,17 +99,13 @@ exports.RcButtonDefaultSize = 'large';
 exports.RcButtonDefaultColor = 'primary';
 exports.RcButtonDefaultVariant = 'contained';
 /** @release */
-var RcButton = foundation_1.styled(Tooltip_1.withTooltip(_RcButton)).attrs(function (inProps) {
-    var _a = foundation_1.useThemeProps({ props: inProps, name: 'RcButton' }), 
+var RcButton = (0, foundation_1.styled)((0, Tooltip_1.withTooltip)(_RcButton)).attrs(function (inProps) {
+    var _a = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcButton' }), 
     // @ts-ignore
     theme = _a.theme, 
     // Omit className, prevent duplicate className
     className = _a.className, _b = _a.size, size = _b === void 0 ? exports.RcButtonDefaultSize : _b, _c = _a.color, color = _c === void 0 ? exports.RcButtonDefaultColor : _c, _d = _a.variant, variant = _d === void 0 ? exports.RcButtonDefaultVariant : _d, _e = _a.loadingMode, loadingMode = _e === void 0 ? 'replace' : _e, _f = _a.focusVariant, focusVariant = _f === void 0 ? 'ripple' : _f, rest = tslib_1.__rest(_a, ["theme", "className", "size", "color", "variant", "loadingMode", "focusVariant"]);
-    return tslib_1.__assign({ size: size,
-        color: color,
-        variant: variant,
-        loadingMode: loadingMode,
-        focusVariant: focusVariant }, rest);
+    return tslib_1.__assign({ size: size, color: color, variant: variant, loadingMode: loadingMode, focusVariant: focusVariant }, rest);
 })(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.buttonStyle);
 exports.RcButton = RcButton;
 RcButton.displayName = 'RcButton';

package/components/Buttons/Button/styles/StyledButton.js

@@ -1,53 +1,48 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.buttonStyle = exports.buttonHoverColor = exports.buttonTextColor = exports.plainButtonTextColor = exports.buttonColor = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var utils_1 = require("../utils");
-exports.buttonColor = function (_a) {
+var buttonColor = function (_a) {
     var color = _a.color;
     return (typeof color === 'string' && utils_1.RcButtonColors[color]) ||
-        foundation_1.getParsePaletteColor(color);
+        (0, foundation_1.getParsePaletteColor)(color);
 };
-exports.plainButtonTextColor = function (_a) {
+exports.buttonColor = buttonColor;
+var plainButtonTextColor = function (_a) {
     var color = _a.color;
     return (typeof color === 'string' && utils_1.RcButtonTextColors[color]) ||
-        foundation_1.getParsePaletteColor(color);
+        (0, foundation_1.getParsePaletteColor)(color);
 };
-exports.buttonTextColor = function (props) {
-    return foundation_1.paletteContrastText(exports.buttonColor(props));
+exports.plainButtonTextColor = plainButtonTextColor;
+var buttonTextColor = function (props) {
+    return (0, foundation_1.paletteContrastText)((0, exports.buttonColor)(props));
 };
-exports.buttonHoverColor = function (props) {
-    return foundation_1.setOpacity(exports.buttonColor(props), '08');
+exports.buttonTextColor = buttonTextColor;
+var buttonHoverColor = function (props) {
+    return (0, foundation_1.setOpacity)((0, exports.buttonColor)(props), '08');
 };
+exports.buttonHoverColor = buttonHoverColor;
 var textButtonFocusVisibleColor = function (props) {
-    return foundation_1.setOpacity(exports.buttonColor(props), '08');
+    return (0, foundation_1.setOpacity)((0, exports.buttonColor)(props), '08');
 };
 var containedButtonHoverColor = function (props) {
-    return foundation_1.setOpacity(exports.buttonColor(props), '08', true);
+    return (0, foundation_1.setOpacity)((0, exports.buttonColor)(props), '08', true);
 };
-exports.buttonStyle = function (props) {
+var buttonStyle = function (props) {
     var variant = props.variant, size = props.size, _a = props.radius, radiusProp = _a === void 0 ? 'lg' : _a, keepElevation = props.keepElevation, loading = props.loading, disabled = props.disabled, disabledVariant = props.disabledVariant, focusVariant = props.focusVariant;
     var isMask = loading || (disabled && disabledVariant === 'mask');
-    var textDisabledColor = !isMask ? foundation_1.palette2('disabled', 'f02') : undefined;
-    var plainTextColor = exports.plainButtonTextColor(props);
-    var iconSpace = foundation_1.spacing(utils_1.RcButtonIconSpace[size]);
+    var textDisabledColor = !isMask ? (0, foundation_1.palette2)('disabled', 'f02') : undefined;
+    var plainTextColor = (0, exports.plainButtonTextColor)(props);
+    var iconSpace = (0, foundation_1.spacing)(utils_1.RcButtonIconSpace[size]);
     var isPlain = variant === 'plain';
-    return foundation_1.css(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n    text-transform: none;\n    ", ";\n    text-align: center;\n    box-shadow: ", ";\n    border-radius: ", ";\n\n    ", ";\n\n    ", ";\n\n    .", " {\n      margin-right: ", ";\n\n      ", ";\n    }\n\n    .", " {\n      margin-left: ", ";\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      ", "\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n      background-color: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", "\n\n      ", "\n    }\n\n    &.", " {\n      color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      &.", " {\n        color: ", ";\n        border-color: ", ";\n      }\n\n      ", "\n    }\n  "], ["\n    text-transform: none;\n    ", ";\n    text-align: center;\n    box-shadow: ", ";\n    border-radius: ", ";\n\n    ",
-        ";\n\n    ",
-        ";\n\n    .", " {\n      margin-right: ", ";\n\n      ",
-        ";\n    }\n\n    .", " {\n      margin-left: ", ";\n\n      ",
-        ";\n    }\n\n    &.", " {\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      ",
-        "\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ",
-        ";\n    }\n\n    &.", " {\n      color: ", ";\n      background-color: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ",
-        "\n\n      ",
-        "\n    }\n\n    &.", " {\n      color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      &.", " {\n        color: ", ";\n        border-color: ", ";\n      }\n\n      ",
-        "\n    }\n  "])), foundation_1.typography(utils_1.RcButtonTypographies[size], true), !keepElevation && 'unset', foundation_1.radius(radiusProp), isMask && foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n        width: 100%;\n        display: block;\n        background: ", ";\n        width: 100%;\n        height: 100%;\n        border-radius: ", ";\n      }\n    "], ["\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n        width: 100%;\n        display: block;\n        background: ", ";\n        width: 100%;\n        height: 100%;\n        border-radius: ", ";\n      }\n    "])), foundation_1.setOpacity(foundation_1.palette2('neutral', 'b01'), '32'), foundation_1.radius(radiusProp !== null && radiusProp !== void 0 ? radiusProp : 'lg')), !isPlain && foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      min-width: ", ";\n      min-height: ", ";\n      padding: ", ";\n    "], ["\n      min-width: ", ";\n      min-height: ", ";\n      padding: ", ";\n    "])), foundation_1.px(utils_1.RcButtonMinWidths[size]), foundation_1.px(utils_1.RcButtonHeights[size]), foundation_1.spacing(0, utils_1.RcButtonPadding[size])), utils_1.RcButtonClasses.startIcon, iconSpace, isPlain && foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n        margin-left: 0;\n      "], ["\n        margin-left: 0;\n      "]))), utils_1.RcButtonClasses.endIcon, iconSpace, isPlain && foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n        margin-right: 0;\n      "], ["\n        margin-right: 0;\n      "]))), utils_1.RcButtonClasses.text, exports.plainButtonTextColor, utils_1.RcButtonClasses.disabled, textDisabledColor, focusVariant === 'focusRing' && foundation_1.css(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      "], ["\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      "])), foundation_1.focusVisible, foundation_1.focusRing('normal', { borderRadius: radiusProp }), textButtonFocusVisibleColor), foundation_1.nonTouchHoverMedia, exports.buttonHoverColor, isPlain && foundation_1.css(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n        padding: ", ";\n        min-width: unset;\n        line-height: 1;\n\n        ", " {\n          &:hover {\n            color: ", ";\n            background-color: transparent;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: transparent;\n        }\n\n        &:active {\n          &.", " {\n            color: ", ";\n          }\n        }\n      "], ["\n        padding: ", ";\n        min-width: unset;\n        line-height: 1;\n\n        ", " {\n          &:hover {\n            color: ", ";\n            background-color: transparent;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: transparent;\n        }\n\n        &:active {\n          &.", " {\n            color: ", ";\n          }\n        }\n      "])), foundation_1.spacing(1), foundation_1.nonTouchHoverMedia, foundation_1.setOpacity(plainTextColor, '80'), foundation_1.focusVisible, foundation_1.focusRing('inset', { borderRadius: radiusProp }), utils_1.RcButtonClasses.text, foundation_1.setOpacity(plainTextColor, '64')), utils_1.RcButtonClasses.contained, exports.buttonTextColor, exports.buttonColor, foundation_1.nonTouchHoverMedia, containedButtonHoverColor, focusVariant === 'focusRing' && foundation_1.css(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n          box-shadow: unset;\n        }\n      "], ["\n        ", " {\n          ",
-        "\n          box-shadow: unset;\n        }\n      "])), foundation_1.focusVisible, foundation_1.focusRing('normal', {
+    return (0, foundation_1.css)(templateObject_10 || (templateObject_10 = tslib_1.__makeTemplateObject(["\n    text-transform: none;\n    ", ";\n    text-align: center;\n    box-shadow: ", ";\n    border-radius: ", ";\n\n    ", ";\n\n    ", ";\n\n    .", " {\n      margin-right: ", ";\n\n      ", ";\n    }\n\n    .", " {\n      margin-left: ", ";\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      ", "\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n      background-color: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", "\n\n      ", "\n    }\n\n    &.", " {\n      color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      &.", " {\n        color: ", ";\n        border-color: ", ";\n      }\n\n      ", "\n    }\n  "], ["\n    text-transform: none;\n    ", ";\n    text-align: center;\n    box-shadow: ", ";\n    border-radius: ", ";\n\n    ", ";\n\n    ", ";\n\n    .", " {\n      margin-right: ", ";\n\n      ", ";\n    }\n\n    .", " {\n      margin-left: ", ";\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n\n      &.", " {\n        color: ", ";\n      }\n\n      ", "\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", ";\n    }\n\n    &.", " {\n      color: ", ";\n      background-color: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      ", "\n\n      ", "\n    }\n\n    &.", " {\n      color: ", ";\n      border-color: ", ";\n      padding: ", ";\n\n      ", " {\n        &:hover {\n          background-color: ", ";\n        }\n      }\n\n      &.", " {\n        color: ", ";\n        border-color: ", ";\n      }\n\n      ", "\n    }\n  "])), (0, foundation_1.typography)(utils_1.RcButtonTypographies[size], true), !keepElevation && 'unset', (0, foundation_1.radius)(radiusProp), isMask && (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n        width: 100%;\n        display: block;\n        background: ", ";\n        width: 100%;\n        height: 100%;\n        border-radius: ", ";\n      }\n    "], ["\n      &:after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n        height: 100%;\n        width: 100%;\n        display: block;\n        background: ", ";\n        width: 100%;\n        height: 100%;\n        border-radius: ", ";\n      }\n    "])), (0, foundation_1.setOpacity)((0, foundation_1.palette2)('neutral', 'b01'), '32'), (0, foundation_1.radius)(radiusProp !== null && radiusProp !== void 0 ? radiusProp : 'lg')), !isPlain && (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n      min-width: ", ";\n      min-height: ", ";\n      padding: ", ";\n    "], ["\n      min-width: ", ";\n      min-height: ", ";\n      padding: ", ";\n    "])), (0, foundation_1.px)(utils_1.RcButtonMinWidths[size]), (0, foundation_1.px)(utils_1.RcButtonHeights[size]), (0, foundation_1.spacing)(0, utils_1.RcButtonPadding[size])), utils_1.RcButtonClasses.startIcon, iconSpace, isPlain && (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n        margin-left: 0;\n      "], ["\n        margin-left: 0;\n      "]))), utils_1.RcButtonClasses.endIcon, iconSpace, isPlain && (0, foundation_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n        margin-right: 0;\n      "], ["\n        margin-right: 0;\n      "]))), utils_1.RcButtonClasses.text, exports.plainButtonTextColor, utils_1.RcButtonClasses.disabled, textDisabledColor, focusVariant === 'focusRing' && (0, foundation_1.css)(templateObject_5 || (templateObject_5 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      "], ["\n        ", " {\n          ", "\n          background-color: ", ";\n        }\n      "])), foundation_1.focusVisible, (0, foundation_1.focusRing)('normal', { borderRadius: radiusProp }), textButtonFocusVisibleColor), foundation_1.nonTouchHoverMedia, exports.buttonHoverColor, isPlain && (0, foundation_1.css)(templateObject_6 || (templateObject_6 = tslib_1.__makeTemplateObject(["\n        padding: ", ";\n        min-width: unset;\n        line-height: 1;\n\n        ", " {\n          &:hover {\n            color: ", ";\n            background-color: transparent;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: transparent;\n        }\n\n        &:active {\n          &.", " {\n            color: ", ";\n          }\n        }\n      "], ["\n        padding: ", ";\n        min-width: unset;\n        line-height: 1;\n\n        ", " {\n          &:hover {\n            color: ", ";\n            background-color: transparent;\n          }\n        }\n\n        ", " {\n          ", "\n          background-color: transparent;\n        }\n\n        &:active {\n          &.", " {\n            color: ", ";\n          }\n        }\n      "])), (0, foundation_1.spacing)(1), foundation_1.nonTouchHoverMedia, (0, foundation_1.setOpacity)(plainTextColor, '80'), foundation_1.focusVisible, (0, foundation_1.focusRing)('inset', { borderRadius: radiusProp }), utils_1.RcButtonClasses.text, (0, foundation_1.setOpacity)(plainTextColor, '64')), utils_1.RcButtonClasses.contained, exports.buttonTextColor, exports.buttonColor, foundation_1.nonTouchHoverMedia, containedButtonHoverColor, focusVariant === 'focusRing' && (0, foundation_1.css)(templateObject_7 || (templateObject_7 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n          box-shadow: unset;\n        }\n      "], ["\n        ", " {\n          ", "\n          box-shadow: unset;\n        }\n      "])), foundation_1.focusVisible, (0, foundation_1.focusRing)('normal', {
         borderRadius: radiusProp,
-    })), !isMask && foundation_1.css(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n        &.", " {\n          background-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        &.", " {\n          background-color: ", ";\n          color: ", ";\n        }\n      "])), utils_1.RcButtonClasses.disabled, foundation_1.palette2('disabled', 'b01'), foundation_1.palette2('disabled', 'f01')), utils_1.RcButtonClasses.outlined, exports.plainButtonTextColor, exports.plainButtonTextColor, foundation_1.spacing(0, utils_1.RcButtonPadding[size] - 0.25), foundation_1.nonTouchHoverMedia, exports.buttonHoverColor, utils_1.RcButtonClasses.disabled, textDisabledColor, textDisabledColor, focusVariant === 'focusRing' && foundation_1.css(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n        }\n      "], ["\n        ", " {\n          ",
-        "\n        }\n      "])), foundation_1.focusVisible, foundation_1.focusRing('normal', {
+    })), !isMask && (0, foundation_1.css)(templateObject_8 || (templateObject_8 = tslib_1.__makeTemplateObject(["\n        &.", " {\n          background-color: ", ";\n          color: ", ";\n        }\n      "], ["\n        &.", " {\n          background-color: ", ";\n          color: ", ";\n        }\n      "])), utils_1.RcButtonClasses.disabled, (0, foundation_1.palette2)('disabled', 'b01'), (0, foundation_1.palette2)('disabled', 'f01')), utils_1.RcButtonClasses.outlined, exports.plainButtonTextColor, exports.plainButtonTextColor, (0, foundation_1.spacing)(0, utils_1.RcButtonPadding[size] - 0.25), foundation_1.nonTouchHoverMedia, exports.buttonHoverColor, utils_1.RcButtonClasses.disabled, textDisabledColor, textDisabledColor, focusVariant === 'focusRing' && (0, foundation_1.css)(templateObject_9 || (templateObject_9 = tslib_1.__makeTemplateObject(["\n        ", " {\n          ", "\n        }\n      "], ["\n        ", " {\n          ", "\n        }\n      "])), foundation_1.focusVisible, (0, foundation_1.focusRing)('normal', {
         borderRadius: radiusProp,
         borderWidth: '1px',
     })));
 };
+exports.buttonStyle = buttonStyle;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10;

package/components/Buttons/Button/utils/ButtonUtils.js

@@ -1,22 +1,23 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcButtonIconSpace = exports.RcButtonPadding = exports.RcButtonMinWidths = exports.RcButtonHeights = exports.RcButtonTypographies = exports.RcButtonTextColors = exports.RcButtonColors = exports.RcButtonClasses = void 0;
 var foundation_1 = require("../../../../foundation");
-exports.RcButtonClasses = foundation_1.RcClasses(['disabled', 'contained', 'text', 'outlined', 'endIcon', 'startIcon'], 'RcButton');
+exports.RcButtonClasses = (0, foundation_1.RcClasses)(['disabled', 'contained', 'text', 'outlined', 'endIcon', 'startIcon'], 'RcButton');
 exports.RcButtonColors = {
-    primary: foundation_1.palette2('interactive', 'b02'),
-    secondary: foundation_1.palette2('highlight', 'b03'),
-    negative: foundation_1.palette2('danger', 'b04'),
-    positive: foundation_1.palette2('success', 'b04'),
-    action: foundation_1.palette2('neutral', 'elevation'),
-    neutral: foundation_1.palette2('neutral', 'b04'),
+    primary: (0, foundation_1.palette2)('interactive', 'b02'),
+    secondary: (0, foundation_1.palette2)('highlight', 'b03'),
+    negative: (0, foundation_1.palette2)('danger', 'b04'),
+    positive: (0, foundation_1.palette2)('success', 'b04'),
+    action: (0, foundation_1.palette2)('neutral', 'elevation'),
+    neutral: (0, foundation_1.palette2)('neutral', 'b04'),
 };
 exports.RcButtonTextColors = {
-    primary: foundation_1.palette2('interactive', 'f01'),
-    secondary: foundation_1.palette2('highlight', 'f02'),
-    negative: foundation_1.palette2('danger', 'f02'),
-    positive: foundation_1.palette2('success', 'f02'),
-    action: foundation_1.palette2('neutral', 'f01'),
-    neutral: foundation_1.palette2('neutral', 'f04'),
+    primary: (0, foundation_1.palette2)('interactive', 'f01'),
+    secondary: (0, foundation_1.palette2)('highlight', 'f02'),
+    negative: (0, foundation_1.palette2)('danger', 'f02'),
+    positive: (0, foundation_1.palette2)('success', 'f02'),
+    action: (0, foundation_1.palette2)('neutral', 'f01'),
+    neutral: (0, foundation_1.palette2)('neutral', 'f04'),
 };
 exports.RcButtonTypographies = {
     xsmall: 'caption1',

package/components/Buttons/Button/utils/getButtonIconSize.d.ts

@@ -1,4 +1,4 @@
 import { RcBaseSize } from '../../../../foundation';
 import { RcIconSize } from '../../../Icon';
-export declare type RcButtonSize = RcBaseSize<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
+export type RcButtonSize = RcBaseSize<'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'>;
 export declare function getButtonIconSize(size?: RcButtonSize): RcIconSize;

package/components/Buttons/Button/utils/getButtonIconSize.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.getButtonIconSize = void 0;
 function getButtonIconSize(size) {
     switch (size) {
         case 'xlarge':

package/components/Buttons/ButtonBase/ButtonBase.d.ts

@@ -1,9 +1,7 @@
 import { ComponentProps } from 'react';
 import MuiButtonBase from '@material-ui/core/ButtonBase';
-declare type RcButtonBaseProps = ComponentProps<typeof MuiButtonBase>;
+type RcButtonBaseProps = ComponentProps<typeof MuiButtonBase>;
 /** @release */
-declare const RcButtonBase: import("styled-components").StyledComponentClass<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core/ButtonBase").ExtendButtonBaseTypeMap<import("@material-ui/core/ButtonBase").ButtonBaseTypeMap<{}, "button">>>, import("../../../foundation").RcTheme, Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core/ButtonBase").ExtendButtonBaseTypeMap<import("@material-ui/core/ButtonBase").ButtonBaseTypeMap<{}, "button">>>, "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" | "value" | "innerRef" | "disabled" | "action" | "buttonRef" | "centerRipple" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "onFocusVisible" | "TouchRippleProps" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcButtonBase: import("styled-components").StyledComponent<import("@material-ui/core/ButtonBase").ExtendButtonBase<import("@material-ui/core/ButtonBase").ButtonBaseTypeMap<{}, "button">>, import("../../../foundation").RcTheme, {}, never>;
 export { RcButtonBase };
 export type { RcButtonBaseProps };

package/components/Buttons/ButtonBase/ButtonBase.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcButtonBase = void 0;
 var tslib_1 = require("tslib");
 var ButtonBase_1 = tslib_1.__importDefault(require("@material-ui/core/ButtonBase"));
 var foundation_1 = require("../../../foundation");
 /** @release */
-var RcButtonBase = foundation_1.styled(ButtonBase_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+var RcButtonBase = (0, foundation_1.styled)(ButtonBase_1.default)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 exports.RcButtonBase = RcButtonBase;
 RcButtonBase.displayName = 'RcButtonBase';
 var templateObject_1;

package/components/Buttons/ButtonGroup/ButtonGroup.d.ts

@@ -1,9 +1,20 @@
 import React, { ComponentProps } from 'react';
 import MuiButtonGroup from '@material-ui/core/ButtonGroup';
 import { RcBaseProps } from '../../../foundation';
-declare type RcButtonGroupProps = {} & RcBaseProps<ComponentProps<typeof MuiButtonGroup>, 'color' | 'variant' | 'size'>;
-declare const RcButtonGroup: import("styled-components").StyledComponentClass<Pick<Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core/ButtonGroup").ButtonGroupTypeMap<{}, "div">>, "ref" | "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "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" | "disabled" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "fullWidth">, "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "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" | "disabled" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "fullWidth"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<Pick<import("@material-ui/core/OverridableComponent").DefaultComponentProps<import("@material-ui/core/ButtonGroup").ButtonGroupTypeMap<{}, "div">>, "ref" | "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "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" | "disabled" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "fullWidth">, "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "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" | "disabled" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "fullWidth"> & React.RefAttributes<any>, "ref" | "key" | "className" | "id" | "lang" | "style" | "role" | "tabIndex" | "orientation" | "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" | "disabled" | "disableRipple" | "disableElevation" | "disableFocusRipple" | "fullWidth"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+type RcButtonGroupProps = {} & RcBaseProps<ComponentProps<typeof MuiButtonGroup>, 'color' | 'variant' | 'size'>;
+declare const RcButtonGroup: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcBaseProps<{
+    children?: React.ReactNode;
+    color?: import("@material-ui/core").PropTypes.Color | undefined;
+    disabled?: boolean | undefined;
+    disableElevation?: boolean | undefined;
+    disableFocusRipple?: boolean | undefined;
+    disableRipple?: boolean | undefined;
+    fullWidth?: boolean | undefined;
+    orientation?: "horizontal" | "vertical" | undefined;
+    size?: "small" | "medium" | "large" | undefined;
+    variant?: "text" | "contained" | "outlined" | undefined;
+} & import("@material-ui/core/OverridableComponent").CommonProps<import("@material-ui/core/ButtonGroup").ButtonGroupTypeMap<{}, "div">> & Pick<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
+}, "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "autoFocus" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "nonce" | "slot" | "spellCheck" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "content" | "datatype" | "inlist" | "prefix" | "property" | "rel" | "resource" | "rev" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-braillelabel" | "aria-brailleroledescription" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colindextext" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-description" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowindextext" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onResize" | "onResizeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "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" | "ref" | "key">, "color" | "size" | "variant">, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcButtonGroup };
 export type { RcButtonGroupProps };

package/components/Buttons/ButtonGroup/ButtonGroup.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcButtonGroup = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var ButtonGroup_1 = tslib_1.__importDefault(require("@material-ui/core/ButtonGroup"));
 var foundation_1 = require("../../../foundation");
 var Button_1 = require("../Button");
-var _RcButtonGroup = react_1.forwardRef(function (inProps, ref) {
-    var rest = tslib_1.__rest(foundation_1.useThemeProps({ props: inProps, name: 'RcButtonGroup' }), []);
+var _RcButtonGroup = (0, react_1.forwardRef)(function (inProps, ref) {
+    var rest = tslib_1.__rest((0, foundation_1.useThemeProps)({ props: inProps, name: 'RcButtonGroup' }), []);
     return (react_1.default.createElement(ButtonGroup_1.default, tslib_1.__assign({ ref: ref, size: Button_1.RcButtonDefaultSize, color: Button_1.RcButtonDefaultColor, variant: Button_1.RcButtonDefaultVariant }, rest)));
 });
-var RcButtonGroup = foundation_1.styled(_RcButtonGroup)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+var RcButtonGroup = (0, foundation_1.styled)(_RcButtonGroup)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 exports.RcButtonGroup = RcButtonGroup;
 var templateObject_1;

package/components/Buttons/ButtonGroup/styles/index.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./StyledButtonGroup"), exports);

package/components/Buttons/ButtonGroup/utils/index.js

@@ -1,2 +1,4 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ButtonGroupUtils"), exports);