@lobehub/editor/es/react/SendButton/style.js

A powerful and extensible rich text editor built on Meta's Lexical framework, providing a modern editing experience with React integration.

var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5;
function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
import { createStaticStyles } from 'antd-style';
var prefixCls = 'ant';
export var styles = createStaticStyles(function (_ref) {
  var css = _ref.css,
    cssVar = _ref.cssVar;
  return {
    button: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    &.", "-btn {\n      flex: none;\n      width: var(--send-button-size, 32px) !important;\n      height: var(--send-button-size, 32px);\n      padding-inline: 0 !important;\n    }\n  "])), prefixCls),
    disabled: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    &.", "-btn {\n      cursor: default;\n      border-color: ", ";\n      background: transparent;\n    }\n\n    .", "-btn-compact-first-item {\n      cursor: default;\n      border-color: ", ";\n      background: transparent;\n    }\n    .", "-dropdown-trigger {\n      cursor: default;\n      border-color: ", ";\n      border-inline-start-color: transparent;\n      background: transparent;\n    }\n  "])), prefixCls, cssVar.colorBorderSecondary, prefixCls, cssVar.colorBorderSecondary, prefixCls, cssVar.colorBorderSecondary),
    dropdownButton: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    flex: none;\n    width: fit-content;\n    .", "-btn {\n      width: calc(var(--send-button-size, 32px) * 1.2);\n      height: var(--send-button-size, 32px);\n    }\n    .", "-dropdown-trigger {\n      width: calc(var(--send-button-size, 32px) * 0.8);\n      &.", "-btn-primary {\n        &::before {\n          background-color: color-mix(in srgb, ", " 10%, transparent) !important;\n        }\n      }\n    }\n  "])), prefixCls, prefixCls, prefixCls, cssVar.colorBgLayout),
    dropdownButtonRound: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    .", "-btn-compact-first-item {\n      border-start-start-radius: calc(var(--send-button-size, 32px) / 2);\n      border-end-start-radius: calc(var(--send-button-size, 32px) / 2);\n    }\n    .", "-dropdown-trigger {\n      width: var(--send-button-size, 32px);\n      border-start-end-radius: calc(var(--send-button-size, 32px) / 2);\n      border-end-end-radius: calc(var(--send-button-size, 32px) / 2);\n    }\n  "])), prefixCls, prefixCls),
    loadingButton: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    &.", "-btn {\n      flex: none;\n      height: var(--send-button-size, 32px);\n      padding-inline: 0 !important;\n    }\n  "])), prefixCls)
  };
});