v5.0.0

Added

• Support collapsible callouts
• On-demand tag name customization with is property
• On-demand hiding hint icon with showHint="false" property

Removed

• Breaking showIndicator option

Changed

• Expose generate function through options to provide complete control over callout body
• Breaking GitHub, Microflash and Vitepress themes
• Simpler warning hint icon

Full Changelog: v4.4.0...v5.0.0

v4.4.0

Patched

• Upgrade to hastscript@9.0.1

Also, switches from vitest to Node.js test runner.

Full Changelog: v4.3.3...v4.4.0

v4.3.3

Patched

• RCE vulnerability in Vitest https://github.com/Microflash/remark-callout-directives/security/dependabot/4

Full Changelog: v4.3.2...v4.3.3

v4.3.2

Patched

• Upgrade to mdast-util-from-markdown@2.0.2

Full Changelog: v4.3.1...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)