@lobehub/ui/es/base-ui/panelStyles.mjs.map

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

{"version":3,"file":"panelStyles.mjs","names":[],"sources":["../../src/base-ui/panelStyles.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const panelStyles = createStaticStyles(({ css, cssVar }) => ({\n  label: css`\n    font-size: 10px;\n    font-weight: 600;\n    color: ${cssVar.colorTextTertiary};\n    text-transform: uppercase;\n    letter-spacing: 0.08em;\n  `,\n  nav: css`\n    ${focusRing};\n    cursor: pointer;\n\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 28px;\n    height: 28px;\n    padding: 0;\n    border: 0;\n    border-radius: 50%;\n\n    color: ${cssVar.colorTextSecondary};\n\n    background: none;\n\n    &:hover {\n      color: ${cssVar.colorText};\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  pill: css`\n    ${focusRing};\n    cursor: pointer;\n\n    display: inline-flex;\n    gap: 6px;\n    align-items: center;\n    justify-content: center;\n\n    height: 32px;\n    padding-inline: 14px;\n    border: 0;\n    border-radius: 999px;\n\n    font: inherit;\n    font-size: 13px;\n    font-weight: 500;\n    color: ${cssVar.colorBgContainer};\n\n    background: ${cssVar.colorText};\n  `,\n  pillGhost: css`\n    color: ${cssVar.colorText};\n    background: ${cssVar.colorFillTertiary};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  popup: css`\n    padding: 16px;\n    border-radius: 16px;\n    background: ${cssVar.colorBgElevated};\n    box-shadow: ${cssVar.boxShadow}, var(--lobe-ring);\n  `,\n  title: css`\n    ${focusRing};\n    cursor: pointer;\n\n    padding: 0;\n    border: 0;\n\n    font: inherit;\n    font-size: 22px;\n    font-weight: 600;\n    line-height: 1.2;\n    color: ${cssVar.colorText};\n    text-align: start;\n    letter-spacing: -0.01em;\n\n    background: none;\n  `,\n  titleMuted: css`\n    font-weight: 400;\n    color: ${cssVar.colorTextTertiary};\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,cAAc,oBAAoB,EAAE,KAAK,cAAc;CAClE,OAAO,GAAG;;;aAGC,OAAO,kBAAkB;;;;CAIpC,KAAK,GAAG;MACJ,UAAU;;;;;;;;;;;;;aAaH,OAAO,mBAAmB;;;;;eAKxB,OAAO,UAAU;oBACZ,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;MACL,UAAU;;;;;;;;;;;;;;;;aAgBH,OAAO,iBAAiB;;kBAEnB,OAAO,UAAU;;CAEjC,WAAW,GAAG;aACH,OAAO,UAAU;kBACZ,OAAO,kBAAkB;;;oBAGvB,OAAO,mBAAmB;;;CAG5C,OAAO,GAAG;;;kBAGM,OAAO,gBAAgB;kBACvB,OAAO,UAAU;;CAEjC,OAAO,GAAG;MACN,UAAU;;;;;;;;;;aAUH,OAAO,UAAU;;;;;;CAM5B,YAAY,GAAG;;aAEJ,OAAO,kBAAkB;;AAEtC,EAAE"}