@lobehub/ui/es/HotkeyInput/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, _templateObject9;
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, _ref2) {
  var cx = _ref.cx,
    css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  var variant = _ref2.variant;
  var typeStylish = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      background-color: ", ";\n      border: 1px solid ", ";\n      border-radius: ", "px;\n      transition:\n        background-color 100ms ", ",\n        border-color 200ms ", ";\n\n      &:hover {\n        background-color: ", ";\n      }\n\n      &:focus {\n        border-color: ", ";\n      }\n\n      &.", "-input-affix-wrapper-focused {\n        border-color: ", ";\n      }\n    "])), variant === 'block' || variant === 'default' ? token.colorFillTertiary : 'transparent', variant === 'block' ? 'transparent' : token.colorBorder, token.borderRadius, token.motionEaseOut, token.motionEaseOut, token.colorFillTertiary, token.colorTextQuaternary, prefixCls, token.colorTextQuaternary);
  return {
    errorText: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n        font-size: 12px;\n        color: ", ";\n      "])), token.colorError),
    hiddenInput: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n        cursor: text;\n\n        position: absolute;\n        z-index: -1;\n        inset-block-start: 0;\n        inset-inline-start: 0;\n\n        width: 100%;\n        height: 100%;\n\n        opacity: 0;\n      "]))),
    input: cx(variant !== 'pure' && typeStylish, css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n          cursor: pointer;\n\n          position: relative;\n\n          max-width: 100%;\n          height: ", ";\n          padding: ", ";\n        "])), variant === 'pure' ? 'unset' : '36px', variant === 'pure' ? '0' : '0 12px')),
    inputDisabled: cx(css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n          cursor: not-allowed;\n          opacity: 0.65;\n        "]))), variant !== 'pure' && css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n            background: ", ";\n          "])), token.colorFillTertiary)),
    inputError: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n        border: 1px solid ", ";\n      "])), token.colorError),
    inputFocused: cx(variant !== 'pure' && css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n            border-color: ", ";\n          "])), token.colorTextQuaternary)),
    placeholder: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n        color: ", ";\n      "])), token.colorTextDescription)
  };
});