antd
Version:
An enterprise-class UI design language and React components implementation
32 lines • 1.12 kB
JavaScript
// Style as status component
import { prepareComponentToken, prepareToken } from '.';
import { genPresetColor, genSubStyleComponent } from '../../theme/internal';
// ============================== Preset ==============================
const genPresetStyle = token => genPresetColor(token, (colorKey, {
textColor,
lightBorderColor,
lightColor,
darkColor
}) => ({
[`${token.componentCls}${token.componentCls}-${colorKey}:not(${token.componentCls}-disabled)`]: {
[`&${token.componentCls}-outlined`]: {
backgroundColor: lightColor,
borderColor: lightBorderColor,
color: textColor
},
[`&${token.componentCls}-solid`]: {
backgroundColor: darkColor,
borderColor: darkColor,
color: token.colorTextLightSolid
},
[`&${token.componentCls}-filled`]: {
backgroundColor: lightColor,
color: textColor
}
}
}));
// ============================== Export ==============================
export default genSubStyleComponent(['Tag', 'preset'], token => {
const tagToken = prepareToken(token);
return genPresetStyle(tagToken);
}, prepareComponentToken);