Alert colorScheme's defaultProps is not taken into consideration

Description

Hello,

I wanted to create an alert that has a grey colorScheme by default. But when I try to override Alert’s theme I came across a different behavior than I expected.

Problem Statement/Justification

My need is that:

<Alert>
...

Would render a grey alert. So I went ahead and override Alert’s theme with:

const defaultProps = {
  variant: "solid",
  colorScheme: "gray", // gray is a valid colorScheme
};

In this case, the solid defaultProps is taken into consideration, but the colorScheme is not. Unfortunately, the underlying code seems to set the colorScheme to “blue” (via STATUS.info) when we don’t explicitly set a colorScheme props.

Proposed Solution or API

I expect

const defaultProps = {
  variant: "solid",
  colorScheme: "gray", // gray is a valid colorScheme
};

To allow to use Alert without specifying the colorScheme props each time in inline props

Alternatives

No response

Additional Information

Thanks for the great work with Chakra-ui 😄

[praveenpuglia]

Encountering the same issue.

withDefaultColorScheme({
    colorScheme: 'red',
    components: ['Alert'],
  }),

Something like this definitely works for checkbox or buttons etc but for for alert, i still get the default blue.

[stale[bot]]

Hi! This issue has been automatically marked as stale because lack of recent activity. It will be closed if no further activity occurs within 5 days. Thank you for your contributions.