svelte-headlessui

What's Changed

• Remove TestRenderer from Dialog and Disclosure tests by @davepar in https://github.com/rgossiaux/svelte-headlessui/pull/101
• Fix Typo "PopverPanel" in Popover by @safwanolaimat in https://github.com/rgossiaux/svelte-headlessui/pull/144
• Error when styling tabs using Docs example by @VitroidFPV in https://github.com/rgossiaux/svelte-headlessui/pull/100
• Version 2.0 by @rgossiaux in https://github.com/rgossiaux/svelte-headlessui/pull/96
  • Breaking: changes component API for Listbox, Switch, and RadioGroup to use bind:
  • Breaking: renames the events emitted by Transition
  • Now uses <svelte:element> internally

New Contributors

• @davepar made their first contribution in https://github.com/rgossiaux/svelte-headlessui/pull/101
• @safwanolaimat made their first contribution in https://github.com/rgossiaux/svelte-headlessui/pull/144
• @VitroidFPV made their first contribution in https://github.com/rgossiaux/svelte-headlessui/pull/100

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.2...v2.0.0

Changes

• Fixes TypeScript errors on attributes like sveltekit:prefetch #95

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.1...v1.0.2

What's Changed

• Fixed an issue where the as prop on buttons breaks SSR: #94

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0...v1.0.1

What's Changed

• Improve TypeScript support + JSDoc in https://github.com/rgossiaux/svelte-headlessui/pull/81
• Far smaller bundle sizes (40% ish) by switching away from using individual components for different HTML elements to an if statement, in 8bc5fabdd953274e5a4cd9ff4e148eb6948c12ab
  • In a future release this will be replaced with <svelte:element>
• Fixed LICENSE formatting in b24ce316241e7a9e2c99e3bed80ca45ab2a0c6d9

It was high time to release this as 1.0.0 as it already has a lot of adoption and dealing with prelease versions is annoying. Future releases will use proper semantic versioning.

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.12...v1.0.0

Changes

This is a hotfix release to v1.0.0-beta.11

• Fix moving the portal root to the bottom of the page after initial render: 39a8b57c361c16060371a23d70c81b28c88ffbeb

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.11...v1.0.0-beta.12

Changes

• Initial documentation site #61
• Dialog: fix initial focus when rendered as static 01954a0693773dad4ac9dc3ea83c848a74745139
• Dialog: move portals to the bottom of the body after initial render (primarily affects static Dialogs in environments like the REPL) fada4f28a502e0cc3a65584724ad2f63a2b7d3e9
• Support TransitionRoot alias for Transition 026b1878908e4768414ac5530cad8d9251cafbe2
• Do not add a static="true" attribute to HTML elements when using the static prop 3014990142ddea1285afaf88760476dd1fa4bd70

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.10...v1.0.0-beta.11

Changes

Fixes

• Fix style attribute being wiped away incorrectly: 87aadf24908b3c7347e09f04dbcb77b369d88942
• Fix portals not being cleaned up correctly in some cases: b18fd2093b81ee72cdd32173644d0fe43293fab3

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.9...v1.0.0-beta.10

Changes

New functionality

• Add support for passing a function to the style prop, similar to class: 495fa64bf905d40f78b2eec3292eca4defec1cf3

Fixes

• Add/improve slot props with Label and Description components: cdc0d860447f415b818262898f2424f9c2ed7481
• Add typing for dispatched events: bfc68577cc73610fe56c71fb41f1eea05a560921

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.8...v1.0.0-beta.9

Changes

This is a bugfix release.

• #31: Slot props no longer show as not defined in TypeScript, following a fix to svelte2tsx
• #33: Labels now respect the as prop, and their props like class now react to changes.
• #35: Typeahead now follows WAI-ARIA when typing repeated characters. To be a good citizen, reported this upstream as well: https://github.com/tailwindlabs/headlessui/issues/1046
• #36 and #39: Fixed focus issues in SvelteKit due to the tabIndex=-1 that SvelteKit adds to the document body.
• #37: Components now work in environments that do not replace process.env (by running find package/ -type f -exec sed -i '' -e 's/process.env.NODE_ENV/"production"/' {} \; before release)

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.7...v1.0.0-beta.8

Changes

This release exposes the Portal component, following upstream Headless UI, which is used internally for Dialogs. While there is no documentation for it upstream, I'll likely document it here.

This is the last bugfix release planned before 1.0.0, which will include documentation.

• Handle adding items dynamically inside rendered components, for Listbox, Menu, Radio Group, and Tabs: e16e27f04ec520e8ff75df99e673521c95e8c0a0
  • Upstream handles this for Radio Group but not for the others, though people have filed a bug for Menu: https://github.com/tailwindlabs/headlessui/issues/994
• Menu:
  • Add open slot prop to <Menu>: 809cf841648d6944e62c06febe30b81fbe0d860b
• Dialog:
  • Add open slot prop to <DialogDescription>: a9d57659fbececf5cd59b68c9c5b1ccdfbcefa6e
• Tabs:
  • Add selected slot prop to <TabPanel>: e0d64f9bfc1dc2602abdd227789f3a927e451615
• RadioGroup:
  • Change active slot prop from integer to boolean: 72b0b838e47d94ee79436727776dc3bbb5bee7c7

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.6...v1.0.0-beta.7

Changes

• Tabs:
  • Fix aria-controls= being set incorrectly when Panels are not rendered: 70c68d00fe2b068bed0930682230c1de3f81d62e
  • Fix a number of mounting issues, including defaultIndex not working and incorrect initial aria-selected

With this release, all of the main Headless UI components except Transition have extensive unit tests, which means the non-beta 1.0.0 release will be coming soon.

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.5...v1.0.0-beta.6

Changes

• Add support for <Form>: 08021bbf21443a9e76c9636074b3667031a05731
• Disclosure:
  • Fix error message when using <DisclosurePanel> outside of a <Disclosure>: 206b83963ec409ca5fd0e537f44b3c4a88704eb3
• Menu:
  • Fix auto-focusing after opening a <Menu>: fe0388cc449e4c800b91c5ebca58920b3561d5fc
  • MenuButton: forward disabled prop correctly: fe0388cc449e4c800b91c5ebca58920b3561d5fc
  • MenuItems: fix error message when using outside of a <Menu>: fe0388cc449e4c800b91c5ebca58920b3561d5fc
  • MenuItems: fix searching for items after opening a <Menu>: 41774ec075bef32c7171779f549b288e5bec056e
  • MenuItem: only fire click handlers if the <MenuItem> is not disabled: d7348b35b61c97aaf62e8b656fb4349fcc4ce868
• Popover:
  • PopoverButton: fix aria-controls being added when Popover is closed: 5bff629363d6d1936520a99b117c4e5d1f7c119c

These were all caught thanks to porting tests over from the upstream Headless UI library.

Full Changelog: https://github.com/rgossiaux/svelte-headlessui/compare/v1.0.0-beta.4...v1.0.0-beta.5

Changes

• Fixes <FocusTrap> not working correctly for top-level <Dialog> components: a2745e1770d499b62a4371088b6265e9ca8fb3f3
• Adds support for the <input> custom element (primarily for tests)
• Adds initial documentation to Readme