feat: add ArtDirection component

[vpicone]

No description provided.

[vercel]

This pull request is automatically deployed with Now.
To access deployments, click Details below or on the icon next to each push.

Latest deployment for this branch: https://gatsby-theme-carbon-git-fork-vpicone-artdirection.carbon-design-system.now.sh

[alisonjoseph]

Not sure about the name "ArtDirection", but otherwise love the simplicity here

[emyarod]

looks good to me! so are we only supporting a max of 3 different sizes to start?

[vpicone]

@emyarod Yeah, otherwise you might end up duplicating the middle one to hit two media queries or something silly like that.

[alisonjoseph]

If someone puts only two images the first will show at mobile, and the second at tablet and above, correct?

[vpicone]

@alisonjoseph art direction is the actual name for the thing we're doing here.

I considered more vague names (e.g. Image, Picture, ImageComponent, Images, ResponsiveImages), but they all imply that there is something other than art direction happening.

[vpicone]

@alisonjoseph yeah that's correct. I updated the documentation to explain more clearly:

You can place up to three images inside of the ArtDirection component. The first will be used for mobile, the second for tablet, and the third for desktop. If only two images are provided, the second image will be used for both tablet and desktop.

[abbeyhrt]

LGTM! I wish that the name ArtDirection made it more clear what it did but I cant think of anything better, I agree that it's better than the other more vague name examples you gave, @vpicone

[emyarod]

thought I left an approval instead of a comment! I'm fine with the art direction name since it's the term for the problem we are solving here