v0.132.4 Release Notes #995
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 has entered in Release Candidate status! 🎉
Today's update marks a huge milestone for the library, as Skeleton is now officially in release candidate status! See our full announcement linked below, including the first details for our upcoming v1.0 launch day event!
Skeleton on the LogRocket Podcast
Core maintainer Chris Simmons recently appeared on an episode of the LogRocket podcast to talk Skeleton. You can listen here to learn more about what Skeleton is, how the project was started, plus learn what's in store for the future of the library.
Release Notes
Similar to the Element and Component overhauls in the prior two releases, today's update focuses on improvements to the Utility features within Skeleton. This includes a new custom modal registry system, a new Popup feature to replace Menus and Tooltips, as well as a greatly improved onboarding experience. Best of all, this concludes all planned major breaking changes for the library, which means Skeleton is now in Release Candidate status!
Release: https://github.com/skeletonlabs/skeleton/releases/tag/0.132.4
Summary:
Utility Features Overhaul - #922
Given the scale and scope of these changes, we've opted to provide a summary of the most noteworthy updates below.
Drawers
The drawer update includes a number of documentation and design improvements, new style props, and even a way to provide a background animation when opening or closing the drawer:
Lightswitches
In addition to a new adaptive design, the Lightswitch component has been rebuilt using a new service that exposes all information and methods for interacting with light and dark modes. Power users can utilize this to create their own custom Lightswitch components or interface with the existing component at any time. Don't worry though, you can still use the basic component as a quick means to toggle light/dark modes.
Modals
Modals now allow you to register custom component modals for simple and easy reuse. You no longer have to pass the component reference each time you trigger the modal. Just register it to the Modal component, then call it by name on demand anywhere in your application. Additionally custom modals no longer require you to override base styles, but are "naked" and untstyled by default. This gives you complete control to to customize your modal from the ground up.
Popups (replaces Menus and Tooltips)
Menu and Tooltip utilities have been removed, now replaces with a new Popup utility feature. This features combines the best of both worlds, making full use of Floating UI (previously called Popper.js) - a powerful library for controlling the positioning of "floating" elements. This comes with a HUGE number of improvements, so we recommend you review the detailed changelog.
Migrating to the new popup system should be a breeze if you've used Menus before. This uses the same design pattern.
npm install @floating-ui/domimport { popup } from '@skeletonlabs/skeleton';data-menuwithdata-popupon your "floating" elementuse:menutouse:popupevent,targetand other desired settings to the actionSee the full Popup documentation for full details and examples.
And More!
In addition to the above changes, new improvements to Code Blocks, Local Storage Store, and other utility features have been included. See the changelog for a full list of updates and breaking changes.
Theme Generator - Color Contrast Ratio - #847
Contributor @ryceg has implemented a new contrast ratio checker feature for the theme generator, allowing for quick visual feedback if your text/fill "on" colors meet the appropriate standards. Hover over the small icon for more technical information.
Onboarding Improvements - #981
As we prepare for our upcoming v1.0 release, we've kicked off a number new documentation improvements. The first notable change includes updates to our "Docs" section and onboarding instruction. This should make it easier than ever to get started with Skeleton, whether you're using the CLI or manual install instructions.
Minor Improvements
on:toggleevent for the Accordion Item:Unable to close open AccordionItem when autocollapse is used #945
Accordion: Allow the default caret positions to be changed, for both open & closed, when required #965
[BUG] Keyboard input on InputChip misbehaving #985
Bugfixes
Bugfix for Listbox, RadioItem, Tab double reporting event #974
Currently selected select Elements in Dark Theme have very low contrast #940
fileproperty binding for FileButtons:fix: FileButton
filesproperty binding #949Accordion + Stepper buttons auto submits forms #943
Can no longer override all button classes on Paginator #934
input-group highlight on focus-within not working as expected #941
Documentation
Fix: Lazy load vercel analytics #984
Range sliders Min props #962
Tabs docs: Fix href on link to local-storage-store #953
fix typo in logo-cloud example doc #946
/docsdirectory in the project structure:Reorganize the Docs directory #980
docs: fix outdated SlideToggle prop #961
docs/Fix typo in route to local-storage-stores page #972
Update +page.svelte #991
Beta Was this translation helpful? Give feedback.
All reactions