Fix standalone ToggleButton corner radius

jpmorganchase · Sep 13, 2024 · 9dd4122 · 9dd4122
1 parent 2295601
commit 9dd4122
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/.changeset/heavy-mice-repeat.md 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
@@ -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
@@ -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);