@ringcentral/juno 2.45.1 → 3.0.0-alpha.0

package/components/Icon/styles/IconStyle.js

@@ -1,15 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
-exports.IconStyle = function (props) {
+var IconStyle = function (props) {
     var onClick = props.onClick, sizeProp = props.size, color = props.color, iconColorProp = props.iconColor, iconSize = props.iconSize;
     // TODO: should remove switchSize in release
-    var size = utils_1.switchSize(iconSize || sizeProp);
+    var size = (0, utils_1.switchSize)(iconSize || sizeProp);
     var currentSize = utils_1.RcIconSizes[size];
-    var fontSize = typeof currentSize === 'number' ? foundation_1.px(currentSize) : currentSize;
-    var iconColor = foundation_1.getParsePaletteColor(color || iconColorProp, null);
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    cursor: ", ";\n    font-size: ", ";\n    color: ", ";\n  "], ["\n    display: inline-flex;\n    cursor: ", ";\n    font-size: ", ";\n    color: ", ";\n  "])), onClick && 'pointer', fontSize, iconColor);
+    var fontSize = typeof currentSize === 'number' ? (0, foundation_1.px)(currentSize) : currentSize;
+    var iconColor = (0, foundation_1.getParsePaletteColor)(color || iconColorProp, null);
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n    display: inline-flex;\n    cursor: ", ";\n    font-size: ", ";\n    color: ", ";\n  "], ["\n    display: inline-flex;\n    cursor: ", ";\n    font-size: ", ";\n    color: ", ";\n  "])), onClick && 'pointer', fontSize, iconColor);
 };
+exports.IconStyle = IconStyle;
 var templateObject_1;

package/components/Icon/styles/iconSvg.d.ts

@@ -1,4 +1,2 @@
 import React from 'react';
-export declare const StyledSvg: import("styled-components").StyledComponentClass<Pick<any, string | number | symbol> & React.RefAttributes<any>, import("../../../foundation").RcTheme, Pick<Pick<any, string | number | symbol> & React.RefAttributes<any>, React.ReactText> & {
-    theme?: import("../../../foundation").RcTheme | undefined;
-}>;
+export declare const StyledSvg: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<Omit<any, "ref"> & React.RefAttributes<any>>, import("../../../foundation").RcTheme, {}, never>;

package/components/Icon/styles/iconSvg.js

@@ -1,11 +1,12 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSvg = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../../foundation");
-var _StyledSvg = react_1.forwardRef(function (_a, ref) {
+var _StyledSvg = (0, react_1.forwardRef)(function (_a, ref) {
     var children = _a.children, props = tslib_1.__rest(_a, ["children"]);
     return react_1.default.cloneElement(children, tslib_1.__assign({ ref: ref }, props));
 });
-exports.StyledSvg = foundation_1.styled(_StyledSvg)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  stroke-width: 0;\n  stroke: currentColor;\n  fill: currentColor;\n  pointer-events: none;\n"], ["\n  width: 1em;\n  height: 1em;\n  stroke-width: 0;\n  stroke: currentColor;\n  fill: currentColor;\n  pointer-events: none;\n"])));
+exports.StyledSvg = (0, foundation_1.styled)(_StyledSvg)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  width: 1em;\n  height: 1em;\n  stroke-width: 0;\n  stroke: currentColor;\n  fill: currentColor;\n  pointer-events: none;\n"], ["\n  width: 1em;\n  height: 1em;\n  stroke-width: 0;\n  stroke: currentColor;\n  fill: currentColor;\n  pointer-events: none;\n"])));
 var templateObject_1;

package/components/Icon/utils/IconService.d.ts

@@ -1,7 +1,7 @@
-export declare type RcIconMap = {
+export type RcIconMap = {
     [key: string]: any;
 };
-declare type IconMapChangeListener = (newIcons: RcIconMap) => void;
+type IconMapChangeListener = (newIcons: RcIconMap) => void;
 /** @deprecated never use that anymore */
 export declare class RcIconService {
     static instance: RcIconService;

package/components/Icon/utils/IconService.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useIconService = exports.RcIconService = void 0;
 var tslib_1 = require("tslib");
 var react_1 = require("react");
 /** @deprecated never use that anymore */
@@ -39,8 +40,8 @@ exports.RcIconService = RcIconService;
 /** @deprecated never use that anymore */
 function useIconService() {
     var iconService = RcIconService.getInstance();
-    var _a = tslib_1.__read(react_1.useState(iconService.getIconMap()), 2), iconMap = _a[0], setIconMap = _a[1];
-    react_1.useEffect(function () {
+    var _a = tslib_1.__read((0, react_1.useState)(iconService.getIconMap()), 2), iconMap = _a[0], setIconMap = _a[1];
+    (0, react_1.useEffect)(function () {
         iconService.onIconMapChange(setIconMap);
         return function () {
             iconService.offIconMapChange(setIconMap);

package/components/Icon/utils/IconUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.switchSize = exports.RcIconSizes = void 0;
 var foundation_1 = require("../../../foundation");
 exports.RcIconSizes = {
     xxxlarge: 36,
@@ -15,7 +16,7 @@ function switchSize(size) {
     switch (size) {
         case 'extraSmall':
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcIcon',
                     message: 'please change extraSmall to xsmall',
                 });
@@ -23,7 +24,7 @@ function switchSize(size) {
             return 'xsmall';
         case 'moreLarge':
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcIcon',
                     message: 'please change moreLarge to xlarge',
                 });
@@ -31,7 +32,7 @@ function switchSize(size) {
             return 'xlarge';
         case 'mediumLarge':
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcIcon',
                     message: 'please change mediumLarge to xxlarge',
                 });
@@ -39,7 +40,7 @@ function switchSize(size) {
             return 'xxlarge';
         case 'extraLarge':
             if (process.env.NODE_ENV !== 'production') {
-                foundation_1.logInDev({
+                (0, foundation_1.logInDev)({
                     component: 'RcIcon',
                     message: 'please change extraLarge to xxxlarge',
                 });

package/components/InlineEditable/InlineEditable.d.ts

@@ -1,9 +1,9 @@
-import { CSSProperties, DOMAttributes } from 'react';
+import React, { CSSProperties, DOMAttributes } from 'react';
 import { InputProps } from '@material-ui/core/Input';
 import { RcBaseProps, RcClassesProps, RcPaletteKeys, RcTypographyKeys } from '../../foundation';
 import { RcTooltipProps } from '../Tooltip';
-declare type RcInlineEditableOnChangeReason = 'leave' | 'confirm';
-declare type RcInlineEditableProps = {
+type RcInlineEditableOnChangeReason = 'leave' | 'confirm';
+type RcInlineEditableProps = {
     /** inline value */
     value: string;
     /**
@@ -69,8 +69,71 @@ declare type RcInlineEditableProps = {
      */
     inputProps?: InputProps['inputProps'];
 } & Pick<DOMAttributes<HTMLDivElement>, 'onKeyDown' | 'onFocus' | 'onBlur' | 'onMouseDown'> & RcClassesProps<'placeholder' | 'label' | 'textField' | 'saving'>;
-declare const RcInlineEditable: import("styled-components").StyledComponentClass<RcInlineEditableProps, import("../../foundation").RcTheme, Pick<RcInlineEditableProps, "className" | "color" | "style" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "onMouseDown" | "title" | "classes" | "placeholder" | "value" | "variant" | "disabled" | "fullWidth" | "TooltipProps" | "inputProps" | "tooltipTitle" | "multiline" | "maxLength" | "automationId" | "saving" | "shouldRemoveNode" | "onSave"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
+declare const RcInlineEditable: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    /** inline value */
+    value: string;
+    /**
+     * trigger when value change apply
+     *
+     * reason:
+     * - leave: trigger when blur input
+     * - confirm: trigger when keydown enter
+     */
+    onChange?: ((value: string, reason?: RcInlineEditableOnChangeReason) => void) | undefined;
+    /** text variant, default is `body1` */
+    variant?: RcTypographyKeys | undefined;
+    /** color for apply to text, support full palette, default is `neutral.f06` */
+    color?: RcPaletteKeys | undefined;
+    /** maxLength of that value */
+    maxLength?: number | undefined;
+    /**
+     * If `true`, a textarea element will be rendered instead of an input.
+     */
+    multiline?: boolean | undefined;
+    /**
+     * If `true`, the editable state will be saving mode
+     */
+    saving?: boolean | undefined;
+    /**
+     * If `true`, the editable state will be disable, just plain string render.
+     */
+    disabled?: boolean | undefined;
+    /**
+     * The short hint displayed in the input before the user enters a value.
+     */
+    placeholder?: string | undefined;
+    /**
+     * class apply to root component
+     */
+    className?: string | undefined;
+    /**
+     * class apply to root component
+     */
+    style?: React.CSSProperties | undefined;
+    /**
+     * If `true`, the input will take up the full width of its container.
+     */
+    fullWidth?: boolean | undefined;
+    /** apply title on label */
+    title?: string | undefined;
+    /** props for pass into `RcTooltip` when is not editing */
+    TooltipProps?: RcBaseProps<RcTooltipProps, "children"> | undefined;
+    /** @deprecated not need set anymore */
+    shouldRemoveNode?: boolean | undefined;
+    /** @deprecated use `data-test-automation-id="your-key"` directly */
+    automationId?: string | undefined;
+    /**
+     * @deprecated
+     * use `onChange` to replace that, if your have async method,
+     * should set `saving` when async method not complete
+     */
+    onSave?: ((draft: string) => void) | undefined;
+    /** @deprecated use `TooltipProps` with `title` to replace that */
+    tooltipTitle?: string | undefined;
+    /**
+     * [Attributes](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#Attributes) applied to the `input` element.
+     */
+    inputProps?: InputProps['inputProps'];
+} & Pick<React.DOMAttributes<HTMLDivElement>, "onFocus" | "onBlur" | "onKeyDown" | "onMouseDown"> & RcClassesProps<"label" | "placeholder" | "textField" | "saving"> & React.RefAttributes<any>>, import("../../foundation").RcTheme, {}, never>;
 export { RcInlineEditable };
 export type { RcInlineEditableProps };

package/components/InlineEditable/InlineEditable.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcInlineEditable = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 /* eslint-disable jsx-a11y/no-static-element-interactions */
@@ -10,24 +11,24 @@ var foundation_1 = require("../../foundation");
 var Tooltip_1 = require("../Tooltip");
 var styles_1 = require("./styles");
 var utils_1 = require("./utils");
-var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
+var _RcInlineEditable = (0, react_1.forwardRef)(function (inProps, ref) {
     var _a, _b;
     var _c;
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcInlineEditable' });
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcInlineEditable' });
     var onSave = props.onSave, automationId = props.automationId, tooltipTitle = props.tooltipTitle, _d = props.shouldRemoveNode, shouldRemoveNode = _d === void 0 ? true : _d, TooltipProps = props.TooltipProps, onChange = props.onChange, onKeyDown = props.onKeyDown, onFocus = props.onFocus, onBlur = props.onBlur, onMouseDown = props.onMouseDown, value = props.value, variant = props.variant, multiline = props.multiline, disabled = props.disabled, maxLength = props.maxLength, placeholder = props.placeholder, fullWidth = props.fullWidth, title = props.title, classesProp = props.classes, color = props.color, className = props.className, savingProp = props.saving, inputProps = props.inputProps, rest = tslib_1.__rest(props, ["onSave", "automationId", "tooltipTitle", "shouldRemoveNode", "TooltipProps", "onChange", "onKeyDown", "onFocus", "onBlur", "onMouseDown", "value", "variant", "multiline", "disabled", "maxLength", "placeholder", "fullWidth", "title", "classes", "color", "className", "saving", "inputProps"]);
-    var _e = tslib_1.__read(react_1.useState(false), 2), isEditing = _e[0], setEditing = _e[1];
-    var _f = tslib_1.__read(react_1.useState(false), 2), isSaving = _f[0], setSaving = _f[1];
-    var _g = tslib_1.__read(foundation_1.useRefState(''), 2), draftRef = _g[0], setDraft = _g[1];
-    var isNotNeedSaveWhenBlurRef = react_1.useRef(false);
-    var textFieldRef = react_1.useRef();
-    var labelRef = react_1.useRef(null);
+    var _e = tslib_1.__read((0, react_1.useState)(false), 2), isEditing = _e[0], setEditing = _e[1];
+    var _f = tslib_1.__read((0, react_1.useState)(false), 2), isSaving = _f[0], setSaving = _f[1];
+    var _g = tslib_1.__read((0, foundation_1.useRefState)(''), 2), draftRef = _g[0], setDraft = _g[1];
+    var isNotNeedSaveWhenBlurRef = (0, react_1.useRef)(false);
+    var textFieldRef = (0, react_1.useRef)();
+    var labelRef = (0, react_1.useRef)(null);
     var saving = isSaving || savingProp;
     var handleSave = function (newValue, reason) { return tslib_1.__awaiter(void 0, void 0, void 0, function () {
         var outputValue;
         return tslib_1.__generator(this, function (_a) {
             switch (_a.label) {
                 case 0:
-                    outputValue = multiline ? trimEnd_1.default(newValue) : newValue.trim();
+                    outputValue = multiline ? (0, trimEnd_1.default)(newValue) : newValue.trim();
                     if (!(value !== newValue)) return [3 /*break*/, 3];
                     if (!onChange) return [3 /*break*/, 1];
                     onChange === null || onChange === void 0 ? void 0 : onChange(outputValue, reason);
@@ -45,7 +46,7 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
             }
         });
     }); };
-    var handleKeyDown = foundation_1.useEventCallback(function (e) {
+    var handleKeyDown = (0, foundation_1.useEventCallback)(function (e) {
         onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(e);
         var key = e.key, shiftKey = e.shiftKey;
         if (!isEditing || (multiline && key === 'Enter' && shiftKey)) {
@@ -76,21 +77,21 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
                 break;
         }
     });
-    var handleFocus = foundation_1.useEventCallback(function (e) {
+    var handleFocus = (0, foundation_1.useEventCallback)(function (e) {
         onFocus === null || onFocus === void 0 ? void 0 : onFocus(e);
         setEditing(true);
     });
-    var focusTextField = foundation_1.useEventCallback(function (e) {
+    var focusTextField = (0, foundation_1.useEventCallback)(function (e) {
         var _a;
         if (e.key === 'Enter') {
             (_a = textFieldRef.current) === null || _a === void 0 ? void 0 : _a.focus({ preventScroll: true });
             e.preventDefault();
         }
     });
-    var handleBlur = foundation_1.useEventCallback(function (e) {
+    var handleBlur = (0, foundation_1.useEventCallback)(function (e) {
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
         // * clear selection for make that can select all when refocus
-        foundation_1.clearWindowSelection();
+        (0, foundation_1.clearWindowSelection)();
         var isNeedSave = !isNotNeedSaveWhenBlurRef.current;
         // * when already save in keydown, not need save again
         if (isNeedSave) {
@@ -99,52 +100,52 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
         setEditing(false);
         isNotNeedSaveWhenBlurRef.current = false;
     });
-    var handleMouseDown = foundation_1.useEventCallback(function (e) {
+    var handleMouseDown = (0, foundation_1.useEventCallback)(function (e) {
         onMouseDown === null || onMouseDown === void 0 ? void 0 : onMouseDown(e);
         if (disabled)
             return;
         setEditing(true);
     });
-    var handleDraftChange = foundation_1.useEventCallback(function (e) {
+    var handleDraftChange = (0, foundation_1.useEventCallback)(function (e) {
         setDraft(e.target.value);
     });
-    var handleFocusCapture = foundation_1.useEventCallback(function (e) {
+    var handleFocusCapture = (0, foundation_1.useEventCallback)(function (e) {
         e.stopPropagation();
     });
-    var classes = react_1.useMemo(function () { return foundation_1.combineClasses(utils_1.RcInlineEditableClasses, classesProp); }, [classesProp]);
-    react_1.useEffect(function () {
+    var classes = (0, react_1.useMemo)(function () { return (0, foundation_1.combineClasses)(utils_1.RcInlineEditableClasses, classesProp); }, [classesProp]);
+    (0, react_1.useEffect)(function () {
         return function () {
             if (shouldRemoveNode && textFieldRef && textFieldRef.current) {
                 // eslint-disable-next-line react-hooks/exhaustive-deps
-                foundation_1.clearReactReferencesInNode(textFieldRef.current);
+                (0, foundation_1.clearReactReferencesInNode)(textFieldRef.current);
             }
         };
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, []);
     var Component = multiline ? 'textarea' : 'input';
-    foundation_1.useDepsChange(function () {
+    (0, foundation_1.useDepsChange)(function () {
         if (!(isEditing || saving)) {
             setDraft(value, false);
         }
     }, [isEditing, saving, value]);
     var draft = draftRef.current;
     var displayValue = isEditing || saving ? draft : value;
-    var toTooltipTitle = (_c = (isString_1.default(TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title) ? TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title : undefined)) !== null && _c !== void 0 ? _c : tooltipTitle;
-    var children = (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, "data-test-automation-id": automationId, onKeyDown: handleKeyDown, className: clsx_1.default(className, (_a = {},
+    var toTooltipTitle = (_c = ((0, isString_1.default)(TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title) ? TooltipProps === null || TooltipProps === void 0 ? void 0 : TooltipProps.title : undefined)) !== null && _c !== void 0 ? _c : tooltipTitle;
+    var children = (react_1.default.createElement("div", tslib_1.__assign({ ref: ref, "data-test-automation-id": automationId, onKeyDown: handleKeyDown, className: (0, clsx_1.default)(className, (_a = {},
             _a[classes.saving] = saving,
             _a)), onMouseDown: handleMouseDown }, rest),
-        disabled ? null : (react_1.default.createElement(Component, tslib_1.__assign({ ref: textFieldRef, value: draft, autoComplete: "off", maxLength: maxLength, placeholder: placeholder }, tslib_1.__assign({}, (multiline
+        disabled ? null : (react_1.default.createElement(Component, tslib_1.__assign({ ref: textFieldRef, value: draft, autoComplete: "off", maxLength: maxLength, placeholder: placeholder }, (multiline
             ? {}
             : {
                 type: 'text',
                 'aria-label': toTooltipTitle,
-            })), foundation_1.combineProps({
+            }), (0, foundation_1.combineProps)({
             onChange: handleDraftChange,
             onFocus: handleFocus,
             onBlurCapture: handleBlur,
             className: classes.textField,
         }, inputProps)))),
-        react_1.default.createElement("div", { ref: labelRef, title: title || displayValue, className: clsx_1.default(classes.label, (_b = {},
+        react_1.default.createElement("div", { ref: labelRef, title: title || displayValue, className: (0, clsx_1.default)(classes.label, (_b = {},
                 _b[classes.placeholder] = !displayValue,
                 _b)), tabIndex: -1, onFocusCapture: handleFocusCapture, onKeyDown: disabled || saving ? undefined : focusTextField }, displayValue || placeholder)));
     if (!disabled && toTooltipTitle && (TooltipProps || tooltipTitle)) {
@@ -152,7 +153,7 @@ var _RcInlineEditable = react_1.forwardRef(function (inProps, ref) {
     }
     return children;
 });
-var RcInlineEditable = foundation_1.styled(_RcInlineEditable)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.InlineEditableStyle);
+var RcInlineEditable = (0, foundation_1.styled)(_RcInlineEditable)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.InlineEditableStyle);
 exports.RcInlineEditable = RcInlineEditable;
 RcInlineEditable.defaultProps = {
     variant: 'body1',

package/components/InlineEditable/styles/InlineEditableStyle.js

@@ -1,24 +1,24 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.InlineEditableStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var styles_1 = require("../../Forms/TextField/styles");
 var utils_1 = require("../utils");
 var textFieldStyle_1 = require("./textFieldStyle");
-exports.InlineEditableStyle = function (_a) {
+var InlineEditableStyle = function (_a) {
     var variant = _a.variant, multiline = _a.multiline, fullWidth = _a.fullWidth, disabled = _a.disabled, color = _a.color;
-    return foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ", "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ", "\n        user-select: ", ";\n      }\n\n      .", " {\n        ", "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "], ["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ",
+    return (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ", "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ", "\n        user-select: ", ";\n      }\n\n      .", " {\n        ", "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "], ["\n      ", ";\n      position: relative;\n      display: inline-block;\n      width: ", ";\n      min-width: 32px;\n      margin: -4px;\n      color: ", ";\n\n      &.", " {\n        pointer-events: none;\n      }\n\n      .", " {\n        margin: 4px;\n        position: relative;\n        outline: none;\n        box-sizing: border-box;\n        pointer-events: ", ";\n        ", ";\n        overflow-wrap: ", ";\n        white-space: ", ";\n\n        ", 
         /*
       1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
       2. need keep content height when placeholder is empty.
       */
-        "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ",
-        "\n        user-select: ", ";\n      }\n\n      .", " {\n        ",
-        "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "])), foundation_1.typography(variant), multiline || fullWidth ? '100%' : 'auto', foundation_1.getParsePaletteColor(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', foundation_1.ellipsis(), multiline && 'anywhere', multiline ? 'pre-wrap' : 'pre', ''
+        "\n        ::after {\n          content: ' ';\n          width: 0;\n          visibility: hidden;\n          display: inline-block;\n        }\n\n        ", /* prevent select double content when the input has a value and not disabled (input would be removed when disabled) */ "\n        user-select: ", ";\n      }\n\n      .", " {\n        ", /* prevent select placeholder when the input does not have a value */ "\n        user-select: none;\n        color: ", ";\n      }\n\n      .", " {\n        ", "\n      }\n    "])), (0, foundation_1.typography)(variant), multiline || fullWidth ? '100%' : 'auto', (0, foundation_1.getParsePaletteColor)(color), utils_1.RcInlineEditableClasses.saving, utils_1.RcInlineEditableClasses.label, disabled ? 'initial' : 'none', (0, foundation_1.ellipsis)(), multiline && 'anywhere', multiline ? 'pre-wrap' : 'pre', ''
     /*
   1. the single '\n' would be ignore in the last line. so need append ' ' after '\n' when multiline.
   2. need keep content height when placeholder is empty.
   */
     , '' /* prevent select double content when the input has a value and not disabled (input would be removed when disabled) */, !disabled && 'none', utils_1.RcInlineEditableClasses.placeholder, '' /* prevent select placeholder when the input does not have a value */, styles_1.placeholderColor, utils_1.RcInlineEditableClasses.textField, multiline ? textFieldStyle_1.textareaStyle : textFieldStyle_1.inputStyle);
 };
+exports.InlineEditableStyle = InlineEditableStyle;
 var templateObject_1;

package/components/InlineEditable/styles/textFieldStyle.d.ts

@@ -1,2 +1,2 @@
-export declare const inputStyle: import("styled-components").FlattenInterpolation<any>[];
-export declare const textareaStyle: import("styled-components").FlattenInterpolation<any>[];
+export declare const inputStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../foundation").RcTheme>>;
+export declare const textareaStyle: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("../../../foundation").RcTheme>>;

package/components/InlineEditable/styles/textFieldStyle.js

@@ -1,10 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.textareaStyle = exports.inputStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
-var interactionStyle = foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), foundation_1.palette2('neutral', 'b01'));
-var baseInputStyles = foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"], ["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"])), foundation_1.radius('lg'), foundation_1.palette2('neutral', 'f03'), interactionStyle, foundation_1.palette2('neutral', 'l02'), interactionStyle, foundation_1.palette2('interactive', 'f01'), utils_1.RcInlineEditableClasses.label);
-exports.inputStyle = foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"], ["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"])), baseInputStyles);
-exports.textareaStyle = foundation_1.css(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"], ["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"])), baseInputStyles);
+var interactionStyle = (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  background-color: ", ";\n"], ["\n  background-color: ", ";\n"])), (0, foundation_1.palette2)('neutral', 'b01'));
+var baseInputStyles = (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"], ["\n  position: absolute;\n  width: 100%;\n  border: 1px solid transparent;\n  padding: 2px;\n  background-color: transparent;\n  color: transparent;\n  line-height: inherit;\n  white-space: pre-wrap;\n  box-sizing: border-box;\n  font: inherit;\n  outline: none;\n  border-radius: ", ";\n\n  ::placeholder {\n    font: inherit;\n    opacity: 0;\n    color: ", ";\n  }\n\n  &:hover {\n    ", ";\n    border: 1px solid ", ";\n  }\n\n  &:focus {\n    ", ";\n    border: 2px solid ", ";\n    color: inherit;\n\n    ::placeholder {\n      opacity: 1;\n    }\n\n    & ~ .", " {\n      visibility: hidden;\n    }\n  }\n"])), (0, foundation_1.radius)('lg'), (0, foundation_1.palette2)('neutral', 'f03'), interactionStyle, (0, foundation_1.palette2)('neutral', 'l02'), interactionStyle, (0, foundation_1.palette2)('interactive', 'f01'), utils_1.RcInlineEditableClasses.label);
+exports.inputStyle = (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"], ["\n  ", "\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n"])), baseInputStyles);
+exports.textareaStyle = (0, foundation_1.css)(templateObject_4 || (templateObject_4 = tslib_1.__makeTemplateObject(["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"], ["\n  ", ";\n  height: 100%;\n  overflow: hidden;\n  resize: none;\n"])), baseInputStyles);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/components/InlineEditable/utils/InlineEditableUtils.js

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

package/components/Link/Link.d.ts

@@ -1,8 +1,8 @@
 import React, { AnchorHTMLAttributes } from 'react';
 import { RcBaseProps, RcBaseSize, RcPaletteProp } from '../../foundation';
 import { RcTypographyVariant } from '../Typography';
-declare type RcLinkSize = RcBaseSize;
-declare type RcLinkProps = {
+type RcLinkSize = RcBaseSize;
+type RcLinkProps = {
     /** variant of Link, default is body1 */
     variant?: RcTypographyVariant;
     /** is that link is disabled */
@@ -29,8 +29,28 @@ declare type RcLinkProps = {
  * @release
  * that onClick event will be trigger with `enter` like `<a>`, when have custom onKeydown event, that will be cover by outside
  * */
-declare const RcLink: import("styled-components").StyledComponentClass<RcLinkProps, import("../../foundation").RcTheme, Pick<RcLinkProps, "className" | "color" | "id" | "lang" | "media" | "style" | "target" | "type" | "role" | "tabIndex" | "href" | "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" | "download" | "translate" | "underline" | "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" | "variant" | "disabled" | "hrefLang" | "ping" | "rel" | "referrerPolicy" | "Component" | "handleOnClick"> & {
-    theme?: import("../../foundation").RcTheme | undefined;
-}>;
+declare const RcLink: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
+    /** variant of Link, default is body1 */
+    variant?: import("../../foundation").RcTypographyKeys | undefined;
+    /** is that link is disabled */
+    disabled?: boolean | undefined;
+    /** color for Link display, support palette pass */
+    color?: RcPaletteProp | undefined;
+    /** root render element, default is `<a />` */
+    Component?: keyof JSX.IntrinsicElements | undefined;
+    /** is that have underline default */
+    underline?: boolean | undefined;
+    /** is that href can be download */
+    download?: boolean | undefined;
+    /**
+     * @deprecated size of Link, default is medium, please use variant directly
+     * `small` => `caption1`
+     * `medium` => `body1`
+     * `large` => `headline1`
+     */
+    size?: "small" | "medium" | "large" | undefined;
+    /** @deprecated use onClick replace that */
+    handleOnClick?: ((event: React.MouseEvent<HTMLSpanElement>) => void) | undefined;
+} & RcBaseProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, "color" | "download"> & React.RefAttributes<any>>, import("../../foundation").RcTheme, {}, never>;
 export { RcLink };
 export type { RcLinkProps, RcLinkSize };

package/components/Link/Link.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcLink = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var foundation_1 = require("../../foundation");
 var styles_1 = require("./styles");
-var _RcLink = react_1.forwardRef(function (inProps, ref) {
-    var props = foundation_1.useThemeProps({ props: inProps, name: 'RcLink' });
+var _RcLink = (0, react_1.forwardRef)(function (inProps, ref) {
+    var props = (0, foundation_1.useThemeProps)({ props: inProps, name: 'RcLink' });
     if (process.env.NODE_ENV !== 'production') {
         // eslint-disable-next-line react-hooks/rules-of-hooks
-        foundation_1.useDeprecatedCheck(RcLink, props, [
+        (0, foundation_1.useDeprecatedCheck)(RcLink, props, [
             {
                 prop: 'size',
                 time: '2021-4',
@@ -24,7 +25,7 @@ var _RcLink = react_1.forwardRef(function (inProps, ref) {
     var _handleOnClick = props.handleOnClick, ComponentProp = props.Component, onKeyDown = props.onKeyDown, onClick = props.onClick, disabled = props.disabled, children = props.children, tabIndex = props.tabIndex, color = props.color, underline = props.underline, variant = props.variant, rest = tslib_1.__rest(props, ["handleOnClick", "Component", "onKeyDown", "onClick", "disabled", "children", "tabIndex", "color", "underline", "variant"]);
     // TODO: remove when handleOnClick removed
     var handleOnClick = _handleOnClick ? _handleOnClick : onClick;
-    var handleOnKeyDown = foundation_1.useA11yKeyEvent(handleOnClick, {
+    var handleOnKeyDown = (0, foundation_1.useA11yKeyEvent)(handleOnClick, {
         checkKeys: ['Enter'],
     });
     // * prevent tsc error with dynamic component type
@@ -35,7 +36,7 @@ var _RcLink = react_1.forwardRef(function (inProps, ref) {
  * @release
  * that onClick event will be trigger with `enter` like `<a>`, when have custom onKeydown event, that will be cover by outside
  * */
-var RcLink = foundation_1.styled(_RcLink)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.LinkStyle);
+var RcLink = (0, foundation_1.styled)(_RcLink)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), styles_1.LinkStyle);
 exports.RcLink = RcLink;
 RcLink.defaultProps = {
     variant: 'body1',

package/components/Link/styles/StyledLink.js

@@ -1,17 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.LinkStyle = void 0;
 var tslib_1 = require("tslib");
 var foundation_1 = require("../../../foundation");
 var utils_1 = require("../utils");
-exports.LinkStyle = function (_a) {
+var LinkStyle = function (_a) {
     var disabled = _a.disabled, colorProp = _a.color, size = _a.size, underline = _a.underline, variant = _a.variant;
     var color = disabled
-        ? foundation_1.palette2('disabled', 'f02')
+        ? (0, foundation_1.palette2)('disabled', 'f02')
         : colorProp === 'primary'
-            ? foundation_1.palette2('informative', 'f02')
-            : foundation_1.getParsePaletteColor(colorProp);
-    return foundation_1.css(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    text-decoration: ", ";\n    ", ";\n    color: ", ";\n\n    &:focus {\n      outline: none;\n    }\n\n    ", " {\n      text-decoration: underline;\n    }\n\n    ", ";\n  "], ["\n    text-decoration: ", ";\n    ", ";\n    color: ", ";\n\n    &:focus {\n      outline: none;\n    }\n\n    ", " {\n      text-decoration: underline;\n    }\n\n    ",
-        ";\n  "])), underline ? 'underline' : 'none', foundation_1.typography(utils_1.RcLinkTypographies[size] || variant), color, foundation_1.focusVisible, !disabled
-        ? foundation_1.css(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n          cursor: pointer;\n\n          ", " {\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n\n          &:active {\n            color: ", ";\n          }\n        "], ["\n          cursor: pointer;\n\n          ", " {\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n\n          &:active {\n            color: ", ";\n          }\n        "])), foundation_1.nonTouchHoverMedia, foundation_1.setOpacity(color, '24', true)) : foundation_1.css(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n          pointer-events: none;\n        "], ["\n          pointer-events: none;\n        "]))));
+            ? (0, foundation_1.palette2)('informative', 'f02')
+            : (0, foundation_1.getParsePaletteColor)(colorProp);
+    return (0, foundation_1.css)(templateObject_3 || (templateObject_3 = tslib_1.__makeTemplateObject(["\n    text-decoration: ", ";\n    ", ";\n    color: ", ";\n\n    &:focus {\n      outline: none;\n    }\n\n    ", " {\n      text-decoration: underline;\n    }\n\n    ", ";\n  "], ["\n    text-decoration: ", ";\n    ", ";\n    color: ", ";\n\n    &:focus {\n      outline: none;\n    }\n\n    ", " {\n      text-decoration: underline;\n    }\n\n    ", ";\n  "])), underline ? 'underline' : 'none', (0, foundation_1.typography)(utils_1.RcLinkTypographies[size] || variant), color, foundation_1.focusVisible, !disabled
+        ? (0, foundation_1.css)(templateObject_1 || (templateObject_1 = tslib_1.__makeTemplateObject(["\n          cursor: pointer;\n\n          ", " {\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n\n          &:active {\n            color: ", ";\n          }\n        "], ["\n          cursor: pointer;\n\n          ", " {\n            &:hover {\n              text-decoration: underline;\n            }\n          }\n\n          &:active {\n            color: ", ";\n          }\n        "])), foundation_1.nonTouchHoverMedia, (0, foundation_1.setOpacity)(color, '24', true)) : (0, foundation_1.css)(templateObject_2 || (templateObject_2 = tslib_1.__makeTemplateObject(["\n          pointer-events: none;\n        "], ["\n          pointer-events: none;\n        "]))));
 };
+exports.LinkStyle = LinkStyle;
 var templateObject_1, templateObject_2, templateObject_3;

package/components/Link/utils/LinkUtils.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.RcLinkTypographies = void 0;
 // TODO: that will be remove, when switch to variant
 exports.RcLinkTypographies = {
     small: 'caption1',