v0.50.6 - Release Notes

[endigo9740]

Release: https://github.com/Brain-Bones/skeleton/releases/tag/0.50.6

Summary

• 🎨 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!

Hey everyone, we're excited to announce another major update to Skeleton! This update focuses on theme generation and previews, adds a handful of new components and utilities, as well as providing documentation and contribution guide updates!

⚠️ WARNING: Deprecated Components Removed!⚠️

• Drop components converted to Tailwind Elements #279

As mentioned in the prior release and migration guide, all components converted to Tailwind Elements have now been removed from the library. This includes Buttons, Badges, Cards and more. It's strongly advised you follow our migration guide for the prior release before updating to this release.

Major Updates

Theme Generator Overhaul - #269

The Skeleton Theme Generator has received a major overhaul. This includes a "live preview" mode and fun randomize option. When preview mode is enabled you can browse the entire documentation site with your theme applied.

Theme Ternary Color Added - #269

The theme generator overhaul also introduces a new "ternary" color. Preset themes will update automatically, however please make sure to update custom themes to include this new option.

Docs: Theme Picker - #270

We've introduced a new theme picker in the app bar near the top-right of the documentation site. This allows for a quick preview of each preset theme for Tailwind Elements and Svelte Components. Don't forget to try light and dark mode while you're at it!

Component > Conic Gradient - #203

This update introduces a new component for generating pie charts, spinners, or similar data visualizations. Gradients can be defined with any number of color stops and may optionally include an informative legend to display numeric or percentage amounts.

Component > File Button - #201

Provides a customizable button that can select and manage files forms and uploads. Provided thanks to @salisshuaibu11

Components > File Dropzone - #268

Allows for drag and drop file selection. This can also also bind directly to form data or be used to trigger automatic uploads.

Utilities > Menu -#196

The Menu component has been dropped in favor of this new utility. This mixes Tailwind Element classes with a dedicated Svelte Action, while providing a number of new features and improvements.

Utilities > Tooltip - #195

The Tooltip component has been dropped in favor of this new utility. This mixes Tailwind Element classes with a dedicated Svelte Action, while providing a number of features and improvements.

Utility > Local Storage Store - #283

This utility provides a drop-in replacement for the Svelte Store, but with the added benefit of pub/sub persistence via the browser's Local Storage API. Our new Theme Picker, Theme Generator, and updated LightSwitch all take advantage of this handy new feature. This has been provided courtesy of Joshua Nussbaum.

Minor Updates

Docs: Keyboard Interactions - #292

Components keyboard interactions are now documented for all relevant components (ex: tap ESC to close a modal). Provided thanks to @benzara-tahar

New LightSwitch Stores - #291 | #326

The LightSwitch component now utilizes the Local Storage Store to persist and expose the current state. This allows access to both the user's current operating system preferred scheme, as well as the current LightSwitch state. Provided thanks to @luke-hagar-sp

Docs: Contribution Guide Updated

The contribution guide has been overhauled to include new resources for beginners, improved guidelines, and overall provide a much better experience.

Bugfixes and More

• Bugfix: Clipboard action to dynamically update params - thanks to @luke-hagar-sp
  Update clipboard.ts #295
• Bugfix: Update form validation classes and docs
  Form invalid styles adjusted #316
• Bugfix: Progress Bar updated to use proper ARIA roll of "progressbar"
  ProgressBar Aria Label #312
• A broad set of a11y-focused updates have been applied
  A11y-homepage-changes #265
• Typography.css anchor style cleanup and .unstyled documented:
  Chore/cleanup anchor class #315
• Data Tables - improved typing - thanks to @ryceg
  https://github.com/Brain-Bones/skeleton/pull/281/files
• Doc sidebar search now has fixed position
  Search box minor issues #248
• We've updated all use of $$props.class and $$restProps to use nullish coalescing
  Nullish coalescing operator for $$prop and $$restProp usage #320
• GitHub and project management updates:
  Create a PR template with a checklist to ensure contribution guidelines are followed #309
  Create an issue template to streamline UX #310

As usual, thanks for everyone for their continued support. Please enjoy all the new features and updates!