Checked radio does not display properly

[swiing]

Description

A radio button is expected to be visually differentiated when checked.
It is not the case with @primer/react v37.11.2

Steps to reproduce

import { Radio, RadioGroup } from "@primer/react";

export default function App() {
  return (<RadioGroup name="type">
    <Radio value="foo" checked />
    <Radio value="bar" />
  </RadioGroup>)
}

CodeSanbox

Version

v37.11.2

Browser

Edge

[sushanthi1813]

The root render was updated so that the App is now wrapped in and . This change ensures that the global theming and base CSS provided by @primer/react are applied across your application. The application relies on these components to correctly style UI elements (including components like the Radio button). Without these wrappers, the app might not show the intended visual differentiation or styling.

[Bkabig]

Description

[swiing]

Thanks @sushanthi1813
If you are referring to Theme provider, please note that checked radio does not visually render differentiated, even when encapsulated inside ThemeProvider and BaseStyle.