"use strict"; Object.defineProperty(exports, "__esModule", { value: true }); exports.default = void 0; var _cssinjs = require("@ant-design/cssinjs"); // ===================================================== // == Outlined == // ===================================================== const genBaseOutlinedStyle = (token, options) => { const { componentCls, antCls, controlOutlineWidth } = token; return { [`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: { border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${options.borderColor}`, background: token.selectorBg }, [`&:not(${componentCls}-disabled):not(${componentCls}-customize-input):not(${antCls}-pagination-size-changer)`]: { [`&:hover ${componentCls}-selector`]: { borderColor: options.hoverBorderHover }, [`${componentCls}-focused& ${componentCls}-selector`]: { borderColor: options.activeBorderColor, boxShadow: `0 0 0 ${(0, _cssinjs.unit)(controlOutlineWidth)} ${options.activeShadowColor}`, outline: 0 } } }; }; const genOutlinedStatusStyle = (token, options) => ({ [`&${token.componentCls}-status-${options.status}`]: Object.assign({}, genBaseOutlinedStyle(token, options)) }); const genOutlinedStyle = token => ({ '&-outlined': Object.assign(Object.assign(Object.assign(Object.assign({}, genBaseOutlinedStyle(token, { borderColor: token.colorBorder, hoverBorderHover: token.colorPrimaryHover, activeBorderColor: token.colorPrimary, activeShadowColor: token.controlOutline })), genOutlinedStatusStyle(token, { status: 'error', borderColor: token.colorError, hoverBorderHover: token.colorErrorHover, activeBorderColor: token.colorError, activeShadowColor: token.colorErrorOutline })), genOutlinedStatusStyle(token, { status: 'warning', borderColor: token.colorWarning, hoverBorderHover: token.colorWarningHover, activeBorderColor: token.colorWarning, activeShadowColor: token.colorWarningOutline })), { [`&${token.componentCls}-disabled`]: { [`&:not(${token.componentCls}-customize-input) ${token.componentCls}-selector`]: { background: token.colorBgContainerDisabled, color: token.colorTextDisabled } }, [`&${token.componentCls}-multiple ${token.componentCls}-selection-item`]: { background: token.multipleItemBg, border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}` } }) }); // ===================================================== // == Filled == // ===================================================== const genBaseFilledStyle = (token, options) => { const { componentCls, antCls } = token; return { [`&:not(${componentCls}-customize-input) ${componentCls}-selector`]: { background: options.bg, border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} transparent`, color: options.color }, [`&:not(${componentCls}-disabled):not(${componentCls}-customize-input):not(${antCls}-pagination-size-changer)`]: { [`&:hover ${componentCls}-selector`]: { background: options.hoverBg }, [`${componentCls}-focused& ${componentCls}-selector`]: { background: token.selectorBg, borderColor: options.activeBorderColor, outline: 0 } } }; }; const genFilledStatusStyle = (token, options) => ({ [`&${token.componentCls}-status-${options.status}`]: Object.assign({}, genBaseFilledStyle(token, options)) }); const genFilledStyle = token => ({ '&-filled': Object.assign(Object.assign(Object.assign(Object.assign({}, genBaseFilledStyle(token, { bg: token.colorFillTertiary, hoverBg: token.colorFillSecondary, activeBorderColor: token.colorPrimary, color: token.colorText })), genFilledStatusStyle(token, { status: 'error', bg: token.colorErrorBg, hoverBg: token.colorErrorBgHover, activeBorderColor: token.colorError, color: token.colorError })), genFilledStatusStyle(token, { status: 'warning', bg: token.colorWarningBg, hoverBg: token.colorWarningBgHover, activeBorderColor: token.colorWarning, color: token.colorWarning })), { [`&${token.componentCls}-disabled`]: { [`&:not(${token.componentCls}-customize-input) ${token.componentCls}-selector`]: { borderColor: token.colorBorder, background: token.colorBgContainerDisabled, color: token.colorTextDisabled } }, [`&${token.componentCls}-multiple ${token.componentCls}-selection-item`]: { background: token.colorBgContainer, border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.colorSplit}` } }) }); // ===================================================== // == Borderless == // ===================================================== const genBorderlessStyle = token => ({ '&-borderless': { [`${token.componentCls}-selector`]: { background: 'transparent', borderColor: 'transparent' }, [`&${token.componentCls}-disabled`]: { [`&:not(${token.componentCls}-customize-input) ${token.componentCls}-selector`]: { color: token.colorTextDisabled } }, [`&${token.componentCls}-multiple ${token.componentCls}-selection-item`]: { background: token.multipleItemBg, border: `${(0, _cssinjs.unit)(token.lineWidth)} ${token.lineType} ${token.multipleItemBorderColor}` }, // Status [`&${token.componentCls}-status-error`]: { [`${token.componentCls}-selection-item`]: { color: token.colorError } }, [`&${token.componentCls}-status-warning`]: { [`${token.componentCls}-selection-item`]: { color: token.colorWarning } } } }); const genVariantsStyle = token => ({ [token.componentCls]: Object.assign(Object.assign(Object.assign({}, genOutlinedStyle(token)), genFilledStyle(token)), genBorderlessStyle(token)) }); var _default = exports.default = genVariantsStyle;