diff --git a/.changeset/heavy-pears-walk.md b/.changeset/heavy-pears-walk.md new file mode 100644 index 0000000000..0edaeb9111 --- /dev/null +++ b/.changeset/heavy-pears-walk.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/core": patch +--- + +Fixed read-only checked radio buttons having the incorrect icon color. diff --git a/packages/core/src/radio-button/RadioButtonIcon.tsx b/packages/core/src/radio-button/RadioButtonIcon.tsx index 850a704ba7..582f999652 100644 --- a/packages/core/src/radio-button/RadioButtonIcon.tsx +++ b/packages/core/src/radio-button/RadioButtonIcon.tsx @@ -72,10 +72,7 @@ export const RadioButtonIcon = ({ fill="currentColor" viewBox="0 0 12 12" > - + )} diff --git a/packages/core/stories/radio-button/radio-button.qa.stories.tsx b/packages/core/stories/radio-button/radio-button.qa.stories.tsx index 6fdb8ccc20..d932eed6f1 100644 --- a/packages/core/stories/radio-button/radio-button.qa.stories.tsx +++ b/packages/core/stories/radio-button/radio-button.qa.stories.tsx @@ -45,6 +45,31 @@ const RadioButtonGroupExample = ({ ); }; +const RadioButtonCheckedReadonlyGroupExample = () => { + return ( + + + + + + + + ); +}; + const RadioButtonInFormFieldExample = () => { return ( @@ -65,6 +90,7 @@ export const AllExamplesGrid: StoryFn = (props) => { + ); @@ -80,6 +106,8 @@ export const NoStyleInjectionGrid: StoryFn = ( + + );