Tabs: Explore supporting placement of contained tabs on the css grid

[tay1orjones]

ContainedTabs are intended to sit on the narrow grid so the type is aligned. There's a lot of complexity and open questions here - so we need to explore what's possible and determine the best path forward.

Open questions:

• Could they sit on the CSS Grid by the existing components being wrapped by Grid/Column?
• As long as things visually align with a grid, it may not need to technically be in/wrapped by a grid.
  • Is there another way to get consistent type alignment without having the tabs sit on the grid?
• This would primarily apply to non-automatic tabs. Tabs with automatic (content dictates tab width) would not be able to be placed on the grid.
• If placed on the grid, are they allowed to wrap?
  • If not, how will the scrollable functionality impact the placement of tabs on the grid?
  • If yes, are there a11y or usability implications with having tabs wrap to a new line?

#12848 (comment)

[alisonjoseph]

POC - https://github.com/alisonjoseph/carbon/tree/12848-tabs-grid-poc
http://localhost:3000/iframe.html?args=&id=components-tabs--contained-grid&viewMode=story

[sstrubberg]

Design issue #13351

[alisonjoseph]

Dev implementation issue #13353