“<Callout> Component” type `important` doesn't exist

[vladavoX]

used versions

"nextra": "^4.2.17",
"nextra-theme-docs": "^4.2.17",

It doesn't exist in types, and it is not usable in page.mdx. Others do work

[dimaMachina]

Available starting from 4.3 alpha

[vladavoX]

I see that in your examples, Default callout with 💡 is now green? That is going to cause changes in all of our pages where we use the current default with "nextra": "^4.2.17".

How it looks at current version (we've changed the icon):

Suggestion: Keep default as it is, and add Success Callout (green) with ✅ icon?

[vladavoX]

@dimaMachina

What I don't understand is this, why are Callouts sometimes getting these extra classes and sometimes they are not?

You can tell that icon and text are in line here, height is 28px

But if you go down just a little bit, the same <Callout /> type is now a div with different classes Icon and text are not alinged, height is 24px

Example here https://nextra.site/docs/built-ins/callout

Same thing happens in our docs

[dimaMachina]

that how MDX works

<Callout>foo</Callout>
<Callout>
  bar {/* will wrap bar with <p> */}
</Callout>