@alicloud/console-base-rc-marks
Version:
ConsoleBase 组件 - NEW、ALPHA、BETA 等小标签
33 lines • 1.61 kB
JavaScript
import { css } from 'styled-components';
import { mixinTextWhite, mixinTextHelp, mixinTextDanger, mixinTextAccent, mixinBgAccent, mixinBgDanger, mixinBgHelp, mixinBorderHelpColor, mixinBorderDangerColor, mixinBorderAccentColor } from '@alicloud/console-base-theme';
var CSS_NEW_HOLLOW = css(["background-color:rgba(255,255,255,0.05);", " ", ""], mixinTextDanger, mixinBorderDangerColor);
var CSS_HOT_HOLLOW = CSS_NEW_HOLLOW;
var CSS_PUBLIC_BETA_HOLLOW = css(["background-color:rgba(255,255,255,0.05);", " ", ""], mixinTextHelp, mixinBorderHelpColor);
var CSS_BETA_HOLLOW = CSS_PUBLIC_BETA_HOLLOW;
var CSS_ALPHA_HOLLOW = CSS_PUBLIC_BETA_HOLLOW;
var CSS_UPDATE_HOLLOW = css(["background-color:rgba(255,255,255,0.05);", " ", ""], mixinTextAccent, mixinBorderAccentColor);
var CSS_NEW_FILLED = css(["", " ", ""], mixinTextWhite, mixinBgDanger);
var CSS_HOT_FILLED = CSS_NEW_FILLED;
var CSS_PUBLIC_BETA_FILLED = css(["", " ", ""], mixinTextWhite, mixinBgHelp);
var CSS_BETA_FILLED = CSS_PUBLIC_BETA_FILLED;
var CSS_ALPHA_FILLED = CSS_PUBLIC_BETA_FILLED;
var CSS_UPDATE_FILLED = css(["", " ", ""], mixinTextWhite, mixinBgAccent);
var MAP_HOLLOW = {
NEW: CSS_NEW_HOLLOW,
HOT: CSS_HOT_HOLLOW,
PUBLIC_BETA: CSS_PUBLIC_BETA_HOLLOW,
BETA: CSS_BETA_HOLLOW,
ALPHA: CSS_ALPHA_HOLLOW,
UPDATE: CSS_UPDATE_HOLLOW
};
var MAP_FILLED = {
NEW: CSS_NEW_FILLED,
HOT: CSS_HOT_FILLED,
PUBLIC_BETA: CSS_PUBLIC_BETA_FILLED,
BETA: CSS_BETA_FILLED,
ALPHA: CSS_ALPHA_FILLED,
UPDATE: CSS_UPDATE_FILLED
};
export default function getCssOfType(type, hollow) {
return hollow ? MAP_HOLLOW[type] : MAP_FILLED[type];
}