Skip to content

Releases: Microflash/remark-callout-directives

v4.3.2

26 Oct 16:50
Compare
Choose a tag to compare

Patched

Full Changelog: v4.3.1...v4.3.2

v4.3.1

30 Jun 10:57
Compare
Choose a tag to compare
  • Fixes icon alignment in the bundled themes

Full Changelog: v4.3.0...v4.3.1

v4.3.0

30 Jun 10:37
Compare
Choose a tag to compare
  • 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

11 Jun 17:52
Compare
Choose a tag to compare
  • 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

21 Feb 14:58
Compare
Choose a tag to compare

Reverts unwrapping single node in the callout body since it was naively getting rid of lists and blockquotes.

v4.0.0

16 Feb 19:43
Compare
Choose a tag to compare
  • 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

06 Feb 16:06
Compare
Choose a tag to compare
  • Handle custom classes passed to callouts (earlier they were just being ignored; now they'd be appended to other callout classes)

v3.0.0

06 Feb 15:37
Compare
Choose a tag to compare

v2.0.0

05 Dec 16:45
Compare
Choose a tag to compare

v1.6.0

05 Dec 16:39
Compare
Choose a tag to compare
  • Relaxed hint parsing to allow fancy SVGs