cc-notice: init component

[Galimede]

This would be an improved version of current cc-error that would handle several states :

• error
• warning
• info
• success
  Something like this:
  https://getbootstrap.com/docs/5.1/components/alerts/

[Galimede]

Here are some thoughts and questions that I have about the component right now:

Questions

• Of what I have seen other design systems seem to use their alert as their base component for their toaster => Do we use the design of the cc-toast for our cc-notice?
• Do we need a close button?
• How de we handle accessibility of the component?
• Do we keep the behavior of cc-error with no border by default and a mode with border and box-shadow?
• What about the loading mode that cc-error had?
• Do we need to have the confirm state?
• Otherwise do we provide a slot so put whatever you want in the content? (like a confirm button?)
• Do we still want to call it cc-notice we thought about this name when writing the issue because we were implementing a notice mode on the cc-error. Of what I've seen design systems tend more to call it alert. (I have also seen banner)
• Heading seems not to be present on what I have seen elsewhere. On most of them there's only a message.
• Do we want to provide an option to change the alignment of the text?

Previews

• one iteration: https://clever-components-preview.cellar-c2.services.clever-cloud.com/cc-notice-two/index.html?path=%2Fstory%2F%F0%9F%A7%AC-atoms-cc-notice--default-story
• cc-toast like: https://clever-components-preview.cellar-c2.services.clever-cloud.com/cc-notice/index.html?path=%2Fstory%2F%F0%9F%A7%AC-atoms-cc-notice--default-story