1 files changed, 92 insertions, 27 deletions
diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss
index 761cacd..6f56ec7 100644
--- a/src/objects/_switch.vars.scss
+++ b/src/objects/_switch.vars.scss
@@ -1,36 +1,101 @@
-@use 'sass:map';
+@use "sass:map";
-@use 'pkg:iro-sass/src/props';
+@use "pkg:iro-sass/props";
-@use '../core.vars' as core;
+@use "../core.vars" as core;
-$inline-size:     props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
+$inline-size: props.def(--o-switch--inline-size, props.get(core.$size--350)) !default;
-$block-size:      props.def(--o-switch--block-size, props.get(core.$size--200)) !default;
+$block-size: props.def(--o-switch--block-size, props.get(core.$size--200)) !default;
-$label-gap:       props.def(--o-switch--label-gap, props.get(core.$size--125)) !default;
+$label-gap: props.def(--o-switch--label-gap, props.get(core.$size--125)) !default;
-$border-width:    props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default;
+$border-width: props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default;
-$pad-i:           props.def(--o-switch--pad-i, props.get(core.$size--65)) !default;
+$pad-i: props.def(--o-switch--pad-i, props.get(core.$size--65)) !default;
-$pad-b:           props.def(--o-switch--pad-b, props.get(core.$size--65)) !default;
+$pad-b: props.def(--o-switch--pad-b, props.get(core.$size--65)) !default;
-$rounding:        props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default;
+$rounding: props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default;
 $spacing-sibling: props.def(--o-switch--spacing-sibling, props.get(core.$size--300)) !default;
