From 1bd216f4a543d7b54644e2e8c414ab71e84ee791 Mon Sep 17 00:00:00 2001 From: brabli <67018167+brabli@users.noreply.github.com> Date: Thu, 30 Apr 2026 15:52:20 +0100 Subject: [PATCH] Remove glossy from outline badges --- src/Twig/Component/Badge.php | 9 ++++----- 1 file changed, 4 insertions(+), 5 deletions(-) diff --git a/src/Twig/Component/Badge.php b/src/Twig/Component/Badge.php index 3728f54..77c98cf 100644 --- a/src/Twig/Component/Badge.php +++ b/src/Twig/Component/Badge.php @@ -32,6 +32,9 @@ final class Badge */ public function mount(?BadgeableInterface $obj = null, ?string $class = null, ?string $colour = null, ?string $label = null, bool $outline = false, ?string $icon = null, bool $glossy = false): void { + if ($outline && $glossy) { + throw new \RuntimeException('The "outline" and "glossy" props cannot be used together.'); + } if (!$icon) { $this->icon = null; @@ -78,11 +81,7 @@ final class Badge $merger = TailwindMerge::instance(); if (true === $outline) { - $glossyClass = $glossy - ? 'bg-[image:radial-gradient(ellipse_at_top_left,color-mix(in_srgb,currentColor_5%,transparent),transparent_65%),linear-gradient(to_bottom,transparent,color-mix(in_srgb,currentColor_4%,transparent))]' - : ''; - - $classes = sprintf('bg-white %s/50 %s %s %s %s', $palette->borderColourClass, $palette->textColourClass, $glossyClass, $this->baseClasses, $class); + $classes = sprintf('bg-white %s/50 %s %s %s', $palette->borderColourClass, $palette->textColourClass, $this->baseClasses, $class); } else { $glossyClass = $glossy ? 'bg-[image:radial-gradient(ellipse_at_top_left,rgba(255,255,255,0.25),transparent_65%),linear-gradient(to_bottom,rgba(255,255,255,0.05),rgba(0,0,0,0.12))]'