diff --git a/.changeset/mean-pianos-brake.md b/.changeset/mean-pianos-brake.md new file mode 100644 index 00000000000..986deadb73b --- /dev/null +++ b/.changeset/mean-pianos-brake.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/core": patch +--- + +Updated Checkbox and Radio Button to have more robust styling. diff --git a/packages/core/src/checkbox/CheckboxIcon.css b/packages/core/src/checkbox/CheckboxIcon.css index bbb879d65db..e91edc56bb3 100644 --- a/packages/core/src/checkbox/CheckboxIcon.css +++ b/packages/core/src/checkbox/CheckboxIcon.css @@ -11,6 +11,8 @@ position: relative; --saltIcon-size: 100%; display: flex; + /* Using overflow:hidden here causes a thin white line */ + clip-path: border-box; box-sizing: border-box; } diff --git a/packages/core/src/radio-button/RadioButtonIcon.css b/packages/core/src/radio-button/RadioButtonIcon.css index 93d135629f6..ba737ec35c8 100644 --- a/packages/core/src/radio-button/RadioButtonIcon.css +++ b/packages/core/src/radio-button/RadioButtonIcon.css @@ -12,6 +12,9 @@ background: var(--salt-container-primary-background); --saltIcon-size: 100%; display: flex; + /* Using overflow:hidden here causes a thin white line */ + clip-path: border-box; + box-sizing: border-box; } .saltRadioButton:hover .saltRadioButtonIcon {