Use iro-sass via pkg:

1 files changed, 24 insertions, 24 deletions

diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 48cec24..0ef95e6 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -18,7 +18,7 @@
                 margin-inline:
                         calc(-1 * props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset))
                         calc(props.get(vars.$spacing-sibling) - props.get(vars.$pad-i) - props.get(vars.$key-focus--border-offset));
-    
+
                 @include bem.elem('indicator') {
                         display:            inline-block;
                         flex:               0 0 auto;
@@ -31,7 +31,7 @@
                         border:             props.get(vars.$key-focus--border-offset) solid transparent;
                         border-radius:      2em;
                         transition:         background-color .2s ease;
-    
+
                         &::after {
                                 display:          block;
                                 inline-size:      calc(props.get(vars.$block-size) - 2 * props.get(vars.$border-width));
@@ -43,11 +43,11 @@
                                 transition:       transform .2s ease;
                         }
                 }
-    
+
                 @include bem.elem('label') {
                         margin-inline-start: props.get(vars.$label-gap);
                 }
-    
+
                 @include bem.elem('native') {
                         position:           absolute;
                         inset-block-start:  0;
@@ -60,30 +60,30 @@
                         overflow:           hidden;
                         appearance:         none;
                         border-radius:      props.get(vars.$rounding);
-    
+
                         &:hover,
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$hover--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('indicator') {
                                         &::after {
                                                 border-color: props.get(vars.$hover--handle-border-color);
                                         }
                                 }
                         }
-    
+
                         &:checked {
                                 @include bem.sibling-elem('indicator') {
                                         background-color: props.get(vars.$handle-border-color);
-    
+
                                         &::after {
                                                 border-color: props.get(vars.$handle-border-color);
                                                 transform:    translate(calc(props.get(vars.$inline-size) - props.get(vars.$block-size) + .5px), 0);
                                         }
                                 }
-    
+
                                 &:hover,
                                 &:focus-visible {
                                         @include bem.sibling-elem('indicator') {
@@ -95,32 +95,32 @@
                                         }
                                 }
                         }
-    
+
                         &:disabled {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$disabled--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('indicator') {
                                         background-color: props.get(vars.$disabled--track-bg-color);
-    
+
                                         &::after {
                                                 background-color: props.get(vars.$disabled--handle-bg-color);
                                                 border-color:     props.get(vars.$disabled--handle-border-color);
                                         }
                                 }
-    
+
                                 &:checked {
                                         @include bem.sibling-elem('indicator') {
                                                 background-color: props.get(vars.$disabled--handle-border-color);
-    
+
                                                 &::after {
                                                         border-color: props.get(vars.$disabled--handle-border-color);
                                                 }
                                         }
                                 }
                         }
-    
+
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$key-focus--label-color);
@@ -129,7 +129,7 @@
                                 @include bem.sibling-elem('indicator') {
                                         outline:    props.get(vars.$key-focus--border-color) solid props.get(vars.$key-focus--border-width);
                                         box-shadow:
-                                                0 
+                                                0
                                                 0
                                                 0
                                                 calc(props.get(vars.$key-focus--border-width) + props.get(vars.$key-focus--outline-width))
@@ -137,36 +137,36 @@
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('standalone') {
                         @include bem.elem('indicator') {
                                 margin-block-start: 0;
                         }
                 }
-    
+
                 @include bem.modifier('accent') {
                         @include bem.elem('native') {
                                 &:checked {
                                         @include bem.sibling-elem('indicator') {
                                                 background-color: props.get(vars.$accent--handle-border-color);
-        
+
                                                 &::after {
                                                         border-color: props.get(vars.$accent--handle-border-color);
                                                 }
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('indicator') {
                                                         background-color: props.get(vars.$accent--hover--handle-border-color);
-    
+
                                                         &::after {
                                                                 border-color: props.get(vars.$accent--hover--handle-border-color);
                                                         }
                                                 }
                                         }
                                 }
-        
+
                                 &:disabled {
                                         @include bem.sibling-elem('label') {
                                                 color: props.get(vars.$disabled--label-color);