skeleton

• ✨ Skeleton CLI for SvelteKit by default
• ♿ Design Token and a11y improvements
• 🗄️ Major Drawer improvements
• ⬆️ Major Data Table updates
• 🐞 A ton of minor updates and fixes

View the full release notes

• BUGFIX: corrected ARIA role for Modal and Drawer
• BUGFIX: Added better types for Toast and fixed issue with actions
• BUGFIX: fixed a click and drag issue for Modals:

View the full release notes

• 🔳 Major overhaul to data tables
• 💬 Major overhaul to dialogs (renamed modals)
• 🍞 Major overhaul to toasts
• 📗 Improved onboarding guides
• 💨 Tailwind Element directive updates
• 👁️ New focus capture action added
• 🐞 Docs and bugfixes!

View the full release notes

• ✨ New logo and project design
• 📙 Automated docs, for better accuracy
• ⬅️ New App Rail component
• 🏆 Community contest themes
• 🐞 A slew of minor updates and bug fixes

View full release notes

• 🪙 New design token system introduced
• 📗 Documentation overhauls
• 📚 Guides for SvelteKit, Vite, and Astro added
• 🍞 Toast and Menu state handlers added
• 🐞 Many bugfixes and small improvements

View the full release notes.

Includes a bugfix for Vite and the Conic Gradient - per https://github.com/Brain-Bones/skeleton/issues/344

• 🎨 Theme Generator Overhaul and Previews!
• 🧩 New File Handler and Data Visualization components!
• 💬 New Menu, Tooltip, and Store utilities!
• *️⃣ Keyboard and Contribution Doc Improvements!
• 🐞 Plus bugfixes and other improvements!

View the Release Notes

• Fixed an issue with dialogStore export in index.ts - https://github.com/Brain-Bones/skeleton/issues/276
• Fixed a small typo for the Styling doc page

• 🚀 Introducing Tailwind Elements!
• 🎨 Major style and stylesheet improvements!
• ⬆️ Updates to nearly every component!
• 📋 New Clipboard action added!
• ☑️ New Placeholder element added!
• 📕 Major documentation updates!

View the Full Release Notes

View the Migration Guide

• 🐚 New App Shell layout component added!
• ⬆️ New App Bar header component added!
• 🗄️ Drawer component overhauled!
• 🎨 Built-in themes and modular stylesheets!
• 🤘Plus many more improvements and fixes!

View the full release notes here

Summary

♿ Major updates to a11y (accessibility) for near every component!
⚡ Official support for for Vite + Svelte!
🚀 Official support for Astro
✴️ Docs updated to support the latest SvelteKit updates
🤝 Improvements for guides and contributor information
🤘Plus lots more!

Details

View the full changelog here: https://github.com/Brain-Bones/skeleton/discussions/148

• Fixed a dependency issue for Highlight.js that was causing errors when you tried to import and use components.

Components

• The Menu component has been updated with a new origin="auto" prop value. This will attempt to automatically adjust the menu's origin to keep it on screen. This occurs on load as well as when scrolling. https://github.com/Brain-Bones/skeleton/commit/c9f928e056493f3e3f76fb4f6c384c34716bfeaf

Utilities

• A new CodeBlock utility is now available. This is currently used on the Docs site, but is now available for all. Just note the additional dependency of Highlight.js https://github.com/Brain-Bones/skeleton/commit/117d6b21cf32670b290009d7caeadece077dc598

Docs

• Various spelling issues have been addressed across multiple pages (thanks Nik!) https://github.com/Brain-Bones/skeleton/commit/1dfdc2b2c7f156f13f96319e15cd93f6985e3620
• A new style has been introduced for inline elements wrapped in <code>. https://github.com/Brain-Bones/skeleton/commit/961ea558746a797ba71f37d0975cf0254d29a224

Package

• Reverted Dialog and Toast type exports which introduced unexpected errors

Components

• Dropped console.log from Button component

Documentation

• Updated Dialog and Toast type import codeblock to reflect the current method for handling this. Note this may change in the future.

Package

• BUGFIX: Added missing Dialog and Snackbar type exports https://github.com/Brain-Bones/skeleton/issues/47

Components

• BUGFIX: Button, Logo, RadioSet, and SlideToggle lose styles on prop change https://github.com/Brain-Bones/skeleton/issues/45
• BUGFIX: Stepper back/next buttons wrapping on small mobile screens https://github.com/Brain-Bones/skeleton/pull/50
• BUGFIX: Paginator buttons wrapping on small mobile screens https://github.com/Brain-Bones/skeleton/pull/50

Documentation

• BUGFIX: Homepage hero CTA buttons wrapping on small mobile screens https://github.com/Brain-Bones/skeleton/pull/50
• BUGFIX: All guide "next steps" cards, fixed responsive styles for small mobile screens https://github.com/Brain-Bones/skeleton/pull/50
• BUGFIX: Utilities > Dialogs, improved responsive styling for small mobile screens https://github.com/Brain-Bones/skeleton/pull/50

This update addresses a number of issues reported by the community during the initial launch.

General Improvements

• All project dependencies have been updated to their latest version, including SvelteKit and Vitest.

Components

• The LightSwitch component now supports all Menu props.
• BUGFIX: A conflict between $$props.class and $$restProps has been resolved within a number of components. This prevented custom class styles from being applied to some buttons, such as Buttons.
• BUGFIX: TabGroup component styles have been adjusted to work better on mobile. They will now scroll horizontally when overflow is triggered.

Documentation

• Added a new Guides > Styles section, which provides in depth information for handling global and per-component styling.
• Added a new Guides > Forms section, which provides in depth information for implementing and using the official Tailwind Forms plugin, as well as providing basic input styles.
• All Tailwind Plugin buttons should now have properly labeled calls to action.
• Fixed a typo within the LightSwitch utility documentation.
• Updated the Docs > Why Skeleton section to make the open source license more obvious.

This is the initial public release version of Skeleton.