@lobehub/ui/es/EmojiPicker/style.js

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

var _templateObject, _templateObject2, _templateObject3, _templateObject4;
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';
import chroma from 'chroma-js';
export var useStyles = createStyles(function (_ref) {
  var css = _ref.css,
    token = _ref.token,
    prefixCls = _ref.prefixCls;
  return {
    editor: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    overflow: hidden;\n    border: 1px solid ", ";\n    border-radius: ", "px;\n  "])), token.colorBorder, token.borderRadiusLG),
    picker: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    position: relative;\n\n    em-emoji-picker {\n      --rgb-accent: ", ";\n      --shadow: none;\n      --rgb-background: ", ";\n      --border-radius: 0;\n    }\n  "])), chroma(token.colorPrimary).rgb().join(','), chroma(token.colorBgElevated).rgb().join(',')),
    popover: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    .", "-popover-inner {\n      overflow: hidden;\n      padding: 0;\n    }\n  "])), prefixCls),
    root: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    position: relative;\n    transition: box-shadow 100ms ", ";\n\n    &:hover {\n      box-shadow: 0 0 0 3px ", ";\n    }\n  "])), token.motionEaseOut, token.colorText)
  };
});