From 366fdb5ae564f4ef551d5b017f925b19d7137613 Mon Sep 17 00:00:00 2001 From: b1aserlu <141234680+b1aserlu@users.noreply.github.com> Date: Wed, 9 Aug 2023 14:17:24 +0200 Subject: [PATCH 1/4] fix(styles): adjusts the Badge gap --- packages/styles/src/variables/components/_badge.scss | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/packages/styles/src/variables/components/_badge.scss b/packages/styles/src/variables/components/_badge.scss index f852b2a513..c6d1314534 100644 --- a/packages/styles/src/variables/components/_badge.scss +++ b/packages/styles/src/variables/components/_badge.scss @@ -12,6 +12,7 @@ // Design System custom variables $badge-height: button.$btn-height-rg; $badge-gap: spacing.$size-regular; +$badge-gap: spacing.$size-mini; $badge-border-color: var(--post-gray-60); $badge-border-width: commons.$border-thick; $badge-transition: color 250ms, background-color 250ms, border-color 250ms; @@ -21,7 +22,7 @@ $badge-active-color: color.$black; $badge-active-bg-color: color.$yellow; $badge-height-sm: button.$btn-height-sm; -$badge-gap-sm: spacing.$size-small-regular; +$badge-gap-sm: sizing.px-to-rem(6px); $badge-font-size-sm: type.$font-size-tiny; $badge-nested-height: sizing.px-to-rem(22px); From 1721378a723ad9a0bfef6d15c143fbcd65f0191a Mon Sep 17 00:00:00 2001 From: b1aserlu <141234680+b1aserlu@users.noreply.github.com> Date: Wed, 9 Aug 2023 15:15:06 +0200 Subject: [PATCH 2/4] fix(styles): adjusts the Badge gap adds the Changeset --- .changeset/ten-poets-trade.md | 5 +++++ 1 file changed, 5 insertions(+) create mode 100644 .changeset/ten-poets-trade.md diff --git a/.changeset/ten-poets-trade.md b/.changeset/ten-poets-trade.md new file mode 100644 index 0000000000..16a4bdbc57 --- /dev/null +++ b/.changeset/ten-poets-trade.md @@ -0,0 +1,5 @@ +--- +'@swisspost/design-system-styles': patch +--- + +Adjusted the gap of the nested Badge From f76e9be208cc54c765a59713bacdc684b9ece8e9 Mon Sep 17 00:00:00 2001 From: b1aserlu <141234680+b1aserlu@users.noreply.github.com> Date: Thu, 10 Aug 2023 09:00:44 +0200 Subject: [PATCH 3/4] fix(styles): adjusts the Badge gap removes the old line that was still in the document for some reason --- packages/styles/src/variables/components/_badge.scss | 1 - 1 file changed, 1 deletion(-) diff --git a/packages/styles/src/variables/components/_badge.scss b/packages/styles/src/variables/components/_badge.scss index c6d1314534..6357e74ace 100644 --- a/packages/styles/src/variables/components/_badge.scss +++ b/packages/styles/src/variables/components/_badge.scss @@ -11,7 +11,6 @@ // Design System custom variables $badge-height: button.$btn-height-rg; -$badge-gap: spacing.$size-regular; $badge-gap: spacing.$size-mini; $badge-border-color: var(--post-gray-60); $badge-border-width: commons.$border-thick; From 6565e8a7a67f8218534136792ae2a629bfbb5cd0 Mon Sep 17 00:00:00 2001 From: Lukas Blaser <141234680+b1aserlu@users.noreply.github.com> Date: Thu, 10 Aug 2023 10:14:22 +0200 Subject: [PATCH 4/4] Update .changeset/ten-poets-trade.md MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Co-authored-by: Alizé Debray <33580481+alizedebray@users.noreply.github.com> --- .changeset/ten-poets-trade.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/.changeset/ten-poets-trade.md b/.changeset/ten-poets-trade.md index 16a4bdbc57..530047a747 100644 --- a/.changeset/ten-poets-trade.md +++ b/.changeset/ten-poets-trade.md @@ -2,4 +2,4 @@ '@swisspost/design-system-styles': patch --- -Adjusted the gap of the nested Badge +Adjusted the gap inside the badge.