@lobehub/ui/es/awesome/TypewriterEffect/style.js

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8;
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,
    isDarkMode = _ref.isDarkMode;
  return {
    container: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: inline-block;\n    white-space: pre-wrap;\n  "]))),
    cursor: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 3px;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ", ";\n  "])), token.colorPrimary),
    cursorBlock: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    transform: translateY(10%);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.5em;\n    height: 1em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ", ";\n  "])), token.colorPrimary),
    cursorCustom: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    display: inline-block;\n    align-items: center;\n    margin-inline-start: 0.25rem;\n    opacity: 1;\n  "]))),
    cursorDot: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    display: inline-block;\n    align-items: center;\n\n    width: 0.75em;\n    height: 0.75em;\n    margin-inline-start: 0.25rem;\n    border-radius: 50%;\n\n    opacity: 1;\n    background-color: ", ";\n  "])), token.colorPrimary),
    cursorHidden: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n    display: none;\n  "]))),
    cursorUnderscore: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n    transform: translateY(0.3em);\n\n    display: inline-block;\n    align-items: center;\n\n    width: 0.6em;\n    height: 0.15em;\n    margin-inline-start: 0.25rem;\n    border-radius: 2px;\n\n    opacity: 1;\n    background-color: ", ";\n  "])), token.colorPrimary),
    text: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n    color: ", ";\n  "])), isDarkMode ? token.colorTextLightSolid : token.colorText)
  };
});