From 5216739cf9b084f7388d687b84044f522d267cbf Mon Sep 17 00:00:00 2001
From: Volpeon <git@volpeon.ink>
Date: Wed, 22 Jul 2026 07:55:43 +0200
Subject: Use iro-sass via pkg:

---
 src/objects/_checkbox.scss | 56 +++++++++++++++++++++++-----------------------
 1 file changed, 28 insertions(+), 28 deletions(-)

(limited to 'src/objects/_checkbox.scss')

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);
-- 
cgit v1.3.1