@lobehub/ui/es/Accordion/style.mjs.map

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

{"version":3,"file":"style.mjs","names":["cssVar"],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n  return {\n    action: css`\n      width: 0;\n      opacity: 0;\n      transition:\n        opacity,\n        width 0.2s ${cssVar.motionEaseOut};\n    `,\n    base: css`\n      display: flex;\n      flex-direction: column;\n      width: 100%;\n    `,\n    content: css`\n      overflow: hidden;\n    `,\n    contentInner: css`\n      /* Content wrapper for animation */\n    `,\n    divider: css`\n      margin-block: 0;\n    `,\n    header: css`\n      &:hover .accordion-action {\n        width: auto;\n        opacity: 1;\n      }\n\n      &:focus-visible {\n        border-radius: ${cssVar.borderRadiusLG};\n        outline: 2px solid ${cssVar.colorPrimary};\n        outline-offset: 2px;\n      }\n    `,\n    icon: css`\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    iconRotate: css`\n      transform: rotate(90deg);\n    `,\n    indicator: css`\n      display: flex;\n      flex-shrink: 0;\n      align-items: center;\n\n      font-size: 18px;\n      color: ${cssVar.colorTextDescription};\n\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    `,\n    item: css`\n      position: relative;\n      display: flex;\n      flex-direction: column;\n    `,\n    titleWrapper: css`\n      user-select: none;\n    `,\n  };\n});\n"],"mappings":";;;AAEA,MAAa,SAAS,oBAAoB,EAAE,YAAK,uBAAa;AAC5D,QAAO;EACL,QAAQ,KAAG;;;;;qBAKMA,SAAO,cAAc;;EAEtC,MAAM,KAAG;;;;;EAKT,SAAS,KAAG;;;EAGZ,cAAc,KAAG;;;EAGjB,SAAS,KAAG;;;EAGZ,QAAQ,KAAG;;;;;;;yBAOUA,SAAO,eAAe;6BAClBA,SAAO,aAAa;;;;EAI7C,MAAM,KAAG;oCACuBA,SAAO,cAAc;;EAErD,YAAY,KAAG;;;EAGf,WAAW,KAAG;;;;;;eAMHA,SAAO,qBAAqB;;oCAEPA,SAAO,cAAc;;EAErD,MAAM,KAAG;;;;;EAKT,cAAc,KAAG;;;EAGlB;EACD"}