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

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

{"version":3,"file":"focusRing.mjs","names":["ringColor"],"sources":["../../src/base-ui/focusRing.ts"],"sourcesContent":["import { css, cssVar, keyframes } from 'antd-style';\n\nimport { focusRingColor as ringColor } from '@/GlobalFocusRing/style';\n\nconst ringIn = keyframes`\n  from {\n    outline-color: transparent;\n    outline-offset: 5px;\n  }\n`;\n\nconst ring = (color: string) => css`\n  --lobe-focus-ring-color: ${color};\n\n  &:focus-visible:not([data-lobe-focus-ring='managed']) {\n    outline: 2px solid ${ringColor(color)};\n    outline-offset: 2px;\n    animation: ${ringIn} 200ms cubic-bezier(0.22, 1, 0.36, 1);\n\n    @media (prefers-reduced-motion: reduce) {\n      animation: none;\n    }\n\n    @media (forced-colors: active) {\n      outline-color: CanvasText;\n      animation: none;\n    }\n  }\n`;\n\nexport const focusRing = ring(cssVar.colorInfo);\n\nexport const focusRingColor = ring;\n"],"mappings":";;;AAIA,MAAM,SAAS,SAAS;;;;;;AAOxB,MAAM,QAAQ,UAAkB,GAAG;6BACN,MAAM;;;yBAGVA,iBAAU,KAAK,EAAE;;iBAEzB,OAAO;;;;;;;;;;;;AAaxB,MAAa,YAAY,KAAK,OAAO,SAAS;AAE9C,MAAa,iBAAiB"}