v0.124.2 Release Notes #928
endigo9740
announced in
Announcements
Replies: 0 comments
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
-
News
Skeleton on the LogRock Podcast
Skeleton's core maintainer Chris Simmons will be appearing on an episode of the LogRocket Podcast on February 15th. Be sure to tune in as we'll be sharing some exciting news about the future of Skeleton! You're not going to want to miss this!
Skeleton + Tailwind UI and Flowbite Guides
We've launched two new tutorial articles for converting Tailwind UI and Flowbite elements to Skeleton, taking full advantage of Skeleton's unique theme and design token system:
Release Notes
Release: https://github.com/skeletonlabs/skeleton/releases/tag/0.124.2
Today's release represents the largest set of component updates in the project's history. Including a vast number of quality of life improvements, several highly requested features, and even a few redesigns. This also includes a new approach for input styling and ensures Skeleton form components take full advantage of SvelteKit's native form submission process. Unfortunately this does include a number of breaking changes, but in doing so gets us one step closer to our goal of a release candidate status for Skeleton.
Summary:
Given the scale and scope of changes this release we've created a dedicated migration guide to help you transition your existing Skeleton projects to the new version. While we tried to preserve the existing component APIs, some of these changes were unavoidable. We ask that you please be cautious when updating to this latest release.
Component Overhauls - #862
As mentioned in our last release, we've implemented a large series of updates and overhauls to all component in Skeleton. You may review a detailed list of changes here, but we've highlighted the most noteworthy changes below:
Accordions have been rebuilt from the ground up and now animate when opened or closed.
App Bars now feature multiple configurations, including a prominent headline slot.
App Shell now includes an
on:scroll
event handler to report the scroll position of the page.File Dropzones have been redesigned, while remaining highly customizable.
Input chips have also been redesigned and feature animated effects as chips are added or removed.
Listboxes have been redesigned and are much easier to implement.
Steppers now use a horizontal layout (by overwhelming demand!) and implement a new abacus-like transition between steps.
Tabs are highly customizable, and feature an optional tab panel slot and hooks for improved accessibility:
Plus many many more changes. View the full set of improvements here, including details on breaking changes per each particular component.
Form Component Improvements
All of Skeleton's form components (ex: range slider, slide toggle, etc) have been updated to operate as native form inputs. Meaning they are plug-and-play when used within native forms in SvelteKit. To learn more, we've created a detailed tutorial article. If you use Skeleton forms in your projects you'll definitely want to review these changes:
Action Overhauls - #862
As mentioned in our last release, Skeleton's Svelte Actions have been updated as we move towards a stable release. These now feature better examples and documentation per each. You may view the full set of improvements here.
Opt-In Form Styles - #914
In the past Skeleton Form styles were globally on by default. This meant they were easy to get started with, but much more difficult to customize due to the complex CSS selectors required. As of this release, form element styles are now opt-in, meaning they require a class or set of classes to apply styles. This is the same approach used for buttons, cards, and other element in Skeleton.
We know adding adding classes takes additional effort, but this provides several immediate benefits:
The other major benefit to this approach is it allow for the introduction of variant styles, such as this Material Design influenced variant shown below. Just append the
.variant-form-material
class to form element.Data Tables Delisted
Please note that the data table features are slated to be delisted and we will no longer be providing support for these on GitHub or Discord. See the explanation here. Note that the data table features will continue to operate, but we will not be advertising this as part of our standard doc navigation. If you need to reference the documentation it can be found here. We will plan to bring data tables back, but not until we feel they are production ready. You can track progress on this here.
Minor Improvements
package.json
to provide more information on NPM:Expand package.json details #881
Implement dedicated type for CSS classes props to improve Tailwind IntelliSense #910
crypto.randomUUID
which could cause build errors:Replace crypto.randomUUID #913
Standardize component CSS prop naming #917
Bugfixes
max
property:fix max toasts. #923
text-on-X-token
isn't respected insidealert
containers in dark-mode #894Strange css inheritance for inputs #888
.breadcrumb-nonresponsive
from working:breadcrumb-nonresponsive does not seem to work with 0.99.5 #889
Documentation
data-theme
attribute:Improve instruction for data-theme attribute #885
docs: Fix Typo #896
What Comes Next
As with our last release, we wanted to inform you of updates coming down the pipeline. In order to reach our release candidate status we have two additional major updates slated:
These updates will be heavy lifts and require the majority of February to complete. If you're looking to contribute, please focus your feedback, testing, and support in these areas.
Support Skeleton
Wish to continue seeing large updates like this? Consider sponsoring Skeleton. You may contribute through a number of services:
Beta Was this translation helpful? Give feedback.
All reactions