{"_id":"@accessible-react-mentions/theme-default","name":"@accessible-react-mentions/theme-default","dist-tags":{"latest":"0.0.0"},"versions":{"0.0.0":{"name":"@accessible-react-mentions/theme-default","version":"0.0.0","description":"Opt-in default CSS theme for @accessible-react-mentions/react. Plain CSS with CSS variables, dark mode, reduced-motion variants, RTL via logical properties.","license":"MIT","type":"module","main":"./dist/theme.css","exports":{".":"./dist/theme.css","./tokens.css":"./dist/tokens.css"},"publishConfig":{"access":"public"},"scripts":{"build":"node -e \"const fs=require('fs'),p=require('path');fs.mkdirSync('dist',{recursive:true});['theme.css','tokens.css'].forEach(f=>fs.copyFileSync(p.join('src',f),p.join('dist',f)));\"","test":"echo 'no tests' && exit 0","typecheck":"echo 'no ts' && exit 0"},"_id":"@accessible-react-mentions/theme-default@0.0.0","_integrity":"sha512-jgBxQMXDVBb4cVC9ejis2WS8pW4vEcnRCdl/jHsawMdg7xWKTED6fpAdAd9AsH+m/Tb2W8Ij+QaiYCFu8mYV2A==","_resolved":"/private/var/folders/39/9xywyt255_d0vfpsvctvjmz80000gn/T/7c83e5169e909015fc28831420b0cd7e/accessible-react-mentions-theme-default-0.0.0.tgz","_from":"file:accessible-react-mentions-theme-default-0.0.0.tgz","_nodeVersion":"24.14.0","_npmVersion":"11.9.0","dist":{"integrity":"sha512-jgBxQMXDVBb4cVC9ejis2WS8pW4vEcnRCdl/jHsawMdg7xWKTED6fpAdAd9AsH+m/Tb2W8Ij+QaiYCFu8mYV2A==","shasum":"25f1d673b2a253b5a74171a8ba983e30acd435d6","tarball":"https://registry.npmjs.org/@accessible-react-mentions/theme-default/-/theme-default-0.0.0.tgz","fileCount":5,"unpackedSize":5147,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIGPdteWoDZ76qXpFu2vjH13IUpGg+u+MapEirezgKZbfAiAgDqguCf6N6/vV5XQtC6FhsDU9gCPSiSCcV1fR+iClgw=="}]},"_npmUser":{"name":"karan715","email":"karanthakur715@gmail.com"},"directories":{},"maintainers":[{"name":"karan715","email":"karanthakur715@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/theme-default_0.0.0_1777372345007_0.7890106284900087"},"_hasShrinkwrap":false}},"time":{"created":"2026-04-28T10:32:24.903Z","0.0.0":"2026-04-28T10:32:25.202Z","modified":"2026-04-28T10:32:25.508Z"},"maintainers":[{"name":"karan715","email":"karanthakur715@gmail.com"}],"description":"Opt-in default CSS theme for @accessible-react-mentions/react. Plain CSS with CSS variables, dark mode, reduced-motion variants, RTL via logical properties.","license":"MIT","readme":"# @accessible-react-mentions/theme-default\n\nOpt-in default CSS theme for [`@accessible-react-mentions/react`](../react). Plain CSS with CSS variables, dark mode via `prefers-color-scheme`, reduced-motion variants via `prefers-reduced-motion`, and RTL via logical properties.\n\n> **Status: pre-alpha.** Class hooks and selectors may change before v1.0.\n\n## Install\n\n```sh\npnpm add @accessible-react-mentions/theme-default\n```\n\n## Usage\n\n```ts\nimport '@accessible-react-mentions/theme-default';\n```\n\nThat's it. The theme targets `[role=\"listbox\"]` and `[role=\"option\"]` directly, so it works with the unstyled component out of the box. To customize without re-implementing, override the CSS variables exported by `tokens.css`:\n\n```css\n:root {\n  --arm-listbox-radius: 4px;\n  --arm-item-bg-active: #d1fae5;\n}\n```\n\nSee `src/tokens.css` for the full list.\n\n## License\n\nMIT\n","readmeFilename":"README.md","_rev":"1-8b83a15624f03e139e32a7b21ba4bcd4"}