diff --git a/.changeset/heavy-mice-repeat.md b/.changeset/heavy-mice-repeat.md new file mode 100644 index 00000000000..406b56bba31 --- /dev/null +++ b/.changeset/heavy-mice-repeat.md @@ -0,0 +1,5 @@ +--- +"@salt-ds/core": patch +--- + +Fixed ToggleButton corner radius when not used within ToggleButtonGroup diff --git a/packages/core/src/toggle-button-group/ToggleButtonGroup.css b/packages/core/src/toggle-button-group/ToggleButtonGroup.css index bcb99b9ecb7..b6dc09de6a3 100644 --- a/packages/core/src/toggle-button-group/ToggleButtonGroup.css +++ b/packages/core/src/toggle-button-group/ToggleButtonGroup.css @@ -11,6 +11,7 @@ .saltToggleButtonGroup-horizontal .saltToggleButton { height: calc(var(--salt-size-base) - var(--salt-spacing-100)); + border-radius: var(--salt-palette-corner-weaker, 0); } .saltToggleButtonGroup-vertical { diff --git a/packages/core/src/toggle-button/ToggleButton.css b/packages/core/src/toggle-button/ToggleButton.css index 112b01753e9..996f7f3a363 100644 --- a/packages/core/src/toggle-button/ToggleButton.css +++ b/packages/core/src/toggle-button/ToggleButton.css @@ -8,7 +8,7 @@ border-color: var(--salt-actionable-secondary-borderColor, transparent); border-style: solid; border-width: var(--salt-actionable-borderWidth, 0); - border-radius: var(--salt-palette-corner-weaker, 0); + border-radius: var(--salt-palette-corner-weak, 0); height: var(--salt-size-base); color: var(--salt-actionable-secondary-foreground); text-transform: var(--salt-text-action-textTransform);