-$key-focus--border-width:  props.def(--o-switch--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;
+$key-focus--border-width: props.def(
-$key-focus--border-offset: props.def(--o-switch--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;
+        --o-switch--key-focus--border-width,
-$key-focus--outline-width: props.def(--o-switch--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;
+        props.get(core.$key-focus--border-width)
+) !default;
+$key-focus--border-offset: props.def(
+        --o-switch--key-focus--border-offset,
+        props.get(core.$key-focus--border-offset)
+) !default;
+$key-focus--outline-width: props.def(
+        --o-switch--key-focus--outline-width,
+        props.get(core.$key-focus--outline-width)
+) !default;
-$track-bg-color:      props.def(--o-switch--track-bg-color, props.get(core.$theme, --border), 'color') !default;
+$track-bg-color: props.def(
-$handle-border-color: props.def(--o-switch--handle-border-color, props.get(core.$theme, --text-mute-more), 'color') !default;
+        --o-switch--track-bg-color,
-$handle-bg-color:     props.def(--o-switch--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;
+        props.get(core.$theme, --border),
+        "color"
+) !default;
+$handle-border-color: props.def(
+        --o-switch--handle-border-color,
+        props.get(core.$theme, --text-mute-more),
+        "color"
+) !default;
+$handle-bg-color: props.def(
+        --o-switch--handle-bg-color,
+        props.get(core.$theme, --base, --50),
+        "color"
+) !default;
-$hover--label-color:         props.def(--o-switch--hover--label-color, props.get(core.$theme, --heading), 'color') !default;
+$hover--label-color: props.def(
-$hover--handle-border-color: props.def(--o-switch--hover--handle-border-color, props.get(core.$theme, --text-mute), 'color') !default;
+        --o-switch--hover--label-color,
+        props.get(core.$theme, --heading),
+        "color"
+) !default;
+$hover--handle-border-color: props.def(
+        --o-switch--hover--handle-border-color,
+        props.get(core.$theme, --text-mute),
+        "color"
+) !default;
-$accent--handle-border-color: props.def(--o-switch--accent--handle-border-color, props.get(core.$theme, --accent, --900), 'color') !default;
+$accent--handle-border-color: props.def(
+        --o-switch--accent--handle-border-color,
+        props.get(core.$theme, --accent, --900),
+        "color"
+) !default;
-$accent--hover--handle-border-color: props.def(--o-switch--accent--hover--handle-border-color, props.get(core.$theme, --accent, --1000), 'color') !default;
+$accent--hover--handle-border-color: props.def(
+        --o-switch--accent--hover--handle-border-color,
+        props.get(core.$theme, --accent, --1000),
+        "color"
+) !default;
-$disabled--label-color:         props.def(--o-switch--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;
+$disabled--label-color: props.def(
-$disabled--track-bg-color:      props.def(--o-switch--disabled--track-bg-color, props.get(core.$theme, --border), 'color') !default;
+        --o-switch--disabled--label-color,
-$disabled--handle-border-color: props.def(--o-switch--disabled--handle-border-color, props.get(core.$theme, --border-strong), 'color') !default;
+        props.get(core.$theme, --text-disabled),
-$disabled--handle-bg-color:     props.def(--o-switch--disabled--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;
+        "color"
+) !default;
+$disabled--track-bg-color: props.def(
+        --o-switch--disabled--track-bg-color,
+        props.get(core.$theme, --border),
+        "color"
+) !default;
+$disabled--handle-border-color: props.def(
+        --o-switch--disabled--handle-border-color,
+        props.get(core.$theme, --border-strong),
+        "color"
+) !default;
+$disabled--handle-bg-color: props.def(
+        --o-switch--disabled--handle-bg-color,
+        props.get(core.$theme, --base, --50),
+        "color"
+) !default;
-$key-focus--label-color:   props.def(--o-switch--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;
+$key-focus--label-color: props.def(
-$key-focus--border-color:  props.def(--o-switch--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;
+        --o-switch--key-focus--label-color,
-$key-focus--outline-color: props.def(--o-switch--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;
+        props.get(core.$theme, --focus, --text),
+        "color"
+) !default;
+$key-focus--border-color: props.def(
+        --o-switch--key-focus--border-color,
+        props.get(core.$theme, --focus, --border),
+        "color"
+) !default;
+$key-focus--outline-color: props.def(
+        --o-switch--key-focus--outline-color,
+        props.get(core.$theme, --focus, --outline),
+        "color"
+) !default;

diff --git a/src/objects/_switch.vars.scss b/src/objects/_switch.vars.scss index 761cacd..6f56ec7 100644 --- a/src/objects/_switch.vars.scss +++ b/src/objects/_switch.vars.scss
@@ -1,36 +1,101 @@
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;
6	$block-size: props.def(--o-switch--block-size, props.get(core.$size--200)) !default;	6	$block-size: props.def(--o-switch--block-size, props.get(core.$size--200)) !default;
7	$label-gap: props.def(--o-switch--label-gap, props.get(core.$size--125)) !default;	7	$label-gap: props.def(--o-switch--label-gap, props.get(core.$size--125)) !default;
8	$border-width: props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default;	8	$border-width: props.def(--o-switch--border-width, props.get(core.$border-width--medium)) !default;
9	$pad-i: props.def(--o-switch--pad-i, props.get(core.$size--65)) !default;	9	$pad-i: props.def(--o-switch--pad-i, props.get(core.$size--65)) !default;
10	$pad-b: props.def(--o-switch--pad-b, props.get(core.$size--65)) !default;	10	$pad-b: props.def(--o-switch--pad-b, props.get(core.$size--65)) !default;
11	$rounding: props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default;	11	$rounding: props.def(--o-switch--rounding, props.get(core.$rounding--sm)) !default;
12	$spacing-sibling: props.def(--o-switch--spacing-sibling, props.get(core.$size--300)) !default;	12	$spacing-sibling: props.def(--o-switch--spacing-sibling, props.get(core.$size--300)) !default;
13		13
14	$key-focus--border-width: props.def(--o-switch--key-focus--border-width, props.get(core.$key-focus--border-width)) !default;	14	$key-focus--border-width: props.def(
15	$key-focus--border-offset: props.def(--o-switch--key-focus--border-offset, props.get(core.$key-focus--border-offset)) !default;	15	--o-switch--key-focus--border-width,
16	$key-focus--outline-width: props.def(--o-switch--key-focus--outline-width, props.get(core.$key-focus--outline-width)) !default;	16	props.get(core.$key-focus--border-width)
		17	) !default;
		18	$key-focus--border-offset: props.def(
		19	--o-switch--key-focus--border-offset,
		20	props.get(core.$key-focus--border-offset)
		21	) !default;
		22	$key-focus--outline-width: props.def(
		23	--o-switch--key-focus--outline-width,
		24	props.get(core.$key-focus--outline-width)
		25	) !default;
17		26
18	$track-bg-color: props.def(--o-switch--track-bg-color, props.get(core.$theme, --border), 'color') !default;	27	$track-bg-color: props.def(
19	$handle-border-color: props.def(--o-switch--handle-border-color, props.get(core.$theme, --text-mute-more), 'color') !default;	28	--o-switch--track-bg-color,
20	$handle-bg-color: props.def(--o-switch--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;	29	props.get(core.$theme, --border),
		30	"color"
		31	) !default;
		32	$handle-border-color: props.def(
		33	--o-switch--handle-border-color,
		34	props.get(core.$theme, --text-mute-more),
		35	"color"
		36	) !default;
		37	$handle-bg-color: props.def(
		38	--o-switch--handle-bg-color,
		39	props.get(core.$theme, --base, --50),
		40	"color"
		41	) !default;
21		42
22	$hover--label-color: props.def(--o-switch--hover--label-color, props.get(core.$theme, --heading), 'color') !default;	43	$hover--label-color: props.def(
23	$hover--handle-border-color: props.def(--o-switch--hover--handle-border-color, props.get(core.$theme, --text-mute), 'color') !default;	44	--o-switch--hover--label-color,
		45	props.get(core.$theme, --heading),
		46	"color"
		47	) !default;
		48	$hover--handle-border-color: props.def(
		49	--o-switch--hover--handle-border-color,
		50	props.get(core.$theme, --text-mute),
		51	"color"
		52	) !default;
24		53
25	$accent--handle-border-color: props.def(--o-switch--accent--handle-border-color, props.get(core.$theme, --accent, --900), 'color') !default;	54	$accent--handle-border-color: props.def(
		55	--o-switch--accent--handle-border-color,
		56	props.get(core.$theme, --accent, --900),
		57	"color"
		58	) !default;
26		59
27	$accent--hover--handle-border-color: props.def(--o-switch--accent--hover--handle-border-color, props.get(core.$theme, --accent, --1000), 'color') !default;	60	$accent--hover--handle-border-color: props.def(
		61	--o-switch--accent--hover--handle-border-color,
		62	props.get(core.$theme, --accent, --1000),
		63	"color"
		64	) !default;
28		65
29	$disabled--label-color: props.def(--o-switch--disabled--label-color, props.get(core.$theme, --text-disabled), 'color') !default;	66	$disabled--label-color: props.def(
30	$disabled--track-bg-color: props.def(--o-switch--disabled--track-bg-color, props.get(core.$theme, --border), 'color') !default;	67	--o-switch--disabled--label-color,
31	$disabled--handle-border-color: props.def(--o-switch--disabled--handle-border-color, props.get(core.$theme, --border-strong), 'color') !default;	68	props.get(core.$theme, --text-disabled),
32	$disabled--handle-bg-color: props.def(--o-switch--disabled--handle-bg-color, props.get(core.$theme, --base, --50), 'color') !default;	69	"color"
		70	) !default;
		71	$disabled--track-bg-color: props.def(
		72	--o-switch--disabled--track-bg-color,
		73	props.get(core.$theme, --border),
		74	"color"
		75	) !default;
		76	$disabled--handle-border-color: props.def(
		77	--o-switch--disabled--handle-border-color,
		78	props.get(core.$theme, --border-strong),
		79	"color"
		80	) !default;
		81	$disabled--handle-bg-color: props.def(
		82	--o-switch--disabled--handle-bg-color,
		83	props.get(core.$theme, --base, --50),
		84	"color"
		85	) !default;
33		86
34	$key-focus--label-color: props.def(--o-switch--key-focus--label-color, props.get(core.$theme, --focus, --text), 'color') !default;	87	$key-focus--label-color: props.def(
35	$key-focus--border-color: props.def(--o-switch--key-focus--border-color, props.get(core.$theme, --focus, --border), 'color') !default;	88	--o-switch--key-focus--label-color,
36	$key-focus--outline-color: props.def(--o-switch--key-focus--outline-color, props.get(core.$theme, --focus, --outline), 'color') !default;	89	props.get(core.$theme, --focus, --text),
		90	"color"
		91	) !default;
		92	$key-focus--border-color: props.def(
		93	--o-switch--key-focus--border-color,
		94	props.get(core.$theme, --focus, --border),
		95	"color"
		96	) !default;
		97	$key-focus--outline-color: props.def(
		98	--o-switch--key-focus--outline-color,
		99	props.get(core.$theme, --focus, --outline),
		100	"color"
		101	) !default;