[List] Support ref as prop, add semantic dl/dt/dd, and size variants

[ravisuhag]

Summary

List is a custom key-value pair display component. Missing ref prop support on all sub-components, has a documented but unimplemented prop, and accessibility concerns.

Improvements

1. Accept ref as a prop on all sub-components

None of the components (ListRoot, ListItem, ListLabel, ListValue, ListHeader) accept ref as a prop.

6. Consider semantic <dl>/<dt>/<dd> for key-value pairs

The current <ul>/<li>/<span> structure doesn't convey the label-value relationship to assistive technologies. Definition list elements would be more semantic.

7. Add size/density variants

No way to make compact vs. spacious lists. Add CVA variants for size.

Moved to Cross-Cutting Issues

The following items have been moved to cross-cutting issues that address them across all components:

• Accessibility baseline (Accessibility baseline: aria attributes, roles, and semantic HTML #673)
• TypeScript strictness (TypeScript strictness: eliminate any, @ts-ignore, and export prop types #675)

Files

• packages/raystack/raystack/components/list/