{"_id":"@ayato-san/tailwind-scrollbar","name":"@ayato-san/tailwind-scrollbar","dist-tags":{"latest":"1.0.0"},"versions":{"1.0.0":{"name":"@ayato-san/tailwind-scrollbar","type":"module","version":"1.0.0","description":"A tailwind plugin that provides utilities for styling scrollbars.","author":{"name":"Ayato-san","email":"ayatosan.pro@gmail.com"},"license":"MIT","homepage":"https://github.com/Ayato-san/tailwind-scrollbar#readme","repository":{"type":"git","url":"git+https://github.com/Ayato-san/tailwind-scrollbar.git"},"bugs":{"url":"https://github.com/Ayato-san/tailwind-scrollbar/issues"},"keywords":["tailwind","tailwindcss","css","plugin"],"exports":{".":{"types":"./build/default/index.d.ts","import":"./build/default/index.js","require":"./build/default/index.cjs"},"./preconfigured/firefox":{"types":"./build/preconfigured/firefox.d.ts","import":"./build/preconfigured/firefox.js","require":"./build/preconfigured/firefox.cjs"}},"scripts":{"lint":"eslint .","lint:fix":"eslint . --fix","format":"prettier --write .","typecheck":"tsc --noEmit","prebuild":"npm run format && npm run lint:fix","build":"tsup","postbuild":"find ./build -name '*.cts' -type f -delete","prepublishOnly":"npm run build","release":"npx release-it"},"devDependencies":{"@ayato-san/tooling-configs":"^2.0.2","@types/node":"^22.5.5","eslint":"^9.10.0","prettier":"^3.3.3","release-it":"^17.6.0","tailwindcss":"^3.4.11","tsup":"^8.3.0","typescript":"^5.6.2"},"prettier":"@ayato-san/tooling-configs/prettier/default","publishConfig":{"access":"public","tag":"latest"},"release-it":{"git":{"commitMessage":"chore(release): ${version}","tagAnnotation":"v${version}","tagName":"v${version}"},"github":{"release":true,"releaseName":"v${version}","web":true}},"_id":"@ayato-san/tailwind-scrollbar@1.0.0","gitHead":"4bfbf26484a2361a9680246f88550394eb7b0728","_nodeVersion":"22.7.0","_npmVersion":"10.8.3","dist":{"integrity":"sha512-g91QgYiCU4EemKoEbuGQOkw78W+HJMQx4yYSq/PrRglgYDreMNWj6lKTtwdj48yNgoXi6yGuNng6D3v+xueDTQ==","shasum":"a62c4ad51e8ab7d4034d2d12560447ca7905cb2d","tarball":"https://registry.npmjs.org/@ayato-san/tailwind-scrollbar/-/tailwind-scrollbar-1.0.0.tgz","fileCount":15,"unpackedSize":18926,"signatures":[{"keyid":"SHA256:jl3bwswu80PjjokCgh0o2w5c2U4LhQAE57gj9cz1kzA","sig":"MEYCIQCk/9YeVgiPogaqTBHSzToao49c9ayjSaHlcL7UEWre6wIhAM/KXYDHitwkRgdNtnjHCY4A9b/7DL7QiWHLpmpOTp5Z"}]},"_npmUser":{"name":"ayato-san","email":"ayatosan.pro@gmail.com"},"directories":{},"maintainers":[{"name":"ayato-san","email":"ayatosan.pro@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages","tmp":"tmp/tailwind-scrollbar_1.0.0_1732632461246_0.1228543105631772"},"_hasShrinkwrap":false}},"time":{"created":"2024-11-26T14:47:41.119Z","1.0.0":"2024-11-26T14:47:41.565Z","modified":"2024-11-26T14:47:41.835Z"},"maintainers":[{"name":"ayato-san","email":"ayatosan.pro@gmail.com"}],"description":"A tailwind plugin that provides utilities for styling scrollbars.","homepage":"https://github.com/Ayato-san/tailwind-scrollbar#readme","keywords":["tailwind","tailwindcss","css","plugin"],"repository":{"type":"git","url":"git+https://github.com/Ayato-san/tailwind-scrollbar.git"},"author":{"name":"Ayato-san","email":"ayatosan.pro@gmail.com"},"bugs":{"url":"https://github.com/Ayato-san/tailwind-scrollbar/issues"},"license":"MIT","readme":"<p align=\"center\">\n  <img src=\"https://github.com/user-attachments/assets/8cafb40e-4d62-4c38-babe-82e44449496d\">\n</p>\n\n## Features\n\n- Custom scrollbar variants for different parts of the scrollbar.\n- Utilities for setting `scrollbar-gutter` with various values.\n- Utilities for setting `scrollbar-width` with different options.\n- Custom scrollbar colors using `scrollbar-fg` and `scrollbar-bg` utilities.\n\n### Install\n\n- with NPM\n\n  ```bash\n  npm install -D tailwindcss @ayato-san/tailwind-scrollbar\n  ```\n\n- with pnpm\n\n  ```bash\n  pnpm add -D tailwindcss @ayato-san/tailwind-scrollbar\n  ```\n\n- with yarn\n  ```bash\n  yarn add -D tailwindcss @ayato-san/tailwind-scrollbar\n  ```\n\n### Utilities\n\n- Custom scrollbar variants such as `scrollbar`, `scrollbar-horizontal`, `scrollbar-vertical`, `scrollbar-button`, `scrollbar-thumb`, `scrollbar-track`, `scrollbar-track-piece`, `scrollbar-corner`, and `scrollbar-resizer`.\n- Utilities to set `scrollbar-gutter` with values like `auto`, `stable`, `stable-both`, `inherit`, and `initial`.\n- Utilities to set `scrollbar-width` with values like `auto`, `thin`, and `none`.\n- Custom scrollbar foreground and background colors using `scrollbar-fg` and `scrollbar-bg` utilities, supporting all colors from the Tailwind CSS color palette.\n\n### Preconfiguration\n\n- `firefox`: Scrollbar in firefox's like style\n\ninside the `tailwind.config.js`\n\n```js\nplugins: [require('@ayato-san/tailwind-scrollbar/preconfigured/<name>')]\n```\n\n#### customize preconfiguration\n\n```js\ntheme: {\n  scrollbar: {\n    size: '10px', // the width or height of the scrollbar\n    padding: '2px', // the padding between the scrollbar and the border\n    background: { default: '#f0f0f0', hover: '#f4f4f4' }, // the scrollbar tack color\n    foreground: { default: '#bfbfbf', hover: '#a6a6a6' }, // the scrollbar thumb color\n  }\n}\n```\n","readmeFilename":"README.md"}