Svelte 4 updates (Part 2)

[shinokada]

Closes #813

📑 Description

• buttons/Button.svelte:81:0 A11y: svelte:element with click, keydown, keyup, mouseenter, mouseleave handlers must have an ARIA role
• dropdowns/DropdownItem.svelte:14:2 A11y: svelte:element with click, keydown, keyup, mouseenter, mouseleave handlers must have an ARIA role
• forms/Dropzone.svelte:14:0 A11y: Non-interactive element should not be assigned mouse or keyboard event listeners.
• modals/Modal.svelte:126:8 A11y:
  with keydown handler must have an ARIA role
• modals/Modal.svelte:91:2 A11y: Non-interactive element
  should not be assigned mouse or keyboard event listeners.
• navbar/NavLi.svelte:13:2 A11y: svelte:element with click, keydown, keypress, keyup, mouseenter, mouseleave, mouseover handlers must have an ARIA role
• navbar/NavUl.svelte:25:2 A11y:
  with click handler must have an ARIA role
• paginations/PaginationItem.svelte:13:0 A11y: svelte:element with click, keydown, keypress, keyup, mouseenter, mouseleave, mouseover handlers must have an ARIA role
• ratings/Star.svelte:10:0 A11y: with click handler must have an ARIA role
• ratings/Thumbup.svelte:9:0 A11y: with click handler must have an ARIA role
• ratings/Heart.svelte:9:0 A11y: with click handler must have an ARIA role
• tables/TableBodyCell.svelte:12:0 A11y: Non-interactive element should not be assigned mouse or keyboard event listeners.
• utils/ChevronDown.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/ChevronLeft.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/ChevronRight.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/ChevronUp.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/InformationCircle.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/UserCircle.svelte:24:0 A11y: with click handler must have an ARIA role
• utils/Frame.svelte:84:2 A11y: svelte:element with click, mouseenter, mouseleave handlers must have an ARIA role
• utils/Frame.svelte:99:2 A11y: svelte:element with click, mouseenter, mouseleave handlers must have an ARIA role
• navbar/Menu.svelte:24:0 A11y: with click handler must have an ARIA role
• carousels/Thumbnail.svelte:10:0 A11y: Non-interactive element should not be assigned mouse or keyboard event listeners.

Status

• Not Completed
• Completed

✅ Checks

• My pull request adheres to the code style of this project
• My code requires changes to the documentation
• I have updated the documentation as required
• I have checked the page with https://validator.unl.edu/
• All the tests have passed
• My pull request is based on the latest commit (not the npm version).

ℹ Additional Information

[stackblitz]

Run & review this pull request in StackBlitz Codeflow.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Comments	Updated (UTC)
flowbite-svelte	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 3, 2023 10:18pm
flowbite-svelte-update	✅ Ready (Inspect)	Visit Preview	💬 Add feedback	Jun 3, 2023 10:18pm

[jjagielka]

if it is <button> do you need role="button"

[shinokada]

No, you don't need it if the type is a button.
I will remove that line.

[shinokada]

Since Frame is used in different components, the role will be different depending on the tag.
I just leave it for now.