{"_id":"@anephenix/ui-svelte","name":"@anephenix/ui-svelte","dist-tags":{"latest":"0.1.1"},"versions":{"0.1.1":{"name":"@anephenix/ui-svelte","version":"0.1.1","description":"A collection of UI components for Svelte web applications","type":"module","svelte":"./dist/index.js","types":"./dist/index.d.ts","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"},"./dist/index.css":"./dist/index.css","./package.json":"./package.json"},"scripts":{"build":"svelte-package && node scripts/build-css.js","cover":"npx vitest run --coverage","size":"size-limit","lint:package":"npx publint","test":"npx vitest run --coverage","update-changelog":"node scripts/update-changelog.ts","prepare-patch-release":"npm run build && npm run size && git add dist && npm run update-changelog && git add CHANGELOG.md && git commit -m \"Updated changelog\" && npm version patch --tag-version-prefix=svelte-v --force","publish-patch-release":"npm run prepare-patch-release && git push origin master && git push --tags"},"keywords":["svelte","ui"],"repository":{"type":"git","url":"git+https://github.com/anephenix/ui.git","directory":"packages/svelte"},"author":{"name":"Paul Jensen","email":"paul@anephenix.com"},"maintainers":[{"name":"paulbjensen","email":"paulbjensen@gmail.com"}],"license":"MIT","peerDependencies":{"svelte":"^5.0.0"},"dependencies":{"clipboard-copy":"^4.0.1","prismjs":"^1.30.0"},"devDependencies":{"@anephenix/ui-tokens":"*","@sveltejs/package":"^2.5.8","@sveltejs/vite-plugin-svelte":"^7.3.0","@testing-library/jest-dom":"^7.0.0","@testing-library/svelte":"^5.4.2","@testing-library/user-event":"^14.6.1","@types/prismjs":"^1.26.6","@vitest/coverage-v8":"^4.1.2","esbuild":"^0.28.0","jsdom":"^30.0.0","publint":"^0.3.14","size-limit":"^13.0.1","svelte":"^5.56.10","vite":"^8","vitest":"^4.1.2"},"size-limit":[{"path":"dist/index.css","limit":"10 kB"}],"gitHead":"0562ecfa057ef552f623541faa6cd7e7842e62dc","_id":"@anephenix/ui-svelte@0.1.1","bugs":{"url":"https://github.com/anephenix/ui/issues"},"homepage":"https://github.com/anephenix/ui#readme","_nodeVersion":"24.18.0","_npmVersion":"12.0.2","dist":{"integrity":"sha512-QOhfDo06s+AOYQo6s4HPEuQ9A7BIzVIKE4ycpFVBBvWPNwWx56+eidz6vkgqFylge+DsC8lQ5gTO/LOIY7Hdmw==","shasum":"aceea99376af8167994d87e9f9cd758fdb58aed5","tarball":"https://registry.npmjs.org/@anephenix/ui-svelte/-/ui-svelte-0.1.1.tgz","fileCount":90,"unpackedSize":184289,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEQCIC70vHtq+soInohTHRduOjVh72ilK+TLLrGYtq8beE+WAiBOb8WVJWkcCACLPYKIimMsh5SqDvBXKMaEcv3IklNJiw=="}]},"_npmUser":{"name":"paulbjensen","email":"paulbjensen@gmail.com"},"directories":{},"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/ui-svelte_0.1.1_1787779723246_0.1979597104548787"},"_hasShrinkwrap":false}},"time":{"created":"2026-08-26T21:28:43.121Z","0.1.1":"2026-08-26T21:28:43.409Z","modified":"2026-08-26T21:28:43.676Z"},"maintainers":[{"name":"paulbjensen","email":"paulbjensen@gmail.com"}],"description":"A collection of UI components for Svelte web applications","homepage":"https://github.com/anephenix/ui#readme","keywords":["svelte","ui"],"repository":{"type":"git","url":"git+https://github.com/anephenix/ui.git","directory":"packages/svelte"},"author":{"name":"Paul Jensen","email":"paul@anephenix.com"},"bugs":{"url":"https://github.com/anephenix/ui/issues"},"license":"MIT","readme":"# UI (Svelte)\n\nA design system for Anephenix — Svelte components.\n\n[![Node.js CI](https://github.com/anephenix/ui/actions/workflows/node.js.yml/badge.svg)](https://github.com/anephenix/ui/actions/workflows/node.js.yml)\n\n**Not yet published to npm.** This package is complete (all 38 components — see\n[Components](#components) below) but hasn't had its first release yet. In the meantime,\nclone the [monorepo](https://github.com/anephenix/ui), run `npm i && npm run build-svelte`, and\ndepend on it via a local path or `npm link` from `packages/svelte`.\n\n### Installation\n\n```\nnpm i @anephenix/ui-svelte --save\n```\n\n### Dependencies\n\n- Node.js (24+)\n- Svelte (5+)\n\n### Usage\n\nImport the components and the stylesheet in your project:\n\n```svelte\n\n```\n\n```js\nimport '@anephenix/ui-svelte/dist/index.css';\n```\n\nThe stylesheet must be imported once at the root of your app.\n\n### Components\n\n37 of 38 accessible, themeable Svelte components grouped by category — forms, layout, display, overlays, and navigation. The one exception is `Code` (syntax-highlighted code blocks), which depends on a React-only highlighting library and hasn't been ported yet.\n\nFull API reference: **[COMPONENTS.md](./COMPONENTS.md)**\n\nIf you're coming from [`@anephenix/ui`](https://www.npmjs.com/package/@anephenix/ui) (the React version), see [PORTING-CONTRACT.md](https://github.com/anephenix/ui/blob/master/PORTING-CONTRACT.md) in the monorepo root for the API differences between the two — prop names like `className`/`onClick` become `class`/`onclick`, `children` becomes a `Snippet`, and so on.\n\n### Design System\n\nThe library ships a set of CSS custom properties for colours, spacing, typography, and grid that all components consume — the same tokens as the React package, since both are built from the same `packages/tokens` source. Override any token in your own stylesheet to theme the system without touching component code.\n\n| Token group | Variables | Docs |\n|-------------|-----------|------|\n| Colours | `--primary-colour`, `--blue-one-colour`, … | [Colours](https://ui.anephenix.com/docs/colours) |\n| Spacing | `--spacer-one` … `--spacer-five` | [Grid](https://ui.anephenix.com/docs/grid) |\n| Typography | `--font-size-base`, `--font-weight-bold`, … | [Typography](https://ui.anephenix.com/docs/typography) |\n| Layout | `.page`, `.container`, `.withSidePadding` | [Layout](https://ui.anephenix.com/docs/layout) |\n\n### Tests\n\n```\nnpm t\n```\n\nThis package is part of the [anephenix/ui](https://github.com/anephenix/ui) monorepo. The docs site includes a live React/Svelte preview toggle on every component page — see the [repo root README](../../README.md).\n\n---\n\n### License and credits\n\n©2026 Anephenix Ltd. UI is licenced under the MIT Licence.\n","readmeFilename":"README.md","_rev":"1-b7461b10c709c8b94080796da73917ce"}