UNPKG

@lobehub/ui

Version:

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

1 lines 1.88 kB
{"version":3,"file":"style.mjs","names":[],"sources":["../../src/Accordion/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => {\n return {\n action: css`\n opacity: 0;\n transition: opacity 150ms ${cssVar.motionEaseOut};\n `,\n actionVisible: css`\n opacity: 1;\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 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,KAAK,aAAa;AAC5D,QAAO;EACL,QAAQ,GAAG;;kCAEmB,OAAO,cAAc;;EAEnD,eAAe,GAAG;;;EAGlB,MAAM,GAAG;;;;;EAKT,SAAS,GAAG;;;EAGZ,cAAc,GAAG;;;EAGjB,SAAS,GAAG;;;EAGZ,QAAQ,GAAG;;;;;;yBAMU,OAAO,eAAe;6BAClB,OAAO,aAAa;;;;EAI7C,MAAM,GAAG;oCACuB,OAAO,cAAc;;EAErD,YAAY,GAAG;;;EAGf,WAAW,GAAG;;;;;;eAMH,OAAO,qBAAqB;;oCAEP,OAAO,cAAc;;EAErD,MAAM,GAAG;;;;;EAKT,cAAc,GAAG;;;EAGlB;EACD"}