Support Confluence inline images for theme developers

As a theme developer, I want support for the Confluence inline images, so I can use and style them in my theme.

Acceptance criteria

• Update HTML transformation of inline image macro

• Expected output:

  <span data-component="inline-image" data-border-size="1-3" data-border-color="${color name}> <img src="" alt="" width height> </span>

• Border size: Numeric scale representing the border size

• Border color:The mapped color name is set to the data-border-color attribute e.g. data-border-color="dark-gray"

  • If a source system supports custom border colors — or also as a fallback for when the mapping of color names fails — the border’s raw color value is added e.g.

    <span … data-border-color="custom" style="--border-color: #F0F8FF"> <img … > </span>

Out of scope

• Color mapping is done in the theme