@lobehub/ui/es/base-ui/List/style.mjs.map

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

{"version":3,"file":"style.mjs","names":[],"sources":["../../../src/base-ui/List/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  actions: css`\n    position: absolute;\n    inset-block-start: 50%;\n    inset-inline-end: 8px;\n    transform: translateY(-50%);\n\n    display: none;\n    gap: 4px;\n    align-items: center;\n  `,\n  active: css`\n    font-weight: 500;\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillSecondary};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  body: css`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    gap: 1px;\n\n    min-width: 0;\n  `,\n  compact: css`\n    gap: 2px;\n\n    & > li > a,\n    & > li > button {\n      padding-inline: 8px;\n    }\n  `,\n  danger: css`\n    color: ${cssVar.colorError};\n\n    &:hover {\n      color: ${cssVar.colorError};\n    }\n  `,\n  description: css`\n    overflow: hidden;\n\n    font-size: 12px;\n    font-weight: 400;\n    line-height: 1.4;\n    color: ${cssVar.colorTextDescription};\n    text-overflow: ellipsis;\n    white-space: nowrap;\n  `,\n  disabled: css`\n    cursor: not-allowed;\n    opacity: 0.45;\n  `,\n  divider: css`\n    height: 1px;\n    margin-block: 4px;\n    background: ${cssVar.colorBorderSecondary};\n  `,\n  extra: css`\n    flex: none;\n    font-size: 12px;\n    color: ${cssVar.colorTextDescription};\n  `,\n  filled: css`\n    padding: 4px;\n    border-radius: ${cssVar.borderRadiusLG};\n    background: ${cssVar.colorFillQuaternary};\n  `,\n  item: css`\n    position: relative;\n\n    &:hover > span:last-child,\n    &:focus-within > span:last-child {\n      display: inline-flex;\n    }\n  `,\n  label: css`\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n\n    a {\n      color: inherit;\n    }\n  `,\n  outlined: css`\n    padding: 4px;\n    border: 1px solid ${cssVar.colorBorderSecondary};\n    border-radius: ${cssVar.borderRadiusLG};\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n\n    margin: 0;\n    padding: 0;\n\n    list-style: none;\n  `,\n  row: css`\n    ${focusRing};\n    cursor: pointer;\n\n    display: flex;\n    gap: 12px;\n    align-items: center;\n\n    box-sizing: border-box;\n    width: 100%;\n    min-height: 32px;\n    padding-block: 6px;\n    padding-inline: 12px;\n    border: 0;\n    border-radius: ${cssVar.borderRadius};\n\n    font: inherit;\n    font-size: 14px;\n    color: ${cssVar.colorTextSecondary};\n    text-align: start;\n    text-decoration: none;\n\n    background: none;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  showAction: css`\n    & > span:last-child {\n      display: inline-flex;\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,SAAS,GAAG;;;;;;;;;;CAUZ,QAAQ,GAAG;;aAEA,OAAO,UAAU;kBACZ,OAAO,mBAAmB;;;oBAGxB,OAAO,mBAAmB;;;CAG5C,MAAM,GAAG;;;;;;;;CAQT,SAAS,GAAG;;;;;;;;CAQZ,QAAQ,GAAG;aACA,OAAO,WAAW;;;eAGhB,OAAO,WAAW;;;CAG/B,aAAa,GAAG;;;;;;aAML,OAAO,qBAAqB;;;;CAIvC,UAAU,GAAG;;;;CAIb,SAAS,GAAG;;;kBAGI,OAAO,qBAAqB;;CAE5C,OAAO,GAAG;;;aAGC,OAAO,qBAAqB;;CAEvC,QAAQ,GAAG;;qBAEQ,OAAO,eAAe;kBACzB,OAAO,oBAAoB;;CAE3C,MAAM,GAAG;;;;;;;;CAQT,OAAO,GAAG;;;;;;;;;CASV,UAAU,GAAG;;wBAES,OAAO,qBAAqB;qBAC/B,OAAO,eAAe;;CAEzC,MAAM,GAAG;;;;;;;;;;CAUT,KAAK,GAAG;MACJ,UAAU;;;;;;;;;;;;;qBAaK,OAAO,aAAa;;;;aAI5B,OAAO,mBAAmB;;;;;;;eAOxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,YAAY,GAAG;;;;;AAKjB,EAAE"}