feat[design]: ✨ sd-brandshape new feature: transparent variants

[MartaPintoTeixeira]

User Story

As a user of the Solid Design System, I would like to be able play with transparent brandshape variants (when on top of images), without the need of overriding existing variants.

Suggested Solution

1 ) Add 2 Transparent Variants to the sd-brandshape component:

• white|80: used on image backgrounds
• primary|80: used on image backgrounds

2 ) Update component with new variants

3 ) Create second template

Technical Information

See [FIGMA]

DoR

• [ ] Item has business value
• [ ] Item has been estimated by the team
• [ ] Item is clear and well-defined
• [ ] Item dependencies have been identified

DoD

• [ ] Brand approval (if neccessary)
• [ ] Figma documentation file incl. hand-off has been created/updated (if applicable)
• [ ] Tokens have been applied/updated (if applicable)
• [ ] Crosslinks are created/updated
• [ ] Implementation works successfully on figma branch