feat(image): add hexagon as an image shape

[mbove-square]

Describe the problem this PR addresses

Add hexagon as an image shape option

Describe the changes in this PR

• Implemented using css clip-path with an inline svg

Other information

• Initially tried implementing this using a shared svg file, but the clip-path css property only works with a specific id on clipPath which made referencing the file difficult. Documentation suggests that this can be done with clip-path: url(hexagon.svg#hexPath), but I was not able to get this to work in the same way we would reference background-image: url(./hexagon.svg). I could only get this to work if the referenced svg was visible in the DOM without being conditionally rendered. Referencing svg via file path would also have to add additional webpack loaders. I also considered appending an svg to the DOM if one is not present, but that didn't quite seem best practice. Open to suggestions here

[github-actions[bot]]

Deployed Styleguide and Lab.

Notes

1. Links may take a few minutes to update after PR is opened or commit is pushed.
2. Links may become invalidated after PR is merged or closed.
3. Links for all releases and open PRs can be found on the Maker Deploys page.

[github-actions[bot]]

:tada: This PR is included in version 19.5.0 :tada:

The release is available on:

• npm package (@latest dist-tag)
• GitHub release

Your semantic-release bot :package::rocket: