{"_id":"@alfredai/design-system","_rev":"9-0c791467cf71755c5b59c325691a4b61","name":"@alfredai/design-system","dist-tags":{"latest":"1.2.5"},"versions":{"1.0.0":{"name":"@alfredai/design-system","version":"1.0.0","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.0.0","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"a81c622a4031c3c22e7e08305f56b472f54532e0","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.0.0.tgz","fileCount":200,"integrity":"sha512-b1JpPl7ZXMw21Pe08++E1nt88NmMIJZTvq+oNUgKLnsiznbWjK2iEZWSq00I8V0AGuE2hP4VJ38GIWtJ4H4/JQ==","signatures":[{"sig":"MEUCIQDMBDVM2GJe5ai7xF7jmQ6zFD/SdDtx9WFV6O93x1XXLgIgLlX1SjdxR36dej7XXMJ1ldU+OB5db+1MkAomw9NYFuQ=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1581585},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"gitHead":"82e2f0270ef9fa45e14aec92ee28c53c77d7787b","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.0.0_1785060748082_0.4321938852498164","host":"s3://npm-registry-packages-npm-production"}},"1.1.0":{"name":"@alfredai/design-system","version":"1.1.0","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.1.0","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"724ededf635ccf639583ba8f285abc5422f98816","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.1.0.tgz","fileCount":202,"integrity":"sha512-ZIl6S5a0rVr+Q7d5F2ayUq5v7hQOwrDHd8Yn51Aklg+4/skReH87CwY0dCuKaDJ0T6/31UoPoDaXaH/cKefkhA==","signatures":[{"sig":"MEQCIAOfvnkCbpLwFDxLuf+iILMgQvccBZapCGzbImm09gn8AiATVf8IxK5IvHrb+3ve6CsCCaozmFQ7fZ88d/007v5bVw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1560125},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"gitHead":"ebb90a9c09c604d7d0d5409cf774322ae64b9e22","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.1.0_1785407217576_0.47445617844688615","host":"s3://npm-registry-packages-npm-production"}},"1.1.1":{"name":"@alfredai/design-system","version":"1.1.1","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.1.1","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"ec440ed4ba06151c3fb897699205f58cf58ddd34","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.1.1.tgz","fileCount":202,"integrity":"sha512-yNkZW2ShwxafStvltOuboHAYLXdoduNBoST3G64ytctEvg0IqbiEkNf7nremk45Ya7jZ/HyuSBCgEbdQljEE/Q==","signatures":[{"sig":"MEUCIQDNTQVsksoW25k4GH44K/aMO3gaLpfVV52IUG1LzM34KgIgNm5WHAT0mIv7HPbqtf2aUEaLg+SK6lbZuYKj4dFCxEs=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1560130},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"gitHead":"8f371cf409ba56881b461857d048697a9178e5cf","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.1.1_1785422917846_0.46307322321297906","host":"s3://npm-registry-packages-npm-production"}},"1.2.0":{"name":"@alfredai/design-system","version":"1.2.0","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.2.0","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"6adcab35a3a2ede4efecd030371ac1df3e80a0b3","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.0.tgz","fileCount":202,"integrity":"sha512-HE7YC7z249u80jr1rTSpn3xV+XCljF2RcY8ndDA2DLEbuaSI80MNLhSToqw+LF3nh+8IAwhwaHn48birXTvZIw==","signatures":[{"sig":"MEYCIQDWQzyCjF7GlTpJBleEZZsGB0cYRCnt3HufJp6094lewAIhAMpUc3EEpJokJ/Znm5tp28GJc01mwD6RXz74qb6iSyDb","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1807243},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"gitHead":"d4d8249353ff7110cf35a4fdc2b6b45624826d83","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.2.0_1786618252384_0.8699235961528473","host":"s3://npm-registry-packages-npm-production"}},"1.2.1":{"name":"@alfredai/design-system","version":"1.2.1","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.2.1","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"f4f1155e18a657c6e68d7749d94845eb68bdf99e","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.1.tgz","fileCount":214,"integrity":"sha512-apx0AR1TMiwlQmVfCF90lN3Du74Ws9KIQZv951hc2Z+PNX/mOS8Vk2fvJQCDkQ11MwbEf7bW++z6ItKLI3qo9A==","signatures":[{"sig":"MEQCID7nWMvXjhs/p7/b2sgXfSKXCevOJf3r9wXylk5K+bjrAiB5+/Qa0JIzk0PLLJCjbeFRMlyRQJi/ZyS9Dg+ejwN57w==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1818144},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"26.3.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.2.1_1787831176167_0.9270672281945105","host":"s3://npm-registry-packages-npm-production"}},"1.2.2":{"name":"@alfredai/design-system","version":"1.2.2","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.2.2","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://raghavmkarya.github.io/alfred-design-system/","bugs":{"url":"https://github.com/raghavmkarya/alfred-design-system/issues"},"dist":{"shasum":"e4a10383dffc3e0c791e9cf97ae0a540be6b4126","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.2.tgz","fileCount":214,"integrity":"sha512-FJO0ifljU/5gf+pES7fBaaAmYyHJ6fxnU7vlvip60pIsv4Af7WqTmXyRKKMa66PSh3LsCVl6lUFasilUuQknFw==","signatures":[{"sig":"MEUCIBIUS2MMys5HEagzQaKW66yvo8nmwZc6PBeUgTfAvEMIAiEAhpx0tTireNeiMBSzPV55TD2KCHUMiGl+uLunqAAtHyI=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEYCIQCfk1ubf/T731gsFF+JAYAhBa+ZxdoIw77SNV5gUrkanAIhAIgfX8oxBkWU2CccKiUz7kj28Mym4nTVdrPFXewmfmji","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1818144},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/raghavmkarya/alfred-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Alfred AI design system — tokens, themes and 115 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"26.3.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.2.2_1788162887135_0.9626058538735849","host":"s3://npm-registry-packages-npm-production"}},"1.2.3":{"name":"@alfredai/design-system","version":"1.2.3","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.2.3","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://e902-ailabs.github.io/alfred-design-system/","bugs":{"url":"https://github.com/e902-ailabs/alfred-design-system/issues"},"dist":{"shasum":"8c6556cf475e7d8e81354acab1c23a6dbb331185","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.3.tgz","fileCount":214,"integrity":"sha512-YrkCJ3g0NEsLVDCk/2+fZsezvoYZtk/7WkRT57rOgTk6F7w4Muo/0xKj/6FzV4vZhoIj2YLMgUM1LiIvTo/CqA==","signatures":[{"sig":"MEYCIQDfCxk1Rqbp+q3CstueVmqxQYKRrE6ybDZawVsFO/RqAAIhAN4WtJstCM+UJYyL20yMA8ka7BGs5av1wTptDuObpM4+","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEUCIQCMRKcwhzLIXJV1wAIVBRuwoZrCqGmrKWleCtStwVHIBAIgIjCeR8XMO3xFuHKvDsNZsruLnlCI3Ai1NYcXyxZfsbg=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1818227},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"gitHead":"13183926de75a1d8e362151f2eae932f31191b4e","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/e902-ailabs/alfred-design-system.git","type":"git"},"_npmVersion":"11.18.0","description":"Alfred AI design system: tokens, themes and 119 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"22.23.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.2.3_1788171373359_0.9761189683098868","host":"s3://npm-registry-packages-npm-production"}},"1.2.4":{"name":"@alfredai/design-system","version":"1.2.4","license":"SEE LICENSE IN LICENSE","_id":"@alfredai/design-system@1.2.4","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"homepage":"https://e902-ailabs.github.io/alfred-design-system/","bugs":{"url":"https://github.com/e902-ailabs/alfred-design-system/issues"},"dist":{"shasum":"dcb5a3ec0524fce352886a5bb51d4cc3fe9a46e4","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.4.tgz","fileCount":219,"integrity":"sha512-Bi+SvLS0ySFpL3rw4ISpNvjUqZDiv1VvENaqtwu2VjWEX5z8k2DtKz86kaA3Nsl8/QQjmlJEuNQGNfEx+PWfWg==","signatures":[{"sig":"MEUCIBkRs/kKPEKM1huj5DNCum0YO3tOjdjpVDh2tJO/IyttAiEAzJlN5D1hi6sdh3SIDETbGERfhbnaNv2du0/ZKevT880=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"sig":"MEQCICvygBWWXvwOu9D1p7R7a5IKFYbTqQy9FDu+GFFvlDtlAiAcUwev/1q/YQZh5vJ+1gxF04oa3FvQByPAVFPf/5bDKQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":1916470},"main":"./index.mjs","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"repository":{"url":"git+https://github.com/e902-ailabs/alfred-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Alfred AI design system: tokens, themes and 119 React components.","directories":{},"sideEffects":["*.css"],"_nodeVersion":"26.3.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"tmp":"tmp/design-system_1.2.4_1788425938452_0.8895865799283464","host":"s3://npm-registry-packages-npm-production"}},"1.2.5":{"_id":"@alfredai/design-system@1.2.5","bugs":{"url":"https://github.com/e902-ailabs/alfred-design-system/issues"},"dist":{"shasum":"7b490293a00abc72228704cea42703fe4e045c6b","tarball":"https://registry.npmjs.org/@alfredai/design-system/-/design-system-1.2.5.tgz","fileCount":219,"integrity":"sha512-NxeutYoUsYQVG1HqB+z4fuYVR0oJYMZrFaoKin/+cCwFL5C4Rz8N1pTYGjgrUQSTzcdVNoxmEHSHwUxS2nOFyA==","signatures":[{"sig":"MEUCIE7o6S1CPofy0yhXY02z6gdeA4QLs8v25NZYEuco7WwKAiEAsh7f98EOS+2PmkYQwwmt+86BKxOR8ZzQ/E4xZoghkgY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"},{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIEabZVc7mGtaMvDV8DCnDNTT+l23hRGZbPU4Hjs3iN+FAiA7VIFYLwRZ6DnZiJILpKM1hCQbGxnLof8fA77v+79Bnw=="}],"unpackedSize":1917183},"main":"./index.mjs","name":"@alfredai/design-system","type":"module","types":"./index.d.ts","module":"./index.mjs","exports":{".":{"types":"./index.d.ts","import":"./index.mjs"},"./assets/*":"./assets/*","./tokens/*":"./tokens/*","./styles.css":"./styles.css","./package.json":"./package.json"},"license":"SEE LICENSE IN LICENSE","version":"1.2.5","_npmUser":{"name":"raghavmkarya","email":"raghav@e902.ai"},"homepage":"https://e902-ailabs.github.io/alfred-design-system/","repository":{"url":"git+https://github.com/e902-ailabs/alfred-design-system.git","type":"git"},"_npmVersion":"11.16.0","description":"Alfred AI design system: tokens, themes and 119 React components.","directories":{},"maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"sideEffects":["*.css"],"_nodeVersion":"26.3.1","publishConfig":{"access":"public"},"_hasShrinkwrap":false,"peerDependencies":{"react":">=18","react-dom":">=18"},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/design-system_1.2.5_1788442614130_0.5966902271635419"}}},"time":{"created":"2026-07-26T10:12:27.933Z","modified":"2026-09-03T13:36:54.831Z","1.0.0":"2026-07-26T10:12:28.258Z","1.1.0":"2026-07-30T10:26:57.747Z","1.1.1":"2026-07-30T14:48:38.022Z","1.2.0":"2026-08-13T10:50:52.536Z","1.2.1":"2026-08-27T11:46:16.316Z","1.2.2":"2026-08-31T07:54:47.247Z","1.2.3":"2026-08-31T10:16:13.496Z","1.2.4":"2026-09-03T08:58:58.586Z","1.2.5":"2026-09-03T13:36:54.255Z"},"bugs":{"url":"https://github.com/e902-ailabs/alfred-design-system/issues"},"license":"SEE LICENSE IN LICENSE","homepage":"https://e902-ailabs.github.io/alfred-design-system/","repository":{"url":"git+https://github.com/e902-ailabs/alfred-design-system.git","type":"git"},"description":"Alfred AI design system: tokens, themes and 119 React components.","maintainers":[{"name":"raghavmkarya","email":"raghav@e902.ai"}],"readme":"# @alfredai/design-system\n\nTokens, themes and 119 React components from the Alfred AI design system.\n\n```bash\nnpm i @alfredai/design-system react react-dom\n```\n\n```jsx\nimport { Button, KpiCard } from \"@alfredai/design-system\";\nimport \"@alfredai/design-system/styles.css\";          // tokens + @font-face closure, import once\n\n<KpiCard label=\"Blended ROAS\" value=\"4.8x\" delta=\"+12.4%\" direction=\"up\" />\n```\n\n## Themes, density and direction\n\nEverything is driven by attributes, so a subtree can differ from the page:\n\n```html\n<html data-theme=\"dark\">          <!-- light (default) | app-dark | dark -->\n<section data-density=\"compact\">  <!-- compact | comfortable (default) | spacious -->\n<div dir=\"rtl\">                   <!-- components mirror via logical properties -->\n```\n\nReact is a **peer** dependency: two copies of React in one app breaks hooks, so\nyour copy is the only copy.\n\nBrowse every component live, with prop controls, at\n<https://e902-ailabs.github.io/alfred-design-system/playground/>.\n","readmeFilename":"readme.md"}