Use iro-sass via pkg:

1 files changed, 28 insertions, 28 deletions

diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index 5faafb9..f3fb793 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -1,7 +1,7 @@
 @use 'sass:meta';
-@use 'iro-sass/src/bem';
-@use 'iro-sass/src/functions' as fn;
-@use 'iro-sass/src/props';
+@use 'pkg:iro-sass/src/bem';
+@use 'pkg:iro-sass/src/functions' as fn;
+@use 'pkg:iro-sass/src/props';
 @use '../props' as *;
 @use '../core.vars' as core;
 
@@ -32,14 +32,14 @@
                         background-clip:    padding-box;
                         border:             props.get(vars.$key-focus--border-offset) solid transparent;
                         border-radius:      calc(props.get(vars.$border-width) + props.get(vars.$key-focus--border-offset));
-    
+
                         &::before,
                         &::after {
                                 position: absolute;
                                 display:  block;
                                 content:  '';
                         }
-    
+
                         &::before {
                                 inset-block-start:  props.get(vars.$border-width);
                                 inset-inline-start: props.get(vars.$border-width);
@@ -49,7 +49,7 @@
                                 background-color:   props.get(vars.$box-bg-color);
                                 transition:         transform .2s ease;
                         }
-    
+
                         &::after {
                                 inset-block-start:   calc(.5 * props.get(vars.$size) - 1px);
                                 inset-inline-start:  calc(1.5 * props.get(vars.$border-width));
@@ -66,7 +66,7 @@
                                 border-inline-width: 0 2px;
                         }
                 }
-    
+
                 @include bem.elem('check-icon') {
                         position:           absolute;
                         inset-block-start:  calc(1 * props.get(vars.$border-width));
@@ -82,11 +82,11 @@
                         transform-origin:   40% 90%;
                         transition:         transform .2s ease;
                 }
-    
+
                 @include bem.elem('label') {
                         margin-inline-start: calc(props.get(vars.$label-gap) - props.get(vars.$key-focus--border-offset));
                 }
-    
+
                 @include bem.elem('native') {
                         position:           absolute;
                         inset-block-start:  0;
@@ -99,60 +99,60 @@
                         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('box') {
                                         background-color: props.get(vars.$hover--box-border-color);
                                 }
                         }
-    
+
                         &:checked {
                                 @include bem.sibling-elem('box') {
                                         &::before {
                                                 transform: scale(0);
                                         }
-    
+
                                         @include bem.elem('check-icon') {
                                                 transform: scale(1);
                                         }
                                 }
                         }
-    
+
                         &:indeterminate {
                                 @include bem.sibling-elem('box') {
                                         &::before {
                                                 transform: scale(0);
                                         }
-    
+
                                         &::after {
                                                 transform: scale(1);
                                         }
-    
+
                                         @include bem.elem('check-icon') {
                                                 transform: scale(0);
                                         }
                                 }
                         }
-    
+
                         &:disabled {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$disabled--label-color);
                                 }
-    
+
                                 @include bem.sibling-elem('box') {
                                         background-color: props.get(vars.$disabled--box-border-color);
-    
+
                                         &::before {
                                                 background-color: props.get(vars.$disabled--box-bg-color);
                                         }
                                 }
                         }
-    
+
                         &:focus-visible {
                                 @include bem.sibling-elem('label') {
                                         color: props.get(vars.$key-focus--label-color);
@@ -169,20 +169,20 @@
                                 }
                         }
                 }
-    
+
                 @include bem.modifier('standalone') {
                         @include bem.elem('box') {
                                 margin-block-start: 0;
                         }
                 }
-    
+
                 @include bem.modifier('accent') {
                         @include bem.elem('native') {
                                 &:checked {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$accent--box-border-color);
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('box') {
@@ -190,12 +190,12 @@
                                                 }
                                         }
                                 }
-    
+
                                 &:indeterminate {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$accent--box-border-color);
                                         }
-        
+
                                         &:hover,
                                         &:focus-visible {
                                                 @include bem.sibling-elem('box') {
@@ -203,11 +203,11 @@
                                                 }
                                         }
                                 }
-    
+
                                 &:disabled {
                                         @include bem.sibling-elem('box') {
                                                 background-color: props.get(vars.$disabled--box-border-color);
-        
+
                                                 &::before {
                                                         background-color: props.get(vars.$disabled--box-bg-color);
                                                 }
@@ -218,7 +218,7 @@
                                                         background-color: props.get(vars.$disabled--box-border-color);
                                                 }
                                         }
-        
+
                                         &:indeterminate {
                                                 @include bem.sibling-elem('box') {
                                                         background-color: props.get(vars.$disabled--box-border-color);