@sl-design-system/[email protected]

Patch Changes

• #1599 4714b36 - Fix logic to not just link based on aria-describedby, but also on aria-labelledby

• #1588 3ce1a3b - Make the lazy tooltip smarter when it comes to determining which context to use to create the <sl-tooltip> element

  With this change, when the tooltip is lazily created, it checks if the target element has a shadow root. If it does, it uses the shadow root to create the tooltip custom element. If it doesn't, it uses the root node of the target element. If there is no parent custom element, then getRootNode() will return the document, so it will do document.createElement('sl-tooltip').

  After createElement('sl-tooltip') it then checks if the tooltip has a shadow root itself. If it doesn't, it means the tooltip custom element wasn't defined. When that happens, it will log a warning on the console.

• Updated dependencies [4714b36, ebe4c8a, 33fd543]:

  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• #1563 ae44384 - Fix missing types in NPM package

• Updated dependencies [33fd543]:

  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• Updated dependencies [4714b36, ebe4c8a, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• Updated dependencies [4714b36, 4714b36, ebe4c8a, 3ce1a3b, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Minor Changes

• #1580 33fd543 - Improve implicit form submit behavior

  Previously when you pressed enter in a text field, it would call requestSubmit() on the associated <form> element. This mimics the behavior of the native <input> element. With this change, the behavior now also works if there is only a parent <sl-form> element. If both <form> and <sl-form> elements are present, then the <form> element will take precedence. This makes it a minor change.

Patch Changes

• Updated dependencies [4714b36, ebe4c8a, 33fd543, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• Updated dependencies [4714b36, ebe4c8a, 33fd543, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• #1599 4714b36 - Various a11y related fixes

  <sl-tag-list>:

  • Use aria-labelledby for the tooltip instead of aria-describedby
  • Do not set an aria-label on the host element; role="list" provides enough information

  <sl-tag>:

  • Add ability to use Delete or Backspace keys to remove the tag
  • Use aria-description to describe how to remove the tag using the keyboard
  • Make the delete button have aria-hidden="true"
  • Remove tabindex from the .wrapper element in the shadow DOM

• Updated dependencies [4714b36, 4714b36, ebe4c8a, 3ce1a3b, 33fd543]:

  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• Updated dependencies [4714b36, ebe4c8a, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Patch Changes

• Updated dependencies [4714b36, ebe4c8a, 33fd543, 33fd543]:
  • @sl-design-system/[email protected]
  • @sl-design-system/[email protected]

@sl-design-system/[email protected]

Minor Changes

• #1575 ebe4c8a - Migrate DataSource and ArrayDataSource to dedicated @sl-design-system/data-source package.

  Since these are only used in the grid component, and that component is still in draft, migrating
  this code into its own package is not considered a breaking change.

• #1580 33fd543 - Add new closestElementComposed DOM utility method

  This new utility method is a wrapper around HTMLElement.prototype.closest that also considers the composed tree. This makes it easier to find the closest ancestor that matches a given selector, even if the element is in a shadow tree.

Patch Changes

• #1599 4714b36 - Fix RovingTabindexController to correctly navigate between light & shadow DOM elements