feature(component): Rewrite Alerts to use themes, resolves #126

[tulup-conner]

Breaking changes

None.

Features

• Explicitly type
• Add Accordion theme defaults
• Rewrite Alerts to use themes, resolves Theme: Alert component #126
• Check type on
• Use semantic colors in

Bug fixes

• Remove redundant a11y label from Alert close button

[tulup-conner]

I was able to test this with the following code in my own app:

<Alert color="primary">Test</Alert>

It works great 💯

[rluders]

Looks great, just a few comments.

[tulup-conner]

@rluders Using DeepPartial you can get full type checking on your custom theme:

const theme: DeepPartial<FlowbiteTheme> = {
    alert: {
      color: {
        primary: "bg-primary",
        // Now provides suggestions while typing in VS Code
      },
    },
  };

  return (
    <Flowbite theme={{ theme }}>
      <Outlet />
    </Flowbite>
  );