Releases: Microflash/remark-callout-directives
v4.3.2
v4.3.1
- Fixes icon alignment in the bundled themes
Full Changelog: v4.3.0...v4.3.1
v4.3.0
- Reverts the hint icons are not wrapped inside a div (introduced in v4.0.0). This should fix the sizing issues on icons when
callout-indicator
is a flex container and title breaks into multiple lines.
Full Changelog: v4.2.0...v4.3.0
v4.2.0
- Option to remove the indicator, available on-demand using
showIndicator="false"
property. See the example. - Docs on how to use themes Step by step instructions on how to use a bundled theme.
Full Changelog: v4.1.0...v4.2.0
v4.1.0
Reverts unwrapping single node in the callout body since it was naively getting rid of lists and blockquotes.
v4.0.0
-
Sheds some DOM elements The hint icons are no longer wrapped inside a
div
.Also, if there's only one paragraph in the callout body, the content of paragraph are unwrapped instead of being wrapped inside a redundant paragraph element(reverted in v4.1.0). This is where things might break for you; you might have to tweak your styles to fix them. -
New themes and ready to use aliases for GitHub and VitePress lookalike callouts. Remix your own if things don't look fancy enough for your taste. Themes and configurations are now properly exposed through
package.json
so you can directly import them.For example, you can import GitHub configuration as follows.
import githubCalloutOptions from "@microflash/remark-callout-directives/config/github"; unified().use(remarkParse).use(remarkDirective) .use(remarkCalloutDirectives, githubCalloutOptions) .use(remarkRehype, { allowDangerousHtml: true }) .use(rehypeStringify, { allowDangerousHtml: true }) .process(await read("example.md"));
All themes now support light and dark color schemes (through
prefers-color-scheme
).Also, this version gets rid of Infima theme; the plugin gives you enough flexibility to recreate it (check out the GitHub theme as the starting point).
-
Accessibility improvements The hint icons are now marked as decorative through
aria-hidden=true
. I'm not a screen reader user, so please do let me know if you feel papercuts because of this plugin. I'd be exceedingly happy to improve things.
v3.1.0
- Handle custom classes passed to callouts (earlier they were just being ignored; now they'd be appended to other callout classes)
v3.0.0
- Allow global
tagName
configuration - Upgrades to [email protected]
- Upgrades to [email protected]
v2.0.0
- Drops support for Node.js versions below 16 (since the underlying dependencies now require Node.js 16)
- Upgrades to
[email protected]
- Upgrades to
[email protected]
- Upgrades to
[email protected]
- Upgrades to
[email protected]
v1.6.0
- Relaxed hint parsing to allow fancy SVGs