@use "sass:map";
@use "pkg:iro-sass/props";
@use "../core.vars" as core;

$line-height: props.def(--o-text-field--line-height, 1.4) !default;
$pad-i: props.def(--o-text-field--pad-i, props.get(core.$size--125)) !default;
$pad-i-pill: props.def(--o-text-field--pad-i-pill, props.get(core.$size--175)) !default;
$pad-b: props.def(--o-text-field--pad-b, props.get(core.$size--125)) !default;
$border-width: props.def(
	--o-text-field--border-width,
	props.get(core.$border-width--thin)
) !default;
$rounding: props.def(--o-text-field--rounding, props.get(core.$rounding--sm)) !default;

$extended--pad: props.def(--o-text-field--extended--pad, props.get(core.$size--50)) !default;

$focus--border-width: props.def(
	--o-text-field--focus--border-width,
	props.get(core.$border-width--medium)
) !default;

$key-focus--border-width: props.def(
	--o-text-field--key-focus--border-width,
	props.get(core.$key-focus--outline-width)
) !default;

$bg-color: props.def(
	--o-text-field--bg-color,
	props.get(core.$theme, --base, --50),
	"color"
) !default;
$placeholder-color: props.def(
	--o-text-field--placeholder-color,
	props.get(core.$theme, --text-mute-more),
	"color"
) !default;
$text-color: props.def(
	--o-text-field--text-color,
	props.get(core.$theme, --text),
	"color"
) !default;
$border-color: props.def(
	--o-text-field--border-color,
	props.get(core.$theme, --border-strong),
	"color"
) !default;

$hover--border-color: props.def(
	--o-text-field--hover--border-color,
	props.get(core.$theme, --text-mute-more),
	"color"
) !default;

$focus--border-color: props.def(
	--o-text-field--focus--border-color,
	props.get(core.$theme, --focus, --border),
	"color"
) !default;

$key-focus--border-color: props.def(
	--o-text-field--key-focus--border-color,
	props.get(core.$theme, --focus, --border),
	"color"
) !default;
$key-focus--outline-color: props.def(
	--o-text-field--key-focus--outline-color,
	props.get(core.$theme, --focus, --outline),
	"color"
) !default;

$error--border-color: props.def(
	--o-text-field--error--border-color,
	props.get(core.$theme, --negative, --700),
	"color"
) !default;

$error--hover--border-color: props.def(
	--o-text-field--error--hover--border-color,
	props.get(core.$theme, --negative, --900),
	"color"
) !default;

$error--focus--border-color: props.def(
	--o-text-field--error--focus--border-color,
	props.get(core.$theme, --negative, --900),
	"color"
) !default;

$disabled--bg-color: props.def(
	--o-text-field--disabled--bg-color,
	props.get(core.$theme, --border-mute),
	"color"
) !default;
$disabled--placeholder-color: props.def(
	--o-text-field--disabled--placeholder-color,
	props.get(core.$theme, --text-disabled),
	"color"
) !default;
$disabled--text-color: props.def(
	--o-text-field--disabled--text-color,
	props.get(core.$theme, --text-disabled),
	"color"
) !default;
$disabled--border-color: props.def(
	--o-text-field--disabled--border-color,
	props.get(core.$theme, --border-mute),
	"color"
) !default;