| state/size | m | l |
| | content/view | | action | plain | orange | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | action | plain | orange | | | | | | | | | | | | | | | |
|
| hovered | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| focused | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| focused, hovered | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| checked | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| checked, hovered | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| checked, focused | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| checked, focused, hovered | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| disabled | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|
| checked, disabled | | | text | | | | | | text-icon | | | | | | icon | | | | |
| | | | | | | | | | | | | | | | |
|