From 66dc336726caf2002244f89923ff41d398d352be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Pawe=C5=82=20Kuna?=
 <1282324+codecalm@users.noreply.github.com>
Date: Mon, 3 Aug 2026 00:53:32 +0200
Subject: [PATCH] Restore `$caret-width` value shrunk by SCSS refactor (#2751)

---
 .changeset/restore-caret-width.md |  5 +++++
 core/scss/_variables.scss         |  2 +-
 core/scss/tests/_caret.test.scss  | 16 ++++++++--------
 3 files changed, 14 insertions(+), 9 deletions(-)
 create mode 100644 .changeset/restore-caret-width.md

diff --git a/.changeset/restore-caret-width.md b/.changeset/restore-caret-width.md
new file mode 100644
index 000000000..04d469a8f
--- /dev/null
+++ b/.changeset/restore-caret-width.md
@@ -0,0 +1,5 @@
+---
+"@tabler/core": patch
+---
+
+Fixed the `caret()` mixin by restoring `$caret-width` to `0.36em`, which had shrunk to `0.3em` in a previous SCSS refactor.
diff --git a/core/scss/_variables.scss b/core/scss/_variables.scss
index 0f4770f40..17d8c66fa 100644
--- a/core/scss/_variables.scss
+++ b/core/scss/_variables.scss
@@ -874,7 +874,7 @@ $hr-opacity: $border-opacity !default;
 $vr-border-width: var(--#{$prefix}border-width) !default;
 
 // Caret
-$caret-width: 0.3em !default;
+$caret-width: 0.36em !default;
 $caret-vertical-align: $caret-width * 0.85 !default;
 $caret-spacing: $caret-width * 0.85 !default;
 
diff --git a/core/scss/tests/_caret.test.scss b/core/scss/tests/_caret.test.scss
index dad98636e..ce7e5c4f0 100644
--- a/core/scss/tests/_caret.test.scss
+++ b/core/scss/tests/_caret.test.scss
@@ -72,13 +72,13 @@
         .t:after {
           content: '';
           display: inline-block;
-          vertical-align: 0.255em;
-          width: 0.3em;
-          height: 0.3em;
+          vertical-align: 0.306em;
+          width: 0.36em;
+          height: 0.36em;
           border-bottom: 1px var(--tblr-border-style);
           border-inline-start: 1px var(--tblr-border-style);
           margin-inline-end: 0.1em;
-          margin-inline-start: 0.255em;
+          margin-inline-start: 0.306em;
           transform: rotate(-45deg);
         }
       }
@@ -96,13 +96,13 @@
         .t:before {
           content: '';
           display: inline-block;
-          vertical-align: 0.255em;
-          width: 0.3em;
-          height: 0.3em;
+          vertical-align: 0.306em;
+          width: 0.36em;
+          height: 0.36em;
           border-bottom: 1px var(--tblr-border-style);
           border-inline-start: 1px var(--tblr-border-style);
           margin-inline-end: 0.1em;
-          margin-inline-end: 0.255em;
+          margin-inline-end: 0.306em;
           transform: rotate(45deg);
         }
         .t:after {