{"_id":"@abeedoo/bigdesign-svelte","_rev":"4-d7979726d19192040294708e98fdf36c","name":"@abeedoo/bigdesign-svelte","dist-tags":{"latest":"0.3.1"},"versions":{"0.1.0":{"name":"@abeedoo/bigdesign-svelte","version":"0.1.0","keywords":["svelte","bigcommerce","bigdesign","components","ui"],"license":"MIT","_id":"@abeedoo/bigdesign-svelte@0.1.0","maintainers":[{"name":"meecect","email":"clifford.meece@me.com"}],"homepage":"https://github.com/abeedoolabs/bigdesign-svelte#readme","bugs":{"url":"https://github.com/abeedoolabs/bigdesign-svelte/issues"},"dist":{"shasum":"a3d9f89b2408574854700ef9f407c4a0bf0c10d6","tarball":"https://registry.npmjs.org/@abeedoo/bigdesign-svelte/-/bigdesign-svelte-0.1.0.tgz","fileCount":124,"integrity":"sha512-RycCI6ws4xTeIYnsFsXnHcjjBuGCWiTrfaPMIma9NuQvXIcNtnyvJbTFA3qe7/jctH8qcd1uunHfyKE9sVFiJg==","signatures":[{"sig":"MEYCIQD+Bz9Yn6KYkjmUkVFDs0KMsOofwTZVBSLlNv+rfC087QIhANeuZIJl1B6cYH1T2SHw5TxaVCvSrZqY9QFErTmC6GGF","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":130374},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"},"./theme":"./dist/theme/tokens.css"},"gitHead":"1ad1f40d368628c307db727b9a5508bc0189e143","scripts":{"dev":"mkdir -p .logs && vite dev 2>&1 | tee .logs/vite.log","build":"vite build","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","package":"svelte-kit sync && svelte-package && publint","preview":"vite preview","build:all":"vite build && npm run package","prepublishOnly":"npm run package"},"_npmUser":{"name":"meecect","email":"clifford.meece@me.com"},"repository":{"url":"git+https://github.com/abeedoolabs/bigdesign-svelte.git","type":"git"},"_npmVersion":"10.9.3","description":"Svelte 5 port of BigCommerce's BigDesign component library","directories":{},"_nodeVersion":"22.18.0","dependencies":{"@sveltejs/adapter-static":"^3.0.10"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","svelte":"^5.0.0","publint":"^0.3.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.0.0","@sveltejs/package":"^2.0.0","@sveltejs/adapter-auto":"^6.0.0","@sveltejs/vite-plugin-svelte":"^5.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/bigdesign-svelte_0.1.0_1778094748257_0.4776094155645165","host":"s3://npm-registry-packages-npm-production"}},"0.2.0":{"name":"@abeedoo/bigdesign-svelte","version":"0.2.0","keywords":["svelte","bigcommerce","bigdesign","components","ui"],"license":"MIT","_id":"@abeedoo/bigdesign-svelte@0.2.0","maintainers":[{"name":"meecect","email":"clifford.meece@me.com"}],"homepage":"https://github.com/abeedoolabs/bigdesign-svelte#readme","bugs":{"url":"https://github.com/abeedoolabs/bigdesign-svelte/issues"},"dist":{"shasum":"ce115058ef010c7b94a12d7142b24c4d8cf6b902","tarball":"https://registry.npmjs.org/@abeedoo/bigdesign-svelte/-/bigdesign-svelte-0.2.0.tgz","fileCount":205,"integrity":"sha512-bdD+afulZEGTGUiLBpBored1djlcZ0M8LM6OQpl9sOHEukzQ8Ys1Jsr8ij5rCGUM01OfwnDlnMa3ET4H9XI9pA==","signatures":[{"sig":"MEUCID5LWtSwEQEpxoxeoXt2WJynM0EWUSoLDwYuYSSg/5MgAiEAs/wYHNtUO3lALEtERhqq4Ptha6E5yaPIjH9zeamiBgM=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":202308},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"},"./theme":"./dist/theme/tokens.css"},"gitHead":"7f1fb0d2a4695360181625ed7f443ef6be17dae3","scripts":{"dev":"mkdir -p .logs && vite dev 2>&1 | tee .logs/vite.log","build":"vite build","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","package":"svelte-kit sync && svelte-package && publint","preview":"vite preview","build:all":"vite build && npm run package","prepublishOnly":"npm run package"},"_npmUser":{"name":"meecect","email":"clifford.meece@me.com"},"repository":{"url":"git+https://github.com/abeedoolabs/bigdesign-svelte.git","type":"git"},"_npmVersion":"10.9.3","description":"Svelte 5 port of BigCommerce's BigDesign component library","directories":{},"_nodeVersion":"22.18.0","dependencies":{"@sveltejs/adapter-static":"^3.0.10"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","svelte":"^5.0.0","publint":"^0.3.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.0.0","@sveltejs/package":"^2.0.0","@sveltejs/adapter-auto":"^6.0.0","@sveltejs/vite-plugin-svelte":"^5.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/bigdesign-svelte_0.2.0_1778102505497_0.24764652648910968","host":"s3://npm-registry-packages-npm-production"}},"0.3.0":{"name":"@abeedoo/bigdesign-svelte","version":"0.3.0","keywords":["svelte","bigcommerce","bigdesign","components","ui"],"license":"MIT","_id":"@abeedoo/bigdesign-svelte@0.3.0","maintainers":[{"name":"meecect","email":"clifford.meece@me.com"}],"homepage":"https://github.com/abeedoolabs/bigdesign-svelte#readme","bugs":{"url":"https://github.com/abeedoolabs/bigdesign-svelte/issues"},"dist":{"shasum":"83d95a1992e5f98f2676337a642041eedb185f92","tarball":"https://registry.npmjs.org/@abeedoo/bigdesign-svelte/-/bigdesign-svelte-0.3.0.tgz","fileCount":233,"integrity":"sha512-20vKjZM8NMNa/Qkkrd7+K9f7T1uPLP5D8uBuoWKhaoT+AETpaxRuCXIm2KIAoQsVuDfCNn5+wV+jmvHawO+vVA==","signatures":[{"sig":"MEYCIQCH6qY0vjq+sK90G9VKS++5x7caQdxNrgm2zKoDjbqP2AIhAKeSFzbkiWO4qhljrgPmSB4qkt5D/eZt2pnmJf31biw7","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":237322},"type":"module","types":"./dist/index.d.ts","svelte":"./dist/index.js","exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"},"./theme":"./dist/theme/tokens.css"},"gitHead":"1bb573b6e6ffce6c7869d15ec32d03eceff77a32","scripts":{"dev":"mkdir -p .logs && vite dev 2>&1 | tee .logs/vite.log","build":"vite build","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json","package":"svelte-kit sync && svelte-package && publint","preview":"vite preview","build:all":"vite build && npm run package","prepublishOnly":"npm run package"},"_npmUser":{"name":"meecect","email":"clifford.meece@me.com"},"repository":{"url":"git+https://github.com/abeedoolabs/bigdesign-svelte.git","type":"git"},"_npmVersion":"10.9.3","description":"Svelte 5 port of BigCommerce's BigDesign component library","directories":{},"_nodeVersion":"22.18.0","dependencies":{"@sveltejs/adapter-static":"^3.0.10"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^6.0.0","svelte":"^5.0.0","publint":"^0.3.0","typescript":"^5.0.0","svelte-check":"^4.0.0","@sveltejs/kit":"^2.0.0","@sveltejs/package":"^2.0.0","@sveltejs/adapter-auto":"^6.0.0","@sveltejs/vite-plugin-svelte":"^5.0.0"},"peerDependencies":{"svelte":"^5.0.0"},"_npmOperationalInternal":{"tmp":"tmp/bigdesign-svelte_0.3.0_1778103131622_0.4290483849065463","host":"s3://npm-registry-packages-npm-production"}},"0.3.1":{"name":"@abeedoo/bigdesign-svelte","version":"0.3.1","description":"Svelte 5 port of BigCommerce's BigDesign component library","type":"module","scripts":{"dev":"mkdir -p .logs && vite dev 2>&1 | tee .logs/vite.log","build":"vite build","build:all":"vite build && npm run package","preview":"vite preview","package":"svelte-kit sync && svelte-package && publint","prepublishOnly":"npm run package","check":"svelte-kit sync && svelte-check --tsconfig ./tsconfig.json"},"exports":{".":{"types":"./dist/index.d.ts","svelte":"./dist/index.js"},"./theme":"./dist/theme/tokens.css"},"svelte":"./dist/index.js","types":"./dist/index.d.ts","peerDependencies":{"svelte":"^5.0.0"},"devDependencies":{"@sveltejs/adapter-auto":"^6.0.0","@sveltejs/kit":"^2.0.0","@sveltejs/package":"^2.0.0","@sveltejs/vite-plugin-svelte":"^5.0.0","publint":"^0.3.0","svelte":"^5.0.0","svelte-check":"^4.0.0","typescript":"^5.0.0","vite":"^6.0.0"},"publishConfig":{"access":"public","registry":"https://registry.npmjs.org/"},"repository":{"type":"git","url":"git+https://github.com/abeedoolabs/bigdesign-svelte.git"},"keywords":["svelte","bigcommerce","bigdesign","components","ui"],"license":"MIT","dependencies":{"@sveltejs/adapter-static":"^3.0.10"},"_id":"@abeedoo/bigdesign-svelte@0.3.1","gitHead":"6755f606950eae4e2ba2c5d74f1dfc0822acce46","bugs":{"url":"https://github.com/abeedoolabs/bigdesign-svelte/issues"},"homepage":"https://github.com/abeedoolabs/bigdesign-svelte#readme","_nodeVersion":"22.18.0","_npmVersion":"10.9.3","dist":{"integrity":"sha512-KqUVUGsNyy1cis7faqdcE01/QqWIZQE8tHwZ97G9N+Ico7fyzbiUGEKP6cuCQUp4n69xhg7AUsJkvwqOs7F8Bw==","shasum":"e0a19b28f482b51e87ad6df7156357e13e0881e4","tarball":"https://registry.npmjs.org/@abeedoo/bigdesign-svelte/-/bigdesign-svelte-0.3.1.tgz","fileCount":234,"unpackedSize":249586,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIFlqjjBeDofhJctt/P2al3MIgU66IjXKsIbB50qL1zHFAiEA1hmPKBswlLotKyzDQphhtwLgWJ5CxXaAqTWIk+7sw/U="}]},"_npmUser":{"name":"meecect","email":"clifford.meece@me.com"},"directories":{},"maintainers":[{"name":"meecect","email":"clifford.meece@me.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/bigdesign-svelte_0.3.1_1778105845335_0.48403269017429373"},"_hasShrinkwrap":false}},"time":{"created":"2026-05-06T19:12:28.187Z","modified":"2026-05-06T22:17:25.611Z","0.1.0":"2026-05-06T19:12:28.426Z","0.2.0":"2026-05-06T21:21:45.652Z","0.3.0":"2026-05-06T21:32:11.777Z","0.3.1":"2026-05-06T22:17:25.488Z"},"bugs":{"url":"https://github.com/abeedoolabs/bigdesign-svelte/issues"},"license":"MIT","homepage":"https://github.com/abeedoolabs/bigdesign-svelte#readme","keywords":["svelte","bigcommerce","bigdesign","components","ui"],"repository":{"type":"git","url":"git+https://github.com/abeedoolabs/bigdesign-svelte.git"},"description":"Svelte 5 port of BigCommerce's BigDesign component library","maintainers":[{"name":"meecect","email":"clifford.meece@me.com"}],"readme":"# BigDesign Svelte\n\n**Unofficial** Svelte 5 port of BigCommerce's [BigDesign](https://github.com/bigcommerce/big-design) React component library.\n\n> **Disclaimer:** This project is not affiliated with, endorsed by, or maintained by BigCommerce. BigDesign is a trademark of BigCommerce. This is an independent, community-driven port created to bring BigDesign's design language to the Svelte ecosystem.\n\n**[Live Playground](https://bigdesign-svelte.abeedoo.com)** | **[npm](https://www.npmjs.com/package/@abeedoo/bigdesign-svelte)** | **[GitHub](https://github.com/abeedoolabs/bigdesign-svelte)**\n\n## What is this?\n\nBigDesign is BigCommerce's open-source design system for building apps that integrate with the BigCommerce admin panel. The original library is built in React. This project ports those components to Svelte 5, matching the same visual appearance, props API, and accessibility behavior using modern Svelte patterns (runes, snippets, scoped CSS).\n\n### Original BigDesign Resources\n\n- [BigDesign Documentation](https://developer.bigcommerce.com/big-design) - Official docs\n- [BigDesign Storybook](https://bigcommerce.github.io/big-design/) - React component playground\n- [BigDesign GitHub](https://github.com/bigcommerce/big-design) - React source code\n- [BigDesign Theme](https://github.com/bigcommerce/big-design/tree/main/packages/big-design-theme) - Design tokens\n\n## Getting Started\n\n### Install\n\n```bash\nnpm install @abeedoo/bigdesign-svelte\n```\n\n### Add the theme\n\nImport the theme CSS once in your root `+layout.svelte` to load the design tokens (colors, spacing, typography, etc.) as CSS custom properties:\n\n```svelte\n<script>\n  import '@abeedoo/bigdesign-svelte/theme';\n</script>\n```\n\n### Use components\n\n```svelte\n<script>\n  import { Button, Input, Panel, Alert } from '@abeedoo/bigdesign-svelte';\n\n  let name = $state('');\n</script>\n\n<Panel header=\"Create Product\">\n  <Input label=\"Product Name\" placeholder=\"Enter a name\" bind:value={name} />\n  <Button variant=\"primary\">Save</Button>\n</Panel>\n\n<Alert variant=\"success\" header=\"Saved!\">Your product has been created.</Alert>\n```\n\nBrowse all components with live, interactive demos at **[bigdesign-svelte.abeedoo.com](https://bigdesign-svelte.abeedoo.com)**.\n\n## Components\n\n### Layout\nBox, Flex, FlexItem, Grid, GridItem, Panel\n\n### Actions\nButton, Link, Dropdown\n\n### Forms\nForm, FormGroup, Input, Textarea, Select, Checkbox, Radio, Switch, Fieldset\n\n### Data Display\nTypography (H0-H4, Text, Small), HR, Badge, Table, StatefulTable\n\n### Feedback\nAlert, InlineMessage\n\n### Navigation\nTabs, OffsetPagination\n\n### Overlays\nModal, Tooltip\n\n### Utilities\nGlobalStyles\n\n## Key Differences from React BigDesign\n\n| | React BigDesign | BigDesign Svelte |\n|---|---|---|\n| **Framework** | React 18+ | Svelte 5 |\n| **Styling** | styled-components (CSS-in-JS) | Scoped CSS with `--bd-*` custom properties |\n| **Slots** | `children` / render props | Svelte snippets |\n| **State** | `useState` / `useRef` | `$state` / `$bindable` runes |\n| **Types** | TypeScript interfaces | TypeScript interfaces |\n\n## Development\n\n```bash\nnpm install\nnpm run dev          # Dev server with interactive playground\nnpm run build        # Build the playground site\nnpm run package      # Build library to dist/\nnpm run check        # TypeScript check\n```\n\nThe dev server runs an interactive playground site where you can browse and test all components with live demos.\n\n## Playground Site\n\nThe project includes a standalone playground site for browsing components. It builds as a static SPA and can be deployed via Docker:\n\n```bash\ndocker build -t bigdesign-svelte .\ndocker run -p 8080:80 bigdesign-svelte\n```\n\n## Publishing\n\n```bash\nnpm run package\nnpm publish\n```\n\n## AI Context\n\nThis project includes an [`llms.txt`](llms.txt) file following the [llms.txt standard](https://llmstxt.org/) — a structured manifest that helps AI agents understand the library's components, props, and usage patterns. If you're building with an AI coding assistant, point it at this file for accurate component generation:\n\n```\nhttps://bigdesign-svelte.abeedoo.com/llms.txt\n```\n\nThe file documents all 46 components with their props, types, defaults, and code examples in a format optimized for LLM consumption.\n\n## License\n\nMIT\n\n---\n\nBuilt and maintained by [Abeedoo Labs](https://github.com/abeedoolabs). Not affiliated with BigCommerce.\n","readmeFilename":"README.md"}