@lobehub/ui/es/Text/styles.js

Lobe UI is an open-source UI component library for building AIGC web apps

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10, _templateObject11, _templateObject12, _templateObject13, _templateObject14, _templateObject15, _templateObject16, _templateObject17, _templateObject18, _templateObject19, _templateObject20, _templateObject21;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStyles } from 'antd-style';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    token = _ref.token;
  return {
    code: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    font-family: ", ";\n  "])), token.fontFamilyCode),
    danger: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorError),
    delete: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    text-decoration: line-through;\n  "]))),
    disabled: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    cursor: not-allowed;\n    color: ", ";\n  "])), token.colorTextDisabled),
    ellipsis: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  "]))),
    ellipsisMulti: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    overflow: hidden;\n    display: -webkit-box;\n    -webkit-box-orient: vertical;\n    text-overflow: ellipsis;\n  "]))),
    // Heading styles
    h1: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    font-size: calc(", "px * 2.5);\n    font-weight: bold;\n    line-height: 1.25;\n  "])), token.fontSize),
    h2: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    font-size: calc(", "px * 2);\n    font-weight: bold;\n    line-height: 1.25;\n  "])), token.fontSize),
    h3: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n    font-size: calc(", "px * 1.5);\n    font-weight: bold;\n    line-height: 1.25;\n  "])), token.fontSize),
    h4: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n    font-size: calc(", "px * 1.25);\n    font-weight: bold;\n    line-height: 1.25;\n  "])), token.fontSize),
    h5: css(_templateObject11 || (_templateObject11 = _taggedTemplateLiteral(["\n    font-size: ", "px;\n    font-weight: bold;\n    line-height: 1.25;\n  "])), token.fontSize),
    info: css(_templateObject12 || (_templateObject12 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorInfo),
    italic: css(_templateObject13 || (_templateObject13 = _taggedTemplateLiteral(["\n    font-style: italic;\n  "]))),
    mark: css(_templateObject14 || (_templateObject14 = _taggedTemplateLiteral(["\n    color: #000;\n    background-color: ", ";\n  "])), token.yellow),
    p: css(_templateObject15 || (_templateObject15 = _taggedTemplateLiteral(["\n    margin-block: 0;\n  "]))),
    secondary: css(_templateObject16 || (_templateObject16 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorTextDescription),
    strong: css(_templateObject17 || (_templateObject17 = _taggedTemplateLiteral(["\n    font-weight: bold;\n  "]))),
    success: css(_templateObject18 || (_templateObject18 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorSuccess),
    text: css(_templateObject19 || (_templateObject19 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorText),
    underline: css(_templateObject20 || (_templateObject20 = _taggedTemplateLiteral(["\n    text-decoration: underline;\n  "]))),
    warning: css(_templateObject21 || (_templateObject21 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), token.colorWarning)
  };
});