v1.6.2 Release Notes

[endigo9740]

Release Notes

https://github.com/skeletonlabs/skeleton/releases/tag/1.6.0
https://github.com/skeletonlabs/skeleton/releases/tag/1.6.1 (patch)
https://github.com/skeletonlabs/skeleton/releases/tag/1.6.2 (patch)

Today's update is a bit different than normal, as outwardly it will appear as a minor triage update. However, internally we've now migrated the Skeleton project to a new monorepo structure. This will have little to no immediate impact for Skeleton users in the short term, but long term will open up a lot of new possibilities for the library. See below for more information.

• 🧱 New monorepo project structure
• 📗 Contribution guidelines overhauled
• 📎 New anchor tile added to App Rails
• 🐞 Plus a host of improvements and bugfixes

Monorepo Project Structure - #1506

Special shoutout to @niktek and @AdrianGonz97 for making this happen!

Attention contributors! As mentioned above, we've now migrated the project to a new monorepo structure. This precedes a number of upcoming housekeeping issues for the project. Please see our updated contributor guidelines for detailed instructions for new contributions. For now, here's the most important information in a nutshell:

1. We now require contributors to use pnpm, which fully supports monorepo workspaces.
2. Make sure you delete your node_modules folder before doing pnpm i after pulling from your sync'd fork.
3. /packages/skeleton - contains the core library package (@skeletonlabs/skeleton)
4. /sites/skeleton.dev- contains the documentation website (skeleton.dev)

The monorepo is currently comprised of two projects, but this will grow over time:

• /sites/theme-generator - will be a standalone web app that houses a greatly improved theme generator
• /packages/popups - will be a standalone package and huge rework of our popup feature
• /packages/codeblocks - will be a standalone package of our code block feature
• We may also merge create-skeleton-app (the Skeleton CLI)
• Plus additional sites and packages as we see fit

Why the change? Overall it just makes the project more modular and easier to maintain. For the theme generator, this allows us to improve the UX, interface, and functionality. For the standalone packages, this typically means we can more tightly integrate required peer dependencies, and these can potentially be used outside of Skeleton projects.

No specific deadline has been set for these changes, we're just starting to lay the groundwork to make this possible!

Contribution Guide Overhaul - #1526

https://www.skeleton.dev/docs/contributing

We've now completely overhauled our contributor documentation top to bottom. It should now be more accurate, more complete, and provides full instructions for installing pnpm and using our new monorepo structure. If you're new to monorepos, but still wish to contribute, find our full guide for this within the Requirements section.

App Rail Anchor Tile - #1486

In previous iterations of Skeleton the App Rail would utilized an AppRailTile for both selection state as well as links (anchor elements). In today's release we've now introduced a dedicated AppRailAnchor component, which provides the same options, but with a simpler set of props purpose built for anchors. Best of all, you can mix AppRailTile and AppRailAnchor within the same App Rail component. See the documentation for details.

Other Notable Improvements

• The focus trap action now correctly updates when content within mutates:
  added mutationObserver to focusTrap #1482
• Paginator now includes first and last buttons for quicker navigation:
  feat/paginator-more-options #1530
• Filters are now supported in Firefox:
  Support filters in Firefox #1449
• Improved optional theme mesh background styles to support custom layouts:
  Update theme attachment and theme docs #1538

Bugfixes

• Fixed an illegal constructor bug for popup:
  fix illegal constructor bug for popup #1464
• Fixed a bug where the class attribute wasn't applied to the Tab parent element:
  Moved classesBase from tab to parent label #1468
• Fixed a bug where ModalStore could return null/undefined:
  Fixed ModalStore-Access to be null/undefined safe. #1471
• Fixed a bug where code block line numbers didn't display without syntax highlighting enabled:
  fixed line numbers without highlight #1472
• Fixed the callback is not a function error for popups:
  Fixes callback is not a function on hover Popups #1479
• Fixed an undefined class error for Toasts:
  bugfix/ undefined class in toast #1487
• Dropped the "v" in version for package.json:
• Resolved an issue preventing responsive sizing for opt-in typography headings:
  fix: add media queries to jss #1495
  Drop V from version in package.json #1507
• Fixed a bug where popup focus events could fail:
  Fixed Issue 1513 by checking if focusable elements exist. #1522
• Fixed an issue where input group styling could show a blue ring:
  Bugfix for input group ring styles #1537
• Button icons now match the click animation of standard buttons:
  bugfixes/add active styles to btn-icon #1493
• Fixed an issue with autocomplete and responsive data:
  Fixes #1541 dynamically updated autocomplete options. #1543

Documentation

• Updated theme font preload tips to prevent flickering on load:
  Added an explanation for how to preload fonts to potentially avoid flicker on load. #1524
• Improved the popup hover event tip for disabling pointer events for children:
  Popup hover pointer events tip #1511
• Appended modal documentation with async example:
  Added Documentation about how to await a Confirm Modal to the Modal Documentation. #1523
• Minor fixes and typos:
  Change 'focus' to 'focus-click' in Autocomplete documentation #1465
  Minor typo #1491
  docs/remove extra the #1497
  Update +page.svelte - use https instead of http #1508
  fix: Closing tag on input element #1518