{"_id":"@astryx-svelte/theme-liquid-glass","_rev":"5-4ccfdd3c1ade96eef59259007976eca9","name":"@astryx-svelte/theme-liquid-glass","dist-tags":{"latest":"0.5.2"},"versions":{"0.3.0":{"name":"@astryx-svelte/theme-liquid-glass","version":"0.3.0","license":"MIT","_id":"@astryx-svelte/theme-liquid-glass@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":"44b0558361aa4bf89a9ce6226afcf7197bcc839b","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-liquid-glass/-/theme-liquid-glass-0.3.0.tgz","fileCount":11,"integrity":"sha512-gSX9DwukiEJ7ICT1ekkg7PcEnQ/uxzIik46sm4cil3Lj+s9RdW5SVzPOKn1Gb9Ma1Yo60WpmObxW4cqCbIKaoA==","signatures":[{"sig":"MEQCIHNQU0MUlIC7oc3+rKUuxY4baHB7bq7+VV/m7FhPBO5OAiApidAI9joyC75yIhEQxoEuCC4bWdL/dEVDtVxeMr2ajw==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113825},"type":"module","_from":"file:astryx-svelte-theme-liquid-glass-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:self && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:self":"node --experimental-strip-types scripts/check-theme.mjs","test:icons":"node scripts/check-icons.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/e7e7d7c99513a8c240273dc9655357e8/astryx-svelte-theme-liquid-glass-0.3.0.tgz","_integrity":"sha512-gSX9DwukiEJ7ICT1ekkg7PcEnQ/uxzIik46sm4cil3Lj+s9RdW5SVzPOKn1Gb9Ma1Yo60WpmObxW4cqCbIKaoA==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/liquid-glass"},"_npmVersion":"10.9.8","description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","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"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.3.0"},"_npmOperationalInternal":{"tmp":"tmp/theme-liquid-glass_0.3.0_1786380832914_0.3902601847999556","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@astryx-svelte/theme-liquid-glass","version":"0.3.1","license":"MIT","_id":"@astryx-svelte/theme-liquid-glass@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":"60d913a05887f185cbee6595f769cd53fb23c9be","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-liquid-glass/-/theme-liquid-glass-0.3.1.tgz","fileCount":11,"integrity":"sha512-0/aqrefLR5uoBL1UQM2KLPF9ta0NmIs2PL9+DZjcZ1mmpKuNoLFHnd57EVdkgFaaZcGYjp4I6Bi0mRpHtYNZXg==","signatures":[{"sig":"MEQCIC4snIAdIdHOPLBp5eYwjccR1B/xCKDa7M7IOEWUm3WyAiBmymzWPBtYodqTH6fqcvFP9PIDcpGgoRhcuEhQTuheHA==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":113854},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-liquid-glass-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:self && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:self":"node --experimental-strip-types scripts/check-theme.mjs","test:icons":"node scripts/check-icons.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/79ebca1f9b5046904bb691cb43d7cabf/astryx-svelte-theme-liquid-glass-0.3.1.tgz","_integrity":"sha512-0/aqrefLR5uoBL1UQM2KLPF9ta0NmIs2PL9+DZjcZ1mmpKuNoLFHnd57EVdkgFaaZcGYjp4I6Bi0mRpHtYNZXg==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/liquid-glass"},"_npmVersion":"10.9.8","description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","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"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.3.1"},"_npmOperationalInternal":{"tmp":"tmp/theme-liquid-glass_0.3.1_1786402099671_0.004177816799956657","host":"s3://npm-registry-packages-npm-production"}},"0.4.1":{"name":"@astryx-svelte/theme-liquid-glass","version":"0.4.1","license":"MIT","_id":"@astryx-svelte/theme-liquid-glass@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":"e85d152dc7741ca4bc9f41f79f18c17940bd556e","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-liquid-glass/-/theme-liquid-glass-0.4.1.tgz","fileCount":11,"integrity":"sha512-dATgwytitP3dljyRm2+mhtoQHER76AbGuE1CJTG5OMveO2HXJ/17+ZoCG6SCi5rcT9U7BpKfyl0ejG1meSE3Fw==","signatures":[{"sig":"MEUCIBw/pY3VLxdq+Bkh7gyrQpO/Mk8NDG8I1cuJ4eYUEjWQAiEAl8ulks+pa4nyA8u9LmUzzr6Jd8pQq8gnTmeEATqsicY=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":114877},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-liquid-glass-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:self && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:self":"node --experimental-strip-types scripts/check-theme.mjs","test:icons":"node scripts/check-icons.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/da7672c32f0f9295e08336091cc716bb/astryx-svelte-theme-liquid-glass-0.4.1.tgz","_integrity":"sha512-dATgwytitP3dljyRm2+mhtoQHER76AbGuE1CJTG5OMveO2HXJ/17+ZoCG6SCi5rcT9U7BpKfyl0ejG1meSE3Fw==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/liquid-glass"},"_npmVersion":"10.9.8","description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","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"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.4.1"},"_npmOperationalInternal":{"tmp":"tmp/theme-liquid-glass_0.4.1_1786871773928_0.47691852090232634","host":"s3://npm-registry-packages-npm-production"}},"0.4.5":{"name":"@astryx-svelte/theme-liquid-glass","version":"0.4.5","license":"MIT","_id":"@astryx-svelte/theme-liquid-glass@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":"bf5e1d06fe7acc3b335a7a99fa5509c5dc2f4c3c","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-liquid-glass/-/theme-liquid-glass-0.4.5.tgz","fileCount":11,"integrity":"sha512-QUwtN1Paj3+YIyRdhnUTt+wUQzHh4OlgM7h5TR1goINbSST1yUzcE1OJ9Fl0nyO3+qj/GyCWwn8/gKWw544C9A==","signatures":[{"sig":"MEUCIGbpe/UMwqpzNfx91/B6mizZMIP4eb2Yy5TJQAZWOvWEAiEAsFcAZF6Q3ZzgY6zVS37ID2Tc43iF4D4yzTKKgmHOU7s=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":115230},"main":"./dist/index.js","type":"module","_from":"file:astryx-svelte-theme-liquid-glass-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:self && npm run test:icons","build":"node --experimental-strip-types scripts/build-theme.mjs","check":"tsc --noEmit -p tsconfig.json","format":"prettier --write .","test:self":"node --experimental-strip-types scripts/check-theme.mjs","test:icons":"node scripts/check-icons.mjs"},"_npmUser":{"name":"devrohit06","email":"technicalrohit06@gmail.com"},"_resolved":"/tmp/fbc171cd7c4b521f00f66b2eb34e6c20/astryx-svelte-theme-liquid-glass-0.4.5.tgz","_integrity":"sha512-QUwtN1Paj3+YIyRdhnUTt+wUQzHh4OlgM7h5TR1goINbSST1yUzcE1OJ9Fl0nyO3+qj/GyCWwn8/gKWw544C9A==","repository":{"url":"git+https://github.com/devrohit06/astryx-svelte.git","type":"git","directory":"packages/themes/liquid-glass"},"_npmVersion":"10.9.8","description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","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"},"peerDependencies":{"svelte":"^5.0.0","@astryx-svelte/core":"^0.4.5"},"_npmOperationalInternal":{"tmp":"tmp/theme-liquid-glass_0.4.5_1787264402237_0.4514078015658747","host":"s3://npm-registry-packages-npm-production"}},"0.5.2":{"name":"@astryx-svelte/theme-liquid-glass","version":"0.5.2","description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","license":"MIT","repository":{"type":"git","url":"git+https://github.com/devrohit06/astryx-svelte.git","directory":"packages/themes/liquid-glass"},"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":{"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:self":"node --experimental-strip-types scripts/check-theme.mjs","test:icons":"node scripts/check-icons.mjs","test":"npm run build && npm run test:self && npm run test:icons"},"_id":"@astryx-svelte/theme-liquid-glass@0.5.2","types":"./dist/index.d.ts","_integrity":"sha512-JY8b3iHE6gmmU53an5RbERj75Hrtm6CfmiOc5IY4+mb7cfI5Uu8l44N5A3BvIHvGU6KbagTFYjQX/zZnv8mbpA==","_resolved":"/tmp/7a210e67e73a11df1933a7b044bb8b88/astryx-svelte-theme-liquid-glass-0.5.2.tgz","_from":"file:astryx-svelte-theme-liquid-glass-0.5.2.tgz","_nodeVersion":"22.23.2","_npmVersion":"10.9.8","dist":{"integrity":"sha512-JY8b3iHE6gmmU53an5RbERj75Hrtm6CfmiOc5IY4+mb7cfI5Uu8l44N5A3BvIHvGU6KbagTFYjQX/zZnv8mbpA==","shasum":"00b2246c468150996d4cbe3e920101ca96079e99","tarball":"https://registry.npmjs.org/@astryx-svelte/theme-liquid-glass/-/theme-liquid-glass-0.5.2.tgz","fileCount":11,"unpackedSize":118402,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCyOD0NQLQoakBD+HkGrcLsQmpSckgSk4/4QPwVP9ZaDAIgZ3LgPbNflQUfrMoPxJzHpAOydFGN1tLJ003HSBXUEiw="}]},"_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-liquid-glass_0.5.2_1788304792229_0.7978361146085702"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-10T16:53:52.731Z","modified":"2026-09-01T23:19:52.555Z","0.3.0":"2026-08-10T16:53:53.069Z","0.3.1":"2026-08-10T22:48:19.826Z","0.4.1":"2026-08-16T09:16:14.084Z","0.4.5":"2026-08-20T22:20:02.372Z","0.5.2":"2026-09-01T23:19:52.371Z"},"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/liquid-glass"},"description":"Liquid Glass theme for astryx-svelte — macOS translucent materials, capsule controls and the Apple system palette. Has no upstream Astryx counterpart.","maintainers":[{"name":"devrohit06","email":"technicalrohit06@gmail.com"}],"readme":"# @astryx-svelte/theme-liquid-glass\n\nmacOS translucent materials, capsule controls and the Apple system palette. **This theme has no upstream Astryx counterpart** — it is the port’s one deliberate addition to the published surface, and is labelled as such rather than presented as parity.\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-liquid-glass\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-liquid-glass/theme.css';\n```\n\n```svelte\n<!-- src/routes/+layout.svelte -->\n<script lang=\"ts\">\n\timport { Theme } from '@astryx-svelte/core';\n\timport { liquidGlassTheme } from '@astryx-svelte/theme-liquid-glass';\n\timport '../app.css';\n\n\tconst { children } = $props();\n</script>\n\n<Theme theme={liquidGlassTheme}>\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| `liquidGlassTheme`                            | The theme object, pre-built. It carries `__built`, so `<Theme>` injects no CSS at runtime.                                                                                         |\n| `liquidGlassIconRegistry`                     | The 28 semantic icon names mapped to Lucide glyphs. Already attached to `liquidGlassTheme.icons`; exported separately for `registerIcons()` and for composing a theme of your own. |\n| `@astryx-svelte/theme-liquid-glass/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-liquid-glass/theme.css` | The pre-built stylesheet.                                                                                                                                                          |\n\n## Fidelity\n\nThis theme ports nothing, so there is no upstream CSS to diff against. It carries\n`scripts/check-theme.mjs` instead, which asserts that every token name it declares is one\nof core's 184 and that every component it overrides is a real theme target — both read out\nof core's built `dist/`. Neither failure is loud on its own: `defineTheme` accepts any\nstring, so a typo compiles to CSS that parses, loads and styles nothing.\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"}