Skip to content

v1.1.0

Latest
Latest

Choose a tag to compare

View all tags
@XurxoMF XurxoMF released this 09 Aug 18:10
· 37 commits to main since this release
1.1.0
01bac74

Description

This release improves component maintainability, updates several components to their stable dependency APIs, and fixes public types and styles.

Icons are now isolated behind a semantic icon facade, allowing the icon library to be changed without modifying individual components.

From versions

Changelog

🟢 Added

  • Added src/lib/icons.ts as the shared icon facade.
  • Added semantic icon exports such as SidebarIcon, AlertErrorIcon, and SelectorIcon.
  • Added RootProps to the public Alert exports.
  • Added generic support to Tooltip RootProps and TriggerProps.
  • Added mode-watcher support to Sonner.

🟡 Changed/Updated

  • Updated every component to import icons from $lib/icons.
  • Updated Drawer wrappers for the stable vaul-svelte 0.3 API while preserving the public ref and snippet-based component API.
  • Updated Sonner to use the current theme from mode-watcher.
  • Updated Data Table usage to use the official stable @tanstack/svelte-table v9 adapter.
  • Updated Carousel navigation button positioning.
  • Renamed the Field error item type from ErrorError to Error.

🟠 Fixed

  • Fixed the data-topt CSS variant name to data-top.
  • Fixed the Tooltip portalProps type to use Tooltip.PortalProps.
  • Fixed Sidebar tooltip content props to use Tooltip.ContentProps.
  • Fixed missing or incorrect component prop exports.
  • Fixed component imports that prevented some components from passing Svelte checks.
  • Removed Sonner's dependency on application-specific theme state.

🔴 Removed

  • Removed the custom data-table component and rendering helpers.
  • Removed direct icon-library imports from components.
  • Removed the direct @tanstack/table-core dependency in favor of @tanstack/svelte-table.

Update guide

  1. Copy the new src/lib/icons.ts file.

  2. Replace the updated component directories you use.

  3. If you customized icons, change only the mappings in src/lib/icons.ts. Components should continue importing semantic names from $lib/icons.

  4. If you use Sonner:

    • Install mode-watcher.
    • Add <ModeWatcher /> to your root layout.
    • Remove any application-specific theme integration from the Sonner wrapper.

  5. If you use Data Table:

    • Remove src/lib/components/ui/data-table.
    • Remove @tanstack/table-core.
    • Install @tanstack/svelte-table@^9.1.2.
    • Build tables using the regular Table components and the helpers exported by @tanstack/svelte-table.

  6. If you import the Field error type, rename ErrorError to Error.

  7. Replace any use of the data-topt: Tailwind variant with data-top:.

  8. Run your type checker after replacing the components.

Assets 2
Loading