Commit a8cb584
committed
Port TextField styling from Primer React
Also renders clear button using an `IconButton`.
Rough mapping:
| Primer View Components | Primer React |
| --------------------------------------- | --------------------------------------------------- | |
| .FormControl-input-baseWrap (new class) | .TextInputBaseWrapper |
| .FormControl-input-wrap | .TextInputWrapper |
| .FormControl-input-trailingVisualWrap | .TextInput-icon |
| .FormControl-input-leadingVisualWrap | .TextInput-icon |
| .FormControl-input-trailingAction | .TextInput-icon |
| .FormControl-input | input |
| .FormControl-input-wrap--leadingVisual | [data-leading-visual] |
| .FormControl-input-wrap--trailingVisual | [data-trailing-visual]:not([data-trailing-action]) |
| .FormControl-input-wrap--trailingAction | [data-trailing-action] |
| .FormControl-input-wrap--small | [data-size='small'] |
| .FormControl-input-wrap--large | [data-size='large'] |1 parent ad89940 commit a8cb584
3 files changed
Lines changed: 227 additions & 292 deletions
0 commit comments