1 files changed, 22 insertions, 0 deletions

diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 6c0e7d2..a52050c 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -120,6 +120,28 @@
             }
         }
 
+        @include bem.modifier('pill') {
+            @include bem.multi('&', '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') {
+                @include bem.elem('native') {
+                    padding-inline: props.get(vars.$pad-i);
+                }
+            }
+        }
+
         @include bem.is('invalid') {
             @include bem.elem('native') {
                 @include -invalid;