summaryrefslogtreecommitdiffstats
path: root/src/objects
diff options
context:
space:
mode:
authorVolpeon <git@volpeon.ink>2026-07-22 13:07:25 +0200
committerVolpeon <git@volpeon.ink>2026-07-22 13:07:25 +0200
commit3932ac7f8e2d00e3008e337e09d539f8dc469bb3 (patch)
treecff3231ea774a1baf245dd212ca8e054a4edaa93 /src/objects
parentRevert "Paths" (diff)
downloadiro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.gz
iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.tar.bz2
iro-design-3932ac7f8e2d00e3008e337e09d539f8dc469bb3.zip
Diffstat (limited to 'src/objects')
-rw-r--r--src/objects/_alert.scss4
-rw-r--r--src/objects/_alert.vars.scss2
-rw-r--r--src/objects/_avatar.scss4
-rw-r--r--src/objects/_avatar.vars.scss4
-rw-r--r--src/objects/_backdrop.scss4
-rw-r--r--src/objects/_backdrop.vars.scss2
-rw-r--r--src/objects/_button.scss4
-rw-r--r--src/objects/_button.vars.scss2
-rw-r--r--src/objects/_card.scss34
-rw-r--r--src/objects/_card.vars.scss2
-rw-r--r--src/objects/_checkbox.scss6
-rw-r--r--src/objects/_checkbox.vars.scss2
-rw-r--r--src/objects/_dialog.scss10
-rw-r--r--src/objects/_dialog.vars.scss2
-rw-r--r--src/objects/_divider.scss4
-rw-r--r--src/objects/_divider.vars.scss2
-rw-r--r--src/objects/_emoji.scss4
-rw-r--r--src/objects/_emoji.vars.scss2
-rw-r--r--src/objects/_field-label.scss4
-rw-r--r--src/objects/_field-label.vars.scss2
-rw-r--r--src/objects/_figure.scss4
-rw-r--r--src/objects/_figure.vars.scss2
-rw-r--r--src/objects/_heading.scss4
-rw-r--r--src/objects/_heading.vars.scss2
-rw-r--r--src/objects/_icon.scss4
-rw-r--r--src/objects/_icon.vars.scss2
-rw-r--r--src/objects/_lightbox.scss8
-rw-r--r--src/objects/_lightbox.vars.scss2
-rw-r--r--src/objects/_menu.scss4
-rw-r--r--src/objects/_menu.vars.scss2
-rw-r--r--src/objects/_navbar.scss4
-rw-r--r--src/objects/_navbar.vars.scss2
-rw-r--r--src/objects/_palette.scss4
-rw-r--r--src/objects/_placeholders.scss4
-rw-r--r--src/objects/_placeholders.vars.scss2
-rw-r--r--src/objects/_popover.scss4
-rw-r--r--src/objects/_popover.vars.scss2
-rw-r--r--src/objects/_radio.scss4
-rw-r--r--src/objects/_radio.vars.scss2
-rw-r--r--src/objects/_side-nav.scss4
-rw-r--r--src/objects/_side-nav.vars.scss2
-rw-r--r--src/objects/_status-indicator.scss4
-rw-r--r--src/objects/_status-indicator.vars.scss2
-rw-r--r--src/objects/_switch.scss4
-rw-r--r--src/objects/_switch.vars.scss2
-rw-r--r--src/objects/_tabbar.scss4
-rw-r--r--src/objects/_tabbar.vars.scss2
-rw-r--r--src/objects/_table.scss4
-rw-r--r--src/objects/_table.vars.scss2
-rw-r--r--src/objects/_text-field.scss4
-rw-r--r--src/objects/_text-field.vars.scss2
-rw-r--r--src/objects/_thumbnail.scss4
-rw-r--r--src/objects/_thumbnail.vars.scss2
53 files changed, 102 insertions, 102 deletions
diff --git a/src/objects/_alert.scss b/src/objects/_alert.scss
index c2a1c58..46369f8 100644
--- a/src/objects/_alert.scss
+++ b/src/objects/_alert.scss
@@ -1,7 +1,7 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'pkg:iro-sass/src/bem'; 3@use 'pkg:iro-sass/bem';
4@use 'pkg:iro-sass/src/props'; 4@use 'pkg:iro-sass/props';
5@use '../props' as *; 5@use '../props' as *;
6 6
7@forward 'alert.vars'; 7@forward 'alert.vars';
diff --git a/src/objects/_alert.vars.scss b/src/objects/_alert.vars.scss
index bbd3dad..987d09b 100644
--- a/src/objects/_alert.vars.scss
+++ b/src/objects/_alert.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default; 4$border-width: props.def(--o-alert--border-width, props.get(core.$border-width--medium)) !default;
diff --git a/src/objects/_avatar.scss b/src/objects/_avatar.scss
index 272c213..4225917 100644
--- a/src/objects/_avatar.scss
+++ b/src/objects/_avatar.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'avatar.vars'; 6@forward 'avatar.vars';
diff --git a/src/objects/_avatar.vars.scss b/src/objects/_avatar.vars.scss
index 467d7cc..e188572 100644
--- a/src/objects/_avatar.vars.scss
+++ b/src/objects/_avatar.vars.scss
@@ -1,10 +1,10 @@
1@use 'sass:math'; 1@use 'sass:math';
2 2
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6@function icon-mask($p) { 6@function icon-mask($p) {
7 $offset: 0.15 * math.div(0.5, $p); 7 $offset: .15 * math.div(.5, $p);
8 @return 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="avatar_mask" clipPathUnits="objectBoundingBox"><path d="M 0,0 H 1 V #{$p} H #{$p + $offset} C #{$p + 0.055},#{$p} #{$p},#{$p + 0.055} #{$p},#{$p + $offset} V 1 H 0 Z" /></clipPath></defs></svg>#avatar_mask'; 8 @return 'data:image/svg+xml;utf8,<svg version="1.1" xmlns="http://www.w3.org/2000/svg"><defs><clipPath id="avatar_mask" clipPathUnits="objectBoundingBox"><path d="M 0,0 H 1 V #{$p} H #{$p + $offset} C #{$p + 0.055},#{$p} #{$p},#{$p + 0.055} #{$p},#{$p + $offset} V 1 H 0 Z" /></clipPath></defs></svg>#avatar_mask';
9} 9}
10 10
diff --git a/src/objects/_backdrop.scss b/src/objects/_backdrop.scss
index 6660abf..4576dea 100644
--- a/src/objects/_backdrop.scss
+++ b/src/objects/_backdrop.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'backdrop.vars'; 6@forward 'backdrop.vars';
diff --git a/src/objects/_backdrop.vars.scss b/src/objects/_backdrop.vars.scss
index 9206117..9398eb0 100644
--- a/src/objects/_backdrop.vars.scss
+++ b/src/objects/_backdrop.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$z-index: props.def(--o-backdrop--z-index, 10000) !default; 4$z-index: props.def(--o-backdrop--z-index, 10000) !default;
diff --git a/src/objects/_button.scss b/src/objects/_button.scss
index a3c8187..b717aab 100644
--- a/src/objects/_button.scss
+++ b/src/objects/_button.scss
@@ -2,8 +2,8 @@
2@use 'sass:map'; 2@use 'sass:map';
3@use 'sass:meta'; 3@use 'sass:meta';
4@use 'sass:string'; 4@use 'sass:string';
5@use 'pkg:iro-sass/src/bem'; 5@use 'pkg:iro-sass/bem';
6@use 'pkg:iro-sass/src/props'; 6@use 'pkg:iro-sass/props';
7@use '../props' as *; 7@use '../props' as *;
8 8
9@forward 'button.vars'; 9@forward 'button.vars';
diff --git a/src/objects/_button.vars.scss b/src/objects/_button.vars.scss
index 3f835ae..d0599f1 100644
--- a/src/objects/_button.vars.scss
+++ b/src/objects/_button.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$line-height: props.def(--o-button--line-height, 1.4) !default; 6$line-height: props.def(--o-button--line-height, 1.4) !default;
diff --git a/src/objects/_card.scss b/src/objects/_card.scss
index b8bc727..d91bdbe 100644
--- a/src/objects/_card.scss
+++ b/src/objects/_card.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use 'avatar.vars' as avatar; 5@use 'avatar.vars' as avatar;
6 6
@@ -297,10 +297,10 @@
297 297
298 @include bem.elem('body') { 298 @include bem.elem('body') {
299 @include bem.modifier('main') { 299 @include bem.modifier('main') {
300 block-size: auto;
301 min-block-size: none;
302 inline-size: 100%; 300 inline-size: 100%;
303 min-inline-size: 0; 301 min-inline-size: 0;
302 block-size: auto;
303 min-block-size: none;
304 } 304 }
305 } 305 }
306 } 306 }
@@ -309,17 +309,17 @@
309 display: block; 309 display: block;
310 interpolate-size: allow-keywords; 310 interpolate-size: allow-keywords;
311 311
312 @include bem.elem("header") { 312 @include bem.elem('header') {
313 display: flex; 313 display: flex;
314 align-items: center;
315 gap: 1em; 314 gap: 1em;
315 align-items: center;
316 cursor: pointer; 316 cursor: pointer;
317 317
318 &::before { 318 &::before {
319 margin: 0;
320 inline-size: 1em; 319 inline-size: 1em;
321 font-size: 0.8em; 320 margin: 0;
322 content: "▶"; 321 font-size: .8em;
322 content: '▶';
323 } 323 }
324 324
325 &:focus-visible { 325 &:focus-visible {
@@ -328,31 +328,31 @@
328 border-radius: calc(props.get(vars.$rounding) - props.get(vars.$border-width)); 328 border-radius: calc(props.get(vars.$rounding) - props.get(vars.$border-width));
329 } 329 }
330 330
331 @include bem.next-elem("body") { 331 @include bem.next-elem('body') {
332 padding-block-start: 0; 332 padding-block-start: 0;
333 } 333 }
334 } 334 }
335 335
336 &::details-content { 336 &::details-content {
337 opacity: 0;
338 block-size: 0; 337 block-size: 0;
339 overflow-y: clip; 338 overflow-y: clip;
339 opacity: 0;
340 transition: 340 transition:
341 content-visibility 0.2s allow-discrete, 341 content-visibility .2s allow-discrete,
342 opacity 0.2s ease, 342 opacity .2s ease,
343 block-size 0.2s ease; 343 block-size .2s ease;
344 } 344 }
345 345
346 &[open] { 346 &[open] {
347 @include bem.elem("header") { 347 @include bem.elem('header') {
348 &::before { 348 &::before {
349 content: ""; 349 content: '';
350 } 350 }
351 } 351 }
352 352
353 &::details-content { 353 &::details-content {
354 opacity: 1;
355 block-size: auto; 354 block-size: auto;
355 opacity: 1;
356 } 356 }
357 } 357 }
358 358
diff --git a/src/objects/_card.vars.scss b/src/objects/_card.vars.scss
index 4616c80..0d804c6 100644
--- a/src/objects/_card.vars.scss
+++ b/src/objects/_card.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default; 5$divider-width: props.def(--o-card--divider-width, props.get(core.$border-width--thin)) !default;
diff --git a/src/objects/_checkbox.scss b/src/objects/_checkbox.scss
index f3fb793..f179f94 100644
--- a/src/objects/_checkbox.scss
+++ b/src/objects/_checkbox.scss
@@ -1,7 +1,7 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/functions' as fn; 3@use 'pkg:iro-sass/functions' as fn;
4@use 'pkg:iro-sass/src/props'; 4@use 'pkg:iro-sass/props';
5@use '../props' as *; 5@use '../props' as *;
6@use '../core.vars' as core; 6@use '../core.vars' as core;
7 7
diff --git a/src/objects/_checkbox.vars.scss b/src/objects/_checkbox.vars.scss
index 278aac8..21cfae2 100644
--- a/src/objects/_checkbox.vars.scss
+++ b/src/objects/_checkbox.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default; 5$size: props.def(--o-checkbox--size, props.get(core.$size--175)) !default;
diff --git a/src/objects/_dialog.scss b/src/objects/_dialog.scss
index d2ee8c3..50cc129 100644
--- a/src/objects/_dialog.scss
+++ b/src/objects/_dialog.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'dialog.vars'; 6@forward 'dialog.vars';
@@ -13,8 +13,8 @@
13 @include materialize-at-root(meta.module-variables('vars')); 13 @include materialize-at-root(meta.module-variables('vars'));
14 14
15 @include bem.object('dialog') { 15 @include bem.object('dialog') {
16 display: none;
17 box-sizing: border-box; 16 box-sizing: border-box;
17 display: none;
18 inline-size: 100%; 18 inline-size: 100%;
19 max-inline-size: none; 19 max-inline-size: none;
20 block-size: 100%; 20 block-size: 100%;
@@ -31,15 +31,15 @@
31 } 31 }
32 32
33 &[open], 33 &[open],
34 &:popover-open { 34 &:popover-open {
35 display: flex; 35 display: flex;
36 flex-direction: column; 36 flex-direction: column;
37 } 37 }
38 38
39 @include bem.elem('content') { 39 @include bem.elem('content') {
40 pointer-events: auto; 40 pointer-events: auto;
41 border-radius: props.get(vars.$rounding);
42 background-color: props.get(vars.$bg-color); 41 background-color: props.get(vars.$bg-color);
42 border-radius: props.get(vars.$rounding);
43 } 43 }
44 44
45 @include bem.elem('header') { 45 @include bem.elem('header') {
diff --git a/src/objects/_dialog.vars.scss b/src/objects/_dialog.vars.scss
index 39c47ba..8b189c6 100644
--- a/src/objects/_dialog.vars.scss
+++ b/src/objects/_dialog.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4@use '../layouts/container.vars' as container; 4@use '../layouts/container.vars' as container;
5 5
diff --git a/src/objects/_divider.scss b/src/objects/_divider.scss
index d81284b..e3ae1cb 100644
--- a/src/objects/_divider.scss
+++ b/src/objects/_divider.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7@use '../core.vars' as core; 7@use '../core.vars' as core;
8 8
diff --git a/src/objects/_divider.vars.scss b/src/objects/_divider.vars.scss
index a8b0f9f..b4f01de 100644
--- a/src/objects/_divider.vars.scss
+++ b/src/objects/_divider.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$margin-b: props.def(--o-divider--size, props.get(core.$size--85)) !default; 6$margin-b: props.def(--o-divider--size, props.get(core.$size--85)) !default;
diff --git a/src/objects/_emoji.scss b/src/objects/_emoji.scss
index 655e662..1525ce7 100644
--- a/src/objects/_emoji.scss
+++ b/src/objects/_emoji.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use 'icon.vars' as icon; 5@use 'icon.vars' as icon;
6 6
diff --git a/src/objects/_emoji.vars.scss b/src/objects/_emoji.vars.scss
index cf940cf..1c0b197 100644
--- a/src/objects/_emoji.vars.scss
+++ b/src/objects/_emoji.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default; 5$size: props.def(--o-emoji--size, calc(1 / 14 * 18em)) !default;
diff --git a/src/objects/_field-label.scss b/src/objects/_field-label.scss
index 23875f5..9e2d077 100644
--- a/src/objects/_field-label.scss
+++ b/src/objects/_field-label.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'field-label.vars'; 6@forward 'field-label.vars';
diff --git a/src/objects/_field-label.vars.scss b/src/objects/_field-label.vars.scss
index 5bd4547..b1e3038 100644
--- a/src/objects/_field-label.vars.scss
+++ b/src/objects/_field-label.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default; 4$spacing-i: props.def(--o-field-label--spacing-i, props.get(core.$size--150)) !default;
diff --git a/src/objects/_figure.scss b/src/objects/_figure.scss
index 04b9bdf..529dd56 100644
--- a/src/objects/_figure.scss
+++ b/src/objects/_figure.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'figure.vars'; 6@forward 'figure.vars';
diff --git a/src/objects/_figure.vars.scss b/src/objects/_figure.vars.scss
index 3de3406..bd5f429 100644
--- a/src/objects/_figure.vars.scss
+++ b/src/objects/_figure.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$pad-b: props.def(--o-figure--pad-b, props.get(core.$size--100)) !default; 4$pad-b: props.def(--o-figure--pad-b, props.get(core.$size--100)) !default;
diff --git a/src/objects/_heading.scss b/src/objects/_heading.scss
index 0e8392e..d3b9e92 100644
--- a/src/objects/_heading.scss
+++ b/src/objects/_heading.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7 7
8@forward 'heading.vars'; 8@forward 'heading.vars';
diff --git a/src/objects/_heading.vars.scss b/src/objects/_heading.vars.scss
index 4267b8c..ba6b577 100644
--- a/src/objects/_heading.vars.scss
+++ b/src/objects/_heading.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$offset: props.def(--o-heading--offset, -.02em) !default; 6$offset: props.def(--o-heading--offset, -.02em) !default;
diff --git a/src/objects/_icon.scss b/src/objects/_icon.scss
index 1d046e0..0eec890 100644
--- a/src/objects/_icon.scss
+++ b/src/objects/_icon.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'icon.vars'; 6@forward 'icon.vars';
diff --git a/src/objects/_icon.vars.scss b/src/objects/_icon.vars.scss
index 2a37212..c50bcc1 100644
--- a/src/objects/_icon.vars.scss
+++ b/src/objects/_icon.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2 2
3$stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default; 3$stroke-width: props.def(--o-icon--stroke-width, 1.5px) !default;
4$size: props.def(--o-icon--size, calc(1 / 14 * 16em)) !default; 4$size: props.def(--o-icon--size, calc(1 / 14 * 16em)) !default;
diff --git a/src/objects/_lightbox.scss b/src/objects/_lightbox.scss
index a173d57..05a522d 100644
--- a/src/objects/_lightbox.scss
+++ b/src/objects/_lightbox.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7 7
8@forward 'lightbox.vars'; 8@forward 'lightbox.vars';
@@ -32,9 +32,9 @@
32 padding: 0; 32 padding: 0;
33 margin: 0; 33 margin: 0;
34 overflow: hidden; 34 overflow: hidden;
35 pointer-events: none;
35 background-color: transparent; 36 background-color: transparent;
36 border: 0; 37 border: 0;
37 pointer-events: none;
38 38
39 &::backdrop { 39 &::backdrop {
40 background-color: props.get(backdrop.$bg-color); 40 background-color: props.get(backdrop.$bg-color);
@@ -42,7 +42,7 @@
42 } 42 }
43 43
44 &[open], 44 &[open],
45 &:popover-open { 45 &:popover-open {
46 display: grid; 46 display: grid;
47 } 47 }
48 48
diff --git a/src/objects/_lightbox.vars.scss b/src/objects/_lightbox.vars.scss
index 6fb84f7..b817851 100644
--- a/src/objects/_lightbox.vars.scss
+++ b/src/objects/_lightbox.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default; 6$pad: props.def(--o-lightbox--pad, props.get(core.$size--150)) !default;
diff --git a/src/objects/_menu.scss b/src/objects/_menu.scss
index dce14a8..4d0faac 100644
--- a/src/objects/_menu.scss
+++ b/src/objects/_menu.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use 'icon.vars' as icon; 5@use 'icon.vars' as icon;
6 6
diff --git a/src/objects/_menu.vars.scss b/src/objects/_menu.vars.scss
index 9396117..0af3ce7 100644
--- a/src/objects/_menu.vars.scss
+++ b/src/objects/_menu.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$spacing: props.def(--o-menu--spacing, 0em) !default; 5$spacing: props.def(--o-menu--spacing, 0em) !default;
diff --git a/src/objects/_navbar.scss b/src/objects/_navbar.scss
index cc1eaaa..1b53081 100644
--- a/src/objects/_navbar.scss
+++ b/src/objects/_navbar.scss
@@ -2,8 +2,8 @@
2@use 'sass:map'; 2@use 'sass:map';
3@use 'sass:meta'; 3@use 'sass:meta';
4@use 'sass:string'; 4@use 'sass:string';
5@use 'pkg:iro-sass/src/bem'; 5@use 'pkg:iro-sass/bem';
6@use 'pkg:iro-sass/src/props'; 6@use 'pkg:iro-sass/props';
7@use '../props' as *; 7@use '../props' as *;
8 8
9@forward 'navbar.vars'; 9@forward 'navbar.vars';
diff --git a/src/objects/_navbar.vars.scss b/src/objects/_navbar.vars.scss
index e96b714..d664a60 100644
--- a/src/objects/_navbar.vars.scss
+++ b/src/objects/_navbar.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default; 6$block-size: props.def(--o-navbar--block-size, props.get(core.$size--1000)) !default;
diff --git a/src/objects/_palette.scss b/src/objects/_palette.scss
index f503812..1203dcd 100644
--- a/src/objects/_palette.scss
+++ b/src/objects/_palette.scss
@@ -1,9 +1,9 @@
1@use 'sass:list'; 1@use 'sass:list';
2@use 'sass:map'; 2@use 'sass:map';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use '../config'; 5@use '../config';
6@use 'pkg:iro-sass/src/props'; 6@use 'pkg:iro-sass/props';
7@use '../core.vars' as core; 7@use '../core.vars' as core;
8 8
9@mixin styles { 9@mixin styles {
diff --git a/src/objects/_placeholders.scss b/src/objects/_placeholders.scss
index 683f57e..7f25914 100644
--- a/src/objects/_placeholders.scss
+++ b/src/objects/_placeholders.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'placeholders.vars'; 6@forward 'placeholders.vars';
diff --git a/src/objects/_placeholders.vars.scss b/src/objects/_placeholders.vars.scss
index 1ac4ef7..c816a93 100644
--- a/src/objects/_placeholders.vars.scss
+++ b/src/objects/_placeholders.vars.scss
@@ -1,4 +1,4 @@
1@use 'pkg:iro-sass/src/props'; 1@use 'pkg:iro-sass/props';
2@use '../core.vars' as core; 2@use '../core.vars' as core;
3 3
4$min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default; 4$min-block-size: props.def(--o-placeholder--min-block-size, 1em) !default;
diff --git a/src/objects/_popover.scss b/src/objects/_popover.scss
index 1cb5660..827b511 100644
--- a/src/objects/_popover.scss
+++ b/src/objects/_popover.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'popover.vars'; 6@forward 'popover.vars';
diff --git a/src/objects/_popover.vars.scss b/src/objects/_popover.vars.scss
index 202d71a..aeba58b 100644
--- a/src/objects/_popover.vars.scss
+++ b/src/objects/_popover.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$z-index: props.def(--o-popover--z-index, 11000) !default; 5$z-index: props.def(--o-popover--z-index, 11000) !default;
diff --git a/src/objects/_radio.scss b/src/objects/_radio.scss
index ae4a85a..a2152dc 100644
--- a/src/objects/_radio.scss
+++ b/src/objects/_radio.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use '../core.vars' as core; 5@use '../core.vars' as core;
6 6
diff --git a/src/objects/_radio.vars.scss b/src/objects/_radio.vars.scss
index a5f249d..070aeef 100644
--- a/src/objects/_radio.vars.scss
+++ b/src/objects/_radio.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default; 5$diameter: props.def(--o-radio--diameter, props.get(core.$size--200)) !default;
diff --git a/src/objects/_side-nav.scss b/src/objects/_side-nav.scss
index 272d38c..1f4efcc 100644
--- a/src/objects/_side-nav.scss
+++ b/src/objects/_side-nav.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use 'icon.vars' as icon; 5@use 'icon.vars' as icon;
6 6
diff --git a/src/objects/_side-nav.vars.scss b/src/objects/_side-nav.vars.scss
index d6a7de1..b1911a5 100644
--- a/src/objects/_side-nav.vars.scss
+++ b/src/objects/_side-nav.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$spacing: props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default; 5$spacing: props.def(--o-side-nav--spacing, props.get(core.$size--50)) !default;
diff --git a/src/objects/_status-indicator.scss b/src/objects/_status-indicator.scss
index fe8fe26..3c0da6f 100644
--- a/src/objects/_status-indicator.scss
+++ b/src/objects/_status-indicator.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7 7
8@forward 'status-indicator.vars'; 8@forward 'status-indicator.vars';
diff --git a/src/objects/_status-indicator.vars.scss b/src/objects/_status-indicator.vars.scss
index dfe628f..33299ea 100644
--- a/src/objects/_status-indicator.vars.scss
+++ b/src/objects/_status-indicator.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../config'; 3@use '../config';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
diff --git a/src/objects/_switch.scss b/src/objects/_switch.scss
index 0ef95e6..ea33ef6 100644
--- a/src/objects/_switch.scss
+++ b/src/objects/_switch.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5@use '../core.vars' as core; 5@use '../core.vars' as core;
6 6
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 761cacd..922c179 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default; 5$inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
diff --git a/src/objects/_tabbar.scss b/src/objects/_tabbar.scss
index d43208f..ba1a33b 100644
--- a/src/objects/_tabbar.scss
+++ b/src/objects/_tabbar.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7 7
8@forward 'tabbar.vars'; 8@forward 'tabbar.vars';
diff --git a/src/objects/_tabbar.vars.scss b/src/objects/_tabbar.vars.scss
index d9cc53e..3a8c818 100644
--- a/src/objects/_tabbar.vars.scss
+++ b/src/objects/_tabbar.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default; 6$block-size: props.def(--o-tabbar--block-size, props.get(core.$size--700)) !default;
diff --git a/src/objects/_table.scss b/src/objects/_table.scss
index effa61f..cc5f4bf 100644
--- a/src/objects/_table.scss
+++ b/src/objects/_table.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'table.vars'; 6@forward 'table.vars';
diff --git a/src/objects/_table.vars.scss b/src/objects/_table.vars.scss
index 7c5683c..6c68492 100644
--- a/src/objects/_table.vars.scss
+++ b/src/objects/_table.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default; 5$pad-i: props.def(--o-table--pad-i, props.get(core.$size--175)) !default;
diff --git a/src/objects/_text-field.scss b/src/objects/_text-field.scss
index 5a48df3..66092ee 100644
--- a/src/objects/_text-field.scss
+++ b/src/objects/_text-field.scss
@@ -1,6 +1,6 @@
1@use 'sass:meta'; 1@use 'sass:meta';
2@use 'pkg:iro-sass/src/bem'; 2@use 'pkg:iro-sass/bem';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../props' as *; 4@use '../props' as *;
5 5
6@forward 'text-field.vars'; 6@forward 'text-field.vars';
diff --git a/src/objects/_text-field.vars.scss b/src/objects/_text-field.vars.scss
index ef06822..d9f7b0e 100644
--- a/src/objects/_text-field.vars.scss
+++ b/src/objects/_text-field.vars.scss
@@ -1,5 +1,5 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'pkg:iro-sass/src/props'; 2@use 'pkg:iro-sass/props';
3@use '../core.vars' as core; 3@use '../core.vars' as core;
4 4
5$line-height: props.def(--o-text-field--line-height, 1.4) !default; 5$line-height: props.def(--o-text-field--line-height, 1.4) !default;
diff --git a/src/objects/_thumbnail.scss b/src/objects/_thumbnail.scss
index 9925dd0..40103c6 100644
--- a/src/objects/_thumbnail.scss
+++ b/src/objects/_thumbnail.scss
@@ -1,8 +1,8 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:meta'; 2@use 'sass:meta';
3@use 'sass:string'; 3@use 'sass:string';
4@use 'pkg:iro-sass/src/bem'; 4@use 'pkg:iro-sass/bem';
5@use 'pkg:iro-sass/src/props'; 5@use 'pkg:iro-sass/props';
6@use '../props' as *; 6@use '../props' as *;
7 7
8@forward 'thumbnail.vars'; 8@forward 'thumbnail.vars';
diff --git a/src/objects/_thumbnail.vars.scss b/src/objects/_thumbnail.vars.scss
index a5625fc..b4ae924 100644
--- a/src/objects/_thumbnail.vars.scss
+++ b/src/objects/_thumbnail.vars.scss
@@ -1,6 +1,6 @@
1@use 'sass:map'; 1@use 'sass:map';
2@use 'sass:string'; 2@use 'sass:string';
3@use 'pkg:iro-sass/src/props'; 3@use 'pkg:iro-sass/props';
4@use '../core.vars' as core; 4@use '../core.vars' as core;
5 5
6$size: props.def(--o-thumbnail--size, props.get(core.$size--900)) !default; 6$size: props.def(--o-thumbnail--size, props.get(core.$size--900)) !default;