@yuntijs/ui
Version:
☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps
47 lines • 2.08 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref, _ref2) {
var css = _ref.css,
token = _ref.token,
prefixCls = _ref.prefixCls;
var isSelected = _ref2.isSelected,
isError = _ref2.isError;
var getColors = function getColors() {
if (isError) {
if (isSelected) {
return {
background: token.colorErrorBgActive,
border: token.colorErrorBorderHover,
color: token.colorErrorTextActive
};
}
return {
background: token.colorErrorBg,
border: token.colorErrorBorder,
color: token.colorErrorText
};
}
if (isSelected) {
return {
background: token.colorInfoBgHover,
border: token.colorInfoBorder,
color: token.colorInfoText
};
}
return {
background: token.colorFillTertiary,
border: 'transparent',
color: token.colorInfoText
};
};
var _getColors = getColors(),
background = _getColors.background,
border = _getColors.border,
color = _getColors.color;
return {
root: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n user-select: none;\n\n margin: 1px 2px;\n padding: 0 4px;\n\n font-family: ", ";\n color: ", ";\n\n background-color: ", ";\n border: 1px solid ", ";\n border-radius: ", "px;\n "])), token.fontFamilyCode, color, background, border, token.borderRadius),
text: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n overflow: hidden;\n display: inline-block;\n\n max-width: 200px;\n\n color: ", ";\n text-overflow: ellipsis;\n white-space: nowrap;\n "])), token.colorTextSecondary),
error: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n color: ", ";\n "])), token.colorErrorText)
};
});