{"_id":"@astryx-svelte/theme-matcha","_rev":"5-cfa0b165bc08e56dd3ad11b5218116bb","name":"@astryx-svelte/theme-matcha","dist-tags":{"latest":"0.5.2"},"versions":{"0.3.0":{"name":"@astryx-svelte/theme-matcha","version":"0.3.0","license":"MIT","_id":"@astryx-svelte/theme-matcha@0.3.0","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"homepage":"https://github.com/devrohit06/astryx-svelte#readme","bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"dist":{"shasum":"0dd1071df276ff4387a6f8cf5fdea5cdbfcd2fb9","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-matcha/-/theme-matcha-0.3.0.tgz","fileCount":11,"integrity":"sha512-F1pAd2i9XbmYoBHSwZ3LF9+tLTBVvmDsTuhXylhp2BFzwZLnJQjk2uis4HnV0VydvB88qaPOpjpHcFmiq5kVUA==","signatures":[{"sig":"MEYCIQDDjvce9rQwSn/T6g0O/8A99DjXgTObQzjugZ9zVKYpxwIhAJl4CHiBssamzaxonFihgBeyh2+EmT3d3hD9cq771c/6","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64902},"type":"module","_from":"file:astryx-svelte-theme-matcha-0.3.0.tgz","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","svelte":"./dist/index.js"},"./tokens":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","svelte":"./dist/tokens.js"},"./theme.css":"./dist/theme.css"},"scripts":{"lint":"prettier --check .","test":"npm run build && npm run test:parity && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:icons":"node scripts/check-icons.mjs","test:parity":"node scripts/compare-upstream.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/b66eeb875d8fd333d7bc4d6ad96ee5f9/astryx-svelte-theme-matcha-0.3.0.tgz","_integrity":"sha512-F1pAd2i9XbmYoBHSwZ3LF9+tLTBVvmDsTuhXylhp2BFzwZLnJQjk2uis4HnV0VydvB88qaPOpjpHcFmiq5kVUA==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/matcha"},"_npmVersion":"10.9.8","description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","directories":{},"_nodeVersion":"22.23.1","dependencies":{"@lucide/svelte":"^1.25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"svelte":"^5.56.1","prettier":"^3.8.3","typescript":"^6.0.3","@astryx-svelte/core":"0.3.0","prettier-plugin-svelte":"^4.1.0","@astryxdesign/theme-matcha":"0.3.0"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.3.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-matcha_0.3.0_1786380834768_0.6258825436641742","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@astryx-svelte/theme-matcha","version":"0.3.1","license":"MIT","_id":"@astryx-svelte/theme-matcha@0.3.1","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"homepage":"https://github.com/devrohit06/astryx-svelte#readme","bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"dist":{"shasum":"ca1815eb3e2c746aa07c137273f5c4ec359c51b1","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-matcha/-/theme-matcha-0.3.1.tgz","fileCount":11,"integrity":"sha512-9nh4mGc0mM1Wq9YCcagrwPwKZk2ltfCD86VIaNxnUduBk627bKs+fw33NxY1tb9dKm8kkdQwkpkN01sTAJDeoQ==","signatures":[{"sig":"MEYCIQDXXWYJ4cYw7K/QmdRpNnSLoSVZNtZW92AoGQR8Ril9dQIhAJODrTc+nXzulD9axucBzM5IO7kJSZLDT2iZIU7AUw2s","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":64931},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-matcha-0.3.1.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","svelte":"./dist/index.js"},"./tokens":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","svelte":"./dist/tokens.js"},"./theme.css":"./dist/theme.css"},"scripts":{"lint":"prettier --check .","test":"npm run build && npm run test:parity && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:icons":"node scripts/check-icons.mjs","test:parity":"node scripts/compare-upstream.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/b8bc3d3a023350e4d1a63f2b1611f786/astryx-svelte-theme-matcha-0.3.1.tgz","_integrity":"sha512-9nh4mGc0mM1Wq9YCcagrwPwKZk2ltfCD86VIaNxnUduBk627bKs+fw33NxY1tb9dKm8kkdQwkpkN01sTAJDeoQ==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/matcha"},"_npmVersion":"10.9.8","description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","directories":{},"_nodeVersion":"22.23.1","dependencies":{"@lucide/svelte":"^1.25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"svelte":"^5.56.1","prettier":"^3.8.3","typescript":"^6.0.3","@astryx-svelte/core":"0.3.1","prettier-plugin-svelte":"^4.1.0","@astryxdesign/theme-matcha":"0.3.0"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.3.1"},"_npmOperationalInternal":{"tmp":"tmp/theme-matcha_0.3.1_1786402101201_0.9058439090446326","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@astryx-svelte/theme-matcha","version":"0.4.1","license":"MIT","_id":"@astryx-svelte/theme-matcha@0.4.1","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"homepage":"https://github.com/devrohit06/astryx-svelte#readme","bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"dist":{"shasum":"757ad068bd2492838a593c14d9208df2ceece106","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-matcha/-/theme-matcha-0.4.1.tgz","fileCount":11,"integrity":"sha512-ZQwyB46HfI4a9mMSNQGEh9gro5IUmg1GFKpJF+cogI/4rvRN0hSmSynCYNkfmXFZl56TWIKy7SNQAcv8V6VlHA==","signatures":[{"sig":"MEUCIQCO0pS8dqKMy561ImL+jp8vo08QhoTG/fisH06keUPv9wIgQGhWl2tsf12+p+iR39gVjnx3nNkN7rWSxlHjH+whLc0=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":65954},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-matcha-0.4.1.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","svelte":"./dist/index.js"},"./tokens":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","svelte":"./dist/tokens.js"},"./theme.css":"./dist/theme.css"},"scripts":{"lint":"prettier --check .","test":"npm run build && npm run test:parity && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:icons":"node scripts/check-icons.mjs","test:parity":"node scripts/compare-upstream.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/965904ab972f73c7c8067af93d40e94d/astryx-svelte-theme-matcha-0.4.1.tgz","_integrity":"sha512-ZQwyB46HfI4a9mMSNQGEh9gro5IUmg1GFKpJF+cogI/4rvRN0hSmSynCYNkfmXFZl56TWIKy7SNQAcv8V6VlHA==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/matcha"},"_npmVersion":"10.9.8","description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","directories":{},"_nodeVersion":"22.23.2","dependencies":{"@lucide/svelte":"^1.25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"svelte":"^5.56.1","prettier":"^3.8.3","typescript":"^6.0.3","@astryx-svelte/core":"0.4.1","prettier-plugin-svelte":"^4.1.0","@astryxdesign/theme-matcha":"0.4.1"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.4.1"},"_npmOperationalInternal":{"tmp":"tmp/theme-matcha_0.4.1_1786871775521_0.30059472288948186","host":"s3://npm-registry-packages-npm-production"}},"0.4.5":{"name":"@astryx-svelte/theme-matcha","version":"0.4.5","license":"MIT","_id":"@astryx-svelte/theme-matcha@0.4.5","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"homepage":"https://github.com/devrohit06/astryx-svelte#readme","bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"dist":{"shasum":"6a89cb4ad8e4090d6691c038a75901a6ee64bb9c","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-matcha/-/theme-matcha-0.4.5.tgz","fileCount":11,"integrity":"sha512-HkYziHxrJhsgBigp+YeKnG4dx70xl/USLrJgWLt3GsYTiiKjQweh2nV4zMfJeMkdF6pNRKhOaWVZYvtfOBAqyQ==","signatures":[{"sig":"MEQCIAwoO/ztDHqUwKVfk3AZoqb4pJuNwZb6W/ghXHsVjsDRAiB6ZzLO/I6qNFJckoEcfcgNVaRSSgD57E1LlSx/FKyBEQ==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":66459},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-matcha-0.4.5.tgz","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","import":"./dist/index.js","svelte":"./dist/index.js"},"./tokens":{"types":"./dist/tokens.d.ts","import":"./dist/tokens.js","svelte":"./dist/tokens.js"},"./theme.css":"./dist/theme.css"},"scripts":{"lint":"prettier --check .","test":"npm run build && npm run test:parity && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:icons":"node scripts/check-icons.mjs","test:parity":"node scripts/compare-upstream.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/fbe7741c59e542e528a3da6e947052f5/astryx-svelte-theme-matcha-0.4.5.tgz","_integrity":"sha512-HkYziHxrJhsgBigp+YeKnG4dx70xl/USLrJgWLt3GsYTiiKjQweh2nV4zMfJeMkdF6pNRKhOaWVZYvtfOBAqyQ==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/matcha"},"_npmVersion":"10.9.8","description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","directories":{},"_nodeVersion":"22.23.2","dependencies":{"@lucide/svelte":"^1.25.0"},"publishConfig":{"access":"public"},"_hasShrinkwrap":false,"devDependencies":{"svelte":"^5.56.1","prettier":"^3.8.3","typescript":"^6.0.3","@astryx-svelte/core":"0.4.5","prettier-plugin-svelte":"^4.1.0","@astryxdesign/theme-matcha":"0.4.5"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.4.5"},"_npmOperationalInternal":{"tmp":"tmp/theme-matcha_0.4.5_1787264403579_0.023102425294960316","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@astryx-svelte/theme-matcha","version":"0.5.2","description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/devrohit06/astryx-svelte.git","directory":"packages/themes/matcha"},"bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"homepage":"https://github.com/devrohit06/astryx-svelte#readme","publishConfig":{"access":"public"},"type":"module","main":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js","import":"./dist/index.js"},"./tokens":{"types":"./dist/tokens.d.ts","svelte":"./dist/tokens.js","import":"./dist/tokens.js"},"./theme.css":"./dist/theme.css"},"dependencies":{"@lucide/svelte":"^1.25.0"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.5.2"},"devDependencies":{"@astryxdesign/theme-matcha":"0.5.2","prettier":"^3.8.3","prettier-plugin-svelte":"^4.1.0","svelte":"^5.56.1","typescript":"^6.0.3","@astryx-svelte/core":"0.5.2"},"scripts":{"build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","lint":"prettier --check .","format":"prettier --write .","test:parity":"node scripts/compare-upstream.mjs","test:icons":"node scripts/check-icons.mjs","test":"npm run build && npm run test:parity && npm run test:icons"},"_id":"@astryx-svelte/theme-matcha@0.5.2","types":"./dist/index.d.ts","_integrity":"sha512-J1ym3vVOoQhxRlYd+w3mHgED5xGEnWf3y3z0JasuwEU+4Bxg1UocLReL4rR740LBUYXqMD236AZ7bMNZ3ZySAQ==","_resolved":"/tmp/7c9a69ec4faf0dca220c0a7679b58bd0/astryx-svelte-theme-matcha-0.5.2.tgz","_from":"file:astryx-svelte-theme-matcha-0.5.2.tgz","_nodeVersion":"22.23.2","_npmVersion":"10.9.8","dist":{"integrity":"sha512-J1ym3vVOoQhxRlYd+w3mHgED5xGEnWf3y3z0JasuwEU+4Bxg1UocLReL4rR740LBUYXqMD236AZ7bMNZ3ZySAQ==","shasum":"283bb6e4c8747250f271a9aed75f26cbcdb92b41","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-matcha/-/theme-matcha-0.5.2.tgz","fileCount":11,"unpackedSize":69635,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIFFzutO+Oq9wsukfv3CRCMoEqehRa7Pyst943naYY1jeAiBfHXBXY1ab3Mqr70+c9DgzVW4xSIL7PaHiGm+6jOzZTQ=="}]},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"directories":{},"maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/theme-matcha_0.5.2_1788304793817_0.07935753418706093"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-10T16:53:54.595Z","modified":"2026-09-01T23:19:54.157Z","0.3.0":"2026-08-10T16:53:54.926Z","0.3.1":"2026-08-10T22:48:21.338Z","0.4.1":"2026-08-16T09:16:15.691Z","0.4.5":"2026-08-20T22:20:03.739Z","0.5.2":"2026-09-01T23:19:53.970Z"},"bugs":{"url":"https://github.com/devrohit06/astryx-svelte/issues"},"license":"MIT","homepage":"https://github.com/devrohit06/astryx-svelte#readme","repository":{"type":"git","url":"git+https://github.com/devrohit06/astryx-svelte.git","directory":"packages/themes/matcha"},"description":"Matcha theme for astryx-svelte — earthy greens with a calm, organic feel.","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"readme":"# @astryx-svelte/theme-matcha\n\nEarthy greens with a calm, organic feel.\n\nA theme for [astryx-svelte](https://github.com/devrohit06/astryx-svelte) — a Svelte 5 port of [Astryx](https://astryx.atmeta.com/),\nMeta's open source design system. Unofficial, and not affiliated with Meta.\n\n## Install\n\n```bash\nnpm install @astryx-svelte/core @astryx-svelte/theme-matcha\n```\n\n`@stylexjs/stylex` is a peer dependency and npm and pnpm install it for you. It is required at\nruntime — the components reach `stylex.props()` through `sx()` — so add it explicitly if your\npackage manager does not resolve peers automatically.\n\n`@astryx-svelte/core` is a peer dependency. A theme is data plus one stylesheet; it renders\nnothing on its own.\n\n## Use\n\n```css\n/* src/app.css */\n@import '@astryx-svelte/core/base.css';\n@import '@astryx-svelte/theme-matcha/theme.css';\n```\n\n```svelte\n<!-- src/routes/+layout.svelte -->\n<script lang=\"ts\">\n\timport { Theme } from '@astryx-svelte/core';\n\timport { matchaTheme } from '@astryx-svelte/theme-matcha';\n\timport '../app.css';\n\n\tconst { children } = $props();\n</script>\n\n<Theme theme={matchaTheme}>\n\t{@render children()}\n</Theme>\n```\n\n`base.css` is not optional and is not a duplicate: it declares the cascade layer order and sets\n`color-scheme`, without which every `light-dark()` token is inert. And **your bundler must run the\nStyleX compiler** over `@astryx-svelte/core`, which is the one setup step that fails without an\nerror — the components render, unstyled. See\n[core's README](https://github.com/devrohit06/astryx-svelte/tree/main/packages/core#your-bundler-must-run-the-stylex-compiler).\n\n## Exports\n\n| Export                                  | What it is                                                                                                                                                                    |\n| --------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |\n| `matchaTheme`                           | The theme object, pre-built. It carries `__built`, so `<Theme>` injects no CSS at runtime.                                                                                    |\n| `matchaIconRegistry`                    | The 28 semantic icon names mapped to Lucide glyphs. Already attached to `matchaTheme.icons`; exported separately for `registerIcons()` and for composing a theme of your own. |\n| `@astryx-svelte/theme-matcha/tokens`    | The same theme as plain data, without `icons`, in a module that imports nothing. Readable by plain Node, which the `.` entry is not — it reaches a `.svelte` registry.        |\n| `@astryx-svelte/theme-matcha/theme.css` | The pre-built stylesheet.                                                                                                                                                     |\n\n## Fidelity\n\nThe theme oracle (`scripts/compare-upstream.mjs`) diffs this package's generated CSS\ndeclaration by declaration against the published `@astryxdesign/theme-matcha` tarball, in\n**both** directions — a missing declaration, a wrong value and an invented one all fail the\nrun. Every declaration matches, at **0 mismatches**.\n\nThe run prints the totals; this paragraph deliberately does not, because a count written into\nprose goes stale quietly and these ones had. Where the two totals differ, the remainder is the\n`color-scheme` rules that `@astryx-svelte/core`'s `base.css` owns rather than the theme. A\ndark-only theme declares no `[light, dark]` pairs, so upstream emits no `html[data-theme=…]`\nblock for it and the totals are equal.\n\n## Resources\n\n- [The documentation site](https://astryx-svelte.rohitk06.in/themes) — every theme rendered live,\n  side by side\n- [Astryx](https://astryx.atmeta.com/) — the design system this ports\n- [The repository](https://github.com/devrohit06/astryx-svelte)\n\n## License\n\nMIT. Astryx is © Meta Platforms, Inc. and affiliates; this project ports its design and reuses its\ndocumentation prose, and claims no affiliation or endorsement.\n","readmeFilename":"README.md"}