@yuntijs/ui/es/RichTextEditor/style.js

☁️ Yunti UI - an open-source UI component library for building Cloud Native web apps

import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
import { createStyles } from 'antd-style';
var inputHeight = 32;
var lineHeight = 22;
var calculateHeight = function calculateHeight(rows) {
  return inputHeight + Math.max(rows - 1, 0) * lineHeight;
};
export var useStyles = createStyles(function (_ref, _ref2) {
  var css = _ref.css,
    token = _ref.token;
  var autoSize = _ref2.autoSize,
    code = _ref2.code;
  return {
    wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n        position: relative;\n\n        overflow-y: auto;\n        display: inline-block;\n\n        width: 100%;\n        min-width: 0;\n        height: 100%;\n      "]))),
    placeholder: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        pointer-events: none;\n        user-select: none;\n\n        position: absolute;\n        top: 0;\n        left: 13px;\n\n        height: ", "px;\n\n        font-size: ", "px;\n        line-height: ", "px;\n        color: ", ";\n      "])), inputHeight, token.fontSize, inputHeight, token.colorTextPlaceholder),
    root: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        outline: none;\n        border: 1px solid ", ";\n        border-radius: ", "px;\n\n        margin: 0;\n        padding: 4px 11px;\n\n        color: ", ";\n        font-size: ", "px;\n        .align-middle {\n          vertical-align: middle;\n        }\n        font-family: ", ";\n\n        display: inline-block;\n\n        width: 100%;\n        min-width: 0;\n\n        ", "\n        ", "\n        overflow: auto;\n\n        transition: all ", ";\n        &:focus {\n          border-color: ", ";\n        }\n        p {\n          margin-bottom: 0;\n          margin-block: 0 0;\n          line-height: ", "px;\n        }\n      "])), token.colorBorder, token.borderRadius, token.colorText, token.fontSize, code ? token.fontFamilyCode : token.fontFamily, (autoSize === null || autoSize === void 0 ? void 0 : autoSize.minRows) && css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          min-height: ", "px;\n        "])), calculateHeight(autoSize.minRows)), (autoSize === null || autoSize === void 0 ? void 0 : autoSize.maxRows) && css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          max-height: ", "px;\n        "])), calculateHeight(autoSize.maxRows)), token.motionDurationMid, token.colorPrimaryBorder, lineHeight),
    filled: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n        background: ", ";\n        border-color: transparent;\n        &:hover {\n          background: ", ";\n        }\n        &:focus {\n          background: ", ";\n        }\n      "])), token.colorFillTertiary, token.colorFillSecondary, token.colorBgBase),
    borderless: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        background: transparent;\n        border: none;\n      "]))),
    disabled: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n        cursor: not-allowed;\n        color: ", ";\n        background: ", ";\n      "])), token.colorTextDisabled, token.colorBgContainerDisabled)
  };
});