@yuntijs/ui
Version:
☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps
21 lines • 2.57 kB
JavaScript
import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6;
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref, _ref2) {
var token = _ref.token,
css = _ref.css,
cx = _ref.cx,
prefixCls = _ref.prefixCls;
var expand = _ref2.expand,
variant = _ref2.variant;
var prefix = "".concat(prefixCls, "-json-viewer");
var isFilled = variant === 'filled';
var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n background-color: ", ";\n border: 1px solid ", ";\n\n &:hover {\n background-color: ", ";\n }\n "])), isFilled ? token.colorFillTertiary : 'transparent', isFilled ? 'transparent' : token.colorBorder, isFilled ? token.colorFillTertiary : token.colorFillQuaternary);
return {
container: cx(prefix, variant !== 'borderless' && typeStylish, css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n position: relative;\n\n overflow: hidden;\n\n height: ", ";\n\n border-radius: ", "px;\n\n transition: background-color 100ms ", ";\n &:hover {\n .json-view {\n /* show root copy always when hover */\n & > .json-view--copy:first-of-type {\n display: inline !important;\n }\n }\n }\n "])), expand ? '100%' : 'auto !important', token.borderRadius, token.motionEaseOut)),
content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n cursor: text;\n user-select: text;\n\n overflow: auto;\n\n width: 100%;\n height: 100%;\n padding: ", "px;\n "])), variant === 'borderless' ? 0 : token.padding),
header: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n padding-block: 4px;\n padding-inline: 8px;\n background: ", ";\n "])), token.colorFillQuaternary),
title: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n user-select: none;\n overflow: hidden;\n margin: 0 ", "px;\n "])), token.margin),
titleText: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n overflow: hidden;\n font-size: ", "px;\n .", "-typography {\n color: ", ";\n }\n "])), token.fontSize, prefixCls, token.colorTextDescription)
};
});