Dependency updates

Updates to deps and audit fixes.

Correct Types, expose Button element

This release corrects types for Accordion, and exposes the Button inner element.

Toast and Input updates

This release adds support for binding to Input inner element (#298), and improves Toast by add autohide and delay props for auto-dismissing, adds on:opening|open|closing|close events, and body and header shorthand (#300)

Correct Tooltip

This release corrects Tooltip:

• Adds support for focus and blur events
• Removes event listeners on destroy
• Correct accessibility

Update Accordion

This release updates Accordion to add missing flush and stayOpen props.

Correct Offcanvas with SSR/Sapper

This release corrects #286

Re-add Jumbotron

Removed from Bootstrap 5, but adding equivalent component using Bootstrap utility classes for backwards compatibility.

Include Styles component

Add new Styles component for easier styling in simple use cases.
(Technically a semver addition, but mistakenly left out of 5.0.0 release.)

Bootstrap 5

Sveltestrap v5.0.0 brings support for Bootstrap 5!
https://blog.getbootstrap.com/2021/05/05/bootstrap-5/
https://getbootstrap.com/docs/5.0/migration/

Breaking changes from Sveltestrap v4.x:

• You must use Bootstrap 5.x CSS - If your app uses Bootstrap 4.x you must use Sveltestrap v4
• CustomInputs are removed - Bootstrap 5 styles all inputs now, use Input as replacement.
• Removed Jumbotron, Media components use Bootstrap CSS utils as replacement.
• Remove Uncontrolled* components, stateful logic has been moved to their base components as replacement.
• TabContent and TabPane have been reworked to manage tab state internally.
• Removed node 10 support (should work, just no longer testing)

New Components:

• Accordion
• Offcanvas
• Fullscreen Modals
• Dark DropdownMenu, Carousel

Popper 2 has been added and Dropdown now use Popper.

Add Table Column, improve Types

This release adds Table Column support for easier table creation

<Table rows={ROWS} let:row>
  <Column header="First Name" width="8rem">
    {row.first}
  </Column>
  <Column header="Last Name" width="8rem">
    {row.last}
  </Column>
  <Column header="Email">
    {row.email}
  </Column>
  <Column header="Birthdate" width="10rem" class="text-right">
    {row.dob.toDateString()}
  </Column>
</Table>

This also includes improved TypeScript types using official Svelte base class.