@ringcentral/juno 2.46.0 → 3.0.0-alpha.0

package/components/Forms/Select/PlainSelect/PlainSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcPlainSelect = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../../foundation");
@@ -19,33 +20,33 @@ var plainAnchorOrigin = {
     horizontal: 'left',
     vertical: 'bottom',
 };
-var _RcPlainSelect = react_1.forwardRef(function (_a, ref) {
+var _RcPlainSelect = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, className = _a.className, classes = _a.classes, valueProp = _a.value, defaultValue = _a.defaultValue, renderValue = _a.renderValue, variant = _a.variant, ButtonProps = _a.ButtonProps, innerRef = _a.innerRef, SelectInputProps = _a.SelectInputProps, InputProps = _a.InputProps, disabled = _a.disabled, autoFocus = _a.autoFocus, size = _a.size, virtualize = _a.virtualize, fullWidth = _a.fullWidth, color = _a.color, 
     //
     IconComponent = _a.IconComponent, onOpenProp = _a.onOpen, onCloseProp = _a.onClose, onChangeProp = _a.onChange, rest = tslib_1.__rest(_a, ["children", "className", "classes", "value", "defaultValue", "renderValue", "variant", "ButtonProps", "innerRef", "SelectInputProps", "InputProps", "disabled", "autoFocus", "size", "virtualize", "fullWidth", "color", "IconComponent", "onOpen", "onClose", "onChange"]);
-    var _b = tslib_1.__read(foundation_1.useControlled({
+    var _b = tslib_1.__read((0, foundation_1.useControlled)({
         controlled: valueProp,
         default: defaultValue,
         name: displayName,
     }), 2), value = _b[0], setValue = _b[1];
-    var _c = tslib_1.__read(react_1.useState(false), 2), open = _c[0], setOpen = _c[1];
-    var isEmpty = !foundation_1.hasValue(value);
+    var _c = tslib_1.__read((0, react_1.useState)(false), 2), open = _c[0], setOpen = _c[1];
+    var isEmpty = !(0, foundation_1.hasValue)(value);
     if (process.env.NODE_ENV !== 'production' && isEmpty) {
-        foundation_1.logInDev({
+        (0, foundation_1.logInDev)({
             component: displayName,
             message: '[Juno]: Plain Select must have init value',
             level: 'error',
         });
     }
-    var display = react_1.useMemo(function () {
+    var display = (0, react_1.useMemo)(function () {
         var item = children.find(function (child) {
             return child.props['value'] === value;
         });
         return item === null || item === void 0 ? void 0 : item.props['children'];
     }, [children, value]);
     var _renderValue = function (newValue) {
-        var _variant = utils_1.switchVariantToButtonVariant(variant);
-        return (react_1.default.createElement(Buttons_1.RcButton, tslib_1.__assign({ ref: ref, innerRef: innerRef, disabled: disabled, size: size, color: color, fullWidth: fullWidth, autoFocus: autoFocus, variant: _variant, "aria-label": "open menu", "aria-haspopup": "listbox" }, foundation_1.combineProps(defaultButtonProps, ButtonProps)),
+        var _variant = (0, utils_1.switchVariantToButtonVariant)(variant);
+        return (react_1.default.createElement(Buttons_1.RcButton, tslib_1.__assign({ ref: ref, innerRef: innerRef, disabled: disabled, size: size, color: color, fullWidth: fullWidth, autoFocus: autoFocus, variant: _variant, "aria-label": "open menu", "aria-haspopup": "listbox" }, (0, foundation_1.combineProps)(defaultButtonProps, ButtonProps)),
             renderValue ? renderValue(newValue) : display,
             (IconComponent && react_1.default.createElement(IconComponent, { open: open })) || (react_1.default.createElement(styles_1.SelectArrowDownIcon
             // * reset default color
@@ -55,8 +56,8 @@ var _RcPlainSelect = react_1.forwardRef(function (_a, ref) {
                 // *for reverse button
                 className: open ? 'MuiSelect-iconOpen' : '' }))));
     };
-    var _SelectInputProps = react_1.useMemo(function () {
-        return foundation_1.combineProps({
+    var _SelectInputProps = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineProps)({
             MenuComponent: virtualize ? VirtualizedMenu_1.RcVirtualizedMenu : Menu_1.RcMenu,
             MenuProps: {
                 anchorOrigin: plainAnchorOrigin,
@@ -70,8 +71,8 @@ var _RcPlainSelect = react_1.forwardRef(function (_a, ref) {
             },
         }, SelectInputProps);
     }, [SelectInputProps, virtualize]);
-    var _InputProps = react_1.useMemo(function () {
-        return foundation_1.combineProps({
+    var _InputProps = (0, react_1.useMemo)(function () {
+        return (0, foundation_1.combineProps)({
             classes: utils_1.RcPlainSelectInputClasses,
             disableUnderline: true,
         }, InputProps);
@@ -90,7 +91,7 @@ var _RcPlainSelect = react_1.forwardRef(function (_a, ref) {
         }, SelectInputProps: _SelectInputProps, InputProps: _InputProps, renderValue: _renderValue, fullWidth: fullWidth, color: color }, rest), children));
 });
 /** @release */
-var RcPlainSelect = foundation_1.styled(_RcPlainSelect)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_2.plainSelectStyle);
+var RcPlainSelect = (0, foundation_1.styled)(_RcPlainSelect)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_2.plainSelectStyle);
 exports.RcPlainSelect = RcPlainSelect;
 RcPlainSelect.defaultProps = {
     variant: 'text',

package/components/Forms/Select/PlainSelect/styles/StyledSelect.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.plainSelectStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../../foundation");
 var Buttons_1 = require("../../../../Buttons");
@@ -9,14 +10,15 @@ var utils_1 = require("../../../TextField/utils");
 var styles_1 = require("../../styles");
 var utils_2 = require("../utils");
 var roundVariant = ['round', 'plainIcon'];
-exports.plainSelectStyle = function (_a) {
+var plainSelectStyle = function (_a) {
     var variant = _a.variant, disabled = _a.disabled;
     var isText = variant === 'text';
     var isRound = roundVariant.includes(variant);
-    return foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    width: auto;\n\n    ", " {\n      ", " {\n        margin-right: 0;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n\n    .", " {\n      margin-bottom: 0;\n    }\n\n    .", " {\n      width: auto;\n      pointer-events: none;\n    }\n\n    .", " {\n      padding: 0;\n      height: auto;\n    }\n\n    ", " {\n      pointer-events: ", ";\n      min-width: unset;\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n\n      ", " {\n        margin: ", ";\n      }\n\n      ", "\n    }\n  "], ["\n    width: auto;\n\n    ",
-        " {\n      ", " {\n        margin-right: 0;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n\n    .", " {\n      margin-bottom: 0;\n    }\n\n    .", " {\n      width: auto;\n      pointer-events: none;\n    }\n\n    .", " {\n      padding: 0;\n      height: auto;\n    }\n\n    ", " {\n      pointer-events: ", ";\n      min-width: unset;\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n\n      ", " {\n        margin: ", ";\n      }\n\n      ",
-        "\n    }\n  "])), Buttons_1.RcButton /**
+    return (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n    width: auto;\n\n    ", " {\n      ", " {\n        margin-right: 0;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n\n    .", " {\n      margin-bottom: 0;\n    }\n\n    .", " {\n      width: auto;\n      pointer-events: none;\n    }\n\n    .", " {\n      padding: 0;\n      height: auto;\n    }\n\n    ", " {\n      pointer-events: ", ";\n      min-width: unset;\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n\n      ", " {\n        margin: ", ";\n      }\n\n      ", "\n    }\n  "], ["\n    width: auto;\n\n    ", /**
+        // TODO: cancel button bellow icon margin issue,
+    */ " {\n      ", " {\n        margin-right: 0;\n      }\n    }\n\n    ", " {\n      margin-right: 0;\n    }\n\n    .", " {\n      margin-bottom: 0;\n    }\n\n    .", " {\n      width: auto;\n      pointer-events: none;\n    }\n\n    .", " {\n      padding: 0;\n      height: auto;\n    }\n\n    ", " {\n      pointer-events: ", ";\n      min-width: unset;\n      padding-left: ", ";\n      padding-right: ", ";\n      border-radius: ", ";\n\n      ", " {\n        margin: ", ";\n      }\n\n      ", "\n    }\n  "])), Buttons_1.RcButton /**
     // TODO: cancel button bellow icon margin issue,
-*/, Icon_1.RcIcon, ListItemText_1.RcListItemText, utils_1.RcTextFieldClasses.root, utils_2.RcPlainSelectInputClasses.root, utils_2.RcPlainSelectInputClasses.input, Buttons_1.RcButton, !disabled && 'auto', foundation_1.spacing(isText ? 4 : 1), foundation_1.spacing(isText ? 1 : 0), isRound && foundation_1.radius('xxl'), styles_1.SelectArrowDownIcon, foundation_1.spacing(0, 0, 0, isRound ? 0 : 1), isRound && foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n\n        ", " {\n          .", " {\n            background-color: currentColor;\n            opacity: ", ";\n          }\n          .", " {\n            display: none;\n          }\n        }\n      "], ["\n        padding-top: ", ";\n        padding-bottom: ", ";\n\n        ", " {\n          .", " {\n            background-color: currentColor;\n            opacity: ", ";\n          }\n          .", " {\n            display: none;\n          }\n        }\n      "])), foundation_1.spacing(1.5), foundation_1.spacing(1.5), foundation_1.focusVisible, utils_2.RcPlainSelectTouchRippleClasses.root, foundation_1.opacity('32'), utils_2.RcPlainSelectTouchRippleClasses.child));
+*/, Icon_1.RcIcon, ListItemText_1.RcListItemText, utils_1.RcTextFieldClasses.root, utils_2.RcPlainSelectInputClasses.root, utils_2.RcPlainSelectInputClasses.input, Buttons_1.RcButton, !disabled && 'auto', (0, foundation_1.spacing)(isText ? 4 : 1), (0, foundation_1.spacing)(isText ? 1 : 0), isRound && (0, foundation_1.radius)('xxl'), styles_1.SelectArrowDownIcon, (0, foundation_1.spacing)(0, 0, 0, isRound ? 0 : 1), isRound && (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n        padding-top: ", ";\n        padding-bottom: ", ";\n\n        ", " {\n          .", " {\n            background-color: currentColor;\n            opacity: ", ";\n          }\n          .", " {\n            display: none;\n          }\n        }\n      "], ["\n        padding-top: ", ";\n        padding-bottom: ", ";\n\n        ", " {\n          .", " {\n            background-color: currentColor;\n            opacity: ", ";\n          }\n          .", " {\n            display: none;\n          }\n        }\n      "])), (0, foundation_1.spacing)(1.5), (0, foundation_1.spacing)(1.5), foundation_1.focusVisible, utils_2.RcPlainSelectTouchRippleClasses.root, (0, foundation_1.opacity)('32'), utils_2.RcPlainSelectTouchRippleClasses.child));
 };
+exports.plainSelectStyle = plainSelectStyle;
 var templateObject_1, templateObject_2;

package/components/Forms/Select/PlainSelect/utils/PlainSelectUtils.d.ts

@@ -1,7 +1,7 @@
 import { UnionPick } from '../../../../../foundation';
 import { RcButtonVariant } from '../../../../Buttons';
 import { RcPlainSelectPropsVariant } from '../PlainSelect';
-export declare type UnionButtonVariant = UnionPick<RcButtonVariant, 'text' | 'plain'>;
+export type UnionButtonVariant = UnionPick<RcButtonVariant, 'text' | 'plain'>;
 export declare const RcPlainSelectInputClasses: Partial<import("../../../../../foundation").UnitMap<import("@material-ui/core").InputClassKey, any>>;
 export declare const RcPlainSelectTouchRippleClasses: Partial<import("../../../../../foundation").UnitMap<import("@material-ui/core/ButtonBase/TouchRipple").TouchRippleClassKey, any>>;
 export declare function switchVariantToButtonVariant(variant: RcPlainSelectPropsVariant): UnionButtonVariant;

package/components/Forms/Select/PlainSelect/utils/PlainSelectUtils.js

@@ -1,8 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.switchVariantToButtonVariant = exports.RcPlainSelectTouchRippleClasses = exports.RcPlainSelectInputClasses = void 0;
 var foundation_1 = require("../../../../../foundation");
-exports.RcPlainSelectInputClasses = foundation_1.RcClasses(['root', 'input'], 'RcPlainSelectInput');
-exports.RcPlainSelectTouchRippleClasses = foundation_1.RcClasses(['child', 'root'], 'RcPlainSelect-TouchRipple');
+exports.RcPlainSelectInputClasses = (0, foundation_1.RcClasses)(['root', 'input'], 'RcPlainSelectInput');
+exports.RcPlainSelectTouchRippleClasses = (0, foundation_1.RcClasses)(['child', 'root'], 'RcPlainSelect-TouchRipple');
 function switchVariantToButtonVariant(variant) {
     switch (variant) {
         case 'plainIcon':

package/components/Forms/Select/Select.d.ts

@@ -3,9 +3,9 @@ import { SelectProps as MuiSelectProps } from '@material-ui/core/Select';
 import { RcBaseProps, RcBaseSize } from '../../../foundation';
 import { RcTextFieldProps } from '../TextField';
 import { SelectInputProps } from './utils';
-declare type RcSelectVariant = 'box' | 'line';
-declare type RcSelectSize = RcBaseSize<'medium' | 'large'>;
-declare type RcSelectProps = {
+type RcSelectVariant = 'box' | 'line';
+type RcSelectSize = RcBaseSize<'medium' | 'large'>;
+type RcSelectProps = {
     /** size with type 'medium' , 'large' , default with medium */
     size?: RcSelectSize;
     /** variant for select component */
@@ -15,8 +15,6 @@ declare type RcSelectProps = {
     /** is that menu virtualize  */
     virtualize?: boolean;
 } & RcBaseProps<MuiSelectProps, 'variant' | 'color' | 'rows' | 'rowsMax' | 'rowsMin' | 'maxRows' | 'minRows' | 'renderSuffix' | 'multiline' | 'margin'> & Pick<RcTextFieldProps, 'InputProps' | 'helperText' | 'label' | 'validate' | 'focused' | 'gutterBottom' | 'textVariant' | 'color'>;
-declare const RcSelect: import("styled-components").StyledComponentClass<Pick<RcSelectProps, "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" | "input" | "label" | "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" | "focused" | "autoFocus" | "onClose" | "open" | "fullWidth" | "error" | "onOpen" | "inputProps" | "inputRef" | "readOnly" | "required" | "InputProps" | "autoComplete" | "helperText" | "gutterBottom" | "textVariant" | "validate" | "endAdornment" | "inputComponent" | "startAdornment" | "multiple" | "disableUnderline" | "renderValue" | "autoWidth" | "displayEmpty" | "IconComponent" | "labelId" | "labelWidth" | "MenuProps" | "native" | "SelectDisplayProps" | "SelectInputProps" | "virtualize"> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<RcSelectProps, "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" | "input" | "label" | "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" | "focused" | "autoFocus" | "onClose" | "open" | "fullWidth" | "error" | "onOpen" | "inputProps" | "inputRef" | "readOnly" | "required" | "InputProps" | "autoComplete" | "helperText" | "gutterBottom" | "textVariant" | "validate" | "endAdornment" | "inputComponent" | "startAdornment" | "multiple" | "disableUnderline" | "renderValue" | "autoWidth" | "displayEmpty" | "IconComponent" | "labelId" | "labelWidth" | "MenuProps" | "native" | "SelectDisplayProps" | "SelectInputProps" | "virtualize"> & React.RefAttributes<any>, "ref" | "key" | "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" | "input" | "label" | "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" | "focused" | "autoFocus" | "onClose" | "open" | "fullWidth" | "error" | "onOpen" | "inputProps" | "inputRef" | "readOnly" | "required" | "InputProps" | "autoComplete" | "helperText" | "gutterBottom" | "textVariant" | "validate" | "endAdornment" | "inputComponent" | "startAdornment" | "multiple" | "disableUnderline" | "renderValue" | "autoWidth" | "displayEmpty" | "IconComponent" | "labelId" | "labelWidth" | "MenuProps" | "native" | "SelectDisplayProps" | "SelectInputProps" | "virtualize"> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+declare const RcSelect: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<RcSelectProps, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;
 export { RcSelect };
 export type { RcSelectProps, RcSelectSize, RcSelectVariant };

package/components/Forms/Select/Select.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcSelect = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
@@ -12,20 +13,20 @@ var leftBottomAnchorOrigin = {
     vertical: 'bottom',
 };
 /** @release */
-var _RcSelect = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcSelect' });
+var _RcSelect = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcSelect' });
     var children = props.children, onChange = props.onChange, defaultValue = props.defaultValue, SelectInputPropsProp = props.SelectInputProps, MenuProps = props.MenuProps, textVariant = props.textVariant, placeholder = props.placeholder, renderValue = props.renderValue, displayEmpty = props.displayEmpty, variant = props.variant, size = props.size, value = props.value, virtualize = props.virtualize, 
     // * below is should pick into TextField props
     focused = props.focused, gutterBottom = props.gutterBottom, helperText = props.helperText, color = props.color, label = props.label, id = props.id, className = props.className, title = props.title, validate = props.validate, InputProps = props.InputProps, required = props.required, fullWidth = props.fullWidth, disabled = props.disabled, error = props.error, rest = tslib_1.__rest(props, ["children", "onChange", "defaultValue", "SelectInputProps", "MenuProps", "textVariant", "placeholder", "renderValue", "displayEmpty", "variant", "size", "value", "virtualize", "focused", "gutterBottom", "helperText", "color", "label", "id", "className", "title", "validate", "InputProps", "required", "fullWidth", "disabled", "error"]);
-    var hasDefaultValue = foundation_1.hasValue(defaultValue);
-    var nonValue = (!foundation_1.hasValue(value) && !hasDefaultValue) ||
+    var hasDefaultValue = (0, foundation_1.hasValue)(defaultValue);
+    var nonValue = (!(0, foundation_1.hasValue)(value) && !hasDefaultValue) ||
         // * if that can't displayEmpty, and that value === '', same as no value
         (!displayEmpty && value === '');
-    var applyClasses = react_1.useMemo(function () {
+    var applyClasses = (0, react_1.useMemo)(function () {
         var variantClasses = utils_1.RcSelectInputClassesMap[variant];
-        return foundation_1.combineClasses(utils_1.RcSelectInputClasses, variantClasses);
+        return (0, foundation_1.combineClasses)(utils_1.RcSelectInputClasses, variantClasses);
     }, [variant]);
-    var _SelectProps = react_1.useMemo(function () {
+    var _SelectProps = (0, react_1.useMemo)(function () {
         var additionProps = {
             MenuComponent: undefined,
             MenuProps: undefined,
@@ -46,8 +47,8 @@ var _RcSelect = react_1.forwardRef(function (inProps, ref) {
                 transformOrigin: { horizontal: 0, vertical: 8 },
             };
         }
-        additionProps.MenuProps = foundation_1.combineProps(additionProps.MenuProps, MenuProps);
-        return tslib_1.__assign({ renderValue: renderValue, classes: foundation_1.combineClasses(utils_1.RcSelectClasses, rest === null || rest === void 0 ? void 0 : rest.classes), IconComponent: styles_1.SelectArrowDownIcon, displayEmpty: displayEmpty, inputComponent: utils_1.SelectInput, inputProps: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, additionProps), rest === null || rest === void 0 ? void 0 : rest.inputProps), SelectInputPropsProp) }, rest);
+        additionProps.MenuProps = (0, foundation_1.combineProps)(additionProps.MenuProps, MenuProps);
+        return tslib_1.__assign({ renderValue: renderValue, classes: (0, foundation_1.combineClasses)(utils_1.RcSelectClasses, rest === null || rest === void 0 ? void 0 : rest.classes), IconComponent: styles_1.SelectArrowDownIcon, displayEmpty: displayEmpty, inputComponent: utils_1.SelectInput, inputProps: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, additionProps), rest === null || rest === void 0 ? void 0 : rest.inputProps), SelectInputPropsProp) }, rest);
     }, [
         rest,
         virtualize,
@@ -56,15 +57,15 @@ var _RcSelect = react_1.forwardRef(function (inProps, ref) {
         SelectInputPropsProp,
         MenuProps,
     ]);
-    var _InputProps = react_1.useMemo(function () {
+    var _InputProps = (0, react_1.useMemo)(function () {
         var result = InputProps;
         if (placeholder && nonValue) {
-            result = foundation_1.combineProps({
-                classes: foundation_1.combineClasses(utils_1.RcSelectInputWhenPlaceholderClasses, applyClasses),
+            result = (0, foundation_1.combineProps)({
+                classes: (0, foundation_1.combineClasses)(utils_1.RcSelectInputWhenPlaceholderClasses, applyClasses),
                 disableUnderline: variant === 'box',
             }, result);
         }
-        return foundation_1.combineProps({
+        return (0, foundation_1.combineProps)({
             classes: applyClasses,
         }, result);
     }, [InputProps, placeholder, nonValue, applyClasses, variant]);
@@ -76,7 +77,7 @@ var _RcSelect = react_1.forwardRef(function (inProps, ref) {
         // when that has defaultValue, and that value always to be undefined
         value: hasDefaultValue ? undefined : currValue, defaultValue: defaultValue, validate: validate, required: required, fullWidth: fullWidth, disabled: disabled, error: error, InputProps: _InputProps, clearBtn: false, placeholder: placeholder, SelectProps: _SelectProps }, children));
 });
-var RcSelect = foundation_1.styled(_RcSelect)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.selectStyle);
+var RcSelect = (0, foundation_1.styled)(_RcSelect)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", ";\n"], ["\n  ", ";\n"])), styles_1.selectStyle);
 exports.RcSelect = RcSelect;
 RcSelect.displayName = 'RcSelect';
 RcSelect.defaultProps = {

package/components/Forms/Select/styles/SelectArrowDownIcon.d.ts

@@ -1,8 +1,6 @@
 import React, { ComponentProps } from 'react';
 import { RcIcon } from '../../../Icon';
-export declare type SelectArrowDownIconProps = {
+export type SelectArrowDownIconProps = {
     className?: string;
 } & ComponentProps<typeof RcIcon>;
-export declare const SelectArrowDownIcon: import("styled-components").StyledComponentClass<Pick<SelectArrowDownIconProps, "symbol" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "desc" | "theme" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "loading" | "CircularProgressProps" | "iconColor" | "iconSize" | "icon" | "loadingSize" | "useLoading" | "as"> & React.RefAttributes<any>, import("../../../../foundation").RcTheme, Pick<Pick<SelectArrowDownIconProps, "symbol" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "desc" | "theme" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "loading" | "CircularProgressProps" | "iconColor" | "iconSize" | "icon" | "loadingSize" | "useLoading" | "as"> & React.RefAttributes<any>, "symbol" | "ref" | "key" | "className" | "color" | "id" | "lang" | "style" | "role" | "tabIndex" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "children" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "slot" | "title" | "desc" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "placeholder" | "spellCheck" | "radioGroup" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "size" | "loading" | "CircularProgressProps" | "iconColor" | "iconSize" | "icon" | "loadingSize" | "useLoading" | "as"> & {
-    theme?: import("../../../../foundation").RcTheme | undefined;
-}>;
+export declare const SelectArrowDownIcon: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<SelectArrowDownIconProps, "ref"> & React.RefAttributes<any>>, import("../../../../foundation").RcTheme, {}, never>;

package/components/Forms/Select/styles/SelectArrowDownIcon.js

@@ -1,16 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.SelectArrowDownIcon = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var clsx_1 = tslib_1.__importDefault(require("clsx"));
 var juno_icon_1 = require("@ringcentral/juno-icon");
 var foundation_1 = require("../../../../foundation");
 var Icon_1 = require("../../../Icon");
-var _SelectArrowDownIcon = react_1.forwardRef(function (_a, ref) {
+var _SelectArrowDownIcon = (0, react_1.forwardRef)(function (_a, ref) {
     var className = _a.className, rest = tslib_1.__rest(_a, ["className"]);
-    return (react_1.default.createElement(Icon_1.RcIcon, tslib_1.__assign({ ref: ref, className: clsx_1.default('MuiSvgIcon-root', className), 
+    return (react_1.default.createElement(Icon_1.RcIcon, tslib_1.__assign({ ref: ref, className: (0, clsx_1.default)('MuiSvgIcon-root', className), 
         // TODO: remove when VirtualizeBoxSelect, and VirtualizedLineSelect remove
         color: "neutral.f04", size: "large", symbol: juno_icon_1.ArrowDown }, rest)));
 });
-exports.SelectArrowDownIcon = foundation_1.styled(_SelectArrowDownIcon)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
+exports.SelectArrowDownIcon = (0, foundation_1.styled)(_SelectArrowDownIcon)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject([""], [""])));
 var templateObject_1;

package/components/Forms/Select/styles/StyledSelect.js

@@ -1,36 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.selectStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../../foundation");
 var styles_1 = require("../../TextField/styles");
 var utils_1 = require("../utils");
-var boxBackgroundColor = foundation_1.palette2('neutral', 'b03');
-var boxActionBackgroundColor = foundation_1.palette2('action', 'grayDark');
-var lineSelectStyle = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  .", " {\n    ", ";\n    line-height: unset;\n\n    &:focus {\n      background-color: ", ";\n    }\n  }\n"], ["\n  .", " {\n    ", ";\n    line-height: unset;\n\n    &:focus {\n      background-color: ", ";\n    }\n  }\n"])), utils_1.RcLineSelectInputClasses.input, function (_a) {
+var boxBackgroundColor = (0, foundation_1.palette2)('neutral', 'b03');
+var boxActionBackgroundColor = (0, foundation_1.palette2)('action', 'grayDark');
+var lineSelectStyle = (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  .", " {\n    ", ";\n    line-height: unset;\n\n    &:focus {\n      background-color: ", ";\n    }\n  }\n"], ["\n  .", " {\n    ", ";\n    line-height: unset;\n\n    &:focus {\n      background-color: ", ";\n    }\n  }\n"])), utils_1.RcLineSelectInputClasses.input, function (_a) {
     var textVariant = _a.textVariant;
-    return foundation_1.typography(textVariant || 'subheading1');
-}, foundation_1.setOpacity(foundation_1.palette2('action', 'grayDark'), '08'));
+    return (0, foundation_1.typography)(textVariant || 'subheading1');
+}, (0, foundation_1.setOpacity)((0, foundation_1.palette2)('action', 'grayDark'), '08'));
 var boxSelectStyle = function (_a) {
     var color = _a.color;
-    return foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  > .", " {\n    margin-top: ", ";\n    box-sizing: border-box;\n    height: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n\n    &:not(.", "):hover {\n      background-color: ", ";\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: ", ";\n\n      transition: none;\n      border-bottom: none !important;\n      pointer-events: none;\n      ", ";\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n    &:before {\n      ", ";\n    }\n  }\n\n  .", " {\n    padding: ", ";\n    ", ";\n    line-height: ", ";\n\n    &:focus {\n      background: transparent;\n    }\n  }\n"], ["\n  > .", " {\n    margin-top: ", ";\n    box-sizing: border-box;\n    height: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n\n    &:not(.", "):hover {\n      background-color: ", ";\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: ", ";\n\n      transition: none;\n      border-bottom: none !important;\n      pointer-events: none;\n      ", ";\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n    &:before {\n      ", ";\n    }\n  }\n\n  .", " {\n    padding: ", ";\n    ", ";\n    line-height: ",
-        ";\n\n    &:focus {\n      background: transparent;\n    }\n  }\n"])), utils_1.RcBoxSelectInputClasses.root, function (_a) {
+    return (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  > .", " {\n    margin-top: ", ";\n    box-sizing: border-box;\n    height: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n\n    &:not(.", "):hover {\n      background-color: ", ";\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: ", ";\n\n      transition: none;\n      border-bottom: none !important;\n      pointer-events: none;\n      ", ";\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n    &:before {\n      ", ";\n    }\n  }\n\n  .", " {\n    padding: ", ";\n    ", ";\n    line-height: ", ";\n\n    &:focus {\n      background: transparent;\n    }\n  }\n"], ["\n  > .", " {\n    margin-top: ", ";\n    box-sizing: border-box;\n    height: ", ";\n    border-radius: ", ";\n    background-color: ", ";\n\n    &:not(.", "):hover {\n      background-color: ", ";\n    }\n\n    &:before {\n      content: '';\n      position: absolute;\n      top: 0;\n      right: 0;\n      bottom: 0;\n      left: 0;\n      border-radius: ", ";\n\n      transition: none;\n      border-bottom: none !important;\n      pointer-events: none;\n      ", ";\n    }\n\n    &:after {\n      display: none;\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    &:before {\n      ", ";\n    }\n  }\n\n  > .", " {\n    background-color: ", ";\n    &:before {\n      ", ";\n    }\n  }\n\n  .", " {\n    padding: ", ";\n    ", ";\n    line-height: ", ";\n\n    &:focus {\n      background: transparent;\n    }\n  }\n"])), utils_1.RcBoxSelectInputClasses.root, function (_a) {
         var label = _a.label;
-        return label && foundation_1.spacing(5);
+        return label && (0, foundation_1.spacing)(5);
     }, function (_a) {
         var size = _a.size;
-        return foundation_1.px(utils_1.RcBoxSelectInputHeights[size]);
-    }, foundation_1.radius('lg'), boxBackgroundColor, utils_1.RcBoxSelectInputClasses.disabled, foundation_1.setOpacity(boxActionBackgroundColor, '12'), foundation_1.radius('lg'), foundation_1.fakeBorder({ color: foundation_1.palette2('highContrast') }), utils_1.RcBoxSelectInputClasses.focused, foundation_1.setOpacity(boxActionBackgroundColor, '16'), foundation_1.fakeBorder({ color: color }), utils_1.RcBoxSelectInputClasses.error, foundation_1.fakeBorder({ color: foundation_1.palette2('danger', 'f02') }), utils_1.RcBoxSelectInputClasses.disabled, foundation_1.setOpacity(foundation_1.palette2('action', 'grayLight'), '12'), foundation_1.fakeBorder({ color: 'transparent', allowTransparent: true }), utils_1.RcBoxSelectInputClasses.input, foundation_1.spacing(1.5, 6, 1.5, 2), function (_a) {
+        return (0, foundation_1.px)(utils_1.RcBoxSelectInputHeights[size]);
+    }, (0, foundation_1.radius)('lg'), boxBackgroundColor, utils_1.RcBoxSelectInputClasses.disabled, (0, foundation_1.setOpacity)(boxActionBackgroundColor, '12'), (0, foundation_1.radius)('lg'), (0, foundation_1.fakeBorder)({ color: (0, foundation_1.palette2)('highContrast') }), utils_1.RcBoxSelectInputClasses.focused, (0, foundation_1.setOpacity)(boxActionBackgroundColor, '16'), (0, foundation_1.fakeBorder)({ color: color }), utils_1.RcBoxSelectInputClasses.error, (0, foundation_1.fakeBorder)({ color: (0, foundation_1.palette2)('danger', 'f02') }), utils_1.RcBoxSelectInputClasses.disabled, (0, foundation_1.setOpacity)((0, foundation_1.palette2)('action', 'grayLight'), '12'), (0, foundation_1.fakeBorder)({ color: 'transparent', allowTransparent: true }), utils_1.RcBoxSelectInputClasses.input, (0, foundation_1.spacing)(1.5, 6, 1.5, 2), function (_a) {
         var textVariant = _a.textVariant;
-        return foundation_1.typography(textVariant || 'body1');
+        return (0, foundation_1.typography)(textVariant || 'body1');
     }, function (_a) {
         var size = _a.size;
         // here -12 for make this input height same as container
-        return foundation_1.px(utils_1.RcBoxSelectInputHeights[size] - 12);
+        return (0, foundation_1.px)(utils_1.RcBoxSelectInputHeights[size] - 12);
     });
 };
-exports.selectStyle = function (props) {
+var selectStyle = function (props) {
     var variant = props.variant, placeholder = props.placeholder, colorProp = props.color;
-    var color = foundation_1.getParsePaletteColor(colorProp, foundation_1.palette2('interactive', 'f01'));
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      color: ", ";\n      &:before {\n        content: ", ";\n        border: none;\n      }\n    }\n\n    .", " {\n      color: ", ";\n      .", " {\n        color: ", ";\n      }\n    }\n\n    ", ";\n    ", ";\n  "], ["\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      color: ", ";\n      &:before {\n        content: ", ";\n        border: none;\n      }\n    }\n\n    .", " {\n      color: ", ";\n      .", " {\n        color: ", ";\n      }\n    }\n\n    ", ";\n    ", ";\n  "])), utils_1.RcSelectClasses.icon, foundation_1.palette2('neutral', 'f04'), utils_1.RcSelectInputClasses.focused, utils_1.RcSelectClasses.icon, color, utils_1.RcSelectInputClasses.error, utils_1.RcSelectClasses.icon, foundation_1.palette2('danger', 'f02'), utils_1.RcSelectInputWhenPlaceholderClasses.input, styles_1.placeholderColor, "'" + placeholder + "'", utils_1.RcSelectInputClasses.disabled, styles_1.disabledColor, utils_1.RcSelectClasses.icon, styles_1.disabledColor, variant === 'line' && lineSelectStyle, variant === 'box' && boxSelectStyle(tslib_1.__assign(tslib_1.__assign({}, props), { color: color })));
+    var color = (0, foundation_1.getParsePaletteColor)(colorProp, (0, foundation_1.palette2)('interactive', 'f01'));
+    return (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      color: ", ";\n      &:before {\n        content: ", ";\n        border: none;\n      }\n    }\n\n    .", " {\n      color: ", ";\n      .", " {\n        color: ", ";\n      }\n    }\n\n    ", ";\n    ", ";\n  "], ["\n    .", " {\n      color: ", ";\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      .", " {\n        color: ", ";\n      }\n    }\n\n    .", " {\n      color: ", ";\n      &:before {\n        content: ", ";\n        border: none;\n      }\n    }\n\n    .", " {\n      color: ", ";\n      .", " {\n        color: ", ";\n      }\n    }\n\n    ", ";\n    ", ";\n  "])), utils_1.RcSelectClasses.icon, (0, foundation_1.palette2)('neutral', 'f04'), utils_1.RcSelectInputClasses.focused, utils_1.RcSelectClasses.icon, color, utils_1.RcSelectInputClasses.error, utils_1.RcSelectClasses.icon, (0, foundation_1.palette2)('danger', 'f02'), utils_1.RcSelectInputWhenPlaceholderClasses.input, styles_1.placeholderColor, "'".concat(placeholder, "'"), utils_1.RcSelectInputClasses.disabled, styles_1.disabledColor, utils_1.RcSelectClasses.icon, styles_1.disabledColor, variant === 'line' && lineSelectStyle, variant === 'box' && boxSelectStyle(tslib_1.__assign(tslib_1.__assign({}, props), { color: color })));
 };
+exports.selectStyle = selectStyle;
 var templateObject_1, templateObject_2, templateObject_3;

package/components/Forms/Select/utils/SelectInput/SelectInput.d.ts

@@ -7,7 +7,7 @@ import React, { ComponentType } from 'react';
 import { MenuProps as MuiMenuProps } from '@material-ui/core/Menu';
 import { SelectProps as MuiSelectProps } from '@material-ui/core/Select';
 import { RcBaseProps } from '../../../../../foundation';
-declare type SelectInputProps = {
+type SelectInputProps = {
     MenuComponent?: ComponentType<MuiMenuProps>;
     /** Props applied to the Virtualized Menu element */
     MenuProps?: Partial<MuiMenuProps>;
@@ -21,6 +21,6 @@ declare type SelectInputProps = {
 /**
  * internal component
  */
-declare const SelectInput: React.ForwardRefExoticComponent<Pick<SelectInputProps, "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" | "input" | "label" | "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" | "autoFocus" | "onClose" | "open" | "margin" | "fullWidth" | "error" | "onOpen" | "inputProps" | "inputRef" | "readOnly" | "required" | "rowsMax" | "autoComplete" | "multiline" | "rows" | "maxRows" | "minRows" | "endAdornment" | "inputComponent" | "renderSuffix" | "rowsMin" | "startAdornment" | "multiple" | "disableUnderline" | "automationId" | "renderValue" | "autoWidth" | "displayEmpty" | "IconComponent" | "labelId" | "labelWidth" | "MenuProps" | "native" | "SelectDisplayProps" | "MenuComponent"> & React.RefAttributes<any>>;
+declare const SelectInput: React.ForwardRefExoticComponent<Omit<SelectInputProps, "ref"> & React.RefAttributes<any>>;
 export { SelectInput };
 export type { SelectInputProps };