From 34bcfaf0fbe155633e87a8ebc569d85ae5c9a03b Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Sat, 26 Jul 2025 21:19:38 +0200
Subject: Add pill style to text field

---
 src/objects/_text-field.scss | 18 ++++++++++++++++++
 1 file changed, 18 insertions(+)

(limited to 'src/objects/_text-field.scss')

diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 6c0e7d2..2beff5f 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -104,6 +104,24 @@
             }
         }
 
+        @include bem.modifier('pill') {
+            border-radius: 100em;
+
+            @include bem.elem('bg') {
+                border-radius: 100em;
+            }
+
+            @include bem.elem('native') {
+                padding-inline: props.get(vars.$pad-i-pill);
+
+                &:focus {
+                    @include bem.sibling-elem('bg') {
+                        border-radius: 100em;
+                    }
+                }
+            }
+        }
+
         @include bem.modifier('extended') {
             padding: props.get(vars.$extended--pad);
 
-- 
cgit v1.2.3-70-g09d2