1. FlexiDelete Changes

Prior to v0.3, the FlexiDelete did not use a controller, and it did not render any DOM element by itself.

In order to improve accessibility, this was changed, and the FlexiDelete component now renders a div that wraps the children content. This has led to the following breaking changes:

• props property passed to the children snippet (with members onpointerenter and onpointerleave) is now redundant. You can delete these, as they will be removed in the next version.
• You may now need to style around the addition of the wrapper div. A class prop has been added to let you do this.
• The contents of your children snippet no longer needs to be hoverable.
• Where no label is provided inside of the deleter, we recommend that you have a screen-reader only span (e.g. class sr-only in TailwindCSS) inside of the children snippet to provide a descriptive label.

The Numbers example has been updated to reflect this change.

2. FlexiAdd Changes

For the same reason, the FlexiAdd has also been adjusted to render its own button element that renders the children content inside of it. This means:

• props is now redundant inside of the snippet (with members onpointerdown and style), and you do not need to spread them. You can remove this.
• You may now need to style around the addition of the wrapper button. A class prop has been added to let you do this.
• The contents of your children snippet no longer needs to be a button.

The Numbers example has been updated to reflect this change.

3. Internal Controller Changes

Earlier releases saw controllers, especially the FlexiWidgetController, expose methods and properties that were never intended for external use. In v0.3, these methods are no longer available.