{"_id":"@allem-ui/changelog","_rev":"4-d10efb825eef344e6a335e2d03a8e7b0","name":"@allem-ui/changelog","dist-tags":{"latest":"0.0.4"},"versions":{"0.0.1":{"name":"@allem-ui/changelog","version":"0.0.1","keywords":["allem-ui","changelog","timeline","release-notes","react","components"],"author":{"url":"https://kingallem.com","name":"Ahmed Allem"},"license":"MIT","_id":"@allem-ui/changelog@0.0.1","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"homepage":"https://github.com/kingofmit/allem-ui#readme","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"dist":{"shasum":"ed655bc3a07fb0fe358aecd7de4d082ff77bdcc0","tarball":"https://registry.npmjs.org/@allem-ui/changelog/-/changelog-0.0.1.tgz","fileCount":7,"integrity":"sha512-gj1nRoirRFwvyDJq7B0Ucm3KrH1FPi0SKqiqayh3JWuERdb644iWzNx5w76MH250o2TSLpSBEeDtTpAFeDbS0g==","signatures":[{"sig":"MEQCIG2SEsALv2ACHzknv4PmsqitYvB404zAxjYZKtTkAtTRAiAFqnesFPSkkzZ3HMcLr7SG8yGxfwNDjtOpsmLLWdxdLA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":26691},"main":"./dist/index.js","_from":"file:allem-ui-changelog-0.0.1.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist"},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/bb38157fff5aec26df9900c4c542516c/allem-ui-changelog-0.0.1.tgz","_integrity":"sha512-gj1nRoirRFwvyDJq7B0Ucm3KrH1FPi0SKqiqayh3JWuERdb644iWzNx5w76MH250o2TSLpSBEeDtTpAFeDbS0g==","repository":{"url":"git+https://github.com/kingofmit/allem-ui.git","type":"git","directory":"packages/changelog"},"_npmVersion":"11.12.1","description":"Changelog and release timeline components for Allem UI","directories":{},"sideEffects":false,"_nodeVersion":"26.0.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.4.0","react":"^19.0.0","react-dom":"^19.0.0","typescript":"^5.8.0","@types/react":"^19.0.0","@types/react-dom":"^19.0.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0","@allem-ui/react":">=0.0.1","@allem-ui/theme":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/changelog_0.0.1_1779396104835_0.5563594053183831","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@allem-ui/changelog","version":"0.0.2","keywords":["allem-ui","changelog","timeline","release-notes","react","components"],"author":{"url":"https://kingallem.com","name":"Ahmed Allem"},"license":"MIT","_id":"@allem-ui/changelog@0.0.2","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"homepage":"https://github.com/kingofmit/allem-ui#readme","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"dist":{"shasum":"a4040485cac195c9cab6a12f9e45a79933e4db5d","tarball":"https://registry.npmjs.org/@allem-ui/changelog/-/changelog-0.0.2.tgz","fileCount":8,"integrity":"sha512-Ax2fVWLzdG8zv2OoIrnnjZhTG56tF3C1slWevq++0xcCjiEodWycXlkjbcRkBn9eX2sLqdNOp9WmKEgQqo4ZYQ==","signatures":[{"sig":"MEYCIQCki4ANg+kwCya9BcTLKLxH6R6kwoGU/Sc4lWIL3x2x/wIhALTyfCDK6i1vdSCD2vxdU85pf5ggPiE/I0gVxO4kF2yi","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29923},"main":"./dist/index.js","_from":"file:allem-ui-changelog-0.0.2.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist"},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/54c14f37d864e81576f3b87783835642/allem-ui-changelog-0.0.2.tgz","_integrity":"sha512-Ax2fVWLzdG8zv2OoIrnnjZhTG56tF3C1slWevq++0xcCjiEodWycXlkjbcRkBn9eX2sLqdNOp9WmKEgQqo4ZYQ==","repository":{"url":"git+https://github.com/kingofmit/allem-ui.git","type":"git","directory":"packages/changelog"},"_npmVersion":"11.12.1","description":"Changelog and release timeline components for Allem UI","directories":{},"sideEffects":false,"_nodeVersion":"26.0.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^19.2.0","react-dom":"^19.2.0","typescript":"^5.9.0","@types/react":"^19.2.0","@types/react-dom":"^19.2.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0","@allem-ui/react":">=0.0.1","@allem-ui/theme":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/changelog_0.0.2_1779493734098_0.3708346874205213","host":"s3://npm-registry-packages-npm-production"}},"0.0.3":{"name":"@allem-ui/changelog","version":"0.0.3","keywords":["allem-ui","changelog","timeline","release-notes","react","components"],"author":{"url":"https://kingallem.com","name":"Ahmed Allem"},"license":"MIT","_id":"@allem-ui/changelog@0.0.3","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"homepage":"https://github.com/kingofmit/allem-ui#readme","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"dist":{"shasum":"361867f5cbbd363aae1180b342d2f85a6b0e60ad","tarball":"https://registry.npmjs.org/@allem-ui/changelog/-/changelog-0.0.3.tgz","fileCount":8,"integrity":"sha512-k4RETX4bBZGX4ePA/WCSg/aKsCIh+ucTnXXFsLZ+icHz+CMN0kKPFeFZN2GKYKv34vxdEEEtRml8BHNtGQDELQ==","signatures":[{"sig":"MEUCIQDO3QiuzyG8ooOexXWUkOrJTtHl0bgaJzXhOpvJnZUV2AIgcgU69U4GYueBqCZG81PkqIGN1E/vhgnm2fEx52Wcskk=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":29923},"main":"./dist/index.js","_from":"file:allem-ui-changelog-0.0.3.tgz","types":"./dist/index.d.ts","module":"./dist/index.mjs","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"scripts":{"dev":"tsup --watch","build":"tsup","clean":"rm -rf dist"},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/3749f4a3d7f32f91d6d38d0dcda98834/allem-ui-changelog-0.0.3.tgz","_integrity":"sha512-k4RETX4bBZGX4ePA/WCSg/aKsCIh+ucTnXXFsLZ+icHz+CMN0kKPFeFZN2GKYKv34vxdEEEtRml8BHNtGQDELQ==","repository":{"url":"git+https://github.com/kingofmit/allem-ui.git","type":"git","directory":"packages/changelog"},"_npmVersion":"11.12.1","description":"Changelog and release timeline components for Allem UI","directories":{},"sideEffects":false,"_nodeVersion":"26.0.0","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"tsup":"^8.5.0","react":"^19.2.0","react-dom":"^19.2.0","typescript":"^5.9.0","@types/react":"^19.2.0","@types/react-dom":"^19.2.0"},"peerDependencies":{"react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0","@allem-ui/react":">=0.0.1","@allem-ui/theme":">=0.0.1"},"_npmOperationalInternal":{"tmp":"tmp/changelog_0.0.3_1779495662145_0.9386096186668791","host":"s3://npm-registry-packages-npm-production"}},"0.0.4":{"name":"@allem-ui/changelog","version":"0.0.4","description":"Changelog and release timeline components for Allem UI","license":"MIT","author":{"name":"Ahmed Allem","url":"https://kingallem.com"},"main":"./dist/index.js","module":"./dist/index.mjs","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.mjs","require":"./dist/index.js"}},"sideEffects":false,"devDependencies":{"@types/react":"^19.2.0","@types/react-dom":"^19.2.0","react":"^19.2.0","react-dom":"^19.2.0","tsup":"^8.5.0","typescript":"^5.9.0"},"peerDependencies":{"@allem-ui/react":">=0.0.4","@allem-ui/theme":">=0.0.3","react":">=18.0.0","react-dom":">=18.0.0","tailwindcss":">=4.0.0"},"repository":{"type":"git","url":"git+https://github.com/kingofmit/allem-ui.git","directory":"packages/changelog"},"keywords":["allem-ui","changelog","timeline","release-notes","react","components"],"publishConfig":{"access":"public"},"scripts":{"build":"tsup","dev":"tsup --watch","clean":"rm -rf dist"},"_id":"@allem-ui/changelog@0.0.4","bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"homepage":"https://github.com/kingofmit/allem-ui#readme","_integrity":"sha512-+qDYKr+nEh9a1bzq/Tp87qOF4sQ7FxPHJ/FCoa5B+62kIegAYurJoreGdtL6f/fhmCbiWwIRKM7deGwUCjwX3w==","_resolved":"/private/var/folders/4v/rph2hgm54rqf12vzbjxpn5kc0000gn/T/8b1be606417f8dba6249236f2d46d053/allem-ui-changelog-0.0.4.tgz","_from":"file:allem-ui-changelog-0.0.4.tgz","_nodeVersion":"26.0.0","_npmVersion":"11.12.1","dist":{"integrity":"sha512-+qDYKr+nEh9a1bzq/Tp87qOF4sQ7FxPHJ/FCoa5B+62kIegAYurJoreGdtL6f/fhmCbiWwIRKM7deGwUCjwX3w==","shasum":"37db2c6c32a6e63b16bbf9c5b3584493f360cc9b","tarball":"https://registry.npmjs.org/@allem-ui/changelog/-/changelog-0.0.4.tgz","fileCount":8,"unpackedSize":30373,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQC5xn2D9SyrtLINaRv2D51WPwfXruw0XYVryKN+AG17swIgOQEXorQWVqGvyZxfycSTlBAoIJLFaLSHwLTM6CdXxLo="}]},"_npmUser":{"name":"kingofmit","email":"allem.ahmed@gmail.com"},"directories":{},"maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/changelog_0.0.4_1779581028066_0.6103729524623132"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-21T20:41:44.668Z","modified":"2026-05-24T00:03:48.365Z","0.0.1":"2026-05-21T20:41:44.992Z","0.0.2":"2026-05-22T23:48:54.241Z","0.0.3":"2026-05-23T00:21:02.296Z","0.0.4":"2026-05-24T00:03:48.229Z"},"bugs":{"url":"https://github.com/kingofmit/allem-ui/issues"},"author":{"name":"Ahmed Allem","url":"https://kingallem.com"},"license":"MIT","homepage":"https://github.com/kingofmit/allem-ui#readme","keywords":["allem-ui","changelog","timeline","release-notes","react","components"],"repository":{"type":"git","url":"git+https://github.com/kingofmit/allem-ui.git","directory":"packages/changelog"},"description":"Changelog and release timeline components for Allem UI","maintainers":[{"name":"kingofmit","email":"allem.ahmed@gmail.com"}],"readme":"

\n \"Allem\n

\n\n

\n \"npm\n \"License\"\n \"React\n \"Tailwind\n \"TypeScript\"\n

\n\n# @allem-ui/changelog\n\nChangelog and release timeline components for Allem UI -- timeline layouts, version badges, and grouped change entries.\n\n## Installation\n\n```bash\nnpm install @allem-ui/changelog @allem-ui/react @allem-ui/theme\n```\n\n## Tailwind CSS Setup\n\nAdd the following to your main CSS file (e.g. `globals.css`) so Tailwind generates the utility classes used by the components:\n\n```css\n@import \"tailwindcss\";\n@source \"@allem-ui/react\";\n@source \"@allem-ui/changelog\";\n@source \"@allem-ui/theme\";\n```\n\n> **Note:** The `@source` directive tells Tailwind CSS v4 to scan the package for class names. Without it, component styles like padding, borders, and colors won't be generated.\n\n## Quick Start\n\n```tsx\nimport {\n ChangelogTimeline,\n ChangelogEntry,\n VersionBadge,\n ChangelogGroup,\n ChangelogGroupItem,\n} from \"@allem-ui/changelog\";\n\nexport function ReleasePage() {\n return (\n \n \n v2.0.0\n \n New DataGrid component\n Dark mode improvements\n \n \n Modal focus trap on mobile\n \n \n \n );\n}\n```\n\n## Components\n\n| Component | Description |\n|-----------|-------------|\n| `ChangelogTimeline` | Vertical timeline container for changelog entries |\n| `ChangelogEntry` | Single release entry with date and content |\n| `VersionBadge` | Colored badge for major, minor, and patch versions |\n| `ChangelogGroup` | Groups changes by type (added, fixed, changed, removed) |\n| `ChangelogGroupItem` | Individual change item within a group |\n\n## Features\n\n- **Timeline layout** -- Vertical timeline with connecting lines and date markers\n- **Version badges** -- Color-coded badges for major, minor, and patch releases\n- **Grouped changes** -- Organize entries by added, fixed, changed, removed\n- **Composable** -- Build custom changelog layouts with individual components\n- **Dark mode** -- First-class dark mode with `dark:` Tailwind prefix\n- **TypeScript strict** -- Full type safety with exported prop types\n- **Tree-shakeable** -- ESM + CJS builds, import only what you use\n\n## Part of Allem UI\n\nThis is a standalone package in the [Allem UI](https://github.com/kingofmit/allem-ui) monorepo. For core components, see [`@allem-ui/react`](https://www.npmjs.com/package/@allem-ui/react).\n\n## Support\n\nIf you find Allem UI useful, consider supporting its development:\n\n\"Buy\n\n## License\n\n[MIT](https://github.com/kingofmit/allem-ui/blob/main/LICENSE) - [Ahmed Allem](https://kingallem.com)\n","readmeFilename":"README.md"}