Skeleton v1.2.0
Alongside today's new release, we're thrilled to announce that Skeleton Labs is now providing premium support and services for your Skeleton projects. This includes professional consulting, contracting, and technical support via Skeleton Labs core team members.
Premium Support and Services
Alongside today's new release, we're thrilled to announce that Skeleton Labs is now providing premium support and services for your Skeleton projects. This includes professional consulting, contracting, and technical support via core team members such as Chris Simmons, the creator and core maintainer of Skeleton. Check the links below for more information.
- https://github.com/skeletonlabs/skeleton/discussions/1315
- Visit our website at https://www.skeletonlabs.co/
Release Notes
https://github.com/skeletonlabs/skeleton/releases/tag/1.2.0
Summary:
- 🌬️ Support for Tailwind v3.3
- 🐞 Bugfixes and minor improvements
Support for Tailwind v3.3
In case you missed it, Tailwind recently dropped a a new update with a number of improvements. It will take a while for Skeleton to adopt all the new features, However, we wanted to let you know we've vetted the update and you're welcome to update at your own discretion. Note that new CLI projects will now use v3.3.x (or higher) by default.
When updating to v3.3, please follow our recommendations:
- Keep your
tailwind.config.cjs
as is. While.esm
and.ts
support has been added, we're investigating support for these. - You may utilize the new
950
shade of any Tailwind-provided color, however, Skeleton does not yet support this for theme colors (ex: primary, secondary, etc). We'll need to update our preset themes, theme generator, design tokens, and provide a migration path for your custom themes. Look for more details on this soon. - If you're using the official Tailwind Line Clamp plugin, this may now be removed. These features are now built-in. Note the CLI will no longer prompt you to install this plugin.
If you would like to view our progress towards implementing the additional Tailwind updates, you can monitor it here:
Inclusive Prop Terms for Autocomplete
https://github.com/skeletonlabs/skeleton/issues/1276
We realize some folks will have opinions on this, but this is a change that was suggested by the community and we feel meets Skeleton's overall goal of building an inclusive community. It aligns with our Code of Conduct. However, this does come with the cost of a minor breaking change. This includes changes to the names of two properties:
blacklist
- now calleddenylist
whitelist
- now calledallowlist
This would typically constitute a major release for semantic versioning, however after internal review we've decided the fact that autocomplete is so new, paired with the relatively small scope of the change, that we'll limit this to a minor point change. Note that this will be the exception to the rule and not common practice. But please do take care to update your applications.
Minor Updates
- New test cases added for the autocomplete component:
https://github.com/skeletonlabs/skeleton/pull/1204 - List styles now enable text wrapping by default:
https://github.com/skeletonlabs/skeleton/issues/1211 - Additional region props have been added to the Table component:
https://github.com/skeletonlabs/skeleton/issues/1255
Bugfixes
- Resolved a11y warnings for ListBox, RadioGroups, and Tabs:
https://github.com/skeletonlabs/skeleton/pull/1280 - Modal
response
values now provideundefined
when tapping the backdrop:
https://github.com/skeletonlabs/skeleton/issues/1118 - Fixed a bug where the
on:backdrop
event would fire when tapping the modal window:
https://github.com/skeletonlabs/skeleton/issues/1240 - Fixed an issue preventing popup
closeQuery
from working as expected:
https://github.com/skeletonlabs/skeleton/issues/1229 - Resolved toast timeouts affecting queued toasts:
https://github.com/skeletonlabs/skeleton/issues/1197 - Fixed input chip bug preventing duplicate entries option from working as expected:
https://github.com/skeletonlabs/skeleton/issues/1224 - Resolved a style issue preventing icon buttons from working with unsized SVG icons:
https://github.com/skeletonlabs/skeleton/issues/1184 - Fixed issue with component modals rendering undefined for default slot:
https://github.com/skeletonlabs/skeleton/issues/1251 - Fixed an issue preventing negative number values for the Range Slider:
https://github.com/skeletonlabs/skeleton/issues/1260 - Resolved an issue for AppRailTiles not supporting zero-based values:
https://github.com/skeletonlabs/skeleton/issues/1253 - Removed inherit padding for the ListboxItem, allowing the prop to work better:
https://github.com/skeletonlabs/skeleton/issues/1254 - Avatar initials are now centered:
https://github.com/skeletonlabs/skeleton/pull/1268 - Resolved the
querySelectorAll
error for Popups:
https://github.com/skeletonlabs/skeleton/issues/1264 - Improved the CSS selector for styling the webkit date/time calendar icon:
https://github.com/skeletonlabs/skeleton/issues/1275 - Resolved a number of minor issues with our Vitest test cases:
https://github.com/skeletonlabs/skeleton/issues/1284 - Corrected the up/down arrows for Table sort, which were reversed:
https://github.com/skeletonlabs/skeleton/issues/1287 - Fixed a misspelled implementation of
onDestroy
within the Focus Trap action:
https://github.com/skeletonlabs/skeleton/pull/1295
Documentation
- Extended Theme documentation to showcase CSS custom property use cases:
https://github.com/skeletonlabs/skeleton/issues/1235 - Resolved pathing issue for Themes documentation:
https://github.com/skeletonlabs/skeleton/issues/1226 - Font Awesome icons are now installed locally within the project for GDPR compliance:
https://github.com/skeletonlabs/skeleton/issues/1190 - Improved instruction for the canned modal widths:
https://github.com/skeletonlabs/skeleton/issues/1187 - Better illustrate how the Autocomplete keywords work for the demo:
https://github.com/skeletonlabs/skeleton/pull/1218 - Resolved a z-index issue for the App Bar popups on the Themes documentation:
https://github.com/skeletonlabs/skeleton/issues/1222 - Added missing import for
AppRailTile
:
https://github.com/skeletonlabs/skeleton/issues/1244 - Better demonstrate wrapping card styling for Autocomplete docs:
https://github.com/skeletonlabs/skeleton/pull/1257 - The featured Avatar demo now has an interactive border radius:
https://github.com/skeletonlabs/skeleton/pull/1279 - Corrected incorrect
name
field description for the SlideToggle:
https://github.com/skeletonlabs/skeleton/issues/1269 - Fixed typos, grammar, and other small mistakes:
https://github.com/skeletonlabs/skeleton/pull/1208
https://github.com/skeletonlabs/skeleton/issues/1207
https://github.com/skeletonlabs/skeleton/pull/1225
https://github.com/skeletonlabs/skeleton/issues/1247
https://github.com/skeletonlabs/skeleton/pull/1297