[bug]: Questionnaire vs Rich Radio/Checkbox/Switch - Inconsistent styling
bug
### Describe the bug
The Questionnaire component internally uses a sort of “Rich Radio” component, but its styles deviate from the actual Rich Radio component.
This is Luma, the rich radio has a white background and there is no hover style:
<img width="930" height="742" alt="Image" src="https://github.com/user-attachments/assets/88756b22-c3bc-47df-8855-db3977dba392" />
This is Luma too, the rich radio in questionnaire has a light gray background and a hover style, while the pattern is exactly the same.
<img width="1152" height="846" alt="Image" src="https://github.com/user-attachments/assets/5306a923-2ec9-4df3-845e-4cf6878d562a" />
Additionally, the focus style sits on the checkbox or radio within the rich radio, whereas in the questionnaire, it sits on the outside border.
<img width="798" height="576" alt="Image" src="https://github.com/user-attachments/assets/269009fb-3157-414c-9031-dca73477ace0" />
<img width="1112" height="756" alt="Image" src="https://github.com/user-attachments/assets/bc570aab-701a-4681-af81-c03f646f0f36" />
The same thing applies to Checkbox. Switch is not used in Questionnaire, but has inter-related issues if a decision would be made to make a change here.
My suggestion would be to be consistent across the board:
1. Either no hover states in both components or hover in all (I believe hover yes is better - so adding the hover state from Questionnaire to Rich Radio, Rich Checkbox and Rich Switch)
2. No color changes for the base background between Rich Radio vs Questionnaire (it's the same thing, the color change leads to increased complexity)
3. Consistent focus styles
Thoughts welcome.
### Affected component/components
Questionnaire, Checkbox, Switch, Radio
### How to reproduce
1. Go to https://ui.shadcn.com/create?item=radio-group-example
2. Hover over “with descriptions” example, you will see no hover
3. Hit ⌘ + and go to questionnaire or visit https://ui.shadcn.com/create?item=questionnaire-example
4. Hover over the actions, you will see they have hover states
5. Compare focus states across the two and find the other inconsistency
### Codesandbox/StackBlitz link
_No response_
### Logs
```bash
/
```
### System Info
```bash
/
```
### Before submitting
- [x] I've made research efforts and searched the documentation
- [x] I've searched for existing issues
0 条评论