@lobehub/ui/es/EmojiPicker/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/EmojiPicker/style.ts"],"sourcesContent":["import { createStaticStyles } from 'antd-style';\n\nexport const styles = createStaticStyles(({ css, cssVar }) => ({\n  picker: css`\n    position: relative;\n\n    em-emoji-picker {\n      --rgb-accent: var(--emoji-picker-rgb-accent, 0, 0, 0);\n      --shadow: none;\n      --rgb-background: var(--emoji-picker-rgb-background, 255, 255, 255);\n      --border-radius: 0;\n    }\n  `,\n  popover: css`\n    overflow: hidden;\n    padding: 0;\n  `,\n  positioner: css`\n    width: fit-content !important;\n  `,\n  root: css`\n    position: relative;\n    transition: background 150ms ${cssVar.motionEaseOut};\n\n    &:hover {\n      background: ${cssVar.colorFillSecondary};\n    }\n  `,\n  tab: css`\n    && {\n      width: 32px;\n      height: 32px;\n      padding: 0;\n      border-radius: ${cssVar.borderRadius};\n\n      transition: background-color 100ms ease-out;\n    }\n\n    &&:hover:not([data-disabled]) {\n      background: ${cssVar.colorFillTertiary};\n    }\n  `,\n  tabs: css`\n    border-block-end: 1px solid ${cssVar.colorBorderSecondary};\n  `,\n  tabsIndicator: css`\n    && {\n      height: 3px;\n      border-start-start-radius: 3px;\n      border-start-end-radius: 3px;\n    }\n  `,\n  tabsList: css`\n    && {\n      gap: 8px;\n      padding: 4px;\n      box-shadow: none;\n    }\n  `,\n  tabsRoot: css`\n    && {\n      width: auto;\n    }\n  `,\n}));\n"],"mappings":";;AAEA,MAAa,SAAS,oBAAoB,EAAE,KAAK,cAAc;CAC7D,QAAQ,GAAG;;;;;;;;;;CAUX,SAAS,GAAG;;;;CAIZ,YAAY,GAAG;;;CAGf,MAAM,GAAG;;mCAEwB,OAAO,cAAc;;;oBAGpC,OAAO,mBAAmB;;;CAG5C,KAAK,GAAG;;;;;uBAKa,OAAO,aAAa;;;;;;oBAMvB,OAAO,kBAAkB;;;CAG3C,MAAM,GAAG;kCACuB,OAAO,qBAAqB;;CAE5D,eAAe,GAAG;;;;;;;CAOlB,UAAU,GAAG;;;;;;;CAOb,UAAU,GAAG;;;;;AAKf,EAAE"}