From eac8bd5b1458a415947490f2a8db0654e4137c33 Mon Sep 17 00:00:00 2001 From: Daniela Biasi Date: Wed, 5 Nov 2025 09:04:54 +0100 Subject: [PATCH 1/2] docs(buttons): update icon button docs --- docs/components/buttons-menus/buttons.md | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/docs/components/buttons-menus/buttons.md b/docs/components/buttons-menus/buttons.md index 1629f9164..a756de987 100644 --- a/docs/components/buttons-menus/buttons.md +++ b/docs/components/buttons-menus/buttons.md @@ -33,11 +33,11 @@ Buttons can be primary, secondary, or tertiary, regardless of their semantic mea ### Categories Buttons can have text or a combination of text and labels, or they can be purely icon-based. -When the button contains only an icon, it adopts a circular shape. +Icon buttons can be either square or circular, depending on their placement and the geometry of the surrounding container. -The circular variant also includes a ghost button style. +The icon variant also includes a ghost button style. Ghost buttons are subtle and blend into the interface, used for low-priority or optional actions. They signal availability without drawing attention, ideal for less critical or contextual options. @@ -81,7 +81,7 @@ where a regular button would be too bulky. | Spacing(margin) | `$spacing-l` | Spacing between buttons and other components/containers | | Min-width | 100px | Minimum width of button irrespective of text length | -#### Circle buttons +#### Icon buttons - **Large** From 8ab4995021c37cc0a4b9ae296b2566fefa348385 Mon Sep 17 00:00:00 2001 From: Daniela Biasi <61686770+panch1739@users.noreply.github.com> Date: Wed, 7 Jan 2026 10:09:20 +0100 Subject: [PATCH 2/2] docs(buttons): correct spacing specs Co-authored-by: Loris Janner <78341770+ljanner@users.noreply.github.com> --- docs/components/buttons-menus/buttons.md | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/docs/components/buttons-menus/buttons.md b/docs/components/buttons-menus/buttons.md index a756de987..945e09d83 100644 --- a/docs/components/buttons-menus/buttons.md +++ b/docs/components/buttons-menus/buttons.md @@ -78,7 +78,9 @@ where a regular button would be too bulky. | -------------------|--------------|---------------------------------------------------------| | Padding left/right | `$spacing-l` | | | Padding top/bottom | `$spacing-s` | | -| Spacing(margin) | `$spacing-l` | Spacing between buttons and other components/containers | +| Padding left/right | `$spacing-6` | | +| Padding top/bottom | `$spacing-2` | | +| Spacing(margin) | `$spacing-6` | Spacing between buttons and other components/containers | | Min-width | 100px | Minimum width of button irrespective of text length | #### Icon buttons