feat(elements): fp-1878 table pattern

[wesleyboar]

Overview

Style basic tables, tables with paragraphs, and nested tables.

Related

• FP-1878

Changes

• add a one paragraph text snippet
• change <li> line-height to not apply to tables
• add table styles: basic, paragraph, nested

Testing

1. Open /components/detail/table--basic.
   1. Verify styles match design.
   2. On narrow frame¹, verify:
      1. first column is pinned
      2. other columns scroll
      3. no style oddities
2. Open /components/detail/table--paragraph.
   1. Verify styles match design e.g. cell content is top-aligned.
   2. On narrow frame¹, verify:
      1. first column is pinned
      2. other columns scroll
      3. no style oddities
3. Open /components/detail/table--nested.
   1. Verify styles match design.
   2. On narrow frame¹, verify:
      1. first column is pinned
      2. other columns scroll
      3. no style oddities
   3. On very narrow frame², verify:
      1. first column, of nested table, is also pinned
      2. other columns, of nested table, scroll
      3. no style oddities

UI

Basic

Wide	Narrow

Paragraph

Wide	Narrow	Very Narrow

Nested

Wide	Narrow	Very Narrow

Notes

• basic table design
• paragraph table design
• nested table design

Footnotes

1. Narrow enough that table content can not horizontally fit. ↩ ↩² ↩³

2. Narrow enough that nested table content can not horizontally fit. ↩