From 5855a6821cf5585378a70f9bee13563bdbfe2d86 Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Tue, 22 Oct 2024 08:23:33 +0200
Subject: Less broad imports

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

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

diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index b945866..0f96634 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,5 +1,5 @@
 @use 'sass:meta';
-@use 'iro-sass/src/iro-sass' as iro;
+@use 'iro-sass/src/bem' as bem;
 @use 'iro-sass/src/props';
 @use '../props' as *;
 
@@ -9,7 +9,7 @@
 @mixin -invalid {
     $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
     
-    @include iro.bem-sibling-elem('bg') {
+    @include bem.sibling-elem('bg') {
         inset-block:   $focus-border-offset;
         inset-inline:  $focus-border-offset;
         border:        props.get(vars.$focus--border-width) solid props.get(vars.$error--border-color);
@@ -17,20 +17,20 @@
     }
 
     &:hover {
-        @include iro.bem-sibling-elem('bg') {
+        @include bem.sibling-elem('bg') {
             border-color: props.get(vars.$error--hover--border-color);
         }
     }
 
     &:focus {
-        @include iro.bem-sibling-elem('bg') {
+        @include bem.sibling-elem('bg') {
             border-color: props.get(vars.$error--focus--border-color);
         }
     }
 }
 
 @mixin -keyboard-focus {
-    @include iro.bem-sibling-elem('bg') {
+    @include bem.sibling-elem('bg') {
         border-color:   props.get(vars.$key-focus--border-color);
         outline:        props.get(vars.$key-focus--outline-color) solid props.get(vars.$key-focus--border-width);
         //outline-offset: props.get(vars.$focus --border);
@@ -40,7 +40,7 @@
 @mixin styles {
     @include materialize-at-root(meta.module-variables('vars'));
 
-    @include iro.bem-object('text-field') {
+    @include bem.object('text-field') {
         $focus-border-offset: calc(props.get(vars.$border-width) - props.get(vars.$focus--border-width));
         
         position:         relative;
@@ -48,7 +48,7 @@
         background-color: props.get(vars.$bg-color);
         border-radius:    props.get(vars.$rounding);
 
-        @include iro.bem-elem('bg') {
+        @include bem.elem('bg') {
             position:       absolute;
             inset-block:    0;
             inset-inline:   0;
@@ -58,7 +58,7 @@
             border-radius:  props.get(vars.$rounding);
         }
 
-        @include iro.bem-elem('native') {
+        @include bem.elem('native') {
             box-sizing:       border-box;
             inline-size:      100%;
             padding-block:    calc(props.get(vars.$pad-b) - .5em * (props.get(vars.$line-height) - 1));
@@ -78,7 +78,7 @@
             }
 
             &:hover {
-                @include iro.bem-sibling-elem('bg') {
+                @include bem.sibling-elem('bg') {
                     border-color: props.get(vars.$hover--border-color);
                 }
             }
@@ -86,7 +86,7 @@
             &:focus {
                 outline: 0;
 
-                @include iro.bem-sibling-elem('bg') {
+                @include bem.sibling-elem('bg') {
                     inset-block:   $focus-border-offset;
                     inset-inline:  $focus-border-offset;
                     border:        props.get(vars.$focus--border-width) solid props.get(vars.$focus--border-color);
@@ -104,24 +104,24 @@
             }
         }
 
-        @include iro.bem-modifier('extended') {
+        @include bem.modifier('extended') {
             padding: props.get(vars.$extended--pad);
 
-            @include iro.bem-multi('&', 'elem' 'bg') {
+            @include bem.multi('&', 'elem' 'bg') {
                 border-radius: calc(props.get(vars.$rounding) + props.get(vars.$extended--pad));
             }
 
-            @include iro.bem-elem('native') {
+            @include bem.elem('native') {
                 &:focus {
-                    @include iro.bem-sibling-elem('bg') {
+                    @include bem.sibling-elem('bg') {
                         border-radius: calc(props.get(vars.$rounding) + props.get(vars.$extended--pad) - $focus-border-offset);
                     }
                 }
             }
         }
 
-        @include iro.bem-is('invalid') {
-            @include iro.bem-elem('native') {
+        @include bem.is('invalid') {
+            @include bem.elem('native') {
                 @include -invalid;
 
                 &:focus-visible {
@@ -130,10 +130,10 @@
             }
         }
 
-        @include iro.bem-is('disabled') {
+        @include bem.is('disabled') {
             background-color: props.get(vars.$disabled--bg-color);
 
-            @include iro.bem-elem('native') {
+            @include bem.elem('native') {
                 color: props.get(vars.$disabled--text-color);
 
                 &::placeholder {
@@ -141,21 +141,21 @@
                 }
             }
 
-            @include iro.bem-elem('bg') {
+            @include bem.elem('bg') {
                 border-color: props.get(vars.$disabled--border-color);
             }
 
-            @include iro.bem-is('invalid') {
-                @include iro.bem-elem('native') {
-                    @include iro.bem-sibling-elem('bg') {
+            @include bem.is('invalid') {
+                @include bem.elem('native') {
+                    @include bem.sibling-elem('bg') {
                         border-color: props.get(vars.$disabled--border-color);
                     }
                 }
             }
 
-            @include iro.bem-elem('native') {
+            @include bem.elem('native') {
                 &:invalid {
-                    @include iro.bem-sibling-elem('bg') {
+                    @include bem.sibling-elem('bg') {
                         border-color: props.get(vars.$disabled--border-color);
                     }
                 }
-- 
cgit v1.3.1