@lobehub/ui/es/base-ui/Tree/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/Tree/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nimport { focusRing } from '@/base-ui/focusRing';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  checkbox: css`\n    margin-inline-end: 8px;\n  `,\n  guide: css`\n    pointer-events: none;\n    position: absolute;\n    inset-block-start: 0;\n    inset-inline-start: 0;\n    height: 100%;\n    overflow: visible;\n\n    path {\n      fill: none;\n      stroke: ${cssVar.colorBorderSecondary};\n      stroke-width: 1;\n      stroke-linecap: round;\n    }\n  `,\n  icon: css`\n    display: inline-flex;\n    flex: none;\n    align-items: center;\n    margin-inline-end: 6px;\n    color: ${cssVar.colorTextSecondary};\n  `,\n  node: css`\n    position: relative;\n    display: flex;\n    align-items: center;\n    border-radius: ${cssVar.borderRadius};\n    color: ${cssVar.colorText};\n    outline: none;\n    ${focusRing}\n  `,\n  nodeBlock: css`\n    cursor: pointer;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    &[aria-selected='true'] {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  nodeDisabled: css`\n    cursor: not-allowed;\n    color: ${cssVar.colorTextDisabled};\n\n    &:hover {\n      background: transparent;\n    }\n  `,\n  panel: css`\n    height: var(--collapsible-panel-height);\n    overflow: hidden;\n    transition: height 200ms ${cssVar.motionEaseOut};\n\n    &[data-starting-style],\n    &[data-ending-style] {\n      height: 0;\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      transition-duration: 0s;\n    }\n  `,\n  root: css`\n    display: flex;\n    flex-direction: column;\n    user-select: none;\n    outline: none;\n  `,\n  switcher: css`\n    display: grid;\n    flex: none;\n    place-items: center;\n    width: 24px;\n    height: 24px;\n    padding: 0;\n    border: 0;\n    border-radius: ${cssVar.borderRadiusSM};\n    background: none;\n    color: ${cssVar.colorTextSecondary};\n    cursor: pointer;\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n      color: ${cssVar.colorText};\n    }\n\n    svg {\n      transition: transform 200ms ${cssVar.motionEaseOut};\n    }\n\n    [aria-expanded='true'] > & svg {\n      transform: rotate(90deg);\n    }\n\n    @media (prefers-reduced-motion: reduce) {\n      svg {\n        transition-duration: 0s;\n      }\n    }\n  `,\n  switcherLeaf: css`\n    visibility: hidden;\n    pointer-events: none;\n  `,\n  title: css`\n    display: inline-flex;\n    align-items: center;\n    gap: 6px;\n    min-width: 0;\n    padding-block: 2px;\n    padding-inline: 6px;\n    border-radius: ${cssVar.borderRadiusSM};\n    overflow: hidden;\n    white-space: nowrap;\n    text-overflow: ellipsis;\n  `,\n  titleBlock: css`\n    flex: 1;\n  `,\n  titleInline: css`\n    cursor: pointer;\n\n    &:hover {\n      background: ${cssVar.colorFillTertiary};\n    }\n\n    [aria-selected='true'] > & {\n      background: ${cssVar.colorFillSecondary};\n    }\n\n    [aria-disabled='true'] > & {\n      cursor: not-allowed;\n      background: transparent;\n    }\n  `,\n}));\n"],"mappings":";;;AAIA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,UAAU,GAAG;;;CAGb,OAAO,GAAG;;;;;;;;;;gBAUI,OAAO,qBAAqB;;;;;CAK1C,MAAM,GAAG;;;;;aAKE,OAAO,mBAAmB;;CAErC,MAAM,GAAG;;;;qBAIU,OAAO,aAAa;aAC5B,OAAO,UAAU;;MAExB,UAAU;;CAEd,WAAW,GAAG;;;;oBAII,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;CAG5C,cAAc,GAAG;;aAEN,OAAO,kBAAkB;;;;;;CAMpC,OAAO,GAAG;;;+BAGmB,OAAO,cAAc;;;;;;;;;;;CAWlD,MAAM,GAAG;;;;;;CAMT,UAAU,GAAG;;;;;;;;qBAQM,OAAO,eAAe;;aAE9B,OAAO,mBAAmB;;;;oBAInB,OAAO,mBAAmB;eAC/B,OAAO,UAAU;;;;oCAII,OAAO,cAAc;;;;;;;;;;;;;CAavD,cAAc,GAAG;;;;CAIjB,OAAO,GAAG;;;;;;;qBAOS,OAAO,eAAe;;;;;CAKzC,YAAY,GAAG;;;CAGf,aAAa,GAAG;;;;oBAIE,OAAO,kBAAkB;;;;oBAIzB,OAAO,mBAAmB;;;;;;;;AAQ9C,EAAE"}