@lobehub/ui/es/Accordion/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, _templateObject10;
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 {
    action: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n      width: 0;\n      opacity: 0;\n      transition:\n        opacity,\n        width 0.2s ", ";\n    "])), token.motionEaseOut),
    base: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    "]))),
    content: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n      overflow: hidden;\n    "]))),
    contentInner: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n      /* Content wrapper for animation */\n    "]))),
    divider: css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n      margin-block: 0;\n    "]))),
    header: css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n      &:hover .accordion-action {\n        width: auto;\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ", "px;\n        outline: 2px solid ", ";\n        outline-offset: 2px;\n      }\n    "])), token.borderRadiusLG, token.colorPrimary),
    icon: css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n      color: ", ";\n      transition: transform 200ms ", ";\n    "])), token.colorTextDescription, token.motionEaseOut),
    iconRotate: css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n      transform: rotate(90deg);\n    "]))),
    indicator: css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n\n      transition: transform 200ms ", ";\n    "])), token.motionEaseOut),
    item: css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    "])))
  };
});